:root{--bg:#fdf6ed;--surface:#fff;--surface-2:#f2e8da;--ink:#073e51;--ink-2:#0e5c74;--text-primary:#0b2e3b;--text-secondary:#4c6b72;--text-muted:#93a8ac;--accent:#2f8b8e;--accent-deep:#1f6e71;--accent-soft:#e1f1f0;--border:rgba(7,62,81,.14);--shadow:0 8px 24px rgba(7,62,81,.1);--st-untouched:#2a78d6;--st-untouched-soft:rgba(42,120,214,.1);--st-new:#e8b400;--st-new-soft:rgba(232,180,0,.45);--st-studying:#e8b400;--st-studying-soft:rgba(232,180,0,.16);--st-learned:#0ca30c;--st-learned-soft:rgba(12,163,12,.12);--st-ignored:#898781;--st-ignored-soft:hsla(45,3%,52%,.16);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#073e51;--surface:#0b4e66;--surface-2:#0f5e7a;--ink:#04222c;--ink-2:#063245;--text-primary:#fdf6ed;--text-secondary:#bfdbdd;--text-muted:#86aeb2;--accent:#59c9c8;--accent-deep:#7edbda;--accent-soft:rgba(89,201,200,.18);--border:hsla(34,80%,96%,.14);--shadow:0 8px 24px rgba(0,0,0,.35);--st-untouched:#3987e5;--st-untouched-soft:rgba(57,135,229,.16);color-scheme:dark}}:root[data-theme=dark]{--bg:#073e51;--surface:#0b4e66;--surface-2:#0f5e7a;--ink:#04222c;--ink-2:#063245;--text-primary:#fdf6ed;--text-secondary:#bfdbdd;--text-muted:#86aeb2;--accent:#59c9c8;--accent-deep:#7edbda;--accent-soft:rgba(89,201,200,.18);--border:hsla(34,80%,96%,.14);--shadow:0 8px 24px rgba(0,0,0,.35);--st-untouched:#3987e5;--st-untouched-soft:rgba(57,135,229,.16);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:Manrope,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;margin:0;text-wrap:balance}p{margin:0}button{font-family:inherit}a{color:var(--accent-deep)}em{font-style:normal}.app{width:100%;margin:0 auto;padding-inline:20px}.topbar{position:-webkit-sticky;position:sticky;top:env(safe-area-inset-top,0);background:var(--bg);border-bottom:1px solid var(--border);z-index:20}.topbar-inner{width:100%;margin:0 auto;padding:12px 20px;gap:14px;flex-wrap:wrap}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:9px;white-space:nowrap}.logo-mark{width:30px;height:30px;border-radius:9px;flex-shrink:0;background:linear-gradient(155deg,var(--ink-2),var(--ink));display:flex;align-items:center;justify-content:center;padding:5px}.logo-mark-img{width:100%;height:100%;object-fit:contain;display:block}.brand-name{font-family:Manrope,sans-serif;font-weight:800;font-size:18px;color:var(--text-primary);white-space:nowrap}.brand-name em{color:var(--accent);font-style:normal}.tabs{display:flex;background:var(--surface-2);border-radius:999px;padding:4px;gap:2px}.tab-btn{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.tab-btn[aria-pressed=true]{background:var(--ink);color:var(--accent-soft)}.header-actions{gap:8px;margin-left:auto}.counter-btn,.header-actions{display:flex;align-items:center}.counter-btn{gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 12px;cursor:default}.counter-btn .flag{font-size:16px;line-height:1}.flag-img{width:20px;height:14px;object-fit:cover;border-radius:2px;display:block}.counter-btn b{font-family:IBM Plex Mono,monospace;font-size:14px;color:var(--text-primary)}.counter-btn .counter-sep{width:1px;height:16px;background:var(--border)}.counter-btn .counter-icon{font-size:14px;line-height:1}.icon-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center}main{padding-block:24px 64px}.view[hidden]{display:none}.lib-head{margin-bottom:18px}.lib-head h1{font-size:27px}.lib-head p{color:var(--text-secondary);margin-top:8px;font-size:14px}.chips{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.course-chips{margin-top:8px}.course-chips .chip{background:var(--surface);border-style:dashed}.course-chips .chip[aria-pressed=true]{border-style:solid}.chip{border:1px solid var(--border);background:var(--surface);padding:7px 13px;border-radius:999px;font-size:13px;font-weight:700;color:var(--text-secondary);cursor:pointer}.chip[aria-pressed=true]{background:var(--ink);color:var(--accent-soft);border-color:transparent}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px;margin-top:18px}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}.card:hover{border-color:var(--accent)}.card-link-overlay{position:absolute;inset:0;z-index:1;border-radius:inherit}.card-link-overlay:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-menu-btn{position:absolute;top:10px;right:10px;z-index:2;width:28px;height:28px;border-radius:50%;border:none;background:rgba(10,20,18,.55);color:#fff;font-size:16px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.card-menu-btn:hover{background:rgba(10,20,18,.78)}.card-menu{position:absolute;top:44px;right:10px;z-index:3;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:6px;min-width:140px}.card-menu[hidden]{display:none}.card-menu-item{display:block;width:100%;text-align:left;border:none;background:none;padding:8px 10px;border-radius:7px;font-size:13px;font-weight:700;color:var(--text-primary);cursor:pointer;font-family:Manrope,sans-serif}.card-menu-item:hover{background:var(--surface-2)}.card-cover{margin:-16px -16px 0;height:112px;border-radius:16px 16px 0 0;overflow:hidden;background:#12211d}.card-cover img,.card-cover svg{width:100%;height:100%;display:block;object-fit:cover}.badge{align-items:center;gap:7px;align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--surface-2);color:var(--text-secondary)}.badge,.lvl-dots{display:inline-flex}.lvl-dots{gap:3px}.lvl-dots span{width:5px;height:5px;border-radius:50%;background:var(--border)}.lvl-dots span.on{background:var(--accent)}.card h3{font-size:18px}.card .topic{font-size:13px;color:var(--text-muted)}.mini-bar{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.mini-bar>span{display:block;height:100%;background:var(--st-learned);border-radius:999px}.card-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted);font-family:IBM Plex Mono,monospace}.profe-note{margin-top:26px;padding:14px 16px;border-radius:14px;background:var(--surface-2);border:1px dashed var(--border);font-size:13px;color:var(--text-secondary);line-height:1.5}.profe-note strong{color:var(--text-primary)}.reader-top{gap:12px;margin-bottom:16px}.back-btn,.reader-top{display:flex;align-items:center}.back-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer;gap:6px}.reader-empty{padding:48px 20px;text-align:center;flex-direction:column;align-items:center;gap:16px;color:var(--text-secondary)}.reader-empty:not([hidden]){display:flex}.reader-cover{height:200px;border-radius:16px;overflow:hidden;margin-bottom:20px;background:#12211d}.reader-cover img,.reader-cover svg{width:100%;height:100%;display:block;object-fit:cover}.reader-title h2{font-size:23px}.reader-meta{display:flex;align-items:center;gap:8px;margin-top:8px}.reader-meta .topic{font-size:13px;color:var(--text-muted)}.legend{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;font-size:12px;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.reader-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px}.font-size-control{display:inline-flex;align-items:center;gap:2px;background:var(--surface-2);border-radius:999px;padding:4px}.font-size-control button{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;width:30px;height:30px;border-radius:50%;font-size:15px;font-weight:700;font-family:Manrope,sans-serif;display:flex;align-items:center;justify-content:center}.font-size-control button:disabled{opacity:.35;cursor:default}.font-size-control button:not(:disabled):hover{background:var(--surface)}article.story{font-family:Fraunces,Georgia,Times New Roman,serif;font-size:var(--reader-font-size,19px);line-height:1.9;color:var(--text-primary);max-width:74ch;text-align:left}article.story.align-center{text-align:center;margin-inline:auto}article.story p{margin-bottom:1.3em}article.story .sentence{display:block;margin-bottom:.9em}.w{cursor:pointer;border-radius:3px;padding:0 1px}.w.st-untouched{box-shadow:inset 0 -2px 0 0 var(--st-untouched)}.w.st-new{background:var(--st-new-soft);box-shadow:inset 0 -2px 0 0 var(--st-new)}.w.st-studying{background:var(--st-studying-soft);box-shadow:inset 0 -2px 0 0 var(--st-studying)}.w:hover{background:var(--surface-2)}.reader-body{display:flex;align-items:flex-start;gap:28px}.reader-body>article.story{flex:1 1 auto;min-width:0}.word-panel-side{flex:0 0 300px;position:-webkit-sticky;position:sticky;top:20px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;max-height:calc(100vh - 40px);overflow-y:auto}@media (max-width:900px){.reader-body{display:block}.word-panel-side{position:static;max-height:none;margin-top:18px}}.reader-pagebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid var(--border)}.reader-pagebar-nav{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:Manrope,sans-serif}.reader-pagebar-nav:disabled{opacity:.35;cursor:default}.reader-pagebar-nav:not(:disabled):hover{background:var(--surface-2)}.reader-pagebar-status{font-size:13px;color:var(--text-muted);font-family:IBM Plex Mono,monospace}.reader-pagebar-dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.reader-pagebar-dot{width:9px;height:9px;border-radius:50%;border:none;padding:0;cursor:pointer;background:var(--border)}.reader-pagebar-dot[aria-current=true]{background:var(--accent)}.stat-bar-wrap{margin-top:32px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.stat-bar-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.stat-bar-head h3{font-size:13px;color:var(--text-secondary);font-weight:700;font-family:Manrope,sans-serif}.stat-bar-head .count{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--text-muted)}.stack{display:flex;gap:2px;height:10px;border-radius:999px;overflow:hidden}.stack>span{display:block;height:100%}.stack .learned{background:var(--st-learned)}.stack .studying{background:var(--st-studying)}.stack .new{background:var(--st-new)}.stack .ignored{background:var(--st-ignored)}.stat-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px;margin-top:18px}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px}.stat-tile .num{font-family:IBM Plex Mono,monospace;font-size:28px;font-weight:700}.stat-tile .label{font-size:12px;color:var(--text-muted);margin-top:4px}.garden-current{display:flex;align-items:center;gap:24px;margin-top:20px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.garden-current-info h2{font-size:16px;margin:0 0 6px}.garden-progress-bar{width:220px;max-width:60vw;height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:8px}.garden-progress-bar>span{display:block;height:100%;background:var(--st-learned);border-radius:999px}.garden-progress-text{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--text-muted);margin-top:6px}.garden-trees-title{margin-top:32px;font-size:15px;color:var(--text-secondary);font-weight:700;font-family:Manrope,sans-serif}.garden-trees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-top:14px}.garden-tree-card{display:flex;gap:14px;align-items:flex-start;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.garden-tree-card h3{font-size:13px;margin:0 0 2px;color:var(--text-primary)}.garden-tree-card .garden-tree-date{font-size:12px;color:var(--text-muted);margin:0 0 6px}.garden-tree-card .garden-tree-words{font-size:12px;color:var(--text-secondary);line-height:1.5}.garden-empty{margin-top:16px;color:var(--text-muted);font-size:14px}.reset-btn{margin-top:24px;border:1px solid var(--border);background:var(--surface);color:#b0503a;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;margin-top:16px}.settings-card h3{font-size:14px;margin-bottom:12px;font-family:Manrope,sans-serif;font-weight:800}.segmented{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:4px;gap:2px}.segmented button{border:none;background:transparent;color:var(--text-secondary);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--accent-soft)}.settings-hint{font-size:12.5px;color:var(--text-muted);margin-top:12px;line-height:1.5}.settings-more{color:var(--text-muted);font-size:13px}.flag-grid{display:flex;flex-wrap:wrap;gap:7px}.flag-grid button{font-size:19px;width:42px;height:42px;border-radius:11px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;display:flex;align-items:center;justify-content:center}.flag-grid button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset}.flag-img-btn{width:24px;height:17px;object-fit:cover;border-radius:2px;display:block}.reader-audio{margin-top:14px}.reader-audio audio{width:100%;height:36px;display:block}.audio-placeholder{font-size:12.5px;color:var(--text-muted);border:1px dashed var(--border);border-radius:10px;padding:9px 13px;display:inline-flex;gap:7px}.add-card,.audio-placeholder{background:var(--surface-2);align-items:center}.add-card{justify-content:center;text-align:center;gap:6px;border-style:dashed;min-height:172px}.add-card-icon{width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--accent-deep);font-weight:700}.add-card-label{font-weight:700;color:var(--text-primary);font-size:14px;font-family:Manrope,sans-serif}.add-card-sub{font-size:12px;color:var(--text-muted)}.add-sheet{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--surface);border-top:1px solid var(--border);border-radius:20px 20px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 32px rgba(0,0,0,.22);max-width:520px;margin:0 auto;max-height:88vh;overflow-y:auto}@media (min-width:640px){.add-sheet{left:50%;right:auto;transform:translateX(-50%);width:min(520px,92vw);border-radius:20px;bottom:24px;top:24px;max-height:calc(100vh - 48px)}}.add-sheet h3{font-size:19px}.add-field,.add-sheet h3{margin-bottom:14px}.add-field label{display:block;font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.add-field input[type=text],.add-field select,.add-field textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-family:Manrope,sans-serif;font-size:13.5px;color:var(--text-primary);background:var(--surface-2)}.add-field textarea{resize:vertical;font-family:Manrope,sans-serif}.add-field input[type=file]{font-size:12.5px;color:var(--text-secondary);width:100%}.add-image-preview{margin-top:10px;height:100px;border-radius:10px;overflow:hidden;background:var(--surface-2)}.add-image-preview img{width:100%;height:100%;object-fit:cover;display:block}.add-actions{display:flex;gap:10px;margin-top:18px}.add-actions .sheet-btn{flex:1 1}.add-actions .sheet-btn.primary{background:var(--ink);color:var(--accent-soft);border-color:transparent}.course-new-btn{margin-top:8px;background:none;border:none;color:var(--accent-deep);font-size:12.5px;font-weight:700;cursor:pointer;padding:0}.course-manage-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}.course-manage-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:9px 12px}.course-manage-item .course-name{font-size:13.5px;font-weight:700;color:var(--text-primary)}.course-manage-item .course-count{font-size:12px;color:var(--text-muted);margin-left:6px;font-weight:400}.course-manage-item-actions{display:flex;gap:6px;flex-shrink:0}.course-manage-item-actions button{border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:4px 6px;border-radius:6px}.course-manage-item-actions button:hover{background:var(--surface);color:var(--text-primary)}.course-manage-empty{font-size:12.5px;color:var(--text-muted);margin-top:6px}.course-manage-new{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.course-manage-new input{flex:1 1 180px;border:1px solid var(--border);border-radius:10px;padding:9px 12px;font-family:Manrope,sans-serif;font-size:13.5px;color:var(--text-primary);background:var(--surface-2)}.course-manage-new .sheet-btn{flex:0 0 auto;min-width:auto;padding:9px 16px}.sheet-backdrop{position:fixed;inset:0;background:rgba(10,14,12,.42);z-index:40}.word-sheet{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--surface);border-top:1px solid var(--border);border-radius:20px 20px 0 0;padding:18px 20px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 32px rgba(0,0,0,.22);max-width:860px;margin:0 auto}@media (min-width:640px){.word-sheet{left:50%;right:auto;transform:translateX(-50%);width:min(480px,90vw);border-radius:20px;bottom:24px}}.sheet-word{font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:600}.sheet-translation{margin-top:8px;font-size:15px;color:var(--text-secondary);min-height:20px}.sheet-translation a{font-weight:700}.sheet-translation b{color:var(--text-primary)}.auto-tag{font-size:12px;font-style:italic}.auto-tag,.tr-tag{color:var(--text-muted)}.tr-tag{font-size:11px}.sheet-note{margin-top:16px}.sheet-note label{display:block;font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.sheet-note textarea{width:100%;resize:vertical;border:1px dashed var(--border);border-radius:10px;padding:10px 12px;font-family:Manrope,sans-serif;font-size:13px;color:var(--text-primary);background:var(--surface-2)}.sheet-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sheet-btn{flex:1 1 auto;min-width:100px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);border-radius:10px;padding:10px 8px;font-size:13px;font-weight:700;cursor:pointer}.sheet-btn[aria-pressed=true]{border-color:transparent;color:#fff}.sheet-btn.new[aria-pressed=true]{background:var(--st-new);color:#3a2600}.sheet-btn.studying[aria-pressed=true]{background:var(--st-studying);color:#3a2600}.sheet-btn.learned[aria-pressed=true]{background:var(--st-learned)}.sheet-btn.ignored[aria-pressed=true]{background:var(--st-ignored)}.key-hint{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:5px;font-size:11px;font-family:IBM Plex Mono,monospace;background:rgba(0,0,0,.15);vertical-align:middle}.sheet-btn[aria-pressed=true] .key-hint{background:hsla(0,0%,100%,.25)}.sheet-close{display:block;margin:16px auto 0;background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:6px}