:root{--ink:#253932;--muted:#7d837c;--green:#1b5c4c;--green-light:#e9efdf;--paper:#f7f8f2;--border:#e3e7dd;--sidebar:#eef1e8;--white:#fff;--serif:Georgia,'Times New Roman',serif;font-family:Inter,'Segoe UI',system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #74a78d;outline-offset:4px}button{border:0}a{color:inherit}svg{width:20px;height:20px;display:block;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}h1,h2,p{margin:0}kbd{font-family:inherit;font-size:10px;border:1px solid currentColor;border-radius:4px;padding:2px 5px;opacity:.6}
.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);padding:36px 22px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.brand{display:flex;align-items:center;gap:11px;font-size:30px;font-weight:700;letter-spacing:-1.6px;text-decoration:none;margin:0 12px 47px}.brand-mark{position:relative;background:var(--green);color:#fff;width:38px;height:42px;border-radius:11px;font-family:var(--serif);font-size:36px;line-height:38px;text-align:center;font-weight:400;letter-spacing:-4px;padding-right:5px}.brand-mark span{color:#d5df95;font-size:26px;position:absolute;right:4px;top:-7px}.brand-dot{color:#699575}.sidebar-label{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#91988b;padding:0 12px;margin-bottom:16px}.sidebar nav{display:grid;gap:8px}.nav-item{display:flex;gap:12px;align-items:center;width:100%;text-align:left;border-radius:9px;padding:13px 12px;background:transparent;font-size:12px;font-weight:500;color:#717b6c;white-space:nowrap}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:#e4e9dc}.nav-item.active{background:var(--green);color:#fff}.nav-count{margin-left:auto;background:#ffffff20;padding:3px 7px;border-radius:5px;font-size:10px}.daily-goal{margin:45px 4px 20px;padding:19px 16px 16px;border:1px solid #d8dfce;border-radius:12px;background:#e8eddc}.goal-icon{display:block;margin-bottom:14px;color:#668160}.goal-icon svg{width:25px;height:25px}.goal-heading{font-family:var(--serif);font-size:18px;line-height:1.4;letter-spacing:-.5px}.daily-goal p{font-size:10px;line-height:1.6;color:#7e8674;margin:9px 0 19px}.goal-track,.session-progress{height:4px;border-radius:10px;background:#d8dfcd;overflow:hidden}.goal-track span,.session-progress span{display:block;height:100%;background:var(--green);width:0;transition:width .25s}.goal-bottom{display:flex;justify-content:space-between;font-size:9px;color:#6e7c62;margin-top:8px}.sidebar-bottom{margin-top:auto}.sidebar-bottom .nav-item{font-size:11px;padding:12px 5px}.save-note{display:flex;align-items:center;gap:6px;font-size:9px;color:#939b8b;padding:15px 5px 0}.status-dot,.live-dot{display:inline-block;width:6px;height:6px;background:#5e916f;border-radius:50%;flex-shrink:0}.save-note.error{color:#a54436}.save-note.error .status-dot{background:#a54436}
main{max-width:1340px;width:100%;padding:27px clamp(24px,4.7vw,76px) 23px}.topbar{display:flex;justify-content:space-between;align-items:center;color:#8b9286;font-size:10px;border-bottom:1px solid var(--border);padding-bottom:21px}.topbar #breadcrumb>span{padding:0 10px;color:#c0c5b7}.today{display:flex;align-items:center;gap:8px}.today svg{width:13px;height:13px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:39px 0 31px;gap:20px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:#89927e;margin-bottom:11px}h1{font-family:var(--serif);font-size:clamp(28px,3.3vw,42px);font-weight:400;letter-spacing:-1.6px;line-height:1.2}.page-heading p:last-child{font-size:12px;color:var(--muted);margin-top:13px}.heading-decoration{font-family:var(--serif);font-size:41px;font-style:italic;letter-spacing:-4px;transform:rotate(-9deg);color:#94a881;display:flex;align-items:flex-start;gap:10px;padding-right:15px}.heading-decoration>span{font-family:system-ui;font-size:22px;color:#789862;padding-top:5px;letter-spacing:0}.overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:35px}.metric{display:flex;align-items:center;gap:13px;background:#fcfdf9;border:1px solid var(--border);border-radius:10px;padding:18px 16px}.metric-icon{display:flex;align-items:center;justify-content:center;width:39px;height:42px;border-radius:9px;flex-shrink:0}.sage{background:#ebefdf;color:#758965}.sand{background:#f4ecda;color:#ad9462}.lilac{background:#eeebf3;color:#9486ad}.blue{background:#e7eef1;color:#7799a8}.metric-label{display:block;color:#90958a;font-size:10px;margin-bottom:6px}.metric strong{font-size:23px;font-weight:600;letter-spacing:-.5px}.study-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}.segmented{display:flex;background:#edf0e6;padding:4px;border:1px solid #e6e9df;border-radius:9px;gap:2px}.segmented button{background:transparent;color:#8d9487;font-size:10px;border-radius:6px;padding:9px 16px;white-space:nowrap}.segmented button.selected{background:#fff;color:var(--green);box-shadow:0 1px 4px #26372a0c;font-weight:600}.icon-button{width:35px;height:35px;display:flex;justify-content:center;align-items:center;background:transparent;border:1px solid var(--border);border-radius:8px;color:#85937b}.icon-button:hover{background:#e8ede0}.icon-button svg{width:16px;height:16px}.study-meta{display:flex;justify-content:space-between;align-items:center;color:#8e9487;font-size:10px;margin-bottom:11px}.study-meta>span:first-child{display:flex;align-items:center;gap:7px}.session-progress{height:3px;background:#e4e9dc;margin-bottom:20px}.flashcard{perspective:1800px;min-height:355px;height:355px;cursor:pointer;position:relative}.card-inner{width:100%;height:100%;position:relative;transition:transform .48s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}.flashcard.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #dde4d4;border-radius:17px;background:#fffefa;box-shadow:0 8px 25px #35443206;padding:24px 30px;overflow:auto}.card-front{background:radial-gradient(ellipse at 93% 3%,#edf1e47a 0,transparent 40%),#fffefa}.card-back{transform:rotateY(180deg);background:#f0f4e9;border-color:#d5dfcc}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.card-eyebrow{font-size:8px;letter-spacing:1.7px;font-weight:600;color:#9ba28f}.card-eyebrow>span{margin:0 7px;color:#b2bbaa}.word-state{background:#edf2e6;color:#7b9070;border-radius:5px;font-size:8px;letter-spacing:.3px;padding:5px 8px}.word-state.state-due{background:#f5ecd8;color:#ab8754}.word-state.state-learned{background:#dcebdd;color:#427f59}.word-center{text-align:center;padding:20px 0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.word-label{font-size:8px;letter-spacing:2px;color:#a5ad9a;margin-bottom:12px}.word-center h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px,5vw,65px);letter-spacing:-2px;line-height:1.2;overflow-wrap:anywhere}.word-underline{height:3px;width:36px;background:#c9d8a9;border-radius:5px;margin:18px 0 21px}.synonym-label{font-size:7px;letter-spacing:1.9px;color:#a0a991;margin-bottom:11px}.synonyms{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.synonyms span{border:1px solid #e6eadc;background:#f5f7ef;border-radius:6px;padding:5px 10px;font-size:11px;color:#788668}.card-bottom{display:flex;justify-content:space-between;align-items:center;color:#a4ad97;font-size:8px;gap:12px;line-height:1.6}.card-bottom>span:first-child{letter-spacing:.5px}.flip-prompt{display:flex;align-items:center;gap:9px}.flip-prompt svg,.card-bottom>span>svg{height:14px;width:14px}.back-word{font-family:var(--serif);color:#859c74;font-size:17px;overflow-wrap:anywhere}.answer-center{padding:23px 0;text-align:center}.answer-center h2{font-family:var(--serif);font-size:clamp(25px,3vw,37px);font-weight:400;letter-spacing:-.8px;line-height:1.3;overflow-wrap:anywhere}.example{border-top:1px solid #dce4d2;max-width:540px;margin:22px auto 0;padding-top:19px}.example-label{font-size:8px;letter-spacing:1.6px;color:#8d9d7e}.example p{font-family:var(--serif);font-size:19px;line-height:1.6;color:#63795b;margin-top:9px}.example mark{background:#dce7c8;color:var(--green);border-radius:3px;padding:0 2px}.card-utilities{display:flex;justify-content:space-between;margin-top:14px;gap:12px}.text-button{display:inline-flex;align-items:center;gap:7px;color:#929c86;font-size:10px;background:transparent;padding:4px 0}.text-button:hover:not(:disabled){color:var(--green)}.text-button svg{width:14px;height:14px}.flip-controls{display:flex;flex-direction:column;align-items:center;margin:22px 0 24px;gap:12px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 23px;border-radius:9px;background:var(--green);color:#fff;font-size:12px;font-weight:500;transition:background .2s}.primary-button:hover{background:#144c3e}.primary-button svg{width:17px;height:17px}.primary-button kbd{margin-left:10px;font-size:8px;color:#c8d8c7;border-color:#ffffff30}.secondary-button{background:#eef1e8;color:var(--green);border:1px solid #dce3d2}.secondary-button:hover{background:#e2ead8}.flip-controls p{font-size:9px;color:#a0a795}.grade-controls{margin:22px 0 24px;text-align:center}.grade-controls>p{font-size:10px;color:#8a9480;margin-bottom:11px}.grade-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.grade{padding:12px 8px 11px;border-radius:9px;border:1px solid;background:#fff;transition:transform .15s}.grade:hover{transform:translateY(-2px)}.grade>span{display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:600}.grade small{display:block;font-size:9px;opacity:.7;margin-top:7px}.grade kbd{font-size:8px}.again{background:#fbf0eb;color:#a56454;border-color:#efdbd2}.hard{background:#f8f2e2;color:#a48c4b;border-color:#ebdfbc}.good{background:#edf3e7;color:#618448;border-color:#d7e3c8}.easy{background:#e6f0ec;color:#367863;border-color:#c6ded2}.study-footer{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:16px;gap:12px;align-items:center}.study-footer>span{display:flex;align-items:center;gap:5px;color:#b0b6a6;font-size:9px}.study-footer svg{width:14px;height:14px}.shortcut-separator{margin:0 5px}.study-footer kbd{font-size:8px}.study-tip{display:flex;gap:12px;align-items:center;background:#eef1e6;border:1px solid #e5e9dc;border-radius:9px;padding:15px 17px;margin:24px 0 0;color:#8b967d}.study-tip>span svg{width:19px;height:19px;color:#869971}.study-tip p{font-size:10px;line-height:1.7}.study-tip strong{font-weight:600;color:#728064}.page-footer{display:flex;justify-content:space-between;margin:36px 0 0;font-size:9px;color:#b1b8a7;gap:20px}.page-footer>span:first-child{color:#8b957e}.page-footer>span:first-child>span:first-child{color:#689367}.footer-divider{margin:0 10px;color:#c6ccbe}
.loading-state,.empty-note{color:#829076;text-align:center;padding:50px 20px;font-size:13px;line-height:1.8}.loading-state.error{color:#a65c4c;text-align:left;background:#fff5ee;border:1px solid #edd9ca;border-radius:10px;padding:20px;white-space:pre-wrap;overflow-wrap:anywhere}.empty-session{text-align:center;background:#fffefa;border:1px solid var(--border);border-radius:17px;padding:50px 25px;min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center}.completion-icon{display:flex;align-items:center;justify-content:center;width:62px;height:62px;background:#e8efdb;color:#61834b;border-radius:50%;margin-bottom:22px}.completion-icon svg{width:28px;height:28px}.empty-session h2{font-family:var(--serif);font-size:35px;letter-spacing:-1px;font-weight:400}.empty-session>p:not(.eyebrow){max-width:430px;font-size:12px;line-height:1.8;color:#8b9580;margin:15px 0 24px}.library-toolbar{display:flex;gap:12px;align-items:center}.search-box{display:flex;gap:11px;align-items:center;background:#fffefa;border:1px solid var(--border);padding:12px 15px;border-radius:9px;flex:1;color:#9da68f}.search-box svg{width:17px;height:17px}.search-box input{border:0;background:transparent;color:var(--ink);width:100%;font-size:11px;outline:none}.search-box input::placeholder{color:#a0a893}select{background:#fffefa;border:1px solid var(--border);padding:13px 12px;border-radius:9px;font-size:11px;color:#7f8d73;max-width:100%}.library-caption{display:flex;justify-content:space-between;font-size:10px;color:#99a28d;margin:20px 0 12px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:10px;background:#fffefa}table{border-collapse:collapse;width:100%;text-align:left}th{background:#f1f4e9;color:#95a087;font-size:9px;font-weight:600;letter-spacing:.4px;padding:13px 17px;white-space:nowrap}td{font-size:11px;padding:14px 17px;border-top:1px solid #edf0e6;color:#859377}td:first-child button{font-family:var(--serif);font-size:19px;background:transparent;padding:0;color:var(--ink);text-align:left;min-width:90px}td:first-child button:hover{color:var(--green);text-decoration:underline}td:nth-child(2){max-width:230px;min-width:140px;line-height:1.5}.table-status{font-size:9px;white-space:nowrap;color:#9aa48f}.stats-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.panel{background:#fffefa;border:1px solid var(--border);border-radius:12px;padding:24px}.panel h2{font-family:var(--serif);font-weight:400;font-size:24px;letter-spacing:-.6px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-heading>span{font-size:10px;color:#97a18b}.panel-description{font-size:11px;color:#a1aa96;margin-top:10px;line-height:1.7}.week-chart{display:flex;gap:10px;align-items:flex-end;margin-top:33px;height:170px}.chart-day{display:flex;flex:1;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:9px}.chart-day>span{font-size:10px;color:#758a64}.chart-bar{width:100%;max-width:38px;min-height:3px;background:#d8e3c7;border-radius:6px 6px 2px 2px}.chart-day:last-child .chart-bar{background:#4a7b5d}.chart-day small{font-size:9px;color:#99a68b}.distribution-row{display:grid;grid-template-columns:95px 1fr 35px;align-items:center;gap:12px;font-size:10px;color:#8d9c7c;margin-top:19px}.distribution-track{height:7px;border-radius:10px;background:#edf0e5;overflow:hidden}.distribution-track span{display:block;height:100%;background:#c8d5b3;border-radius:10px}.distribution-row strong{text-align:right;font-weight:500;color:#718960}.stats-note{display:flex;gap:12px;align-items:flex-start;margin-top:18px;color:#98a48c}.stats-note>span svg{width:17px;height:17px}.stats-note p{font-size:11px;line-height:1.9}
dialog{border:1px solid #dbe3d0;border-radius:16px;padding:28px;max-width:540px;width:calc(100% - 32px);color:var(--ink);background:#fffefa;box-shadow:0 30px 90px #16292125}dialog::backdrop{background:#1e37295e;backdrop-filter:blur(4px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.dialog-header .eyebrow{margin:0}dialog h2{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:-1px;line-height:1.3}dialog>p{font-size:12px;line-height:1.9;color:#8b987d;margin-top:15px}.backup-actions{display:flex;gap:10px;margin:24px 0;flex-wrap:wrap}.settings-info{display:flex;gap:10px;background:#eef2e6;padding:16px;border-radius:9px;color:#8e9b7e}.settings-info p{font-size:11px;line-height:1.8}.settings-info svg{width:17px;height:17px}.settings-info code{font-size:10px;color:#5d7d4e}.danger-link{background:transparent;color:#ac7765;font-size:10px;margin-top:22px;padding:0}.detail-meaning{font-size:15px;color:#859676;margin-top:9px;line-height:1.7}.detail-synonyms{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.detail-synonyms span{font-size:10px;padding:5px 9px;border-radius:5px;background:#edf2e5;color:#7f936b}.detail-example{font-family:var(--serif);font-size:20px;line-height:1.6;margin:22px 0;color:#647e57}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--border);padding-top:20px}.detail-stats div span{display:block;font-size:10px;color:#9aa68b;margin-bottom:7px}.detail-stats div strong{font-size:22px;font-weight:500}.detail-due{margin:22px 0 0;font-size:11px;color:#8b9a7c;line-height:1.7}.toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);z-index:50;background:var(--green);color:#fff;font-size:12px;line-height:1.5;padding:13px 20px;border-radius:10px;box-shadow:0 6px 30px #12291d30;max-width:calc(100% - 30px);width:max-content}
@media(min-width:1450px){.flashcard{height:390px}.sidebar{padding-top:42px}main{padding-top:33px}.page-heading{margin-top:45px}}
@media(max-width:1100px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:14px}main{padding-left:28px;padding-right:28px}.metric{padding:15px 12px;gap:10px}.metric-icon{width:32px;height:35px}.metric-label{font-size:9px}.metric strong{font-size:21px}.segmented button{padding:9px 10px}.grade>span{font-size:10px;gap:5px}.grade kbd{display:none}}
@media(max-width:800px){.app-shell{display:block}.sidebar{position:static;height:auto;display:flex;padding:17px 22px 0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px;border-right:0;border-bottom:1px solid var(--border)}.brand{font-size:25px;margin:0 auto 0 0;gap:9px}.brand-mark{width:31px;height:34px;font-size:30px;line-height:32px;border-radius:9px}.brand-mark span{font-size:22px;right:2px}.sidebar-label,.daily-goal,.save-note{display:none}.sidebar-bottom{margin:0;order:0}.sidebar-bottom .nav-item{font-size:0;padding:9px}.sidebar nav{display:flex;width:100%;order:1;gap:6px}.nav-item{justify-content:center;border-radius:8px 8px 0 0;padding:12px 10px;font-size:11px;gap:8px}.nav-count{margin-left:0}.sidebar nav .nav-item.active{background:#dfe8d5;color:var(--green)}.sidebar nav .nav-item{flex:1}.sidebar nav .nav-item svg{width:16px;height:16px}main{padding:22px 28px}.page-heading{margin-top:27px}.overview{margin-bottom:25px;gap:10px}.metric-icon{display:none}.metric{padding:15px}.stats-grid{grid-template-columns:1fr}.topbar{font-size:9px}.page-footer{margin-top:27px}.flashcard{height:355px}}
@media(max-width:520px){main{padding:18px 18px 25px}.sidebar{padding:14px 16px 0;gap:13px}.nav-item{font-size:10px;padding:12px 6px;gap:6px}.nav-count{font-size:8px;padding:3px 5px}.sidebar nav .nav-item svg{width:14px;height:14px}.brand{font-size:24px}.topbar #breadcrumb{font-size:8px}.today{font-size:8px;gap:5px}.today svg{display:none}.topbar #breadcrumb>span{padding:0 6px}.topbar{padding-bottom:16px}.page-heading{margin:26px 0 23px}h1{font-size:31px;letter-spacing:-1.3px}.eyebrow{font-size:8px;letter-spacing:1.6px}.page-heading p:last-child{font-size:11px;line-height:1.7;max-width:270px;margin-top:10px}.heading-decoration{font-size:28px;padding-right:2px;gap:4px}.heading-decoration>span{font-size:15px}.overview{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:24px}.metric{padding:13px 14px;gap:12px}.metric-icon{display:flex;width:31px;height:34px}.metric-icon svg{width:17px;height:17px}.metric strong{font-size:21px}.metric-label{font-size:9px;margin-bottom:4px}.study-toolbar{gap:7px;margin-bottom:19px}.segmented{flex:1;gap:0;padding:3px}.segmented button{flex:1;padding:8px 5px;font-size:8px}.study-toolbar .icon-button{width:29px;height:31px;flex-shrink:0}.study-meta{font-size:9px}.flashcard{height:330px}.card-face{padding:19px 19px;border-radius:13px}.card-eyebrow{font-size:7px;letter-spacing:1.3px}.word-state{font-size:7px;padding:4px 6px}.word-label{font-size:7px;letter-spacing:1.4px}.word-center h2{font-size:43px;letter-spacing:-1.5px}.word-underline{margin:16px 0 18px}.synonyms{gap:5px}.synonyms span{font-size:10px;padding:5px 8px}.card-bottom{font-size:7px}.flip-prompt{gap:4px}.flip-prompt svg{width:12px;height:12px}.card-utilities .text-button{font-size:8px}.card-utilities svg{width:12px;height:12px}.flip-controls{margin:24px 0}.grade-buttons{gap:6px}.grade{padding:11px 4px}.grade>span{font-size:9px;white-space:nowrap}.grade small{font-size:8px}.study-footer>span{font-size:8px;gap:3px}.study-footer .text-button{font-size:8px;gap:4px}.study-footer .shortcut-separator{margin:0 2px}.study-footer kbd{font-size:7px;padding:2px 3px}.study-tip{padding:12px;margin-top:19px;align-items:flex-start;gap:9px}.study-tip p{font-size:9px}.page-footer{font-size:8px}.page-footer>span:last-child{display:none}.library-toolbar{flex-direction:column;align-items:stretch}.library-caption{font-size:9px}.library-caption>span:last-child{display:none}.library-toolbar select{font-size:11px;padding:12px}.table-wrap td,.table-wrap th{padding:12px}.table-wrap td:nth-child(2){min-width:120px}.table-wrap td:first-child button{font-size:17px;min-width:75px}.table-wrap td{font-size:10px}.answer-center h2{font-size:27px}.example p{font-size:17px}.card-back .back-word{font-size:15px;max-width:50%}dialog{padding:23px}.detail-stats{gap:7px}.detail-stats div strong{font-size:20px}.detail-stats div span{font-size:9px}.empty-session{min-height:360px;padding:35px 20px}.empty-session h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}