:root{--background:#f7f5ef;--surface:#fff;--surface-soft:#f0ede4;--ink:#171d25;--muted:#70757d;--border:#e6e0d4;--accent:#365f55;--accent-soft:#dce9df;--warm:#f0c57a;--danger:#a34d43;--shadow:0 16px 36px #1b241f14;color:var(--ink);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,Arial,sans-serif}:root[data-theme=ocean]{--background:#f2f7fa;--surface-soft:#e3eef3;--ink:#122333;--muted:#647788;--border:#d7e4eb;--accent:#24627f;--accent-soft:#d6ebf4;--warm:#72c7d8;--danger:#a3444b;--shadow:0 16px 36px #15314217}:root[data-theme=sunset]{--background:#fff7f2;--surface-soft:#f8e7df;--ink:#31201d;--muted:#866d65;--border:#eedbd1;--accent:#bb604a;--accent-soft:#f5ddd4;--warm:#ebaa62;--danger:#ad3d3d;--shadow:0 16px 36px #4d251a17}:root[data-theme=lavender]{--background:#f8f5fb;--surface-soft:#ede7f3;--ink:#282234;--muted:#756c84;--border:#e3dced;--accent:#66528b;--accent-soft:#e6dcf3;--warm:#c3a0df;--danger:#aa465e;--shadow:0 16px 36px #2e1f4317}:root[data-theme=sand]{--background:#fbf7ef;--surface-soft:#f1e8d8;--ink:#2d261d;--muted:#817363;--border:#e9dcc7;--accent:#986f3d;--accent-soft:#f2e2c8;--warm:#d8a459;--danger:#a74e42;--shadow:0 16px 36px #432e1914}:root[data-theme=rose]{--background:#fff7f8;--surface-soft:#f6e7eb;--ink:#312127;--muted:#866c75;--border:#ecd9de;--accent:#ad596d;--accent-soft:#f4dce3;--warm:#db94a7;--danger:#9d394d;--shadow:0 16px 36px #4c202d14}:root[data-theme=graphite]{--background:#f4f5f7;--surface-soft:#e8ebef;--ink:#1e252d;--muted:#68717b;--border:#dce1e7;--accent:#485765;--accent-soft:#e0e5ea;--warm:#b1bbc5;--danger:#a34d52;--shadow:0 16px 36px #1a212914}*{box-sizing:border-box}html,body,#root{min-height:100svh}body{background:var(--background);margin:0}button{font:inherit}h1,h2,h3,p{margin:0}.app{max-width:480px;min-height:100svh;padding:max(24px, env(safe-area-inset-top)) 18px max(28px, env(safe-area-inset-bottom));margin:0 auto}.eyebrow{background:var(--accent-soft);min-height:28px;color:var(--accent);letter-spacing:.07em;text-transform:uppercase;border-radius:99px;align-items:center;padding:0 11px;font-size:12px;font-weight:750;display:inline-flex}.app-header{margin:6px 2px 22px}.header-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.settings-button{border:1px solid var(--border);background:var(--surface);width:42px;min-height:40px;color:var(--accent);cursor:pointer;border-radius:13px;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:700;display:inline-flex}.icon{width:19px;height:19px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.header-navigation{gap:7px;display:flex}.app-header h1{letter-spacing:-.05em;max-width:360px;margin:13px 0 9px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,9vw,42px);font-weight:600;line-height:1.04}.app-header p{max-width:390px;color:var(--muted);font-size:15px;line-height:1.45}.preferences{border:1px solid var(--border);background:var(--surface);border-radius:20px;gap:14px;margin-bottom:20px;padding:14px;display:grid}.setting-group{justify-content:space-between;align-items:center;gap:10px;display:flex}.setting-title{color:var(--muted);flex-shrink:0;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.setting-title .icon{width:18px;height:18px}.segmented-control{background:var(--surface-soft);border-radius:12px;gap:3px;padding:3px;display:flex}.segmented-control button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:650}.segmented-control button.selected{background:var(--surface);color:var(--ink);box-shadow:0 2px 7px #1e201e14}.card-side-setting{display:block}.card-side-setting .setting-title{margin-bottom:9px}.card-side-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.card-side-option{border:1px solid var(--border);background:var(--surface-soft);min-height:42px;color:var(--ink);text-align:center;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:5px 7px;font-size:12px;font-weight:700;display:flex}.card-side-option.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.card-side-option .icon{flex-shrink:0;width:15px;height:15px}.theme-setting{display:block}.theme-setting .setting-title{margin-bottom:10px;display:block}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.theme-option{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;border-radius:13px;align-items:center;gap:8px;padding:0 11px;font-size:13px;font-weight:650;display:flex}.theme-option.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-option>span[aria-hidden=true]{background:#365f55;border-radius:99px;flex-shrink:0;width:20px;height:20px}.theme-ocean>span[aria-hidden=true]{background:#24627f}.theme-sunset>span[aria-hidden=true]{background:#bb604a}.theme-lavender>span[aria-hidden=true]{background:#66528b}.theme-sand>span[aria-hidden=true]{background:#986f3d}.theme-rose>span[aria-hidden=true]{background:#ad596d}.theme-graphite>span[aria-hidden=true]{background:#485765}.today-card{background:var(--accent);color:#fff;border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:21px 20px;display:flex;overflow:hidden}.today-card .eyebrow{color:#fff;background:#ffffff2b;margin-bottom:8px}.today-card strong{font-size:38px;line-height:1;display:block}.today-card p{color:#fffc;margin-top:5px;font-size:14px}.mascot{object-fit:contain;display:block}.today-mascot{opacity:.92;border-radius:24px;width:105px;height:105px;margin:-18px -13px -18px 12px}.shuffle-study-button{border:1px solid var(--border);background:var(--surface);width:100%;min-height:60px;color:var(--accent);cursor:pointer;border-radius:20px;justify-content:space-between;align-items:center;margin:-11px 0 25px;padding:0 18px;display:flex}.shuffle-study-button strong{align-items:center;gap:9px;font-size:16px;display:inline-flex}.shuffle-study-button span{background:var(--accent-soft);border-radius:99px;min-width:32px;padding:6px 10px;font-weight:700}.shuffle-study-button:disabled{opacity:.46;cursor:default}.level-tabs{flex-wrap:wrap;gap:8px;margin:0 0 13px;display:flex}.level-tabs button{border:1px solid var(--border);background:var(--surface);min-height:37px;color:var(--accent);cursor:pointer;border-radius:99px;align-items:center;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.level-tabs button.selected{border-color:var(--accent);background:var(--accent-soft)}.level-tabs button:disabled{opacity:.46}.library-section{margin-bottom:27px}.section-title{justify-content:space-between;align-items:center;margin:0 2px 13px;display:flex}.section-title h2{letter-spacing:-.02em;font-size:19px}.section-title-actions{align-items:center;gap:7px;display:flex}.section-title-actions>.text-button{color:var(--accent);font-size:12px}.pager{color:var(--muted);align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.pager button{background:var(--surface-soft);color:var(--accent);cursor:pointer;border:0;border-radius:9px;padding:5px;display:inline-flex}.pager button:disabled{opacity:.35;cursor:default}.pager .icon{width:15px;height:15px}.deck-list{gap:12px;display:grid}.deck-card{border:1px solid var(--border);background:var(--surface);border-radius:22px;padding:16px;box-shadow:0 1px 1px #171d2505}.deck-card.flippable{box-shadow:none;perspective:1200px;background:0 0;border:0;padding:0}.deck-card-inner{display:grid}.flippable .deck-card-inner{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .35s;position:relative}.flippable.flipped .deck-card-inner{transform:rotateY(180deg)}.deck-card-side{grid-area:1/1;min-width:0}.flippable .deck-card-side{border:1px solid var(--border);background:var(--surface);backface-visibility:hidden;border-radius:22px;padding:16px;box-shadow:0 1px 1px #171d2505}.flippable .deck-card-front{cursor:pointer;transform:rotateY(0)}.deck-card-back{pointer-events:none;cursor:pointer;transform:rotateY(180deg)}.flippable .deck-card-back{height:max-content;position:absolute;inset:0}.flipped .deck-card-front{pointer-events:none;position:absolute;inset:0}.flipped .deck-card-back{pointer-events:auto;position:relative;inset:auto}.deck-row{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.deck-level{color:#855c24;background:#f6eedc;border-radius:99px;padding:4px 9px;font-size:12px;font-weight:750}.deck-count,.progress-label{color:var(--muted);font-size:12px;font-weight:550}.deck-card h3{margin-bottom:6px;font-size:18px}.deck-card p{color:var(--muted);margin-bottom:15px;font-size:13px;line-height:1.4}.deck-practice-hint{color:var(--muted);justify-content:center;align-items:center;gap:5px;margin-top:12px;font-size:12px;font-weight:650;display:flex}.deck-practice-hint .icon{width:15px;height:15px}.progress-label{justify-content:space-between;margin-bottom:7px;display:flex}.progress-breakdown span{align-items:center;gap:4px;display:inline-flex}.progress-breakdown .icon{width:14px;height:14px}.progress-track{background:var(--surface-soft);border-radius:9px;height:6px;margin-bottom:16px;display:block;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent);height:100%;transition:width .2s;display:block}.deck-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.deck-main-action{flex:1}.deck-examples-button{justify-content:center;align-items:center;gap:6px;width:100%;margin-top:9px;display:flex}.deck-learning-actions{gap:8px;margin-top:15px;display:grid}.deck-learning-actions .primary-button,.deck-learning-actions .secondary-button{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.quiz-direction-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quiz-direction-actions .secondary-button{min-width:0;padding-inline:8px}.activity-group{gap:7px;display:grid}.activity-group-label{color:var(--muted);align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.activity-group-label .icon{width:15px;height:15px}.deck-remove-button{gap:5px;margin-top:8px}.deck-remove-button .icon{width:16px;height:16px}.deck-actions .primary-button,.deck-actions .secondary-button{justify-content:center;align-items:center;gap:5px;display:inline-flex}.browse-screen-progress{margin:4px 0 18px}.browse-reset-button{margin:-10px 0 12px auto;display:flex}.browse-progress{margin-top:13px}.browse-progress .progress-track{margin-bottom:14px}.browse-progress .progress-label{margin-bottom:10px}.practice-toggle{flex-basis:100%}.practice-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.practice-options .secondary-button{gap:6px;padding-inline:10px}.practice-card{margin:10px 0 24px}.practice-card h2{margin-bottom:10px;font-size:17px}.practice-card .shuffle-study-button{margin:0 0 14px}.browse-all-button{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);cursor:pointer;text-align:left;border-radius:16px;margin:0;padding:14px 16px 11px}.browse-all-heading,.browse-all-heading strong{justify-content:space-between;align-items:center;gap:7px;display:flex}.browse-all-button .progress-track{margin:11px 0 0}.browse-next-button{flex:1;justify-content:center;align-items:center;gap:7px;display:flex}.browse-navigation{gap:10px;margin-top:18px;display:flex}.browse-navigation .secondary-button{align-items:center;gap:5px;display:flex}.examples-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;gap:18px;padding:18px;display:grid}.examples-card-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.examples-card-heading h2{overflow-wrap:anywhere;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(28px,9vw,46px)}.examples-card-heading p,.examples-list span,.examples-list>p{color:var(--muted)}.examples-card-heading img{object-fit:cover;border-radius:20px;flex:none;width:92px;height:92px}.examples-list{gap:10px;display:grid}.examples-list article{background:var(--surface-soft);border-radius:14px;gap:5px;padding:12px;display:grid}.examples-list strong{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;line-height:1.35}.examples-list span{font-size:14px;line-height:1.35}.primary-button,.secondary-button{cursor:pointer;border:1px solid #0000;border-radius:16px;min-height:52px;padding:0 18px;font-weight:700;transition:opacity .15s,transform .15s}.primary-button{background:var(--accent);color:#fff}.secondary-button{background:var(--surface);color:var(--accent);border-color:#d9e4df}.primary-button.compact,.secondary-button.compact{border-radius:13px;min-height:43px;font-size:14px}.icon-action-button{justify-content:center;align-items:center;min-width:43px;padding-inline:12px;display:inline-flex}.icon-action-button .icon{width:17px;height:17px}.primary-button:disabled,.secondary-button:disabled{opacity:.46;cursor:default}.primary-button:not(:disabled):active,.secondary-button:not(:disabled):active{transform:scale(.98)}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:9px 4px;font-size:13px;display:inline-flex}.text-button .icon{width:17px;height:17px}.empty-state{border:1px dashed var(--border);color:var(--muted);border-radius:18px;align-items:center;gap:14px;padding:18px;font-size:14px;display:flex}.empty-state p{margin:0}.empty-state-mascot{border-radius:16px;flex:none;width:54px;height:54px}.status-card{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:20px;justify-items:start;gap:16px;padding:22px 18px;font-size:14px;display:grid}.loading-card{place-content:center;justify-items:center;gap:18px;min-height:62svh;display:grid}.loading-mascot{border-radius:26px;width:76px;height:76px;animation:1.2s ease-in-out infinite loading-breathe}.complete-mascot{border-radius:24px;width:156px;height:156px;margin:0 auto 12px}.settings-mascot{border-radius:24px;width:104px;height:104px;margin:-70px 0 -18px auto}.feedback-panel{border:1px solid var(--border);background:var(--surface);border-radius:20px;gap:12px;margin-top:18px;padding:14px;display:grid}.feedback-mascot{border-radius:20px;width:82px;height:82px;margin:-4px auto 0}.feedback-panel .primary-button{justify-self:start}.feedback-panel .status-banner{margin-bottom:0}.activity-mascot{border-radius:18px;width:64px;height:64px;margin-left:auto}.loading-line{background:var(--surface-soft);border-radius:99px;width:64px;height:4px;overflow:hidden}.loading-line:after{border-radius:inherit;background:var(--accent);content:"";width:26px;height:100%;animation:.9s ease-in-out infinite alternate loading-slide;display:block}@keyframes loading-breathe{50%{transform:translateY(-4px)}}@keyframes loading-slide{to{transform:translate(38px)}}.status-banner{border-radius:14px;margin-bottom:16px;padding:11px 13px;font-size:13px}.status-banner.error{color:var(--danger);background:#f9e4df}.status-banner.success{background:var(--accent-soft);color:var(--accent)}.study-header{align-items:center;gap:14px;margin:4px 0 19px;display:flex}.page-header{gap:18px;margin:4px 0 22px;display:grid}.page-header h1{letter-spacing:-.04em;margin-bottom:7px;font-size:29px}.page-header p{color:var(--muted);font-size:14px;line-height:1.45}.study-header h1{letter-spacing:-.04em;margin-top:5px;font-size:22px}.remaining-counter{color:var(--muted);margin-top:5px;font-size:13px}.remaining-counter strong{color:var(--ink)}.quiz-prompt{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:24px;place-content:center;justify-items:center;min-height:172px;padding:22px;display:grid}.quiz-screen-progress{margin:0 0 15px}.quiz-prompt strong{overflow-wrap:anywhere;max-width:100%;font-family:Arial,sans-serif;font-size:clamp(26px,9vw,42px);font-weight:650}.quiz-prompt span{color:var(--muted);margin-top:8px;font-size:15px}.quiz-options{gap:9px;margin-top:15px;display:grid}.quiz-option{border:1px solid var(--border);background:var(--surface);min-height:55px;color:var(--ink);overflow-wrap:anywhere;cursor:pointer;border-radius:16px;padding:12px 15px;font-size:15px;font-weight:650}.quiz-option.correct{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.quiz-option.incorrect{border-color:var(--danger);color:var(--danger);background:#f9e4df}.quiz-feedback{border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding:12px 13px;font-size:14px;display:flex}.quiz-feedback.correct{background:var(--accent-soft);color:var(--accent)}.quiz-feedback.incorrect{color:var(--danger);background:#f9e4df}.quiz-feedback .primary-button{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.back-button{border:1px solid var(--border);background:var(--surface);width:auto;height:44px;color:var(--ink);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:5px;padding:0 11px 0 9px;font-size:14px;font-weight:650;display:inline-flex}.back-button .icon{width:17px;height:17px}.complete-card .primary-button{align-items:center;gap:7px;display:inline-flex}.complete-card .primary-button .icon{width:17px;height:17px}.admin-panel{border:1px solid var(--border);background:var(--surface);border-radius:20px;gap:13px;margin-bottom:16px;padding:16px;display:grid}.admin-panel h2{font-size:18px}.admin-panel p,.admin-field small{color:var(--muted);font-size:13px;line-height:1.4}.admin-field{color:var(--muted);gap:7px;font-size:13px;font-weight:650;display:grid}.admin-field input,.admin-panel input[type=file],.admin-field select,.admin-field textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:12px;padding:11px}.admin-field textarea{resize:vertical}.admin-create-deck{border:1px dashed var(--border);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;padding:12px;display:grid}.admin-create-deck .compact-field{max-width:none}.admin-check-field{border:1px solid var(--border);background:var(--surface);min-height:43px;color:var(--muted);border-radius:12px;place-self:end stretch;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex}.admin-check-field input{accent-color:var(--accent)}.admin-create-deck .secondary-button{grid-column:1/-1;justify-self:start}.admin-level-filter{margin:0}.admin-inline-form{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.import-file-list{gap:6px;display:grid}.import-file-list small{color:var(--muted);font-size:13px}.import-file-list ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.import-file-list li{overflow-wrap:anywhere;color:var(--ink);font-size:13px}.import-file-list li:before{content:"·";color:var(--muted);margin-right:7px}.deck-admin-list,.deck-admin-cards{gap:7px;display:grid}.deck-admin-entry{gap:8px;display:grid}.deck-admin-cards{border-top:1px solid var(--border);max-height:360px;margin-left:10px;padding:11px 0 0 10px;overflow-y:auto}.deck-admin-cards small{color:var(--muted)}.deck-admin-item{border:1px solid var(--border);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;display:flex}.deck-admin-item>button:first-child{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:10px;padding:0;display:flex}.admin-bulk-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.admin-bulk-actions .text-button{color:var(--danger);font-size:12px}.card-result-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.deck-card-admin-row{grid-template-columns:minmax(0,1fr) minmax(150px,220px) auto}.admin-card-deck-select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:38px;color:var(--ink);font:inherit;border-radius:12px;padding:0 10px;font-size:13px}.admin-image-preview{object-fit:cover;border-radius:16px;width:140px;height:120px}.deck-admin-entry.selected .deck-admin-item{border-color:var(--accent)}.deck-admin-item{transition:border-color .16s,box-shadow .16s,transform .16s}.deck-admin-item:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:0 10px 24px #56457c14}.card-result-row[draggable=true],.card-result[draggable=true]{cursor:grab}.deck-admin-item span{color:var(--muted);flex-shrink:0;font-size:12px}@media (width<=640px){.deck-card-admin-row{grid-template-columns:1fr auto}.admin-card-deck-select{order:2;grid-column:1/-1}}.admin-list{gap:8px;display:grid}.admin-list-item{border-top:1px solid var(--border);color:var(--ink);justify-content:space-between;align-items:center;gap:10px;padding-top:9px;font-size:14px;display:flex}.flashcard{perspective:1000px;cursor:pointer;background:0 0;border:0;width:100%;height:min(430px,48svh);min-height:350px;margin-top:4px;padding:0;transition:transform .18s ease-in,opacity .18s ease-in;animation:.18s ease-out card-enter}.swipe-card{touch-action:pan-y;transition:transform .14s ease-out}.swipe-hint{color:var(--muted);text-align:center;margin:10px auto 0;font-size:12px}.flashcard.transition-leaving{opacity:0;transform:translate(-36px)}@keyframes card-enter{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s;position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-side{border:1px solid var(--border);backface-visibility:hidden;background:var(--surface);box-shadow:var(--shadow);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.flashcard-back{background:#fffdf8;transform:rotateY(180deg)}.greek-word{max-width:100%;color:var(--ink);letter-spacing:-.015em;overflow-wrap:anywhere;text-align:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(30px,11vw,64px);font-weight:600;line-height:1.08}.transcription{color:var(--muted);margin-top:8px;font-size:15px}.card-image{object-fit:cover;border-radius:24px;width:160px;height:140px;margin-top:27px}.flashcard-back .card-image{margin:0 0 28px}.translation{letter-spacing:-.03em;overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:clamp(23px,8vw,31px);font-weight:700;line-height:1.12}.bilingual-translation{text-align:center;gap:12px;display:grid}.bilingual-translation span+span{color:var(--muted);font-size:.82em}.actions{grid-template-columns:1fr 1fr;gap:11px;margin-top:18px;display:grid}.card-utility-actions{justify-content:center;gap:14px;margin-top:8px;display:flex}.card-utility-actions .text-button:first-child{color:var(--danger)}.report-form,.card-editor{border:1px solid var(--border);background:var(--surface);border-radius:16px;gap:12px;margin-top:12px;padding:14px;display:grid}.dialog-backdrop{z-index:10;background:#171d255c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--border);background:var(--surface);border-radius:18px;gap:18px;width:min(100%,360px);padding:18px;display:grid;box-shadow:0 14px 38px #171d2529}.confirm-dialog h2{font-size:18px;line-height:1.35}.confirm-dialog-actions{justify-content:flex-end;gap:9px;display:flex}.report-list{gap:10px;display:grid}.report-item{border-top:1px solid var(--border);gap:7px;padding-top:10px;display:grid}.report-title{justify-content:space-between;gap:10px;font-size:14px;display:flex}.report-title span{color:var(--muted);font-size:12px}.report-actions{gap:10px;display:flex}.card-result{border:1px solid var(--border);background:var(--surface-soft);width:100%;color:var(--ink);text-align:left;cursor:pointer;border-radius:12px;gap:4px;padding:10px;display:grid}.card-result span{color:var(--muted);font-size:12px;line-height:1.35}.card-result .admin-card-translation{background:var(--surface);width:fit-content;max-width:100%;color:var(--ink);overflow-wrap:anywhere;border-radius:999px;padding:4px 9px;font-size:13px;font-weight:650}.complete-card{background:var(--surface);text-align:center;border-radius:26px;margin-top:32px;padding:38px 24px}.complete-card span{background:var(--accent-soft);width:54px;height:54px;color:var(--accent);border-radius:99px;justify-content:center;align-items:center;margin:0 auto 18px;font-size:26px;font-weight:700;display:flex}.complete-card h2{margin-bottom:9px;font-size:23px}.complete-card p{color:var(--muted);margin-bottom:25px;font-size:14px;line-height:1.45}.complete-card-actions{justify-content:center;gap:10px;display:flex}.complete-card-actions button{justify-content:center;align-items:center;gap:7px;display:flex}@media (width<=380px){.app{padding-inline:12px}.setting-group{display:block}.setting-title{margin-bottom:7px;display:block}.segmented-control button{flex:1}.admin-create-deck{grid-template-columns:1fr}.admin-create-deck .secondary-button{grid-column:auto}}.reading-entries{gap:10px;margin-bottom:18px;display:grid}.reading-entry{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:22px;align-items:center;gap:12px;padding:14px 16px;display:flex}.reading-entry>.icon:first-child{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:12px;flex:none;padding:9px}.reading-entry>.icon:last-child{color:var(--muted);flex:none}.reading-entry>span{flex:1;gap:4px;min-width:0;display:grid}.reading-entry small{color:var(--muted);font-size:13px}.reading-entry .progress-track{margin-top:2px}.progress-track.large{height:10px;margin-bottom:0}.reading-progress{border:1px solid var(--border);background:var(--surface);border-radius:22px;gap:10px;margin-bottom:16px;padding:16px;display:grid}.reading-progress-total{color:var(--ink);justify-content:space-between;align-items:baseline;font-size:15px;font-weight:700;display:flex}.reading-progress-total strong{color:var(--accent);font-size:20px}.reading-progress-level{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:44px 1fr 36px;align-items:center;gap:10px;padding:6px 8px;display:grid}.reading-progress-level .deck-level{text-align:center}.reading-progress-level.selected{border-color:var(--accent-soft);background:var(--surface-soft)}.reading-progress-count{color:var(--muted);text-align:right;font-size:13px;font-weight:650}.text-list{gap:10px;display:grid}.text-list-item{border:1px solid var(--border);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:20px;gap:4px;padding:14px 16px;display:grid}.text-list-item.is-read{border-color:var(--accent-soft);background:color-mix(in srgb, var(--accent-soft) 35%, var(--surface))}.text-list-item strong{font-size:18px}.text-list-item>span:not(.deck-row),.text-list-item small{color:var(--muted)}.read-badge{background:var(--accent-soft);color:var(--accent);border-radius:99px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:750;display:inline-flex}.read-badge .icon{width:14px;height:14px}.reading-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.reading-text{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;padding:18px;font-size:18px;line-height:1.75}.reading-text p{white-space:pre-wrap;margin:0 0 1em}.reading-text p:last-child{margin-bottom:0}.reading-word{cursor:pointer;border-radius:6px;transition:background-color .12s}.reading-word:hover{background:var(--surface-soft)}.reading-word:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.reading-word.saved{-webkit-text-decoration:underline 2px var(--warm);text-decoration:underline 2px var(--warm);text-underline-offset:4px}.reading-word.selected{background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent-soft)}.reading-done{border:1px solid var(--border);background:var(--surface);width:100%;min-height:52px;color:var(--accent);font:inherit;cursor:pointer;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin-top:16px;padding:8px 18px;font-weight:700;display:flex}.reading-done .icon{flex:none}.reading-done.is-read{background:var(--accent);color:var(--surface);border-color:#0000}.reading-done small{opacity:.8;width:100%;font-size:12px;font-weight:600}.vocabulary-dialog{border:1px solid var(--border);background:var(--surface);border-radius:20px;gap:14px;width:min(100%,440px);max-height:calc(100vh - 36px);padding:18px;display:grid;overflow-y:auto;box-shadow:0 14px 38px #171d2529}.vocabulary-dialog-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.vocabulary-dialog-header h2{margin:0;font-size:20px}.dialog-close{background:var(--surface-soft);width:36px;height:36px;color:var(--muted);cursor:pointer;border:0;border-radius:12px;flex:none;place-items:center;font-size:22px;line-height:1;display:grid}.field-heading{justify-content:space-between;align-items:center;display:flex}.field-heading .text-button{align-items:center;gap:4px;display:inline-flex}.admin-field small{color:var(--muted);font-size:12px;font-weight:500}.card-context{background:var(--surface-soft);max-width:100%;color:var(--muted);text-align:center;border-radius:14px;padding:10px 12px;font-size:15px;font-style:italic;line-height:1.4}.vocabulary-summary{border:1px solid var(--border);background:var(--surface);border-radius:22px;gap:12px;margin-bottom:22px;padding:16px;display:grid}.vocabulary-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.vocabulary-actions button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.vocabulary-actions button:first-child{grid-column:1/-1}.vocabulary-list{gap:8px;display:grid}.vocabulary-word{border:1px solid var(--border);background:var(--surface);border-radius:18px;align-items:center;gap:10px;padding:12px 14px;display:flex}.vocabulary-word>div{flex:1;gap:2px;min-width:0;display:grid}.vocabulary-word strong{font-size:17px}.vocabulary-word span{color:var(--ink)}.vocabulary-word small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-style:italic;overflow:hidden}.empty-state .primary-button{align-items:center;gap:6px;display:inline-flex}@media (width<=520px){.dialog-backdrop:has(.vocabulary-dialog){align-items:end;padding:0}.vocabulary-dialog{border-radius:22px 22px 0 0;width:100%;max-height:92vh}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-grow{0%{transform:scaleX(0)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes dialog-out{to{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(100%)}}@keyframes underline-grow{0%{background-size:0% 2px}}@keyframes check-pop{0%{transform:scale(.4)rotate(-20deg)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes leave-left{to{opacity:0;transform:translate(-24px)}}.reading-entry,.reading-progress,.text-list-item,.reading-text,.reading-done,.reading-status,.vocabulary-summary,.vocabulary-word{animation:.24s cubic-bezier(.2,.8,.2,1) backwards rise-in;animation-delay:calc(var(--stagger,0) * 45ms)}.reading-entries .reading-entry:nth-child(2),.reading-text{--stagger:1}.reading-done{--stagger:2}.reading-entry,.text-list-item,.reading-progress-level,.reading-done{transition:transform .15s,background-color .2s,border-color .2s,color .2s}.reading-entry:active,.text-list-item:active,.reading-progress-level:active,.reading-done:active{transform:scale(.98)}.reading-progress .progress-track span,.reading-entry .progress-track span,.vocabulary-summary .progress-track span{transform-origin:0;transition:width .4s cubic-bezier(.2,.8,.2,1);animation:.7s cubic-bezier(.2,.8,.2,1) .12s backwards bar-grow}.reading-word.saved{background-image:linear-gradient(var(--warm), var(--warm));background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px;text-decoration:none;animation:.42s ease-out underline-grow}.reading-word.selected{transition:background-color .15s,box-shadow .15s}.reading-done.is-read .icon{animation:.36s cubic-bezier(.2,.8,.2,1) check-pop}.dialog-backdrop:has(.vocabulary-dialog){animation:.16s ease-out fade-in}.vocabulary-dialog{animation:.2s cubic-bezier(.2,.8,.2,1) dialog-in}.dialog-backdrop.closing{animation:.18s ease-in forwards fade-out}.dialog-backdrop.closing .vocabulary-dialog{animation:.18s ease-in forwards dialog-out}.vocabulary-word.leaving{animation:.18s ease-in forwards leave-left}@media (width<=520px){.vocabulary-dialog{animation:.26s cubic-bezier(.2,.8,.2,1) sheet-in}.dialog-backdrop.closing .vocabulary-dialog{animation:.18s ease-in forwards sheet-out}}@media (prefers-reduced-motion:reduce){.reading-entry,.reading-progress,.text-list-item,.reading-text,.reading-done,.reading-done .icon,.reading-status,.vocabulary-summary,.vocabulary-word,.reading-word.saved,.progress-track span,.dialog-backdrop,.vocabulary-dialog{transition:none!important;animation:none!important}}
