:root{color-scheme:light;--bg:#f4f5fb;--surface:rgba(255,255,255,0.9);--surface-soft:#f7f7fb;--text:#171823;--muted:#747789;--line:#e7e8f1;--primary:#6d5dfc;--primary-dark:#5545e8;--primary-soft:#eeebff;--green:#20b878;--green-soft:#e8faf2;--red:#f15c6d;--red-soft:#fff0f2;--orange:#f29c45;--orange-soft:#fff5e8;--blue:#3f8cff;--blue-soft:#eaf2ff;--shadow:0 18px 45px rgba(40,42,76,0.09);--shadow-sm:0 10px 28px rgba(40,42,76,0.075);--radius-xl:30px;--radius-lg:22px;--radius-md:16px}:root[data-theme=dark]{color-scheme:dark;--bg:#0b0d14;--surface:rgba(20,23,34,0.88);--surface-solid:#151822;--surface-soft:#1b1e2a;--text:#f2f3fa;--muted:#9b9fb2;--line:#292d3c;--primary:#887bff;--primary-dark:#7667ff;--primary-soft:#282342;--green-soft:#17372b;--red-soft:#3b2027;--orange-soft:#3a2a1d;--blue-soft:#192d4a;--shadow:0 20px 50px rgba(0,0,0,0.3);--shadow-sm:0 12px 30px rgba(0,0,0,0.25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% -10%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 32rem),radial-gradient(circle at 100% 25%,color-mix(in srgb,var(--blue) 8%,transparent),transparent 28rem),var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a,button{color:inherit}a{text-decoration:none}.app-shell{min-height:100vh;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.topbar{width:min(1180px,calc(100% - 32px));height:82px;margin:0 auto;display:flex;justify-content:space-between}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:11px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),#a084ff);color:white;font-size:21px;font-weight:900;box-shadow:0 9px 20px color-mix(in srgb,var(--primary) 26%,transparent)}.brand>span:last-child{display:flex;flex-direction:column;gap:1px}.brand strong{font-size:18px;letter-spacing:.2px}.brand small{font-size:10px}.top-actions{display:flex;align-items:center;gap:9px}.icon-button{width:43px;height:43px;padding:0;border:1px solid var(--line);border-radius:14px;display:inline-grid;place-items:center;background:var(--surface);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease}.icon-button:hover{transform:translateY(-2px);border-color:var(--primary)}.install-compact{color:var(--primary)}.main-content{width:min(1180px,calc(100% - 32px));margin:0 auto}.page-stack{display:flex;flex-direction:column;gap:30px;padding-bottom:34px}.bottom-nav{position:fixed;z-index:50;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 28px));min-height:69px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:color-mix(in srgb,var(--surface-solid) 90%,transparent);border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:24px;box-shadow:0 20px 50px rgba(22,24,52,.18);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bottom-link{min-height:54px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);transition:.2s ease}.bottom-link.active{background:var(--primary-soft);font-weight:700}.eyebrow{display:inline-block;color:rgba(255,255,255,.75);font-size:11px;font-weight:700;letter-spacing:.3px}.page-title{margin:6px 0 0;font-size:clamp(27px,4vw,38px);line-height:1.2}.page-title-row{align-items:flex-end}.page-title-row,.section-heading{display:flex;justify-content:space-between;gap:16px}.section-heading{align-items:end;margin-bottom:16px}.section-heading h2{margin:5px 0 0;font-size:clamp(20px,3vw,27px)}.section-caption{color:var(--muted);font-size:12px}.text-link{color:var(--primary);font-weight:700;display:flex;gap:3px}.button,.text-link{font-size:12px;align-items:center}.button{min-height:44px;padding:0 17px;border:0;border-radius:14px;cursor:pointer;display:inline-flex;justify-content:center;gap:8px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.button:hover{transform:translateY(-2px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;box-shadow:0 12px 22px color-mix(in srgb,var(--primary) 25%,transparent)}.button-secondary{background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.button-light{background:white;color:#3c31a7}.hero-card{min-height:390px;position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:48px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;background:linear-gradient(130deg,#372b8e,#6652ec 52%,#8e74ff);color:white;box-shadow:0 28px 60px rgba(76,61,188,.25)}.hero-copy{position:relative;z-index:3;max-width:550px}.hero-copy h1{margin:10px 0 14px;font-size:clamp(37px,6vw,64px);line-height:1.08;letter-spacing:-1.8px}.hero-copy p{margin:0;max-width:520px;color:rgba(255,255,255,.79);line-height:2;font-size:14px}.hero-actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.hero-card .button-secondary{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.22);color:white;box-shadow:none}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.35}.hero-glow-one{width:360px;height:360px;background:#bcaeff;top:-180px;right:-60px}.hero-glow-two{width:280px;height:280px;background:#4ee0d0;bottom:-190px;left:20%}.hero-orbit{position:relative;min-height:300px}.hero-orbit:after,.hero-orbit:before{content:"";position:absolute;inset:7% 8%;border:1px solid rgba(255,255,255,.18);border-radius:50%;transform:rotate(-15deg)}.hero-orbit:after{inset:20% -2%;transform:rotate(28deg)}.orbit-badge,.orbit-card{position:absolute;z-index:2;box-shadow:0 20px 40px rgba(24,17,70,.23);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.orbit-card{width:170px;padding:18px;border-radius:21px;background:rgba(255,255,255,.91);color:#2a2940;display:flex;flex-direction:column;gap:4px}.orbit-card span{font-weight:900;font-size:18px;direction:ltr;text-align:left}.orbit-card small{color:#727287}.orbit-one{top:16px;right:8%;transform:rotate(7deg)}.orbit-two{bottom:16px;left:3%;transform:rotate(-7deg)}.orbit-badge{width:138px;height:138px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(24,22,66,.48);border:1px solid rgba(255,255,255,.22);display:flex;flex-direction:column;align-items:center;justify-content:center}.orbit-badge strong{font-size:29px;margin-top:3px}.orbit-badge small{color:rgba(255,255,255,.73);font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{min-height:145px;padding:20px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:flex-start}.stat-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;margin-bottom:auto}.stat-card strong{font-size:27px;line-height:1;margin:13px 0 5px}.stat-card>span:last-child{color:var(--muted);font-size:11px}.tone-purple .stat-icon{background:var(--primary-soft);color:var(--primary)}.tone-green .stat-icon{background:var(--green-soft);color:var(--green)}.tone-orange .stat-icon{background:var(--orange-soft);color:var(--orange)}.tone-blue .stat-icon{background:var(--blue-soft);color:var(--blue)}.category-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category-card{min-height:126px;padding:16px;border:1px solid var(--line);background:var(--surface);border-radius:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .2s ease,border-color .2s ease}.category-card:hover{transform:translateY(-4px);border-color:var(--primary)}.category-icon{width:43px;height:43px;border-radius:15px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);margin-bottom:10px}.category-card strong{font-size:13px}.category-card small{margin-top:4px;color:var(--muted);font-size:9px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature-card{min-height:126px;padding:22px;border-radius:var(--radius-lg);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px}.feature-import{background:linear-gradient(135deg,#1b9f7c,#35c399);color:white}.feature-grammar{background:linear-gradient(135deg,#326dbd,#4c93ef);color:white}.feature-icon{width:52px;height:52px;border-radius:17px;background:rgba(255,255,255,.15);display:grid;place-items:center}.feature-card strong{font-size:16px}.feature-card p{margin:6px 0 0;color:rgba(255,255,255,.76);font-size:11px;line-height:1.8}.count-pill,.language-switch,.level-select{min-height:43px;border-radius:14px;border:1px solid var(--line);background:var(--surface);padding:0 14px;color:var(--text);box-shadow:var(--shadow-sm)}.language-switch{cursor:pointer;gap:7px;font-weight:900}.count-pill,.language-switch{display:flex;align-items:center}.count-pill{font-size:11px;color:var(--muted)}.filter-bar,.library-toolbar{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)}.study-filters{padding:12px;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:9px}input,select{outline:none}.filter-grid select,.level-select,.study-filters select{border:1px solid var(--line);background:var(--surface-soft);color:var(--text);padding:0 12px;min-height:42px;border-radius:12px;font-size:11px}.toggle-control{min-height:42px;padding:0 11px;border-radius:12px;background:var(--surface-soft);display:flex;align-items:center;gap:7px;font-size:10px;cursor:pointer;white-space:nowrap}.toggle-control input{display:none}.toggle-control>span{width:33px;height:19px;border-radius:20px;background:var(--line);position:relative;transition:.2s}.toggle-control>span:after{content:"";width:13px;height:13px;border-radius:50%;background:white;position:absolute;top:3px;right:3px;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.2s}.toggle-control input:checked+span{background:var(--primary)}.toggle-control input:checked+span:after{transform:translateX(-14px)}.study-meta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;color:var(--muted);font-size:10px}.progress-track{height:7px;border-radius:10px;background:var(--line);overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#a083ff);transition:width .3s ease}.flashcard-shell{min-height:440px;max-width:820px;width:100%;margin:0 auto;position:relative;border-radius:32px;padding:23px;overflow:hidden;box-shadow:0 28px 60px rgba(41,34,111,.17);cursor:pointer;transition:transform .2s ease}.flashcard-shell:hover{transform:translateY(-2px)}.flashcard-shell:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;top:-190px;right:-70px;background:rgba(255,255,255,.14)}.flashcard-shell:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;bottom:-160px;left:-60px;background:rgba(255,255,255,.09)}.card-neutral{background:linear-gradient(145deg,#5a4ad8,#7e6df5);color:white}.card-known{background:linear-gradient(145deg,#169d77,#3ac8a0);color:white}.card-learning{background:linear-gradient(145deg,#dd5365,#fa7f67);color:white}.flashcard-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.card-tags span{padding:5px 9px;border-radius:9px;background:rgba(255,255,255,.17);font-size:9px;font-weight:700}.score-badge{min-width:38px;height:30px;padding:0 9px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.18);font-weight:900;font-size:12px}.flashcard-main{min-height:260px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.flashcard-main h2{margin:14px 0 6px;max-width:92%;font-size:clamp(32px,7vw,59px);line-height:1.25;overflow-wrap:anywhere}.speak-button{width:48px;height:48px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.13);color:white;border-radius:17px;display:grid;place-items:center;cursor:pointer}.tap-hint{color:rgba(255,255,255,.68);font-size:10px}.flashcard-details{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;animation:reveal .25s ease}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.answer-block{padding:16px;border-radius:18px;background:rgba(255,255,255,.14);text-align:center}.answer-block span{display:block;color:rgba(255,255,255,.67);font-size:9px;margin-bottom:5px}.answer-block strong{font-size:clamp(20px,4vw,31px)}.explanation{margin:0;text-align:center;color:rgba(255,255,255,.82);font-size:12px;line-height:1.8}.examples-list h3{margin:0 0 8px;font-size:11px}.example-row{width:100%;padding:10px 12px;border:0;border-radius:13px;background:rgba(255,255,255,.11);color:white;display:flex;align-items:flex-start;gap:9px;text-align:right;cursor:pointer;margin-top:7px}.example-row>span{display:flex;flex-direction:column;gap:3px}.example-row b{font-size:11px;font-weight:700}.example-row small{color:rgba(255,255,255,.68);font-size:9px}.relation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.relation-grid>div{padding:11px;border-radius:13px;background:rgba(255,255,255,.1)}.relation-grid span{font-size:8px;color:rgba(255,255,255,.63)}.relation-grid p{margin:4px 0 0;font-size:10px}.card-footnote{display:flex;gap:8px;flex-wrap:wrap;font-size:9px;color:rgba(255,255,255,.72)}.card-footnote span{display:flex;gap:5px;align-items:center}.grade-panel{max-width:820px;width:100%;margin:0 auto;border:1px solid var(--line);background:var(--surface);padding:16px;border-radius:20px;box-shadow:var(--shadow-sm)}.grade-heading,.grade-labels{display:flex;justify-content:space-between;align-items:center}.grade-heading{font-size:11px;margin-bottom:11px}.grade-heading strong{color:var(--primary)}.grade-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.grade-buttons button{height:38px;border:1px solid var(--line);background:var(--surface-soft);border-radius:11px;cursor:pointer;font-weight:800}.grade-buttons button.active{background:var(--primary);border-color:var(--primary);color:white}.grade-labels{color:var(--muted);font-size:8px;margin-top:6px}.review-actions{max-width:820px;width:100%;margin:-14px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.review-button{min-height:55px;border:0;border-radius:17px;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.review-button.unknown{background:linear-gradient(135deg,#df5364,#f3737c)}.review-button.known{background:linear-gradient(135deg,#189b74,#31c695)}.card-navigation{max-width:820px;width:100%;margin:-14px auto 0;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.card-navigation button{border:0;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:4px;font-size:10px}.card-navigation span{min-height:18px;text-align:center;color:var(--primary);font-size:9px}.flip-icon{transform:rotate(180deg)}.empty-state{min-height:300px;border:1px dashed var(--line);border-radius:var(--radius-lg);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-icon{width:64px;height:64px;border-radius:22px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.empty-state h2{margin:16px 0 7px}.empty-state p{margin:0 0 17px;color:var(--muted);font-size:11px;max-width:400px;line-height:1.8}.library-toolbar{padding:14px}.search-box{min-height:50px;padding:0 14px;border-radius:15px;background:var(--surface-soft);display:flex;align-items:center;gap:10px;color:var(--muted)}.search-box input{flex:1 1;min-width:0;border:0;background:transparent;color:var(--text);font-size:12px}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.library-card{border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.library-card.status-known{border-top:3px solid var(--green)}.library-card.status-learning{border-top:3px solid var(--red)}.library-card.status-neutral{border-top:3px solid var(--primary)}.library-card-main{width:100%;border:0;padding:18px;background:transparent;text-align:right;cursor:pointer}.library-card-top{display:flex;justify-content:space-between;align-items:center}.library-card .card-tags span{color:var(--muted);background:var(--surface-soft)}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.known{background:var(--green);box-shadow:0 0 0 5px var(--green-soft)}.status-dot.learning{background:var(--red);box-shadow:0 0 0 5px var(--red-soft)}.status-dot.neutral{background:var(--primary);box-shadow:0 0 0 5px var(--primary-soft)}.library-card h2{margin:17px 0 6px;font-size:23px;overflow-wrap:anywhere;text-align:left}.library-card-main>p{margin:0;color:var(--muted);font-size:12px;min-height:22px}.library-categories{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.library-categories span{font-size:8px;padding:5px 8px;background:var(--primary-soft);color:var(--primary);border-radius:8px}.library-meta{margin-top:15px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;gap:13px;color:var(--muted);font-size:9px}.library-meta span{display:flex;align-items:center;gap:4px}.library-meta>svg{margin-right:auto;transition:transform .2s}.rotate-icon{transform:rotate(90deg)}.library-details{border-top:1px solid var(--line);padding:15px 18px 18px;animation:reveal .2s ease}.library-details>p{margin:0 0 11px;color:var(--muted);font-size:10px;line-height:1.8;text-align:left}.mini-example{padding:10px;background:var(--surface-soft);border-radius:11px;margin-top:7px;display:flex;flex-direction:column;gap:3px}.mini-example strong{font-size:10px;text-align:left}.mini-example span{color:var(--muted);font-size:9px}.relation-grid.compact{margin-top:8px}.relation-grid.compact>div{background:var(--surface-soft)}.relation-grid.compact span{color:var(--muted)}.relation-grid.compact p{color:var(--text)}.grammar-hero{min-height:190px;padding:29px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#315aa8,#6b61dc);color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;position:relative}.grammar-hero:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.1);left:-90px;bottom:-160px}.grammar-hero>div{position:relative;z-index:2}.grammar-hero h2{margin:8px 0;font-size:clamp(23px,4vw,36px);max-width:660px}.grammar-hero p{margin:0;color:rgba(255,255,255,.72);font-size:11px}.grammar-hero-icon{width:100px;height:100px;flex:0 0 auto;border-radius:31px;background:rgba(255,255,255,.13);display:grid;place-items:center;transform:rotate(-7deg)}.grammar-list{display:flex;flex-direction:column;gap:11px}.grammar-card{border:1px solid var(--line);border-radius:21px;background:var(--surface);box-shadow:var(--shadow-sm);padding:16px}.grammar-card-header{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;border:0;background:transparent;cursor:pointer;text-align:right}.lesson-number{width:45px;height:45px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:900}.lesson-title{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px}.lesson-title small{grid-column:2;grid-row:1/span 2;background:var(--surface-soft);border-radius:8px;padding:5px 8px;color:var(--muted)}.lesson-title strong{font-size:17px;text-align:left}.lesson-title>span{color:var(--muted);font-size:10px}.grammar-card-header>svg{transition:transform .2s}.lesson-summary{margin:10px 58px 0 0;color:var(--muted);font-size:10px;line-height:1.8}.grammar-content{margin:15px 58px 0 0;border-top:1px solid var(--line);padding-top:14px;animation:reveal .2s ease}.grammar-rule{padding:14px;border-radius:14px;background:var(--surface-soft)}.grammar-rule span{color:var(--primary);font-size:9px;font-weight:800}.grammar-rule p{margin:7px 0 0;font-size:11px;line-height:2}.grammar-examples h3{font-size:11px;margin:15px 0 8px}.grammar-examples>div{padding:11px;border-right:3px solid var(--primary);background:var(--surface-soft);border-radius:10px;margin-top:7px;display:flex;flex-direction:column;gap:4px}.grammar-examples strong{font-size:11px;text-align:left}.grammar-examples span{color:var(--muted);font-size:9px}.import-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:16px;align-items:start}.import-editor-panel,.import-guide{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.import-editor-panel{padding:16px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:13px}.panel-heading>div{display:flex;align-items:center;gap:10px}.panel-heading>div>div{display:flex;flex-direction:column;gap:3px}.panel-heading strong{font-size:13px}.panel-heading small{color:var(--muted);font-size:9px}.panel-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.file-button{cursor:pointer}.json-editor{width:100%;min-height:480px;resize:vertical;border:1px solid var(--line);background:#10121a;color:#dfe6ff;border-radius:16px;padding:17px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.75;outline:none;text-align:left}.json-editor:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.json-status{min-height:37px;margin-top:9px;border-radius:11px;padding:0 11px;display:flex;align-items:center;gap:7px;font-size:9px}.json-status.valid{background:var(--green-soft);color:var(--green)}.json-status.invalid{background:var(--red-soft);color:var(--red)}.import-submit{width:100%;margin-top:12px}.result-message{margin-top:10px;padding:12px;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-size:10px;line-height:1.8}.import-guide{padding:25px;position:sticky;top:16px}.guide-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.import-guide h2{margin:18px 0 8px;font-size:20px}.import-guide>p{color:var(--muted);font-size:10px;line-height:1.9}.guide-list{display:flex;flex-direction:column;gap:10px;margin:19px 0}.guide-list span{display:flex;align-items:center;gap:7px;font-size:10px}.guide-list svg{color:var(--green)}.code-hint{padding:13px;border-radius:13px;background:var(--surface-soft);color:var(--muted);font-size:9px;line-height:1.8;overflow-wrap:anywhere;text-align:left}.skeleton,.skeleton-card{position:relative;overflow:hidden;background:var(--surface-soft)!important;color:transparent!important}.skeleton-card:after,.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface-solid) 65%,transparent),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{to{transform:translateX(100%)}}.skeleton-card{min-height:210px}@media (max-width:900px){.hero-card{grid-template-columns:1fr;padding:38px}.hero-orbit{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.category-row{grid-template-columns:repeat(4,1fr)}.library-grid{grid-template-columns:repeat(2,1fr)}.import-layout{grid-template-columns:1fr}.import-guide{position:static}}@media (max-width:620px){.main-content,.topbar{width:min(100% - 22px,1180px)}.topbar{height:70px}.brand small{display:none}.brand-mark{width:38px;height:38px;border-radius:13px}.page-stack{gap:21px}.hero-card{min-height:390px;padding:30px 23px;border-radius:25px;align-items:center}.hero-copy h1{font-size:43px;letter-spacing:-1px}.hero-copy p{font-size:12px}.hero-actions .button{flex:1 1}.section-heading{align-items:center}.stats-grid{gap:9px}.stat-card{min-height:127px;padding:15px;border-radius:18px}.stat-card strong{font-size:23px}.category-row{display:flex;overflow-x:auto;padding:2px 1px 10px;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.category-card{min-width:115px;min-height:114px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:112px;padding:18px}.page-title-row{align-items:center}.study-filters{grid-template-columns:repeat(2,1fr)}.flashcard-shell{min-height:430px;border-radius:26px;padding:19px}.flashcard-main{min-height:240px}.flashcard-main h2{font-size:39px}.relation-grid{grid-template-columns:1fr}.review-actions{gap:8px}.review-button{min-height:52px;font-size:11px}.filter-grid{grid-template-columns:repeat(2,1fr)}.library-grid{grid-template-columns:1fr}.grammar-hero{padding:23px;min-height:200px}.grammar-hero-icon{width:75px;height:75px;border-radius:24px}.grammar-content,.lesson-summary{margin-right:0}.lesson-title{grid-template-columns:1fr}.lesson-title small{grid-column:1;grid-row:auto;justify-self:start;margin-top:3px}.panel-heading{align-items:flex-start}.panel-heading .file-button{min-height:40px;padding:0 12px;white-space:nowrap}.json-editor{min-height:430px;font-size:10px}.bottom-nav{bottom:max(8px,env(safe-area-inset-bottom));border-radius:22px}}@media (max-width:390px){.hero-copy h1{font-size:37px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:118px}.study-filters{grid-template-columns:1fr}.toggle-control{justify-content:center}.grade-buttons{gap:4px}.grade-buttons button{height:34px}.card-navigation span{display:none}.card-navigation{grid-template-columns:1fr 1fr}.card-navigation button:last-child{justify-self:end}}.modern-study{gap:22px}.swipe-mini-hint{padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--muted);box-shadow:var(--shadow-sm);font-size:10px;font-weight:700}.review-stage{width:min(850px,100%);min-height:610px;margin:0 auto;position:relative;display:grid;place-items:center;perspective:1600px;isolation:isolate}.review-stage:before{content:"";position:absolute;inset:30px 40px 8px;z-index:-2;border-radius:38px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 11%,var(--surface-solid)),var(--surface));border:1px solid var(--line);transform:scale(.975) translateY(14px);box-shadow:var(--shadow)}.review-card{width:min(790px,calc(100% - 20px));height:570px;position:relative;z-index:3;border-radius:34px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;transform-origin:50% 92%;filter:drop-shadow(0 26px 32px rgba(30,31,65,.16))}.review-card:active{cursor:grabbing}.review-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.75,.25,1)}.review-card.is-flipped .review-card-inner{transform:rotateY(180deg)}.review-face{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:inherit;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:color-mix(in srgb,var(--surface-solid) 96%,transparent);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.52)}.review-face:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,var(--primary),#a981ff)}.tone-known .review-face:before{background:linear-gradient(90deg,#159b70,#3ed7a4)}.tone-learning .review-face:before{background:linear-gradient(90deg,#e84f67,#ff8d6f)}.review-front{padding:26px 28px 22px;display:flex;flex-direction:column}.review-back{padding:25px 27px 28px;transform:rotateY(180deg);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.review-card-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-quick-actions{display:flex;direction:ltr;gap:8px}.card-quick-actions button{width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;background:var(--surface-soft);cursor:pointer;transition:.2s ease}.card-quick-actions button:hover{transform:translateY(-2px);border-color:var(--primary);color:var(--primary)}.card-quick-actions button.active svg{fill:currentColor}.card-quick-actions button.liked{color:#ef4f73;background:#fff0f4;border-color:#ffd6e0}.card-quick-actions button.bookmarked{color:#e59a20;background:#fff8e8;border-color:#ffe8b9}:root[data-theme=dark] .card-quick-actions button.liked{background:#3d202b;border-color:#59303d}:root[data-theme=dark] .card-quick-actions button.bookmarked{background:#3b2f19;border-color:#5c4824}.front-heading{margin:29px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.front-heading>div{display:flex;flex-direction:column;align-items:flex-start;direction:ltr}.context-kicker{font-size:10px;direction:rtl}.front-heading h2{margin:4px 0 1px;font-size:clamp(36px,7vw,61px);line-height:1.05;letter-spacing:-1.7px}.front-heading small{color:var(--primary);font-family:Georgia,serif;font-size:14px}.round-audio{width:51px;height:51px;flex:0 0 auto;border:0;border-radius:18px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,var(--primary),#9a7fff);cursor:pointer;box-shadow:0 12px 24px color-mix(in srgb,var(--primary) 28%,transparent)}.context-list{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:3px 3px 8px}.context-paragraph{border:1px solid var(--line);border-radius:20px;padding:17px 18px;background:var(--surface-soft);transition:transform .2s ease,border-color .2s ease}.context-paragraph:hover{transform:translateX(3px);border-color:color-mix(in srgb,var(--primary) 42%,var(--line))}.context-paragraph>span{display:block;font-size:9px;margin-bottom:7px;direction:rtl;text-align:right}.context-paragraph p{margin:0;font-family:Segoe UI,Arial,sans-serif;font-size:clamp(17px,2.6vw,22px);line-height:1.85;text-align:left}.target-word{padding:2px 7px 3px;border-radius:8px;color:#fff;font-weight:850;background:linear-gradient(135deg,var(--primary),#8c73ff);box-decoration-break:clone;-webkit-box-decoration-break:clone}.tone-known .target-word{background:linear-gradient(135deg,#14986f,#2fc796)}.tone-learning .target-word{background:linear-gradient(135deg,#e44f65,#fa776b)}.flip-hint{margin-top:11px;display:flex;justify-content:center;gap:8px;font-size:9px}.back-header{margin-bottom:15px}.back-word{display:flex;flex-direction:column;align-items:flex-start}.back-word strong{font-size:31px;line-height:1.15}.back-word small{margin-top:3px;color:var(--primary);font-family:Georgia,serif}.spelling-strip{padding:12px 15px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft);display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.spelling-strip span{font-size:9px;text-transform:uppercase;letter-spacing:.6px}.spelling-strip strong{color:var(--primary);font-size:12px;letter-spacing:1.4px;text-align:right;overflow-wrap:anywhere}.meaning-list{display:flex;flex-direction:column;gap:10px}.meaning-card{display:grid;grid-template-columns:37px 1fr;gap:12px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:17px;background:var(--surface-soft)}.meaning-number{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--primary-soft);color:var(--primary);font-weight:900}.meaning-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.meaning-title strong{font-size:15px}.meaning-title span{padding:4px 7px;border-radius:7px;background:var(--surface-solid);font-size:8px}.meaning-card p{margin:7px 0 0;font-size:11px;line-height:1.75;text-align:left}.meaning-card small{display:block;margin-top:6px;font-size:9px;line-height:1.7}.knowledge-note{margin-top:11px;padding:13px 14px;border-radius:16px;background:var(--primary-soft)}.knowledge-note span{color:var(--primary);font-size:8px;font-weight:900}.knowledge-note p{margin:5px 0 0;text-align:left;font-size:10px;line-height:1.8}.modern-relations{margin-top:11px}.modern-relations>div{border:1px solid var(--line);background:var(--surface-soft)}.modern-relations span{color:var(--muted)}.modern-relations p{font-size:10px;line-height:1.7}.back-examples{margin-top:13px}.back-examples>span{display:block;margin-bottom:7px;color:var(--muted);font-size:9px}.back-examples button{width:100%;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);color:var(--text);display:flex;align-items:flex-start;gap:9px;text-align:right;cursor:pointer;margin-top:7px}.back-examples button>svg{color:var(--primary);flex:0 0 auto;margin-top:2px}.back-examples button>span{display:flex;flex-direction:column;gap:4px;min-width:0}.back-examples b{font-size:10px;text-align:left;line-height:1.7}.back-examples b .target-word{padding:1px 4px;border-radius:5px}.back-examples small{font-size:9px;line-height:1.65}.back-footnote{margin-top:13px;padding-top:11px;border-top:1px dashed var(--line);display:flex;gap:10px;flex-wrap:wrap;font-size:9px}.back-footnote span{display:flex;align-items:center;gap:5px}.swipe-feedback{position:absolute;z-index:6;top:95px;padding:12px 17px;border:3px solid;border-radius:14px;font-size:22px;font-weight:950;letter-spacing:-.6px;opacity:0;pointer-events:none;background:color-mix(in srgb,var(--surface-solid) 85%,transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:var(--shadow-sm)}.swipe-no{left:20px;color:var(--red);transform:rotate(-10deg)}.swipe-yes{right:20px;color:var(--green);transform:rotate(10deg)}.recall-slider-panel{width:min(790px,calc(100% - 20px));margin:-8px auto 0;padding:17px 19px;border:1px solid var(--line);border-radius:21px;background:var(--surface);box-shadow:var(--shadow-sm)}.recall-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.recall-header>div{display:flex;flex-direction:column;gap:3px}.recall-header span{font-size:11px;font-weight:850}.recall-header small{color:var(--muted);font-size:8px}.recall-header strong{color:var(--primary);font-size:10px}.recall-range{width:100%;height:8px;margin:18px 0 8px;border-radius:999px;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,var(--red),var(--orange) 42%,var(--green));cursor:grab;direction:ltr}.recall-range:active{cursor:grabbing}.recall-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:28px;height:28px;border:5px solid var(--surface-solid);border-radius:50%;background:var(--primary);box-shadow:0 4px 13px rgba(45,39,110,.28);cursor:grab}.recall-range::-moz-range-thumb{width:19px;height:19px;border:5px solid var(--surface-solid);border-radius:50%;background:var(--primary);box-shadow:0 4px 13px rgba(45,39,110,.28)}.range-scale{display:grid;grid-template-columns:auto repeat(6,1fr) auto;align-items:center;color:var(--muted);font-size:8px;direction:ltr}.range-scale i{font-style:normal;text-align:center}.swipe-actions{width:min(790px,calc(100% - 20px));margin:-7px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.swipe-button{min-height:66px;padding:9px 17px;border:0;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:12px;color:white;cursor:pointer;box-shadow:0 13px 25px rgba(30,30,60,.14);transition:transform .2s ease,filter .2s ease}.swipe-button:hover{transform:translateY(-3px);filter:saturate(1.1)}.swipe-button:disabled{opacity:.55;cursor:wait;transform:none}.swipe-button.unknown{background:linear-gradient(135deg,#d94761,#f47173)}.swipe-button.known{background:linear-gradient(135deg,#159a70,#33c998)}.swipe-button>span:not(.thumb-emoji){display:flex;flex-direction:column;direction:rtl;text-align:right}.swipe-button strong{font-size:13px}.swipe-button small{margin-top:3px;color:rgba(255,255,255,.73);font-size:8px}.thumb-emoji{font-size:28px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.15))}.study-message{min-height:17px;margin:-10px auto 0;font-size:9px;text-align:center}@media (max-width:620px){.swipe-mini-hint{display:none}.review-stage{min-height:600px}.review-stage:before{inset:25px 17px 6px;border-radius:29px}.review-card{width:calc(100% - 6px);height:575px;border-radius:27px}.review-front{padding:21px 18px 18px}.review-back{padding:21px 17px 24px}.front-heading{margin:22px 0 14px}.front-heading h2{font-size:39px}.round-audio{width:46px;height:46px;border-radius:16px}.context-paragraph{padding:14px;border-radius:17px}.context-paragraph p{font-size:16px;line-height:1.8}.meaning-title,.spelling-strip{align-items:flex-start;flex-direction:column}.meaning-title{gap:5px}.recall-slider-panel,.swipe-actions{width:calc(100% - 6px)}.recall-header{align-items:flex-start;flex-direction:column;gap:7px}.swipe-button{padding:8px 10px;gap:7px}.swipe-button strong{font-size:11px}.swipe-button small{display:none}.thumb-emoji{font-size:25px}.swipe-feedback{top:115px;font-size:17px}.swipe-no{left:5px}.swipe-yes{right:5px}}@media (max-width:390px){.review-stage{min-height:565px}.review-card{height:545px}.card-quick-actions button{width:36px;height:36px}.front-heading h2{font-size:34px}.context-list{gap:9px}.context-paragraph p{font-size:15px}.meaning-card{grid-template-columns:31px 1fr;padding:11px;gap:9px}.meaning-number{width:30px;height:30px}.swipe-actions{gap:8px}.swipe-button{min-height:58px;border-radius:17px}}:root{--bg:#eef1f8;--surface:rgba(255,255,255,.66);--surface-solid:#ffffff;--surface-soft:rgba(248,249,253,.78);--text:#11131b;--muted:#5f6575;--line:rgba(255,255,255,.72);--glass:rgba(255,255,255,.56);--glass-strong:rgba(255,255,255,.78);--glass-subtle:rgba(255,255,255,.38);--glass-border:rgba(255,255,255,.78);--glass-shadow:0 24px 70px rgba(45,54,95,.14),inset 0 1px 0 rgba(255,255,255,.88);--glass-shadow-soft:0 14px 38px rgba(45,54,95,.1),inset 0 1px 0 rgba(255,255,255,.72);--primary:#6a5cff;--primary-dark:#5548ea;--primary-soft:rgba(106,92,255,.13);--green:#18a96f;--red:#e94b63;--radius-xl:34px;--radius-lg:25px;--radius-md:18px}:root[data-theme=dark]{--bg:#090b12;--surface:rgba(24,27,38,.68);--surface-solid:#181b25;--surface-soft:rgba(33,37,50,.75);--text:#fafafe;--muted:#bdc2d2;--line:rgba(255,255,255,.1);--glass:rgba(23,26,37,.58);--glass-strong:rgba(28,31,43,.82);--glass-subtle:rgba(255,255,255,.06);--glass-border:rgba(255,255,255,.14);--glass-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.12);--glass-shadow-soft:0 16px 42px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.09);--primary:#958aff;--primary-dark:#7b6fff;--primary-soft:rgba(149,138,255,.16)}html{background:var(--bg)}body{position:relative;isolation:isolate;background:radial-gradient(circle at 14% 2%,rgba(126,107,255,.24),transparent 31rem),radial-gradient(circle at 96% 18%,rgba(70,196,221,.18),transparent 28rem),radial-gradient(circle at 50% 96%,rgba(255,127,165,.12),transparent 32rem),linear-gradient(145deg,color-mix(in srgb,var(--bg) 92%,#d9dcff),var(--bg));background-attachment:fixed;font-family:var(--font-vazirmatn),Tahoma,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}body:after,body:before{content:"";position:fixed;z-index:-2;pointer-events:none;border-radius:50%;filter:blur(4px);opacity:.72}body:before{width:280px;height:280px;top:8%;left:-120px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.8),rgba(108,88,255,.18) 43%,transparent 72%)}body:after{width:350px;height:350px;right:-170px;bottom:14%;background:radial-gradient(circle at 45% 40%,rgba(255,255,255,.55),rgba(46,200,185,.16) 45%,transparent 72%)}.app-shell{padding-top:10px}.topbar{position:sticky;z-index:80;top:max(8px,env(safe-area-inset-top));height:68px;padding:9px 11px;border:1px solid var(--glass-border);border-radius:25px;background:var(--glass);box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:blur(34px) saturate(190%);backdrop-filter:blur(34px) saturate(190%)}.bottom-nav:after,.difficulty-dock:after,.filter-modal:after,.filter-trigger:after,.topbar:after{content:"";position:absolute;pointer-events:none;inset:1px 10% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);opacity:.86}.brand-mark{border:1px solid rgba(255,255,255,.48);background:linear-gradient(145deg,rgba(109,92,255,.96),rgba(145,126,255,.82));box-shadow:0 10px 24px rgba(92,72,220,.3),inset 0 1px 0 rgba(255,255,255,.55)}.brand strong{font-size:17px}.brand small{color:var(--muted);font-size:11px}.icon-button{position:relative;border-color:var(--glass-border);background:var(--glass-subtle);box-shadow:inset 0 1px 0 rgba(255,255,255,.56),0 6px 18px rgba(45,54,95,.08);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}.main-content{margin-top:23px}.page-stack{gap:24px}.page-title{letter-spacing:-.7px;font-weight:850}.eyebrow.muted{color:var(--primary);font-size:12px}.bottom-nav{overflow:hidden;min-height:72px;padding:7px;border-color:var(--glass-border);background:var(--glass);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(38px) saturate(190%);backdrop-filter:blur(38px) saturate(190%)}.bottom-link{min-height:56px;border:1px solid transparent;font-size:10px;font-weight:650}.bottom-link.active{color:var(--primary);border-color:color-mix(in srgb,var(--glass-border) 75%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--primary-soft) 74%,var(--glass-subtle)),var(--glass-subtle));box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 20px color-mix(in srgb,var(--primary) 10%,transparent)}:is(.stat-card,.category-card,.grammar-card,.import-editor-panel,.import-guide,.library-card,.filter-bar,.library-toolbar,.feature-card){border-color:var(--glass-border);background:var(--glass);box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:blur(28px) saturate(165%);backdrop-filter:blur(28px) saturate(165%)}:is(.stat-card,.category-card,.grammar-card,.library-card){position:relative;overflow:hidden}:is(.stat-card,.category-card,.grammar-card,.library-card):before{content:"";position:absolute;inset:0 12% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);pointer-events:none}.liquid-study{gap:17px}.study-command-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.study-heading{display:flex;flex-direction:column}.study-heading .page-title{margin-top:1px}.filter-trigger{position:relative;overflow:hidden;min-width:min(340px,48vw);min-height:60px;padding:8px 11px 8px 15px;border:1px solid var(--glass-border);border-radius:21px;background:var(--glass);color:var(--text);box-shadow:var(--glass-shadow-soft);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;text-align:right;cursor:pointer;-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);transition:transform .2s ease,border-color .2s ease}.filter-trigger:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,var(--glass-border))}.filter-trigger-icon{width:41px;height:41px;border-radius:14px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.62)}.filter-trigger-copy{display:flex;flex-direction:column;min-width:0}.filter-trigger-copy strong{font-size:13px}.filter-trigger-copy small{margin-top:2px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-trigger>b{min-width:27px;height:27px;padding:0 7px;border-radius:10px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,var(--primary),#897aff);box-shadow:0 7px 16px color-mix(in srgb,var(--primary) 24%,transparent);font-size:11px}.liquid-meta{width:min(830px,100%);margin:0 auto;padding:10px 14px;border:1px solid var(--glass-border);border-radius:16px;background:color-mix(in srgb,var(--glass) 78%,transparent);box-shadow:0 8px 25px rgba(45,54,95,.07),inset 0 1px 0 rgba(255,255,255,.55);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);color:var(--muted);font-size:11px}.liquid-meta strong{color:var(--text)}.progress-track{height:8px;background:rgba(113,118,145,.17)}.progress-track span{background:linear-gradient(90deg,#7b6bff,#66c9e7);box-shadow:0 0 14px rgba(109,92,255,.24)}.review-workspace{width:min(930px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:stretch;gap:13px;direction:ltr}.review-stage{width:100%;min-width:0;min-height:625px;direction:rtl}.review-stage:before{inset:29px 31px 9px;border:1px solid var(--glass-border);background:color-mix(in srgb,var(--glass) 74%,transparent);box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%)}.review-card{width:min(100%,810px);height:600px;border-radius:36px;filter:drop-shadow(0 30px 42px rgba(31,38,78,.18))}.review-face{border-color:var(--glass-border);background:linear-gradient(145deg,color-mix(in srgb,var(--glass-strong) 92%,transparent),color-mix(in srgb,var(--glass) 82%,transparent));box-shadow:var(--glass-shadow),inset 0 -1px 0 rgba(255,255,255,.2);-webkit-backdrop-filter:blur(42px) saturate(185%);backdrop-filter:blur(42px) saturate(185%)}.review-face:after{content:"";position:absolute;z-index:0;inset:1px 9% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);pointer-events:none}.review-face:before{height:5px;opacity:.9}.review-front{padding:27px 30px 23px}.review-back{padding:27px 29px 31px}.back-examples,.back-footnote,.back-header,.context-list,.flip-hint,.front-heading,.knowledge-note,.meaning-list,.modern-relations,.review-card-header,.spelling-strip{position:relative;z-index:1}.card-tags span{padding:6px 10px;border:1px solid rgba(255,255,255,.46);background:color-mix(in srgb,var(--glass-subtle) 85%,transparent);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.48);font-size:10px}.card-quick-actions button{border-color:var(--glass-border);background:var(--glass-subtle);color:var(--muted);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 7px 18px rgba(45,54,95,.07);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.context-kicker{color:var(--muted);font-size:12px;font-weight:700}.front-heading h2{color:var(--text);text-shadow:0 1px 0 rgba(255,255,255,.36)}.front-heading small{font-size:15px;font-weight:650}.round-audio{border:1px solid rgba(255,255,255,.5);background:linear-gradient(145deg,rgba(111,94,255,.95),rgba(153,132,255,.82));box-shadow:0 14px 30px rgba(94,76,224,.28),inset 0 1px 0 rgba(255,255,255,.55)}.context-list{gap:13px}.context-paragraph{border-color:var(--glass-border);background:color-mix(in srgb,var(--glass-strong) 72%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 9px 23px rgba(45,54,95,.06);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}.context-paragraph>span{color:var(--muted);font-size:10px;font-weight:750}.context-paragraph p{color:var(--text);font-size:clamp(18px,2.5vw,23px);font-weight:590;line-height:1.9;letter-spacing:.05px}.target-word{padding:3px 8px 4px;border:1px solid rgba(255,255,255,.38);box-shadow:0 6px 14px rgba(86,69,220,.2),inset 0 1px 0 rgba(255,255,255,.4)}.flip-hint{color:var(--muted);font-size:10px;font-weight:650}.back-word strong{color:var(--text);font-size:34px}.back-examples button,.meaning-card,.modern-relations>div,.spelling-strip{border-color:var(--glass-border);background:color-mix(in srgb,var(--glass-strong) 68%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.63),0 7px 20px rgba(45,54,95,.05)}.spelling-strip span{color:var(--muted);font-size:10px}.spelling-strip strong{font-size:13px}.meaning-title strong{color:var(--text);font-size:16px}.meaning-title span{color:var(--muted);background:var(--glass-subtle);font-size:9px}.meaning-card p{color:var(--text);font-size:12px;line-height:1.85}.meaning-card small{color:var(--muted);font-size:10px}.knowledge-note{border:1px solid color-mix(in srgb,var(--primary) 22%,var(--glass-border));background:color-mix(in srgb,var(--primary-soft) 72%,var(--glass))}.knowledge-note p{color:var(--text);font-size:11px}.back-examples>span,.modern-relations span{color:var(--muted);font-size:10px;font-weight:700}.back-examples b,.modern-relations p{color:var(--text);font-size:11px}.back-examples small,.back-footnote{color:var(--muted);font-size:10px}.swipe-feedback{border-width:2px;background:var(--glass-strong);box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%)}.difficulty-dock{--difficulty-position:60%;--difficulty-color:#f3bd3f;position:relative;overflow:hidden;min-height:600px;padding:13px 9px 12px;border:1px solid var(--glass-border);border-radius:31px;background:var(--glass);box-shadow:var(--glass-shadow);direction:rtl;-webkit-backdrop-filter:blur(36px) saturate(190%);backdrop-filter:blur(36px) saturate(190%);touch-action:none}.difficulty-dock,.difficulty-title{display:flex;flex-direction:column;align-items:center}.difficulty-title{min-height:44px;justify-content:center;gap:2px;color:var(--text);font-size:10px;font-weight:800}.difficulty-title svg{color:var(--primary)}.difficulty-value{width:58px;min-height:54px;margin:7px 0 10px;border:1px solid var(--glass-border);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in srgb,var(--glass-strong) 78%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 8px 20px rgba(45,54,95,.07)}.difficulty-value strong{color:var(--difficulty-color);font-size:23px;line-height:1}.difficulty-value small{margin-top:3px;color:var(--muted);font-size:8px}.difficulty-track{position:relative;flex:1 1;width:58px;min-height:330px;outline:none;cursor:ns-resize;touch-action:none}.difficulty-track:before{content:"";width:12px;border:1px solid rgba(255,255,255,.6);background:linear-gradient(0deg,#f04e67 0,#ff8052 25%,#efbf45 50%,#61c987 75%,#16a96e);box-shadow:inset 0 2px 4px rgba(22,30,59,.18),0 0 0 6px rgba(255,255,255,.17);opacity:.42}.difficulty-track-glow,.difficulty-track:before{position:absolute;top:12px;bottom:12px;left:50%;transform:translateX(-50%);border-radius:999px}.difficulty-track-glow{width:24px;box-shadow:0 0 26px color-mix(in srgb,var(--difficulty-color) 35%,transparent);transition:box-shadow .2s ease}.difficulty-fill{position:absolute;width:12px;height:calc(var(--difficulty-position) - 12px);bottom:12px;left:50%;transform:translateX(-50%);border-radius:999px;background:linear-gradient(0deg,#f04e67 0,#ff8052 25%,#efbf45 50%,#61c987 75%,#16a96e);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 0 15px color-mix(in srgb,var(--difficulty-color) 44%,transparent)}.difficulty-thumb{position:absolute;z-index:3;width:39px;height:39px;left:50%;bottom:calc(12px + var(--difficulty-position));transform:translate(-50%,50%);border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(255,255,255,.73);box-shadow:0 8px 20px color-mix(in srgb,var(--difficulty-color) 28%,rgba(31,39,78,.2)),inset 0 1px 0 rgba(255,255,255,.98);-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);transition:bottom .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s ease}.difficulty-thumb i{position:absolute;inset:8px;border-radius:50%;background:var(--difficulty-color);box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 2px 8px color-mix(in srgb,var(--difficulty-color) 40%,transparent);transition:background .15s ease}.difficulty-ticks{position:absolute;inset:12px 0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.difficulty-ticks i{width:18px;height:18px;margin-right:auto;border-radius:7px;display:grid;place-items:center;color:var(--muted);background:color-mix(in srgb,var(--glass-strong) 82%,transparent);border:1px solid var(--glass-border);font-size:8px;font-style:normal;font-weight:850;transition:.15s ease}.difficulty-ticks i.active{color:white;background:var(--difficulty-color);border-color:rgba(255,255,255,.55);transform:scale(1.12)}.difficulty-track:focus-visible{border-radius:22px;box-shadow:0 0 0 3px var(--primary-soft)}.difficulty-caption{min-height:58px;padding-top:8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center}.difficulty-caption strong{color:var(--text);font-size:9px;line-height:1.35}.difficulty-caption small{margin-top:3px;color:var(--muted);font-size:7px;line-height:1.4}.liquid-actions{width:min(830px,calc(100% - 100px))}.swipe-actions{margin-top:-2px}.swipe-button{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:23px;box-shadow:0 15px 34px rgba(34,42,79,.17),inset 0 1px 0 rgba(255,255,255,.42)}.swipe-button:after{content:"";position:absolute;inset:1px 12% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent)}.swipe-button.unknown{background:linear-gradient(145deg,rgba(215,57,84,.96),rgba(250,105,108,.88))}.swipe-button.known{background:linear-gradient(145deg,rgba(15,145,99,.97),rgba(54,201,151,.88))}.swipe-button strong{font-size:14px}.swipe-button small{font-size:9px;color:rgba(255,255,255,.82)}.study-message{color:var(--muted);font-size:10px;font-weight:650}.filter-modal-layer{position:fixed;z-index:200;inset:0;padding:22px;display:grid;place-items:center;background:rgba(10,13,25,.28);-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);animation:glassFadeIn .2s ease}@keyframes glassFadeIn{0%{opacity:0}to{opacity:1}}.filter-modal{position:relative;overflow:hidden;width:min(520px,100%);padding:21px;border:1px solid var(--glass-border);border-radius:32px;background:var(--glass-strong);box-shadow:0 35px 100px rgba(20,26,57,.34),inset 0 1px 0 rgba(255,255,255,.88);-webkit-backdrop-filter:blur(46px) saturate(200%);backdrop-filter:blur(46px) saturate(200%);animation:glassModalIn .26s cubic-bezier(.2,.8,.2,1)}@keyframes glassModalIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}.filter-modal:before{content:"";position:absolute;width:210px;height:210px;top:-145px;left:-80px;border-radius:50%;background:radial-gradient(circle,rgba(135,117,255,.28),transparent 68%);pointer-events:none}.filter-modal-header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:17px;border-bottom:1px solid color-mix(in srgb,var(--glass-border) 70%,transparent)}.filter-modal-header>div{display:flex;align-items:center;gap:12px}.modal-icon{width:46px;height:46px;flex:0 0 auto;border-radius:16px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.68)}.filter-modal h2{margin:0;color:var(--text);font-size:19px}.filter-modal-header p{margin:3px 0 0;color:var(--muted);font-size:11px}.modal-close{width:39px;height:39px;padding:0;border:1px solid var(--glass-border);border-radius:14px;display:grid;place-items:center;background:var(--glass-subtle);color:var(--muted);cursor:pointer}.filter-modal-grid{position:relative;z-index:1;margin-top:17px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.filter-modal-grid>label:not(.modal-toggle-row){display:flex;flex-direction:column;gap:7px}.filter-modal-grid>label>span{color:var(--text);font-size:11px;font-weight:760}.filter-modal-grid select{width:100%;min-height:49px;padding:0 13px;border:1px solid var(--glass-border);border-radius:15px;outline:none;background:color-mix(in srgb,var(--glass-strong) 76%,transparent);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.62);font-size:12px}.filter-modal-grid select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft),inset 0 1px 0 rgba(255,255,255,.6)}.modal-toggle-row{grid-column:1/-1;min-height:68px;padding:11px 13px;border:1px solid var(--glass-border);border-radius:18px;background:color-mix(in srgb,var(--glass-strong) 70%,transparent);display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}.modal-toggle-row>span{display:flex;flex-direction:column}.modal-toggle-row strong{color:var(--text);font-size:12px}.modal-toggle-row small{margin-top:2px;color:var(--muted);font-size:9px}.modal-toggle-row input{position:absolute;opacity:0;pointer-events:none}.modal-toggle-row>i{position:relative;width:48px;height:28px;border-radius:999px;background:rgba(117,122,145,.25);box-shadow:inset 0 2px 5px rgba(40,45,75,.13);transition:.2s ease}.modal-toggle-row>i:after{content:"";position:absolute;width:22px;height:22px;top:3px;right:3px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 3px 8px rgba(35,41,73,.24),inset 0 1px 0 white;transition:.22s cubic-bezier(.2,.8,.2,1)}.modal-toggle-row input:checked+i{background:linear-gradient(145deg,var(--primary),#8c7cff)}.modal-toggle-row input:checked+i:after{transform:translateX(-20px)}.filter-modal-actions{position:relative;z-index:1;margin-top:17px;display:grid;grid-template-columns:.7fr 1.3fr;gap:10px}.filter-modal-actions .button{min-height:50px;border-radius:16px}.modal-reset{background:var(--glass-subtle);color:var(--text)}.liquid-panel,.modal-reset{border:1px solid var(--glass-border)}.liquid-panel{background:var(--glass);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(34px) saturate(180%);backdrop-filter:blur(34px) saturate(180%)}@media (max-width:760px){.review-workspace{grid-template-columns:minmax(0,1fr) 70px;gap:8px}.review-stage{min-height:604px}.review-card{height:580px;border-radius:29px}.difficulty-dock{min-height:580px;border-radius:26px;padding-inline:5px}.difficulty-value{width:50px}.difficulty-track{width:51px}.difficulty-ticks i{width:16px;height:16px;font-size:7px}.difficulty-caption strong{font-size:8px}.difficulty-caption small{display:none}.liquid-actions{width:calc(100% - 78px);margin-left:78px}}@media (max-width:620px){body{font-size:15px}.app-shell{padding-top:5px}.topbar{top:max(5px,env(safe-area-inset-top));width:calc(100% - 14px);height:62px;padding:7px 9px;border-radius:22px}.main-content{width:calc(100% - 16px);margin-top:17px}.study-command-bar{align-items:stretch}.study-heading{min-width:76px;justify-content:center}.study-heading .eyebrow{display:none}.study-heading .page-title{font-size:25px}.filter-trigger{min-width:0;flex:1 1;min-height:56px;border-radius:19px}.filter-trigger-icon{width:38px;height:38px}.filter-trigger-copy strong{font-size:12px}.filter-trigger-copy small{font-size:9px}.liquid-meta{width:100%;border-radius:15px}.review-workspace{grid-template-columns:minmax(0,1fr) 62px;gap:6px}.review-stage{min-height:584px}.review-stage:before{inset:23px 10px 5px}.review-card{width:100%;height:562px;border-radius:27px}.review-front{padding:21px 16px 18px}.review-back{padding:21px 16px 25px}.front-heading{margin:21px 0 14px}.front-heading h2{font-size:38px}.context-kicker{font-size:10px}.context-paragraph{padding:14px 13px;border-radius:17px}.context-paragraph p{font-size:16px;line-height:1.85}.difficulty-dock{min-height:562px;padding:9px 4px 8px;border-radius:24px}.difficulty-title span{display:none}.difficulty-value{width:45px;min-height:48px;border-radius:15px;margin-top:4px}.difficulty-value strong{font-size:20px}.difficulty-track{width:45px;min-height:320px}.difficulty-fill,.difficulty-track:before{width:10px}.difficulty-thumb{width:34px;height:34px}.difficulty-ticks{display:none}.difficulty-caption{min-height:50px}.difficulty-caption strong{writing-mode:vertical-rl;transform:rotate(180deg);max-height:78px;overflow:hidden}.liquid-actions{width:calc(100% - 68px);margin-left:68px;gap:8px}.swipe-button{min-height:61px;border-radius:19px}.swipe-button strong{font-size:12px}.filter-modal-layer{padding:12px;align-items:end}.filter-modal{width:100%;border-radius:29px 29px 23px 23px;padding:18px 18px calc(18px + env(safe-area-inset-bottom))}.filter-modal-grid{grid-template-columns:1fr}.modal-toggle-row{grid-column:auto}}@media (max-width:390px){.review-workspace{grid-template-columns:minmax(0,1fr) 56px;gap:5px}.review-stage{min-height:552px}.review-card{height:532px}.difficulty-dock{min-height:532px;border-radius:21px}.difficulty-track,.difficulty-value{width:40px}.front-heading h2{font-size:33px}.context-paragraph p{font-size:15px}.liquid-actions{width:calc(100% - 61px);margin-left:61px}.thumb-emoji{font-size:22px}.swipe-button{padding-inline:7px}}@media (prefers-reduced-transparency:reduce){:root{--glass:rgba(255,255,255,.94);--glass-strong:rgba(255,255,255,.98);--glass-subtle:rgba(245,246,250,.96)}:root[data-theme=dark]{--glass:rgba(24,27,38,.97);--glass-strong:rgba(28,31,43,.99);--glass-subtle:rgba(36,40,54,.98)}.bottom-nav,.difficulty-dock,.filter-modal,.filter-modal-layer,.review-face,.topbar{-webkit-backdrop-filter:none;backdrop-filter:none}}body{background:radial-gradient(circle at 12% 2%,color-mix(in srgb,var(--primary) 9%,transparent),transparent 24rem),radial-gradient(circle at 92% 20%,color-mix(in srgb,#63c6d5 7%,transparent),transparent 25rem),var(--bg)}body:after,body:before{opacity:.28!important;filter:blur(28px)!important}.app-shell{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.bottom-nav{display:none!important}.main-content{width:min(1040px,calc(100% - 24px));margin:14px auto 0}.app-header{position:sticky;z-index:160;top:max(7px,env(safe-area-inset-top));width:min(1040px,calc(100% - 20px));height:62px;margin:7px auto 0;padding:6px 8px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border:1px solid color-mix(in srgb,var(--line) 68%,rgba(255,255,255,.7));border-radius:23px;background:color-mix(in srgb,var(--surface-solid) 82%,transparent);box-shadow:0 14px 38px rgba(30,37,72,.1),inset 0 1px 0 rgba(255,255,255,.9);-webkit-backdrop-filter:blur(30px) saturate(165%);backdrop-filter:blur(30px) saturate(165%)}:root[data-theme=dark] .app-header{background:rgba(20,23,34,.84);border-color:rgba(255,255,255,.1);box-shadow:0 16px 42px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.07)}.app-header-leading{grid-column:3;justify-self:end}.app-header-actions,.app-header-leading{grid-row:1;display:flex;align-items:center}.app-header-actions{grid-column:1;justify-self:start;gap:6px;direction:ltr}.app-header-brand{grid-column:2;grid-row:1;justify-self:center;display:inline-flex;align-items:center;gap:8px;direction:ltr;min-width:0}.app-header-logo{width:32px;height:32px;flex:0 0 auto;border-radius:11px;font-size:16px}.app-header-brand-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.app-header-brand-copy strong{color:var(--text);font-size:16px;line-height:1.05;letter-spacing:-.35px}.app-header-brand-copy small{max-width:135px;margin-top:3px;color:var(--muted);font-size:8px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl}.app-header .icon-button,.app-header-button{position:relative;width:43px;height:43px;padding:0;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:15px;display:grid;place-items:center;color:var(--text);background:color-mix(in srgb,var(--surface-solid) 72%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 5px 15px rgba(36,43,78,.07);cursor:pointer;transition:transform .18s ease,color .18s ease,border-color .18s ease}.app-header .icon-button:hover,.app-header-button:hover{transform:translateY(-1px);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}.header-filter-button{color:var(--primary)}.header-filter-button b{position:absolute;top:-3px;left:-3px;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--surface-solid);border-radius:999px;display:grid;place-items:center;color:#fff;background:var(--red);font-size:8px;font-weight:900}.study-v5{width:min(680px,100%);margin:0 auto;padding:0 0 8px}.review-workspace-v5{width:100%;display:grid;place-items:center}.review-stage-v5{position:relative;width:100%;min-height:clamp(560px,calc(100svh - 105px),720px);display:grid;place-items:center;perspective:1600px;isolation:isolate}.study-v5 .review-card{width:min(560px,calc(100% - 30px));height:clamp(560px,calc(100svh - 105px),720px);min-height:0;max-height:720px;margin:0 auto;border-radius:30px;filter:none;box-shadow:0 28px 70px rgba(28,35,70,.16);touch-action:pan-y;overflow:visible}:root[data-theme=dark] .study-v5 .review-card{box-shadow:0 30px 78px rgba(0,0,0,.42)}.study-v5 .review-card-inner,.study-v5 .review-face{border-radius:inherit}.study-v5 .review-face{padding:0!important;display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 84%,rgba(255,255,255,.52));background:color-mix(in srgb,var(--surface-solid) 97%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.94);-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)}:root[data-theme=dark] .study-v5 .review-face{background:rgba(23,26,37,.97);border-color:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.study-v5 .review-face:after,.study-v5 .review-face:before{display:none}.review-face-scroll{flex:1 1;min-height:0;padding:24px 24px 10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.review-face-scroll::-webkit-scrollbar{display:none}.card-progress-edge{position:absolute;z-index:15;inset:0 22px auto;height:4px;overflow:hidden;border-radius:0 0 999px 999px;background:color-mix(in srgb,var(--line) 72%,transparent);pointer-events:none}.card-progress-edge i{display:block;width:var(--session-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#6c5cff,#53c5c5);box-shadow:0 0 12px rgba(108,92,255,.3);transition:width .25s ease}.study-v5 .review-card-header{align-items:flex-start;gap:12px}.card-meta-group{min-width:0;display:flex;flex-direction:column;gap:7px}.remaining-count{color:var(--muted);font-size:9px;font-weight:700}.study-v5 .card-tags{gap:5px}.study-v5 .card-tags span{padding:5px 8px;border-radius:10px;color:var(--text);background:var(--surface-soft);font-size:9px}.study-v5 .card-quick-actions button{width:39px;height:39px;border-radius:14px;background:color-mix(in srgb,var(--surface-solid) 70%,transparent);box-shadow:none}.study-v5 .front-heading{margin:24px 0 18px;align-items:center}.study-v5 .front-heading h2{margin-top:5px;color:var(--text);font-size:clamp(42px,10vw,62px);line-height:1;letter-spacing:-2px}.study-v5 .front-heading small{margin-top:4px;color:var(--primary);font-size:16px}.study-v5 .round-audio{width:50px;height:50px;border-radius:17px}.study-v5 .context-list{overflow:visible;flex:initial;padding:2px 0 6px;gap:11px}.study-v5 .context-paragraph{padding:15px 16px;border-radius:18px;background:color-mix(in srgb,var(--surface-soft) 88%,transparent)}.study-v5 .context-paragraph p{color:var(--text);font-size:clamp(16px,3.8vw,20px);font-weight:680;line-height:1.78}.study-v5 .flip-hint{margin:12px 0 4px;color:var(--muted);font-size:9px}.study-v5 .back-header{margin-bottom:14px}.study-v5 .back-word strong{color:var(--text);font-size:31px}.study-v5 .back-examples button,.study-v5 .knowledge-note,.study-v5 .meaning-card,.study-v5 .modern-relations>div,.study-v5 .spelling-strip{background:color-mix(in srgb,var(--surface-soft) 92%,transparent)}.study-v5 .back-examples b,.study-v5 .knowledge-note p,.study-v5 .meaning-card p,.study-v5 .meaning-title strong,.study-v5 .modern-relations p{color:var(--text)}.in-card-controls{flex:0 0 auto;min-height:92px;padding:10px 18px calc(13px + env(safe-area-inset-bottom));display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:end;direction:ltr;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);background:color-mix(in srgb,var(--surface-solid) 82%,transparent);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}:root[data-theme=dark] .in-card-controls{background:rgba(20,23,33,.86)}.review-icon-action{width:46px;height:46px;padding:0;border:0;border-radius:0;display:grid;place-items:center;background:transparent!important;box-shadow:none!important;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.review-icon-action.unknown{color:var(--red)}.review-icon-action.known{color:var(--green)}.review-icon-action:hover{transform:scale(1.09)}.review-icon-action:active{transform:scale(.92)}.review-icon-action:disabled{opacity:.42;cursor:wait}.review-icon-action svg{filter:drop-shadow(0 5px 9px color-mix(in srgb,currentColor 22%,transparent))}.difficulty-volume{--difficulty-level:60%;--difficulty-color:#f3bd3f;min-width:0;display:flex;flex-direction:column;gap:6px;direction:rtl;-webkit-user-select:none;user-select:none}.difficulty-volume-label{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px}.difficulty-volume-label span{color:var(--muted);font-size:8px;font-weight:700}.difficulty-volume-label strong{color:var(--difficulty-color);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.difficulty-volume-track{position:relative;overflow:hidden;width:100%;height:46px;border:1px solid rgba(255,255,255,.72);border-radius:999px;outline:none;direction:ltr;background:linear-gradient(180deg,rgba(236,238,244,.82),rgba(207,210,221,.66));box-shadow:0 13px 28px rgba(29,35,67,.17),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(83,89,116,.12);-webkit-backdrop-filter:blur(28px) saturate(145%);backdrop-filter:blur(28px) saturate(145%);touch-action:none;cursor:ew-resize}:root[data-theme=dark] .difficulty-volume-track{border-color:rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(70,73,85,.8),rgba(42,45,56,.78));box-shadow:0 16px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.15)}.difficulty-volume-fill{position:absolute;inset:0 auto 0 0;width:var(--difficulty-level);min-width:0;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--difficulty-color) 90%,rgba(255,255,255,.08)),color-mix(in srgb,var(--difficulty-color) 64%,rgba(255,255,255,.34)));box-shadow:inset 0 1px 0 rgba(255,255,255,.44),8px 0 24px color-mix(in srgb,var(--difficulty-color) 22%,transparent);transition:width .13s cubic-bezier(.2,.8,.2,1),background .2s ease}.difficulty-volume-shine{position:absolute;inset:5px 18% auto 10px;height:14px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.3),rgba(255,255,255,.03));filter:blur(4px);pointer-events:none}.difficulty-volume-brain,.difficulty-volume-value{position:absolute;z-index:3;top:50%;transform:translateY(-50%);display:grid;place-items:center;pointer-events:none}.difficulty-volume-brain{left:13px;color:color-mix(in srgb,var(--text) 62%,transparent)}.difficulty-volume-value{right:14px;width:28px;height:28px;border-radius:50%;color:var(--text);background:rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.36);font-size:12px;font-weight:900}.difficulty-volume-thumb{position:absolute;z-index:2;top:50%;left:var(--difficulty-level);width:3px;height:25px;transform:translate(-50%,-50%);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 0 0 1px rgba(45,51,78,.08),0 3px 9px rgba(34,40,72,.22);transition:left .13s cubic-bezier(.2,.8,.2,1);pointer-events:none}.difficulty-volume-track:focus-visible{box-shadow:0 0 0 4px var(--primary-soft),0 13px 28px rgba(29,35,67,.17)}.swipe-feedback-v5{position:absolute;z-index:25;top:36%;min-width:86px;padding:11px 12px;border:2px solid;border-radius:18px;display:flex;flex-direction:column;align-items:center;gap:4px;background:color-mix(in srgb,var(--surface-solid) 83%,transparent);box-shadow:0 15px 34px rgba(25,31,62,.17);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:none}.swipe-feedback-v5 span{font-size:10px;font-weight:900}.swipe-feedback-v5.swipe-no{left:2px;color:var(--red);transform:rotate(-8deg)}.swipe-feedback-v5.swipe-yes{right:2px;color:var(--green);transform:rotate(8deg)}.study-message-v5{min-height:18px;margin-top:7px;color:var(--muted);font-size:9px;font-weight:650;text-align:center}.study-empty-state{width:min(520px,calc(100% - 20px));margin:8vh auto 0;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm)}@media (max-width:620px){.main-content{width:100%;margin-top:9px}.app-header{top:max(5px,env(safe-area-inset-top));width:calc(100% - 14px);height:58px;margin-top:5px;padding-inline:6px;border-radius:20px}.app-header .icon-button,.app-header-button{width:41px;height:41px;border-radius:14px}.app-header-actions{gap:4px}.app-header-logo{width:29px;height:29px;border-radius:10px;font-size:14px}.app-header-brand-copy strong{font-size:15px}.app-header-brand-copy small{max-width:95px;font-size:7px}.study-v5{width:100%}.review-stage-v5{min-height:clamp(545px,calc(100svh - 85px),690px)}.study-v5 .review-card{width:calc(100% - 24px);height:clamp(545px,calc(100svh - 85px),690px);border-radius:27px}.review-face-scroll{padding:21px 17px 8px}.card-progress-edge{inset-inline:17px}.study-v5 .card-quick-actions button{width:37px;height:37px;border-radius:13px}.study-v5 .front-heading{margin:21px 0 15px}.study-v5 .front-heading h2{font-size:clamp(38px,12vw,54px)}.study-v5 .front-heading small{font-size:14px}.study-v5 .round-audio{width:46px;height:46px;border-radius:16px}.study-v5 .context-paragraph{padding:13px 12px;border-radius:16px}.study-v5 .context-paragraph p{font-size:16px;line-height:1.72}.in-card-controls{min-height:87px;padding:9px 12px calc(11px + env(safe-area-inset-bottom));grid-template-columns:42px minmax(0,1fr) 42px;gap:7px}.review-icon-action{width:42px;height:42px}.difficulty-volume-label{padding-inline:4px}.difficulty-volume-label span{font-size:7px}.difficulty-volume-label strong{max-width:95px;font-size:8px}.difficulty-volume-track{height:42px}.difficulty-volume-brain{left:11px}.difficulty-volume-value{right:10px;width:26px;height:26px;font-size:11px}.swipe-feedback-v5{min-width:72px;padding:9px}.swipe-feedback-v5.swipe-no{left:0}.swipe-feedback-v5.swipe-yes{right:0}.study-message-v5{padding-inline:18px}.filter-modal-layer{z-index:500}}@media (max-width:390px){.app-header-brand-copy small{display:none}.app-header-brand{gap:6px}.study-v5 .review-card{width:calc(100% - 18px);min-height:525px}.review-face-scroll{padding-inline:14px}.study-v5 .card-tags span{padding-inline:6px}.study-v5 .front-heading h2{font-size:37px}.study-v5 .context-paragraph p{font-size:15px}.in-card-controls{grid-template-columns:38px minmax(0,1fr) 38px;padding-inline:8px}.review-icon-action{width:38px;height:38px}.difficulty-volume-label span{display:none}.difficulty-volume-label{justify-content:flex-end}.difficulty-volume-track{height:40px}}@media (prefers-reduced-transparency:reduce){.app-header,.difficulty-volume-track,.in-card-controls,.study-v5 .review-face,.swipe-feedback-v5{-webkit-backdrop-filter:none;backdrop-filter:none}}.study-v5 .front-heading-centered{width:100%;margin:24px 0 22px;justify-content:center;text-align:center}.study-v5 .front-heading-centered>div{width:100%;align-items:center;text-align:center}.study-v5 .front-heading-centered .context-kicker{font-size:11px;font-weight:750;text-align:center}.study-v5 .front-heading-centered h2{width:100%;margin:8px 0 4px;font-size:clamp(52px,12vw,76px);text-align:center;letter-spacing:-2.8px}.study-v5 .front-heading-centered small{font-size:18px;text-align:center}.study-v5 .context-paragraph>span{margin-bottom:8px;color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.35px;text-transform:lowercase;direction:ltr;text-align:left}.in-card-controls{min-height:166px;padding:12px 22px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;gap:10px}.review-action-row{width:min(310px,100%);margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;direction:ltr}.review-icon-action{width:66px;height:58px;justify-self:center}.review-icon-action svg{stroke-width:2.15}.review-play-action{width:62px;height:62px;padding:0;border:0;border-radius:21px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7564ff,#9a7cff);box-shadow:0 13px 28px rgba(111,91,255,.29),inset 0 1px 0 rgba(255,255,255,.35);cursor:pointer;transition:transform .18s ease,filter .18s ease}.review-play-action:hover{transform:translateY(-2px) scale(1.03);filter:saturate(1.08)}.review-play-action:active{transform:scale(.94)}.in-card-controls .difficulty-volume{width:min(430px,100%);margin:0 auto}.difficulty-volume-label span{font-size:9px}.difficulty-volume-label strong{font-size:10px}.difficulty-volume-track{height:48px}.study-v5 .review-back .review-face-scroll{padding:26px 24px 16px}.study-v5 .back-word strong{font-size:clamp(38px,8vw,48px);line-height:1.05}.study-v5 .back-word small{margin-top:6px;font-size:17px}.study-v5 .spelling-strip{padding:15px 17px;margin-bottom:15px;border-radius:17px}.study-v5 .spelling-strip span{font-size:10px;font-weight:850}.study-v5 .spelling-strip strong{font-size:14px;line-height:1.5}.study-v5 .meaning-list{gap:12px}.study-v5 .meaning-card{grid-template-columns:42px 1fr;gap:13px;padding:16px;border-radius:19px}.study-v5 .meaning-number{width:39px;height:39px;border-radius:13px;font-size:14px}.study-v5 .meaning-title strong{font-size:18px;line-height:1.55}.study-v5 .meaning-title span{padding:5px 8px;font-size:10px}.study-v5 .meaning-card p{margin-top:9px;font-size:14px;line-height:1.9}.study-v5 .meaning-card small{margin-top:8px;font-size:12px;line-height:1.9}.study-v5 .knowledge-note{padding:16px;border-radius:18px}.study-v5 .back-examples>span,.study-v5 .knowledge-note span,.study-v5 .modern-relations span{font-size:11px;font-weight:900}.study-v5 .knowledge-note p{font-size:13px;line-height:1.9}.study-v5 .modern-relations p{font-size:13px;line-height:1.85}.study-v5 .back-examples button{padding:14px;border-radius:16px}.study-v5 .back-examples b{font-size:13px;line-height:1.85}.study-v5 .back-examples small{font-size:12px;line-height:1.8}.study-v5 .back-footnote{font-size:11px;line-height:1.75}@media (max-width:620px){.study-v5 .front-heading-centered{margin:20px 0 18px}.study-v5 .front-heading-centered h2{font-size:clamp(48px,15vw,66px)}.study-v5 .front-heading-centered small{font-size:16px}.in-card-controls{min-height:158px;padding:10px 14px calc(12px + env(safe-area-inset-bottom));gap:9px}.review-action-row{width:min(285px,100%);gap:14px}.review-icon-action{width:61px;height:54px}.review-play-action{width:58px;height:58px;border-radius:20px}.difficulty-volume-track{height:45px}.study-v5 .review-back .review-face-scroll{padding:22px 17px 14px}.study-v5 .meaning-title strong{font-size:17px}.study-v5 .meaning-card p{font-size:13px}.study-v5 .meaning-card small{font-size:11px}}@media (max-width:390px){.study-v5 .front-heading-centered h2{font-size:48px}.review-action-row{width:250px;gap:10px}.review-icon-action{width:56px}.review-play-action{width:54px;height:54px;border-radius:18px}.difficulty-volume-label span{display:inline}.study-v5 .meaning-card{grid-template-columns:37px 1fr;padding:14px;gap:10px}.study-v5 .meaning-number{width:35px;height:35px}}.feature-analytics .feature-icon{color:var(--green);background:var(--green-soft)}.story-preview-card{width:100%;border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line));background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 42%),color-mix(in srgb,var(--surface-solid) 92%,transparent);border-radius:20px;padding:15px 16px;display:grid;grid-template-columns:46px minmax(0,1fr) 22px;align-items:center;gap:13px;text-align:right;cursor:pointer;box-shadow:0 12px 26px color-mix(in srgb,var(--primary) 10%,transparent)}.story-modal-icon,.story-preview-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;color:var(--primary);background:var(--primary-soft)}.story-preview-card>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:4px}.story-preview-card small{color:var(--muted);font-size:11px;font-style:normal;font-weight:800}.story-preview-card strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-preview-card em{color:var(--primary);font-size:12px;font-style:normal;font-weight:800}.story-modal-layer{position:fixed;inset:0;z-index:180;padding:max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));display:grid;place-items:center;background:rgba(10,12,24,.48);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}.story-modal{width:min(670px,100%);max-height:min(760px,calc(100dvh - 40px));overflow:hidden;border:1px solid color-mix(in srgb,white 48%,var(--line));border-radius:30px;background:color-mix(in srgb,var(--surface-solid) 94%,transparent);box-shadow:0 38px 100px rgba(0,0,0,.28);display:flex;flex-direction:column}.story-modal-header{padding:21px 22px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.story-modal-header>div{display:flex;gap:14px;align-items:center;min-width:0}.story-modal-header small{color:var(--primary);font-weight:850;font-size:11px}.story-modal-header h2{margin:4px 0 0;font-size:clamp(22px,5vw,30px);line-height:1.25}.story-modal-header p{margin:5px 0 0;color:var(--muted);font-size:13px}.story-modal-header>button{width:42px;height:42px;flex:0 0 auto;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);cursor:pointer}.story-modal-body{overflow-y:auto;padding:22px;display:grid;gap:16px}.story-english,.story-persian{border:1px solid var(--line);border-radius:22px;padding:20px;background:color-mix(in srgb,var(--surface-solid) 90%,transparent)}.story-english p{color:var(--text);font-family:Segoe UI,Arial,sans-serif;font-size:clamp(18px,3.7vw,22px);font-weight:600;line-height:2}.story-english .target-word{padding:2px 6px;border-radius:8px}.story-english button{margin-top:18px;min-height:43px;padding:0 15px;border:0;border-radius:14px;display:inline-flex;align-items:center;gap:8px;color:white;background:linear-gradient(135deg,var(--primary),var(--primary-dark));cursor:pointer;font-weight:850}.story-persian span{display:block;margin-bottom:8px;color:var(--primary);font-size:12px;font-weight:900}.story-persian p{margin:0;font-size:15px;font-weight:650;line-height:2.05}.analytics-page{display:flex;flex-direction:column;gap:20px;padding-bottom:38px}.analytics-hero{position:relative;overflow:hidden;min-height:235px;padding:34px;border-radius:30px;display:flex;align-items:center;justify-content:space-between;gap:26px;color:white;background:radial-gradient(circle at 82% 10%,rgba(120,255,218,.25),transparent 25rem),linear-gradient(135deg,#3b2c91,#705ff3 56%,#42a8be);box-shadow:0 24px 58px rgba(74,61,176,.22)}.analytics-hero:after{content:"";position:absolute;width:280px;height:280px;left:-90px;bottom:-170px;border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 36px rgba(255,255,255,.05),0 0 0 78px rgba(255,255,255,.035)}.analytics-hero>*{position:relative;z-index:1}.analytics-hero h1{margin:8px 0 10px;font-size:clamp(30px,5vw,46px);line-height:1.2}.analytics-hero p{max-width:690px;margin:0;color:rgba(255,255,255,.82);font-size:14px;line-height:2}.analytics-hero-score{min-width:190px;padding:21px;border:1px solid rgba(255,255,255,.28);border-radius:24px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center}.analytics-hero-score span{font-size:12px;font-weight:800;opacity:.8}.analytics-hero-score strong{display:block;margin:7px 0;font-size:44px;line-height:1}.analytics-hero-score small{font-size:10px;opacity:.76}.analytics-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.analytics-metrics article,.analytics-panel{border:1px solid color-mix(in srgb,var(--line) 88%,transparent);background:color-mix(in srgb,var(--surface-solid) 90%,transparent);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);box-shadow:var(--shadow-sm)}.analytics-metrics article{min-height:125px;padding:17px;border-radius:21px;display:flex;flex-direction:column;align-items:flex-start}.analytics-metrics article>span{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft)}.analytics-metrics strong{margin-top:auto;font-size:24px;line-height:1}.analytics-metrics small{margin-top:7px;color:var(--muted);font-size:10px;font-weight:700}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:16px}.analytics-grid-primary{grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr)}.analytics-panel{min-width:0;border-radius:26px;padding:22px}.analytics-panel>header{margin-bottom:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.analytics-panel h2{margin:5px 0 0;font-size:21px}.panel-badge{min-height:31px;padding:0 11px;border-radius:11px;display:inline-flex;align-items:center;gap:6px;color:var(--primary);background:var(--primary-soft);font-size:10px;font-weight:850}.activity-calendar,.activity-weekdays{display:grid;grid-template-columns:repeat(7,minmax(30px,1fr));gap:8px}.activity-weekdays{margin-bottom:8px;color:var(--muted);text-align:center;font-size:10px;font-weight:800}.activity-blank,.activity-day{aspect-ratio:1;min-height:36px;border-radius:10px}.activity-day{border:1px solid color-mix(in srgb,var(--line) 85%,transparent);background:var(--surface-soft);cursor:default;display:grid;place-items:center}.activity-day span{font-size:10px;font-weight:800;opacity:.76}.activity-day.level-1,.activity-legend .level-1{background:color-mix(in srgb,var(--green) 18%,var(--surface-soft))}.activity-day.level-2,.activity-legend .level-2{background:color-mix(in srgb,var(--green) 38%,var(--surface-soft))}.activity-day.level-3,.activity-legend .level-3{background:color-mix(in srgb,var(--green) 64%,var(--surface-soft));color:white}.activity-day.level-4,.activity-legend .level-4{background:var(--green);color:white;box-shadow:0 7px 15px color-mix(in srgb,var(--green) 28%,transparent)}.activity-legend{margin-top:12px;justify-content:flex-end;font-size:9px}.activity-legend i{width:13px;height:13px;border:1px solid var(--line);border-radius:4px;background:var(--surface-soft)}.streak-orb,.streak-panel{display:flex;flex-direction:column}.streak-orb{width:150px;height:150px;margin:4px auto 20px;border-radius:50%;align-items:center;justify-content:center;color:#9d5914;background:radial-gradient(circle at 35% 25%,#fff8d7,#ffc85d 66%,#f5a72d);box-shadow:0 18px 45px rgba(245,167,45,.24)}.streak-orb strong{margin:3px 0;font-size:39px;line-height:1}.streak-orb span{font-size:10px;font-weight:850}.streak-facts{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.streak-facts div{padding:11px 7px;border-radius:14px;text-align:center;background:var(--surface-soft)}.streak-facts strong{display:block;font-size:17px}.streak-facts span{color:var(--muted);font-size:8px}.analytics-line-chart{width:100%;overflow:hidden}.analytics-line-chart svg{display:block;width:100%;min-width:560px}.chart-grid-line{stroke:color-mix(in srgb,var(--line) 80%,transparent);stroke-width:1}.chart-axis-text{fill:var(--muted);font-size:10px}.chart-line{stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-line.series-primary{stroke:var(--primary)}.chart-line.series-green{stroke:var(--green)}.chart-legend{display:flex;justify-content:center;gap:18px;color:var(--muted);font-size:10px;font-weight:750}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:16px;height:4px;border-radius:3px}.chart-legend i.series-primary{background:var(--primary)}.chart-legend i.series-green{background:var(--green)}.grade-bars{height:235px;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:10px}.grade-bars>div{height:100%;display:grid;grid-template-rows:22px 1fr 20px;gap:5px;text-align:center}.grade-bars span,.grade-bars strong{font-size:10px}.grade-bars i{position:relative;overflow:hidden;border-radius:10px;background:var(--surface-soft)}.grade-bars b{position:absolute;right:0;bottom:0;left:0;border-radius:10px;background:linear-gradient(180deg,#9b8cff,var(--primary))}.analytics-note{margin:14px 0 0;color:var(--muted);font-size:10px;line-height:1.8}.difficult-list{display:flex;flex-direction:column;gap:8px}.difficult-list>div{min-height:62px;padding:9px 11px;border-radius:16px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--surface-soft)}.difficult-rank{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:var(--red);background:var(--red-soft);font-weight:900}.difficult-list strong{display:block;font-size:16px}.difficult-list small{display:block;margin-top:3px;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.difficult-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:var(--muted);font-size:9px}.analytics-empty-copy{color:var(--muted);font-size:11px;line-height:2;text-align:center}.hour-bars{height:210px;display:grid;grid-template-columns:repeat(24,1fr);align-items:end;gap:4px}.hour-bars i{height:100%;position:relative;border-radius:5px;background:var(--surface-soft);overflow:hidden}.hour-bars b{position:absolute;left:0;right:0;bottom:0;border-radius:5px;background:linear-gradient(180deg,#6edbd2,#3f8cff)}.hour-labels{margin-top:7px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.analytics-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.analytics-loading div{height:210px;border-radius:25px;background:linear-gradient(100deg,var(--surface-soft),var(--surface),var(--surface-soft));background-size:200% 100%;animation:shimmer 1.4s infinite}@media (max-width:900px){.analytics-metrics{grid-template-columns:repeat(2,1fr)}.analytics-grid,.analytics-grid-primary{grid-template-columns:1fr}}@media (max-width:620px){.analytics-page{gap:14px}.analytics-hero{min-height:auto;padding:25px 20px;border-radius:24px;align-items:stretch;flex-direction:column}.analytics-hero h1{font-size:29px}.analytics-hero p{font-size:12px}.analytics-hero-score{min-width:0;display:grid;grid-template-columns:auto auto;align-items:center;text-align:right}.analytics-hero-score strong{grid-row:span 2;margin:0 0 0 8px;font-size:39px}.analytics-metrics{gap:8px}.analytics-metrics article{min-height:108px;padding:13px;border-radius:18px}.analytics-metrics strong{font-size:21px}.analytics-panel{padding:17px;border-radius:22px}.analytics-panel h2{font-size:18px}.activity-calendar,.activity-weekdays{gap:5px}.activity-blank,.activity-day{min-height:31px;border-radius:8px}.analytics-line-chart{overflow-x:auto;padding-bottom:5px}.analytics-line-chart svg{width:620px}.story-modal-layer{padding:10px}.story-modal{max-height:calc(100dvh - 20px);border-radius:24px}.story-modal-header{padding:17px}.story-modal-body{padding:14px}.story-english,.story-persian{padding:16px;border-radius:18px}.story-english p{font-size:17px}}@media (min-width:901px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-analytics{color:white;background:linear-gradient(135deg,#6557e8,#8f76ff 60%,#4faac3)}.feature-analytics .feature-icon{color:white;background:rgba(255,255,255,.16)}.drawer-layer{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-start;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));background:rgba(10,13,25,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);visibility:hidden;pointer-events:none;transition:background .24s ease,visibility 0s linear .28s,-webkit-backdrop-filter .24s ease;transition:background .24s ease,backdrop-filter .24s ease,visibility 0s linear .28s;transition:background .24s ease,backdrop-filter .24s ease,visibility 0s linear .28s,-webkit-backdrop-filter .24s ease}.drawer-layer.open{visibility:visible;pointer-events:auto;background:rgba(10,13,25,.38);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);transition-delay:0s}.app-drawer{width:min(370px,calc(100vw - 28px));height:100%;padding:14px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:30px;color:var(--text);background:color-mix(in srgb,var(--surface-solid) 92%,transparent);box-shadow:0 30px 90px rgba(18,23,54,.28),inset 0 1px 0 rgba(255,255,255,.92);-webkit-backdrop-filter:blur(34px) saturate(170%);backdrop-filter:blur(34px) saturate(170%);transform:translateX(calc(100% + 28px)) scale(.97);opacity:0;transition:transform .3s cubic-bezier(.22,.9,.28,1),opacity .22s ease}.drawer-layer.open .app-drawer{transform:translateX(0) scale(1);opacity:1}:root[data-theme=dark] .app-drawer{background:rgba(20,23,35,.94);border-color:rgba(255,255,255,.1);box-shadow:0 35px 100px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.07)}.drawer-header{justify-content:space-between;gap:14px;padding:5px 3px 13px}.drawer-brand,.drawer-header{display:flex;align-items:center}.drawer-brand{gap:11px;direction:ltr}.drawer-brand>div{display:flex;flex-direction:column;align-items:flex-start}.drawer-brand strong{font-size:19px;letter-spacing:-.5px}.drawer-brand small{margin-top:3px;color:var(--muted);font-size:10px;direction:rtl}.drawer-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#6f5bff,#9f80ff);font-size:20px;font-weight:950;box-shadow:0 10px 24px rgba(111,91,255,.25)}.drawer-close{width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--surface-soft);cursor:pointer}.drawer-user-card{margin:2px 0 13px;padding:12px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--primary) 7%,var(--surface-soft));color:var(--text)}.drawer-user-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(145deg,#5c6cff,#9d79ff);font-size:19px;font-weight:900}.drawer-user-card>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.drawer-user-card strong{font-size:13px}.drawer-user-card small{margin-top:4px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap;text-align:right}.drawer-access{padding:5px 7px;border-radius:999px;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);font-size:8px;font-weight:900;white-space:nowrap}.drawer-access.trial{color:#a76a00;background:rgba(255,188,51,.16)}.drawer-nav{min-height:0;padding:2px 0;display:flex;flex-direction:column;gap:5px;overflow-y:auto;overscroll-behavior:contain}.drawer-link{min-height:58px;padding:8px 10px;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid transparent;border-radius:18px;color:var(--text);transition:background .16s ease,border-color .16s ease,transform .16s ease}.drawer-link:hover{transform:translateX(-2px);background:var(--surface-soft)}.drawer-link.active{border-color:color-mix(in srgb,var(--primary) 26%,var(--line));background:color-mix(in srgb,var(--primary) 10%,var(--surface-soft))}.drawer-link-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;color:var(--muted);background:color-mix(in srgb,var(--surface-solid) 74%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}.drawer-link.active .drawer-link-icon{color:#fff;background:linear-gradient(145deg,#6656f7,#9477ff);box-shadow:0 8px 18px rgba(102,86,247,.22)}.drawer-link>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.drawer-link strong{font-size:12px}.drawer-link small{margin-top:4px;color:var(--muted);font-size:9px}.drawer-link>svg{color:var(--muted);transform:rotate(180deg)}.drawer-footer{margin-top:auto;padding-top:12px;display:grid;gap:8px;border-top:1px solid var(--line)}.drawer-footer .button{width:100%;justify-content:center}.drawer-logout{min-height:44px;border:1px solid rgba(255,93,105,.2);border-radius:15px;display:flex;align-items:center;justify-content:center;gap:8px;color:#e94d5e;background:rgba(255,93,105,.07);font:inherit;font-size:10px;font-weight:850;cursor:pointer}.drawer-footer p{margin:1px 0 0;color:var(--muted);font-size:8px;text-align:center}.auth-page-shell,.subscription-page{min-height:100svh;padding:max(22px,env(safe-area-inset-top)) 16px max(22px,env(safe-area-inset-bottom));display:grid;place-items:center;background:radial-gradient(circle at 15% 12%,rgba(119,98,255,.23),transparent 29rem),radial-gradient(circle at 86% 84%,rgba(80,201,217,.18),transparent 26rem),var(--bg)}.auth-card{width:min(440px,100%);padding:28px;border:1px solid rgba(255,255,255,.76);border-radius:32px;background:color-mix(in srgb,var(--surface-solid) 88%,transparent);box-shadow:0 30px 80px rgba(30,36,74,.18),inset 0 1px 0 rgba(255,255,255,.92);-webkit-backdrop-filter:blur(32px) saturate(160%);backdrop-filter:blur(32px) saturate(160%)}:root[data-theme=dark] .auth-card{border-color:rgba(255,255,255,.1);background:rgba(20,23,35,.92);box-shadow:0 35px 90px rgba(0,0,0,.5)}.auth-brand{display:inline-flex;align-items:center;gap:9px;direction:ltr}.auth-brand span{width:39px;height:39px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,#6656f7,#9b7cff);font-weight:950;box-shadow:0 9px 22px rgba(102,86,247,.25)}.auth-brand strong{color:var(--text);font-size:20px}.auth-copy{margin:28px 0 22px}.auth-kicker{color:var(--primary);font-size:10px;font-weight:900}.auth-copy h1{margin:7px 0 9px;color:var(--text);font-size:clamp(29px,8vw,38px);letter-spacing:-1.3px}.auth-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px}.auth-form label>span{padding-inline:4px;color:var(--text);font-size:10px;font-weight:850}.auth-form input,.coupon-field input{width:100%;height:52px;padding:0 15px;border:1px solid var(--line);border-radius:16px;outline:none;color:var(--text);background:var(--surface-soft);font:inherit;font-size:12px;transition:border-color .18s,box-shadow .18s}.auth-form input:focus,.coupon-field input:focus{border-color:color-mix(in srgb,var(--primary) 58%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent)}.password-field{position:relative}.password-field input{padding-left:52px}.password-field button{position:absolute;left:6px;top:6px;width:40px;height:40px;padding:0;display:grid;place-items:center;border:0;border-radius:12px;color:var(--muted);background:transparent;cursor:pointer}.auth-submit{width:100%;min-height:54px;margin-top:5px;padding:0 18px;border:0;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:linear-gradient(135deg,#5b55f5,#9273ff);box-shadow:0 14px 30px rgba(91,85,245,.27),inset 0 1px 0 rgba(255,255,255,.25);font:inherit;font-size:12px;font-weight:900;cursor:pointer}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-switch{margin:19px 0 0;color:var(--muted);font-size:10px;text-align:center}.auth-switch a{margin-right:5px;color:var(--primary);font-weight:900}.form-error,.form-success{margin:0;padding:10px 12px;border-radius:13px;font-size:10px;line-height:1.7}.form-error{color:#cc3348;background:rgba(255,80,100,.1)}.form-success{color:#087d58;background:rgba(24,190,135,.11)}.subscription-page{display:block}.subscription-topbar{width:min(920px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.subscription-logout{min-height:42px;padding:0 13px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:7px;color:var(--muted);background:var(--surface-soft);font:inherit;font-size:10px;font-weight:800;cursor:pointer}.subscription-hero{width:min(760px,100%);margin:60px auto 28px;text-align:center}.subscription-hero h1{margin:12px 0 9px;color:var(--text);font-size:clamp(32px,8vw,52px);letter-spacing:-2px}.subscription-hero p{max-width:580px;margin:auto;color:var(--muted);font-size:12px;line-height:1.9}.access-pill{display:inline-flex;padding:8px 12px;border-radius:999px;color:#a36600;background:rgba(255,188,51,.16);font-size:10px;font-weight:900}.access-pill.active{color:#067c58;background:rgba(20,190,132,.13)}.access-pill.expired{color:#ce3d50;background:rgba(255,82,105,.12)}.subscription-panel{width:min(920px,100%);margin:0 auto;padding:22px;border:1px solid rgba(255,255,255,.7);border-radius:30px;background:color-mix(in srgb,var(--surface-solid) 88%,transparent);box-shadow:0 25px 70px rgba(30,36,74,.14);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-card{position:relative;min-height:190px;padding:24px 16px 18px;border:1px solid var(--line);border-radius:22px;display:flex;flex-direction:column;align-items:flex-start;text-align:right;color:var(--text);background:var(--surface-soft);font:inherit;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.plan-card:hover{transform:translateY(-2px)}.plan-card.active{border-color:color-mix(in srgb,var(--primary) 58%,var(--line));box-shadow:0 14px 34px color-mix(in srgb,var(--primary) 16%,transparent)}.plan-card strong{font-size:14px}.plan-card b{margin-top:18px;font-size:20px}.plan-card small{margin-top:7px;color:var(--muted);font-size:9px}.plan-badge{position:absolute;top:10px;left:10px;padding:5px 8px;border-radius:999px;color:#fff;background:var(--primary);font-size:7px;font-weight:900}.plan-radio{position:absolute;right:15px;bottom:14px;width:25px;height:25px;border:2px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#fff}.plan-card.active .plan-radio{border-color:var(--primary);background:var(--primary)}.coupon-field{margin:18px 0 12px;display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px}.coupon-field>span{display:flex;align-items:center;gap:8px;color:var(--text);font-size:11px;font-weight:850}.checkout-summary{margin:12px 0;padding:13px 15px;border-radius:16px;display:flex;justify-content:space-between;color:var(--muted);background:var(--surface-soft);font-size:10px}.checkout-summary strong{color:var(--text);font-size:12px}.payment-note{margin:10px 0 0;color:var(--muted);font-size:8px;text-align:center}.account-page{max-width:820px;margin-inline:auto}.account-hero{padding:25px;display:flex;align-items:center;gap:17px;border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow)}.account-avatar{width:66px;height:66px;display:grid;place-items:center;border-radius:23px;color:#fff;background:linear-gradient(145deg,#6256f4,#9a78ff);font-size:28px;font-weight:950}.account-hero span:not(.account-avatar){color:var(--muted);font-size:9px}.account-hero h1{margin:5px 0;font-size:27px}.account-hero p{margin:0;color:var(--muted);font-size:10px}.account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.account-grid article{padding:20px;border:1px solid var(--line);border-radius:22px;display:flex;flex-direction:column;background:var(--surface)}.account-grid article>svg{color:var(--primary)}.account-grid span{margin-top:15px;color:var(--muted);font-size:9px}.account-grid strong{margin-top:5px;font-size:16px}.account-grid small{margin-top:7px;color:var(--muted);font-size:9px}.account-subscription-link{padding:17px;border:1px solid var(--line);border-radius:20px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;color:var(--text);background:var(--surface)}.account-subscription-link>svg:first-child{padding:10px;box-sizing:content-box;border-radius:14px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.account-subscription-link span{display:flex;flex-direction:column}.account-subscription-link strong{font-size:12px}.account-subscription-link small{margin-top:4px;color:var(--muted);font-size:9px}.account-subscription-link>svg:last-child{transform:rotate(180deg);color:var(--muted)}@media (max-width:680px){.drawer-layer{padding:max(7px,env(safe-area-inset-top)) 7px max(7px,env(safe-area-inset-bottom))}.app-drawer{width:min(350px,calc(100vw - 14px));border-radius:26px}.auth-card{padding:23px 19px;border-radius:27px}.subscription-hero{margin-top:42px}.subscription-panel{padding:15px;border-radius:25px}.plans-grid{grid-template-columns:1fr}.plan-card{min-height:132px}.account-grid,.coupon-field{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.app-drawer,.drawer-layer{transition:none}}.app-shell{padding-bottom:calc(30px + env(safe-area-inset-bottom))}.dashboard-home{gap:22px}.dashboard-welcome-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:16px}.welcome-card{min-height:330px;position:relative;overflow:hidden;border-radius:32px;padding:38px;display:flex;align-items:center;color:#fff;background:linear-gradient(135deg,#2f2a78,#5c50e4 52%,#9276ff);box-shadow:0 28px 65px rgba(70,58,180,.24)}.welcome-card:after{content:"";width:310px;height:310px;left:-120px;bottom:-210px;background:rgba(70,220,204,.23)}.welcome-card:after,.welcome-glow{position:absolute;border-radius:50%}.welcome-glow{width:420px;height:420px;right:-160px;top:-230px;background:rgba(255,255,255,.15)}.welcome-copy{position:relative;z-index:2;max-width:600px}.welcome-copy h1{margin:10px 0 13px;font-size:clamp(35px,5.4vw,58px);line-height:1.12;letter-spacing:-1.8px}.welcome-copy p{margin:0;color:rgba(255,255,255,.8);font-size:13px;line-height:1.9}.welcome-actions{display:flex;align-items:center;gap:12px;margin-top:23px}.welcome-secondary{min-height:44px;padding:0 15px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.25);border-radius:14px;color:#fff;background:rgba(255,255,255,.1);font-size:11px;font-weight:850}.welcome-score{position:absolute;z-index:3;left:34px;bottom:31px;width:136px;height:136px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(21,20,66,.28);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}.welcome-score span{font-size:9px;opacity:.75}.welcome-score strong{margin:5px 0 2px;font-size:33px}.welcome-score small{font-size:8px;opacity:.72}.subscription-widget{min-height:330px;padding:24px;border:1px solid color-mix(in srgb,var(--primary) 17%,var(--line));border-radius:30px;display:flex;flex-direction:column;background:linear-gradient(160deg,color-mix(in srgb,var(--surface-solid) 96%,transparent),color-mix(in srgb,var(--primary) 5%,var(--surface-solid)));box-shadow:var(--shadow)}.subscription-widget header{display:grid;grid-template-columns:47px 1fr auto;align-items:center;gap:11px}.subscription-widget-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:16px;color:var(--primary);background:var(--primary-soft)}.subscription-widget header div{display:flex;flex-direction:column}.subscription-widget header small{color:var(--muted);font-size:9px}.subscription-widget header strong{margin-top:4px;font-size:13px}.access-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px var(--green-soft)}.access-dot.trial{background:var(--orange);box-shadow:0 0 0 6px var(--orange-soft)}.subscription-days{margin-top:32px;display:flex;align-items:flex-end;gap:10px}.subscription-days strong{font-size:52px;line-height:.9;letter-spacing:-2px}.subscription-days span{max-width:100px;color:var(--muted);font-size:10px;line-height:1.6}.subscription-progress{height:9px;margin-top:23px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.subscription-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#9c7cff);box-shadow:0 0 15px color-mix(in srgb,var(--primary) 35%,transparent)}.subscription-widget>p{margin:10px 0 0;color:var(--muted);font-size:9px}.subscription-renew{min-height:48px;margin-top:auto;padding:0 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--primary),#9473ff);font-size:11px;font-weight:900;box-shadow:0 13px 25px color-mix(in srgb,var(--primary) 22%,transparent)}.subscription-renew svg:last-child{transform:rotate(180deg)}.home-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.home-kpi-grid article{min-height:112px;padding:17px;display:grid;grid-template-columns:46px 1fr;align-items:center;gap:12px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-sm)}.kpi-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px}.kpi-icon.purple{color:var(--primary);background:var(--primary-soft)}.kpi-icon.green{color:var(--green);background:var(--green-soft)}.kpi-icon.orange{color:var(--orange);background:var(--orange-soft)}.kpi-icon.blue{color:var(--blue);background:var(--blue-soft)}.home-kpi-grid article div{display:flex;flex-direction:column}.home-kpi-grid strong{font-size:25px;line-height:1}.home-kpi-grid small{margin-top:6px;color:var(--muted);font-size:9px}.home-kpi-grid em{grid-column:1/-1;justify-self:end;margin-top:-8px;color:var(--muted);font-size:8px;font-style:normal}.home-insights-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px}.home-panel{min-width:0;padding:22px;border:1px solid var(--line);border-radius:27px;background:var(--surface);box-shadow:var(--shadow-sm)}.home-panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.home-panel h2{margin:5px 0 0;font-size:20px}.home-panel header>a{display:flex;align-items:center;gap:3px;color:var(--primary);font-size:9px;font-weight:850}.home-trend-chart{margin-top:12px;color:var(--primary)}.home-trend-chart svg{width:100%;height:auto;display:block}.home-chart-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:4 6}.home-chart-line{stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 7px color-mix(in srgb,var(--primary) 25%,transparent))}.home-chart-dot{fill:var(--surface-solid);stroke:currentColor;stroke-width:3}.home-chart-labels{margin-top:-5px;display:flex;justify-content:space-between;color:var(--muted);font-size:8px;direction:ltr}.trend-summary{margin-top:10px;padding-top:12px;border-top:1px solid var(--line);display:flex;gap:20px;color:var(--muted);font-size:9px}.trend-summary span{display:flex;align-items:center;gap:6px}.trend-summary i{width:8px;height:8px;border-radius:50%}.dot-violet{background:var(--primary)}.dot-green{background:var(--green)}.streak-pill{padding:7px 10px;border-radius:999px;display:flex;align-items:center;gap:5px;color:var(--orange);background:var(--orange-soft);font-size:9px;font-weight:850}.home-activity-map{margin-top:26px;display:grid;grid-template-columns:repeat(7,1fr);gap:7px;direction:ltr}.activity-legend i,.home-activity-map i{aspect-ratio:1;border-radius:5px;background:var(--surface-soft)}.activity-level-0{background:var(--surface-soft)!important;border:1px solid var(--line)}.activity-level-1{background:color-mix(in srgb,var(--green) 22%,var(--surface-solid))!important}.activity-level-2{background:color-mix(in srgb,var(--green) 43%,var(--surface-solid))!important}.activity-level-3{background:color-mix(in srgb,var(--green) 69%,var(--surface-solid))!important}.activity-level-4{background:var(--green)!important;box-shadow:0 5px 12px color-mix(in srgb,var(--green) 28%,transparent)}.activity-legend{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:8px}.activity-legend i{width:12px;height:12px}.home-activity-panel>p{margin:14px 0 0;color:var(--muted);font-size:9px;text-align:center}.modern-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.modern-action-card{min-height:145px;padding:18px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;display:grid;grid-template-columns:50px 1fr;align-items:center;gap:12px;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .2s,border-color .2s}.modern-action-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--primary) 45%,var(--line))}.modern-action-card>svg{position:absolute;left:15px;bottom:14px;color:var(--muted);transform:rotate(180deg)}.modern-action-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:17px}.modern-action-card strong{font-size:14px}.modern-action-card p{margin:7px 0 0;color:var(--muted);font-size:9px;line-height:1.7}.modern-action-card.tone-violet .modern-action-icon{color:var(--primary);background:var(--primary-soft)}.modern-action-card.tone-blue .modern-action-icon{color:var(--blue);background:var(--blue-soft)}.modern-action-card.tone-rose .modern-action-icon{color:#e74d85;background:#fff0f6}.modern-action-card.tone-green .modern-action-icon{color:var(--green);background:var(--green-soft)}:root[data-theme=dark] .modern-action-card.tone-rose .modern-action-icon{background:#3a202e}.content-progress-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.content-progress-card{min-height:128px;padding:18px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-sm)}.content-progress-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;color:#e44c7d;background:#fff0f5}.grammar-progress-card .content-progress-icon{color:var(--primary);background:var(--primary-soft)}:root[data-theme=dark] .story-progress-card .content-progress-icon{background:#3b202d}.content-progress-copy{min-width:0;display:flex;flex-direction:column}.content-progress-copy>span{color:var(--muted);font-size:9px}.content-progress-copy strong{margin-top:5px;font-size:14px}.content-progress-copy>div{height:7px;margin-top:12px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.content-progress-copy i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e74b82,#ff85ac)}.grammar-progress-card .content-progress-copy i{background:linear-gradient(90deg,var(--primary),#987bff)}.content-progress-copy small{margin-top:7px;color:var(--muted);font-size:8px}.content-progress-card>a{display:flex;align-items:center;gap:3px;color:var(--primary);font-size:9px;font-weight:850}.content-progress-card>a svg{transform:rotate(180deg)}.ai-home-banner{min-height:112px;padding:19px 21px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));border-radius:25px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,var(--surface-solid)),var(--surface));box-shadow:var(--shadow-sm)}.ai-home-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;color:#fff;background:linear-gradient(145deg,#5b54f6,#9b77ff);box-shadow:0 12px 25px rgba(91,84,246,.25)}.ai-home-banner div{display:flex;flex-direction:column}.ai-home-banner div>span{color:var(--primary);font-size:8px;font-weight:900}.ai-home-banner strong{margin-top:4px;font-size:15px}.ai-home-banner p{margin:5px 0 0;color:var(--muted);font-size:9px}.ai-home-banner>a{min-height:40px;padding:0 12px;display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft);font-size:9px;font-weight:850}.ai-home-banner>a svg{transform:rotate(180deg)}.admin-content-banner{min-height:76px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border:1px dashed color-mix(in srgb,var(--primary) 45%,var(--line));border-radius:20px;color:var(--text);background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.admin-content-banner>span{display:flex;align-items:center;gap:11px}.admin-content-banner>span>svg{color:var(--primary)}.admin-content-banner div{display:flex;flex-direction:column}.admin-content-banner strong{font-size:11px}.admin-content-banner small{margin-top:4px;color:var(--muted);font-size:8px}.admin-content-banner>svg{color:var(--muted);transform:rotate(180deg)}.stories-page{gap:20px}.stories-hero{min-height:245px;padding:34px;position:relative;overflow:hidden;border-radius:31px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;background:linear-gradient(135deg,#732d72,#c44c87 56%,#f07ba0);box-shadow:0 26px 60px rgba(167,61,124,.22)}.stories-hero:after{content:"";position:absolute;width:330px;height:330px;left:-130px;bottom:-230px;border-radius:50%;background:rgba(255,255,255,.13)}.stories-hero>div{position:relative;z-index:2;max-width:720px}.stories-hero h1{margin:10px 0;font-size:clamp(31px,5vw,48px);line-height:1.2}.stories-hero p{margin:0;color:rgba(255,255,255,.82);font-size:12px;line-height:2}.stories-hero-art{width:112px;height:112px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:35px;background:rgba(255,255,255,.13);transform:rotate(-7deg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stories-toolbar{padding:12px;border:1px solid var(--line);border-radius:22px;display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:10px;background:var(--surface);box-shadow:var(--shadow-sm)}.stories-search{min-height:48px;padding:0 13px;display:flex;align-items:center;gap:9px;border-radius:15px;color:var(--muted);background:var(--surface-soft)}.stories-search input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:11px}.level-chips{display:flex;align-items:center;gap:5px}.level-chips button{min-width:42px;height:42px;border:1px solid transparent;border-radius:13px;color:var(--muted);background:transparent;font-size:9px;font-weight:850;cursor:pointer}.level-chips button.active{border-color:color-mix(in srgb,var(--primary) 24%,var(--line));color:var(--primary);background:var(--primary-soft)}.story-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.story-library-card{min-height:310px;padding:20px;position:relative;border:1px solid var(--line);border-radius:27px;display:flex;flex-direction:column;text-align:right;color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm);font:inherit;cursor:pointer;transition:transform .2s,border-color .2s}.story-library-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,#d44c86 45%,var(--line))}.story-card-number{position:absolute;left:18px;top:17px;color:color-mix(in srgb,var(--muted) 55%,transparent);font-size:22px;font-weight:900}.story-level{align-self:flex-start;padding:6px 9px;border-radius:999px;color:#d3447b;background:#fff0f5;font-size:8px;font-weight:900}:root[data-theme=dark] .story-level{background:#3d202d}.story-cover-icon{width:57px;height:57px;margin:26px 0 18px;display:grid;place-items:center;border-radius:19px;color:#fff;background:linear-gradient(145deg,#c44a83,#f079a0);box-shadow:0 12px 25px rgba(196,74,131,.23)}.story-card-copy strong{display:block;font-size:19px;text-align:left}.story-card-copy>span{display:block;margin-top:5px;color:var(--muted);font-size:10px}.story-card-copy p{margin:12px 0 0;color:var(--muted);font-family:Segoe UI,Arial,sans-serif;font-size:11px;line-height:1.8;text-align:left}.story-library-card footer{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;color:var(--muted);font-size:8px}.story-library-card footer>svg{transform:rotate(180deg)}.story-target{padding:5px 8px;border-radius:8px;color:#d3447b;background:#fff0f5;font-weight:900}:root[data-theme=dark] .story-target{background:#3d202d}.story-empty{grid-column:1/-1}.reader-loading{position:fixed;z-index:150;inset:0;display:grid;place-items:center;align-content:center;gap:10px;color:#fff;background:rgba(10,12,22,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.reader-loading span{width:42px;height:42px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.story-reader-layer{position:fixed;z-index:160;inset:0;padding:max(15px,env(safe-area-inset-top)) 15px max(15px,env(safe-area-inset-bottom));display:grid;place-items:center;background:rgba(12,13,26,.62);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%)}.story-reader{width:min(850px,100%);max-height:min(860px,calc(100svh - 30px));overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:32px;background:var(--surface-solid);box-shadow:0 35px 100px rgba(0,0,0,.35)}.story-reader-header{min-height:104px;padding:18px 21px;display:grid;grid-template-columns:45px 1fr 45px;align-items:center;gap:13px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,#c64e86 10%,var(--surface-solid)),var(--surface-solid))}.story-reader-header button{width:43px;height:43px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;color:var(--text);background:var(--surface-soft);cursor:pointer}.story-reader-header div{text-align:center}.story-reader-header span{color:#d3447b;font-size:8px;font-weight:900}.story-reader-header h2{margin:5px 0 2px;font-size:23px}.story-reader-header p{margin:0;color:var(--muted);font-size:9px}.story-reader-body{max-height:calc(100svh - 150px);padding:24px;overflow-y:auto}.story-reader-target{margin-bottom:18px;padding:15px 17px;border:1px solid color-mix(in srgb,#d84b83 25%,var(--line));border-radius:18px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;background:color-mix(in srgb,#d84b83 6%,var(--surface-soft))}.story-reader-target span{grid-row:1/3;color:var(--muted);font-size:8px}.story-reader-target strong{color:#d3447b;font-size:20px;text-align:left}.story-reader-target small{color:var(--muted);font-size:9px;text-align:left}.story-english{padding:25px;border-radius:23px;color:#252532;background:#fffdfa;box-shadow:inset 0 0 0 1px #f0eae1}:root[data-theme=dark] .story-english{color:#f3f2ef;background:#1d1c1c;box-shadow:inset 0 0 0 1px #33302e}.story-english p{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(19px,3vw,25px);line-height:2.15;text-align:left}.story-word{margin:0 1px;padding:2px 6px 3px;border:0;border-radius:7px;color:#fff;background:var(--primary);font:inherit;font-weight:700;cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone}.story-word.status-known{background:var(--green)}.story-word.status-learning{background:var(--red)}.story-word.status-neutral{background:var(--primary)}.story-translation{margin-top:17px;padding:19px;border:1px solid var(--line);border-radius:20px;background:var(--surface-soft)}.story-translation span,.story-vocabulary-strip>span{color:var(--muted);font-size:8px;font-weight:900}.story-translation p{margin:8px 0 0;font-size:13px;line-height:2.1}.story-vocabulary-strip{margin-top:18px}.story-vocabulary-strip>div{margin-top:9px;display:flex;flex-wrap:wrap;gap:7px;direction:ltr}.story-vocabulary-strip button{padding:7px 10px;border:1px solid var(--line);border-radius:10px;color:var(--primary);background:var(--primary-soft);font-size:10px;font-weight:850;cursor:pointer}.story-vocabulary-strip button.status-known{color:var(--green);background:var(--green-soft)}.story-vocabulary-strip button.status-learning{color:var(--red);background:var(--red-soft)}.story-word-sheet{position:fixed;z-index:170;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:min(390px,calc(100% - 36px));max-height:calc(100svh - 36px);overflow-y:auto;padding:23px;border:1px solid var(--line);border-radius:28px;color:var(--text);background:color-mix(in srgb,var(--surface-solid) 96%,transparent);box-shadow:0 30px 80px rgba(0,0,0,.32);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);animation:sheetIn .22s ease}@keyframes sheetIn{0%{transform:translateY(18px);opacity:0}}.word-sheet-close{position:absolute;left:15px;top:15px;width:37px;height:37px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:var(--surface-soft);cursor:pointer}.word-sheet-level{color:var(--primary);font-size:8px;font-weight:900}.word-sheet-title{margin-top:12px;display:flex;justify-content:space-between;align-items:center}.word-sheet-title h3{margin:0;font-size:37px}.word-sheet-title small{display:block;margin-top:3px;color:var(--primary);font-family:Georgia,serif}.word-sheet-title>button{width:48px;height:48px;border:0;border-radius:17px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--primary),#9778ff);cursor:pointer}.word-sheet-translation{margin:16px 0;font-size:17px;font-weight:850}.word-sheet-meanings{display:flex;flex-direction:column;gap:8px}.word-sheet-meanings>div{padding:12px;display:grid;grid-template-columns:30px 1fr;gap:9px;border-radius:15px;background:var(--surface-soft)}.word-sheet-meanings>div>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:var(--primary);background:var(--primary-soft);font-weight:900}.word-sheet-meanings strong{font-size:12px}.word-sheet-meanings p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.7;text-align:left}.word-sheet-example,.word-sheet-relations{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:15px}.word-sheet-example span,.word-sheet-relations span{color:var(--muted);font-size:8px}.word-sheet-relations p{margin:5px 0 0;font-size:10px;text-align:left}.word-sheet-example strong{display:block;margin-top:7px;font-size:11px;text-align:left}.word-sheet-example p{margin:5px 0 0;color:var(--muted);font-size:9px}.grammar-v9-page{gap:20px}.grammar-v9-hero{min-height:270px;padding:35px;border-radius:31px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff;background:linear-gradient(135deg,#27477f,#4b5ad4 55%,#8473f5);box-shadow:0 26px 60px rgba(60,70,175,.22)}.grammar-v9-hero>div:first-child{max-width:720px}.grammar-v9-hero h1{margin:10px 0;font-size:clamp(31px,5vw,49px);line-height:1.18}.grammar-v9-hero p{margin:0;max-width:650px;color:rgba(255,255,255,.8);font-size:12px;line-height:2}.grammar-overall-progress{width:185px;min-height:185px;flex:0 0 auto;padding:20px;border:1px solid rgba(255,255,255,.23);border-radius:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.11);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.grammar-overall-progress>span{opacity:.8}.grammar-overall-progress strong{margin:7px 0 3px;font-size:38px}.grammar-overall-progress small{font-size:9px;opacity:.75}.grammar-overall-progress>div{width:100%;height:7px;margin-top:15px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.17)}.grammar-overall-progress i{display:block;height:100%;border-radius:inherit;background:#fff}.grammar-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.grammar-summary-grid article{min-height:106px;padding:16px;border:1px solid var(--line);border-radius:21px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;background:var(--surface);box-shadow:var(--shadow-sm)}.grammar-summary-grid article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:var(--primary);background:var(--primary-soft)}.grammar-summary-grid strong{font-size:23px}.grammar-summary-grid small{grid-column:2;margin-top:-14px;color:var(--muted);font-size:8px}.grammar-controls{padding:13px;border:1px solid var(--line);border-radius:23px;display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;background:var(--surface);box-shadow:var(--shadow-sm)}.grammar-controls>label{min-height:49px;padding:0 13px;display:flex;align-items:center;gap:9px;border-radius:15px;color:var(--muted);background:var(--surface-soft)}.grammar-controls input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:11px}.grammar-level-tabs{display:flex;gap:5px}.grammar-level-tabs button{min-width:53px;height:49px;padding:5px;border:1px solid transparent;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);background:transparent;cursor:pointer}.grammar-level-tabs button strong{font-size:10px}.grammar-level-tabs button small{margin-top:2px;font-size:7px}.grammar-level-tabs button.active{border-color:color-mix(in srgb,var(--primary) 26%,var(--line));color:var(--primary);background:var(--primary-soft)}.grammar-level-roadmap{display:flex;flex-direction:column;gap:11px}.grammar-v9-card{overflow:hidden;border:1px solid var(--line);border-radius:23px;background:var(--surface);box-shadow:var(--shadow-sm)}.grammar-v9-card.state-completed{border-color:color-mix(in srgb,var(--green) 30%,var(--line))}.grammar-v9-card.open{border-color:color-mix(in srgb,var(--primary) 45%,var(--line))}.grammar-v9-card-head{width:100%;min-height:88px;padding:15px;border:0;display:grid;grid-template-columns:48px 1fr auto 20px;align-items:center;gap:12px;text-align:right;color:var(--text);background:transparent;cursor:pointer}.grammar-road-index{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:var(--primary);background:var(--primary-soft);font-size:13px;font-weight:900}.state-completed .grammar-road-index{color:var(--green);background:var(--green-soft)}.grammar-v9-title{min-width:0;display:flex;flex-direction:column}.grammar-v9-title>span{color:var(--primary);font-size:8px;font-weight:900}.grammar-v9-title strong{margin-top:4px;font-size:16px;text-align:left}.grammar-v9-title small{margin-top:3px;color:var(--muted);font-size:9px}.grammar-lesson-state{min-width:80px;padding:7px 9px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);background:var(--surface-soft);font-size:8px;font-weight:850}.state-completed .grammar-lesson-state{color:var(--green);background:var(--green-soft)}.grammar-v9-card-head>svg{color:var(--muted);transition:transform .2s}.grammar-card-progress{height:4px;background:var(--surface-soft)}.grammar-card-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#9878ff)}.grammar-v9-summary{margin:0;padding:0 75px 15px 54px;color:var(--muted);font-size:10px;line-height:1.8}.grammar-v9-content{padding:18px 75px 20px 25px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface-soft) 65%,transparent);animation:reveal .2s ease}.grammar-rule-box{padding:17px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));border-radius:18px;background:var(--surface)}.grammar-rule-box header{display:flex;align-items:center;gap:8px;color:var(--primary)}.grammar-rule-box header strong{font-size:10px}.grammar-rule-box p{margin:10px 0 0;font-size:12px;line-height:2.1}.grammar-v9-examples{margin-top:16px}.grammar-v9-examples h3{margin:0 0 9px;font-size:11px}.grammar-v9-examples>div{margin-top:7px;padding:12px;display:grid;grid-template-columns:30px 1fr;gap:9px;border-radius:15px;background:var(--surface)}.grammar-v9-examples>div>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:var(--primary);background:var(--primary-soft);font-size:9px;font-weight:900}.grammar-v9-examples p{margin:0;display:flex;flex-direction:column}.grammar-v9-examples strong{font-size:11px;text-align:left}.grammar-v9-examples small{margin-top:5px;color:var(--muted);font-size:9px}.grammar-v9-footer{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;gap:15px;color:var(--muted);font-size:8px}.grammar-v9-footer>span{display:flex;align-items:center;gap:5px}.grammar-v9-footer button{min-height:40px;margin-right:auto;padding:0 13px;border:0;border-radius:13px;display:flex;align-items:center;gap:6px;color:#fff;background:linear-gradient(135deg,var(--primary),#9375ff);font-size:9px;font-weight:900;cursor:pointer}.grammar-v9-footer button:disabled{color:var(--green);background:var(--green-soft);cursor:default}.admin-import-page{gap:18px}.admin-import-hero{min-height:190px;padding:31px;border-radius:29px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;background:linear-gradient(135deg,#2a2f62,#5549c7,#806cf0);box-shadow:0 24px 55px rgba(72,63,170,.22)}.admin-import-hero h1{margin:9px 0;font-size:clamp(28px,4.5vw,43px)}.admin-import-hero p{margin:0;color:rgba(255,255,255,.8);font-size:11px;line-height:1.9}.admin-import-hero>span{width:92px;height:92px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.23);border-radius:30px;background:rgba(255,255,255,.12)}.import-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.import-mode-grid button{min-height:104px;padding:14px;border:1px solid var(--line);border-radius:20px;display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:10px;text-align:right;color:var(--text);background:var(--surface);font:inherit;cursor:pointer}.import-mode-grid button>span{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;color:var(--primary);background:var(--primary-soft)}.import-mode-grid button div{display:flex;flex-direction:column}.import-mode-grid strong{font-size:11px}.import-mode-grid small{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.5}.import-mode-grid i{width:12px;height:12px;border:2px solid var(--line);border-radius:50%}.import-mode-grid button.active{border-color:color-mix(in srgb,var(--primary) 46%,var(--line));background:color-mix(in srgb,var(--primary) 6%,var(--surface));box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 10%,transparent)}.import-mode-grid button.active i{border:3px solid var(--surface-solid);background:var(--primary);box-shadow:0 0 0 2px var(--primary)}.admin-import-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.55fr);gap:14px;align-items:start}.admin-editor-panel,.admin-import-guide{border:1px solid var(--line);border-radius:25px;background:var(--surface);box-shadow:var(--shadow-sm)}.admin-editor-panel{padding:17px}.admin-editor-panel>header{margin-bottom:13px;display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-editor-panel>header>div{display:flex;align-items:center;gap:10px}.admin-editor-panel>header>div>div{display:flex;flex-direction:column}.admin-editor-panel header strong{font-size:11px}.admin-editor-panel header small{margin-top:3px;color:var(--muted);font-size:8px}.import-preview-status{min-height:43px;margin-top:10px;padding:0 12px;border-radius:13px;display:flex;align-items:center;gap:12px;font-size:9px}.import-preview-status.valid{color:var(--green);background:var(--green-soft)}.import-preview-status.invalid{color:var(--red);background:var(--red-soft)}.import-preview-status span+span{padding-right:12px;border-right:1px solid}.admin-import-guide{position:sticky;top:92px;padding:24px}.admin-import-guide h2{margin:17px 0 8px;font-size:19px}.admin-import-guide>p{margin:0;color:var(--muted);font-size:10px;line-height:1.9}.admin-warning{margin-top:17px;padding:12px;display:flex;gap:8px;border-radius:14px;color:var(--orange);background:var(--orange-soft)}.admin-warning p{margin:0;font-size:9px;line-height:1.7}.ai-page{min-height:calc(100svh - 120px);justify-content:center}.ai-coming-soon{width:min(760px,100%);margin:auto;padding:45px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));border-radius:35px;text-align:center;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 6%,var(--surface-solid)),var(--surface));box-shadow:var(--shadow)}.ai-orb{width:90px;height:90px;margin:auto;display:grid;place-items:center;border-radius:30px;color:#fff;background:linear-gradient(145deg,#5c55f5,#a077ff);box-shadow:0 20px 40px rgba(92,85,245,.27)}.ai-status{margin-top:19px;padding:7px 11px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;color:var(--orange);background:var(--orange-soft);font-size:9px;font-weight:900}.ai-status i{width:7px;height:7px;border-radius:50%;background:var(--orange);animation:pulse 1.4s infinite}.ai-coming-soon h1{margin:13px 0 9px;font-size:clamp(31px,6vw,49px)}.ai-coming-soon>p{max-width:590px;margin:0 auto;color:var(--muted);font-size:11px;line-height:2}.ai-preview{margin:25px 0;padding:18px;border:1px solid var(--line);border-radius:22px;display:flex;flex-direction:column;gap:10px;background:var(--surface-soft);text-align:right}.ai-message{max-width:80%;padding:11px 13px;border-radius:16px;font-size:10px;line-height:1.8}.ai-message.user{align-self:flex-start;color:#fff;background:var(--primary);border-bottom-right-radius:5px}.ai-message.bot{align-self:flex-end;display:flex;gap:8px;color:var(--text);background:var(--surface-solid);border:1px solid var(--line);border-bottom-left-radius:5px}.ai-message.bot span{width:27px;height:27px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--primary);font-weight:900}.ai-message.bot p{margin:0}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}@media (max-width:980px){.dashboard-welcome-grid,.home-insights-grid{grid-template-columns:1fr}.subscription-widget{min-height:260px}.grammar-summary-grid,.home-kpi-grid,.import-mode-grid,.modern-action-grid,.story-library-grid{grid-template-columns:repeat(2,1fr)}.admin-import-layout{grid-template-columns:1fr}.admin-import-guide{position:static}}@media (max-width:680px){.dashboard-home{gap:15px}.welcome-card{min-height:390px;padding:27px 21px;align-items:flex-start}.welcome-copy h1{font-size:36px}.welcome-score{width:104px;height:104px;left:20px;bottom:20px}.welcome-score strong{font-size:27px}.subscription-widget{min-height:285px;padding:20px}.home-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.home-kpi-grid article{min-height:105px;padding:13px;grid-template-columns:40px 1fr}.kpi-icon{width:40px;height:40px}.home-kpi-grid strong{font-size:20px}.home-panel{padding:17px;border-radius:22px}.modern-action-grid{grid-template-columns:1fr 1fr;gap:8px}.modern-action-card{min-height:132px;padding:14px;grid-template-columns:42px 1fr}.modern-action-icon{width:42px;height:42px;border-radius:14px}.modern-action-card strong{font-size:11px}.content-progress-grid{grid-template-columns:1fr}.ai-home-banner{grid-template-columns:49px 1fr}.ai-home-icon{width:49px;height:49px;border-radius:16px}.ai-home-banner>a{grid-column:1/-1;justify-content:center}.category-home-section .category-row{display:flex;overflow-x:auto}.category-home-section .category-card{min-width:115px}.grammar-v9-hero,.stories-hero{min-height:auto;padding:25px 20px;border-radius:25px}.stories-hero-art{display:none}.grammar-controls,.stories-toolbar{grid-template-columns:1fr}.grammar-level-tabs,.level-chips{overflow-x:auto;padding-bottom:2px}.story-library-grid{grid-template-columns:1fr}.story-library-card{min-height:285px}.story-reader-layer{padding:6px}.story-reader{max-height:calc(100svh - 12px);border-radius:25px}.story-reader-header{min-height:94px;padding:13px}.story-reader-header h2{font-size:18px}.story-reader-body{padding:15px;max-height:calc(100svh - 110px)}.story-english{padding:18px}.story-english p{font-size:20px;line-height:2}.story-word-sheet{left:6px;bottom:6px;width:calc(100% - 12px);max-height:72svh;border-radius:24px}.grammar-v9-hero{flex-direction:column;align-items:stretch}.grammar-overall-progress{width:100%;min-height:115px;border-radius:23px;display:grid;grid-template-columns:40px auto 1fr;column-gap:10px;text-align:right}.grammar-overall-progress strong{margin:0;font-size:31px}.grammar-overall-progress>div{grid-column:1/-1}.grammar-summary-grid{gap:7px}.grammar-summary-grid article{min-height:94px;padding:12px}.grammar-v9-card-head{grid-template-columns:43px 1fr 18px;padding:12px}.grammar-road-index{width:43px;height:43px}.grammar-lesson-state{grid-column:2;justify-self:start;min-width:0;margin-top:3px}.grammar-v9-card-head>svg{grid-column:3;grid-row:1/3}.grammar-v9-summary{padding:0 67px 13px 16px}.grammar-v9-content{padding:15px}.grammar-v9-footer{flex-wrap:wrap}.grammar-v9-footer button{width:100%;margin:0;justify-content:center}.admin-import-hero{min-height:auto;padding:23px 19px}.admin-import-hero>span{display:none}.import-mode-grid{gap:7px}.import-mode-grid button{min-height:95px;padding:11px;grid-template-columns:38px 1fr}.import-mode-grid button>span{width:38px;height:38px}.import-mode-grid i{display:none}.admin-editor-panel{padding:12px}.admin-editor-panel>header{align-items:flex-start}.json-editor{min-height:420px}.ai-coming-soon{padding:31px 18px;border-radius:27px}}@media (max-width:390px){.grammar-summary-grid,.home-kpi-grid,.import-mode-grid,.modern-action-grid{grid-template-columns:1fr}.home-kpi-grid article{grid-template-columns:42px 1fr auto}.home-kpi-grid em{grid-column:3;grid-row:1;margin:0}.welcome-actions{flex-direction:column;align-items:stretch}.welcome-actions>*{justify-content:center}}.tone-amber .modern-action-icon{background:var(--orange-soft);color:var(--orange)}.grammar-v10-page{gap:22px}.grammar-v10-hero{min-height:320px;padding:38px 42px;border-radius:32px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:34px;background:radial-gradient(circle at 86% 14%,rgba(255,255,255,.18),transparent 18rem),linear-gradient(135deg,#272359,#4d42bc 55%,#7964ef);color:#fff;box-shadow:0 28px 65px rgba(68,56,164,.25);position:relative}.grammar-v10-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.13);left:-90px;bottom:-170px}.grammar-v10-hero-copy{position:relative;z-index:1}.grammar-v10-hero h1{margin:10px 0 14px;font-size:clamp(35px,5.2vw,56px);line-height:1.18;letter-spacing:-1.3px}.grammar-v10-hero p{max-width:700px;margin:0;color:rgba(255,255,255,.78);font-size:13px;line-height:2}.grammar-v10-hero-actions{margin-top:24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.grammar-v10-hero-actions>span{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.74);font-size:11px}.grammar-v10-progress-ring{--progress:0deg;width:174px;height:174px;justify-self:center;border-radius:50%;padding:12px;background:conic-gradient(#fff var(--progress),rgba(255,255,255,.14) 0);box-shadow:0 18px 45px rgba(18,15,60,.25)}.grammar-v10-progress-ring>div{width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(31,27,83,.88);border:1px solid rgba(255,255,255,.17);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.grammar-v10-progress-ring strong{font-size:39px}.grammar-v10-progress-ring span{margin-top:2px;font-size:11px;font-weight:800}.grammar-v10-progress-ring small{margin-top:7px;color:rgba(255,255,255,.62);font-size:9px}.grammar-v10-summary article{border-radius:20px}.grammar-v10-controls{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr)}.grammar-v10-course-list{display:flex;flex-direction:column;gap:11px}.grammar-course-card{min-height:172px;padding:20px;display:grid;grid-template-columns:64px minmax(0,1fr) 44px;align-items:center;gap:18px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.grammar-course-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 45%,var(--line));box-shadow:var(--shadow)}.grammar-course-index{height:100%;display:flex;flex-direction:column;align-items:center;gap:9px}.grammar-course-index span{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:var(--primary-soft);color:var(--primary);font-weight:900;font-size:14px}.grammar-course-index i{width:2px;flex:1 1;min-height:40px;background:linear-gradient(var(--primary),transparent);opacity:.3}.grammar-course-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.grammar-course-meta span{min-height:26px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;color:var(--muted);background:var(--surface-soft);font-size:9px;font-weight:800}.grammar-course-meta span:first-child{color:var(--primary);background:var(--primary-soft)}.grammar-course-main h2{margin:11px 0 1px;font-size:24px;letter-spacing:-.3px;text-align:left}.grammar-course-main h3{margin:0;font-size:13px;color:var(--primary)}.grammar-course-main>p{margin:10px 0 13px;max-width:800px;color:var(--muted);font-size:11px;line-height:1.9}.grammar-course-progress{height:6px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.grammar-course-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#9a7cff)}.grammar-course-main footer{margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:9px}.grammar-course-main footer span{display:flex;align-items:center;gap:5px}.grammar-course-card.state-completed .grammar-course-index span{color:var(--green);background:var(--green-soft)}.grammar-course-card.state-completed{border-color:color-mix(in srgb,var(--green) 28%,var(--line))}.grammar-course-open{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--surface-soft);color:var(--muted)}.grammar-reader-page{padding-bottom:40px}.grammar-reader-loading{display:grid;grid-template-columns:260px 1fr;gap:14px}.grammar-reader-loading>div{min-height:520px}.grammar-reader-hero{margin-bottom:18px;padding:28px 32px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,var(--surface-solid)),var(--surface));box-shadow:var(--shadow-sm)}.grammar-reader-breadcrumb{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.grammar-reader-breadcrumb a{color:var(--primary);font-weight:800}.grammar-reader-heading{margin-top:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.grammar-reader-heading h1{margin:7px 0 0;text-align:left;font-size:clamp(34px,5vw,54px);line-height:1;letter-spacing:-1.4px}.grammar-reader-heading h2{margin:7px 0 8px;color:var(--primary);font-size:17px}.grammar-reader-heading p{margin:0;max-width:720px;color:var(--muted);font-size:11px;line-height:1.9}.grammar-reader-stats{display:flex;flex-direction:column;gap:8px;min-width:170px}.grammar-reader-stats span{min-height:37px;padding:0 11px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:7px;color:var(--muted);background:var(--surface-solid);font-size:9px;font-weight:800}.grammar-reader-progress{margin-top:22px;height:9px;overflow:hidden;border-radius:999px;background:var(--surface-soft);position:relative}.grammar-reader-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5c4ee8,#9e77ff);transition:width .35s ease}.grammar-reader-progress span{position:absolute;left:7px;top:-21px;color:var(--primary);font-size:9px;font-weight:900}.grammar-reader-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:15px;align-items:start}.grammar-reader-nav{position:sticky;top:92px;padding:14px;border:1px solid var(--line);border-radius:23px;background:var(--surface);box-shadow:var(--shadow-sm)}.grammar-reader-nav>strong{display:block;padding:8px 8px 13px;font-size:11px}.grammar-reader-nav>button{width:100%;min-height:60px;padding:8px;border:0;border-radius:15px;display:grid;grid-template-columns:33px 1fr;align-items:center;gap:9px;text-align:right;color:var(--muted);background:transparent;cursor:pointer}.grammar-reader-nav>button:hover{background:var(--surface-soft)}.grammar-reader-nav>button>span{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:9px;font-weight:900}.grammar-reader-nav button div{display:flex;flex-direction:column;min-width:0}.grammar-reader-nav button strong{color:inherit;font-size:9px}.grammar-reader-nav button small{margin-top:3px;direction:ltr;text-align:left;opacity:.7;font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grammar-reader-nav button.active{color:var(--primary);background:var(--primary-soft)}.grammar-reader-nav button.active>span{border-color:var(--primary);color:#fff;background:var(--primary)}.grammar-reader-nav button.done>span{color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,var(--line));background:var(--green-soft)}.grammar-nav-quiz{min-height:44px;margin-top:9px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:linear-gradient(135deg,var(--primary),#8f70fb);font-size:9px;font-weight:900}.grammar-reader-card{min-height:570px;padding:30px;border:1px solid var(--line);border-radius:27px;background:var(--surface);box-shadow:var(--shadow-sm)}.grammar-reader-card>header{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}.grammar-section-icon{width:50px;height:50px;flex:0 0 auto;display:grid;place-items:center;border-radius:16px;color:var(--primary);background:var(--primary-soft)}.grammar-section-icon.kind-mistakes{color:var(--red);background:var(--red-soft)}.grammar-section-icon.kind-review{color:var(--green);background:var(--green-soft)}.grammar-reader-card>header small{color:var(--muted);font-size:8px}.grammar-reader-card>header h2{margin:3px 0;font-size:24px}.grammar-reader-card>header p{margin:0;direction:ltr;text-align:left;color:var(--primary);font-size:10px}.grammar-reader-body{padding:28px 4px 18px}.grammar-reader-text{margin:0;font-size:16px;line-height:2.2;color:var(--text)}.grammar-formula{margin-bottom:20px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line));border-radius:17px;color:var(--primary);background:var(--primary-soft);font-family:Consolas,monospace;text-align:center;font-size:16px;font-weight:900}.grammar-reader-bullets{margin:20px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}.grammar-reader-bullets li{min-height:47px;padding:10px 13px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:25px 1fr;align-items:center;gap:7px;background:var(--surface-soft);font-size:12px;line-height:1.9}.grammar-reader-bullets li svg{color:var(--green)}.section-mistakes .grammar-reader-bullets li svg{color:var(--red)}.grammar-reader-examples{margin-top:20px;display:flex;flex-direction:column;gap:10px}.grammar-reader-examples article{min-height:76px;padding:13px;border:1px solid var(--line);border-radius:17px;display:grid;grid-template-columns:34px 1fr 39px;align-items:center;gap:10px;background:var(--surface-solid)}.grammar-reader-examples article>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:var(--primary);background:var(--primary-soft);font-size:10px;font-weight:900}.grammar-reader-examples strong{display:block;font-size:14px;line-height:1.7;text-align:left}.grammar-reader-examples p{margin:5px 0 0;color:var(--muted);font-size:10px}.grammar-reader-examples button{width:38px;height:38px;border:0;border-radius:12px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);cursor:pointer}.grammar-reader-note{margin-top:20px;padding:15px;border-radius:16px;display:flex;align-items:flex-start;gap:10px;color:#826014;background:#fff7dd;border:1px solid #f5df9f}:root[data-theme=dark] .grammar-reader-note{color:#f2ce72;background:#332d1d;border-color:#4b4024}.grammar-reader-note p{margin:0;font-size:11px;line-height:1.9}.grammar-reader-footer{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.grammar-reader-footer button,.grammar-reader-footer>a{min-height:45px;padding:0 16px;border:1px solid var(--line);border-radius:14px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);background:var(--surface-solid);font-size:10px;font-weight:900;cursor:pointer}.grammar-reader-footer button.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--primary),#8d70fb)}.grammar-reader-footer button:disabled{opacity:.35;cursor:not-allowed}.back-chevron{transform:rotate(180deg)}.grammar-inline-quiz{margin-top:28px;padding:20px;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--primary) 4%,var(--surface-solid))}.grammar-inline-quiz>header{display:flex;align-items:center;gap:10px}.grammar-inline-quiz>header>span{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;color:var(--primary);background:var(--primary-soft)}.grammar-inline-quiz h3{margin:0;font-size:17px}.grammar-inline-quiz header p{margin:4px 0 0;color:var(--muted);font-size:9px}.grammar-inline-quiz>article{margin-top:17px;padding-top:17px;border-top:1px solid var(--line)}.grammar-inline-quiz article>strong{font-size:12px;line-height:1.8}.grammar-inline-quiz article>div{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.grammar-inline-quiz article button{min-height:45px;padding:9px 12px;border:1px solid var(--line);border-radius:13px;text-align:right;color:var(--text);background:var(--surface-solid);cursor:pointer;font-size:10px}.grammar-inline-quiz article button.selected{border-color:var(--primary);color:var(--primary);background:var(--primary-soft);font-weight:900}.grammar-inline-quiz article>p{margin:9px 0 0;padding:9px 11px;border-radius:11px;font-size:9px;line-height:1.8}.grammar-inline-quiz article>p.correct{color:var(--green);background:var(--green-soft)}.grammar-inline-quiz article>p.wrong{color:var(--red);background:var(--red-soft)}.grammar-finish-button{margin-top:18px;width:100%}.grammar-quiz-score{margin-top:12px;padding:15px;border-radius:15px;display:flex;align-items:center;gap:12px;color:var(--green);background:var(--green-soft)}.grammar-quiz-score strong{font-size:25px}.grammar-quiz-score span{font-size:10px;font-weight:800}.grammar-no-quiz{margin-top:18px;padding:15px;border-radius:14px;color:var(--muted);background:var(--surface-soft);font-size:10px}.quiz-home-page{gap:20px}.quiz-home-hero{min-height:250px;padding:35px 40px;border-radius:31px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;background:linear-gradient(135deg,#172c55,#3157a5 55%,#507ee3);box-shadow:0 25px 60px rgba(38,75,148,.24)}.quiz-home-hero h1{margin:10px 0 13px;font-size:clamp(33px,5vw,52px);line-height:1.17}.quiz-home-hero p{margin:0;color:rgba(255,255,255,.76);font-size:12px}.quiz-hero-icon{width:120px;height:120px;flex:0 0 auto;display:grid;place-items:center;border-radius:37px;color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.quiz-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.quiz-stats-grid article{min-height:116px;padding:16px;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;background:var(--surface);box-shadow:var(--shadow-sm)}.quiz-stats-grid article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--primary);background:var(--primary-soft)}.quiz-stats-grid strong{margin-top:auto;font-size:24px}.quiz-stats-grid small{margin-top:3px;color:var(--muted);font-size:9px}.quiz-builder-card,.quiz-history{padding:24px;border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow-sm)}.quiz-builder-card>header h2,.quiz-history h2{margin:5px 0 0;font-size:23px}.quiz-type-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quiz-type-grid>button{min-height:150px;padding:17px;border:1px solid var(--line);border-radius:20px;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:right;color:var(--text);background:var(--surface-solid);cursor:pointer}.quiz-type-grid>button>span{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;color:var(--primary);background:var(--primary-soft)}.quiz-type-grid strong{margin-top:14px;font-size:13px}.quiz-type-grid p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.7}.quiz-type-grid i{position:absolute;top:14px;left:14px;width:25px;height:25px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center}.quiz-type-grid button.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--surface-solid));box-shadow:0 14px 32px color-mix(in srgb,var(--primary) 11%,transparent)}.quiz-type-grid button.active i{color:#fff;border-color:var(--primary);background:var(--primary)}.quiz-config-grid{margin-top:18px;padding:17px;border-radius:19px;display:grid;grid-template-columns:1fr 1fr;gap:17px;background:var(--surface-soft)}.quiz-config-grid label,.quiz-config-grid>div{display:flex;flex-direction:column;gap:8px}.quiz-config-grid span{font-size:9px;color:var(--muted);font-weight:900}.quiz-config-grid select{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--surface-solid);outline:none}.quiz-count-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.quiz-count-options button{height:44px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--surface-solid);cursor:pointer}.quiz-count-options button.active{color:#fff;border-color:var(--primary);background:var(--primary);font-weight:900}.quiz-start-button{width:100%;min-height:51px;margin-top:16px;border:0;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:linear-gradient(135deg,var(--primary),#8a6cf4);box-shadow:0 15px 30px color-mix(in srgb,var(--primary) 22%,transparent);cursor:pointer;font-weight:900}.quiz-start-button:disabled{opacity:.55}.quiz-history>div{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.quiz-history article{min-height:70px;padding:10px;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;gap:10px;background:var(--surface-solid)}.quiz-history-score{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;font-size:12px;font-weight:900}.score-high{color:var(--green);background:var(--green-soft)}.score-mid{color:var(--orange);background:var(--orange-soft)}.score-low{color:var(--red);background:var(--red-soft)}.quiz-history article div{display:flex;flex-direction:column}.quiz-history strong{font-size:10px}.quiz-history small{margin-top:4px;color:var(--muted);font-size:8px}.quiz-session-page{width:min(820px,100%);min-height:calc(100svh - 125px);margin:0 auto;padding-bottom:25px;display:flex;flex-direction:column}.quiz-session-header{min-height:70px;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:12px}.quiz-session-header>button{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;color:var(--muted);background:var(--surface);cursor:pointer}.quiz-session-header>div{display:flex;flex-direction:column}.quiz-session-header span{color:var(--muted);font-size:9px}.quiz-session-header strong{margin-top:3px;font-size:13px}.quiz-answer-count{padding:7px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary)!important;font-weight:900}.quiz-session-progress{height:7px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.quiz-session-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#9574ff);transition:width .3s ease}.quiz-question-card{flex:1 1;min-height:500px;margin-top:15px;padding:35px;border:1px solid var(--line);border-radius:28px;display:flex;flex-direction:column;background:var(--surface);box-shadow:var(--shadow)}.quiz-question-source{align-self:flex-start;min-height:30px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;color:var(--primary);background:var(--primary-soft);font-size:9px;font-weight:900}.quiz-question-source.source-grammar{color:var(--green);background:var(--green-soft)}.quiz-question-context{margin:35px 0 5px;color:var(--primary);font-size:13px;font-weight:900;text-align:center}.quiz-question-card h1{max-width:650px;margin:13px auto 27px;font-size:clamp(23px,4vw,34px);line-height:1.6;text-align:center}.quiz-options{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-options button{min-height:73px;padding:12px;border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:35px 1fr 22px;align-items:center;gap:9px;text-align:right;color:var(--text);background:var(--surface-solid);cursor:pointer;transition:.18s ease}.quiz-options button:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));transform:translateY(-2px)}.quiz-options button.selected{border-color:var(--primary);color:var(--primary);background:var(--primary-soft);box-shadow:0 10px 25px color-mix(in srgb,var(--primary) 12%,transparent)}.quiz-options button>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:var(--muted);background:var(--surface-soft);font-size:10px;font-weight:900}.quiz-options button.selected>span{color:#fff;background:var(--primary)}.quiz-options strong{font-size:12px;line-height:1.7}.quiz-session-footer{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:10px}.quiz-session-footer button{min-height:47px;padding:0 17px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:7px;color:var(--muted);background:var(--surface);cursor:pointer;font-size:10px;font-weight:900}.quiz-session-footer button.primary{color:#fff;border-color:transparent;background:var(--primary)}.quiz-session-footer button.finish{background:linear-gradient(135deg,var(--green),#43c994)}.quiz-session-footer button:disabled{opacity:.38;cursor:not-allowed}.quiz-result-page{gap:18px}.quiz-result-hero{min-height:245px;padding:30px 35px;border-radius:30px;display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:24px;color:#fff;background:linear-gradient(135deg,#30564b,#238b65);box-shadow:0 24px 55px rgba(32,130,93,.22)}.quiz-result-hero.good{background:linear-gradient(135deg,#6c4f18,#d19532)}.quiz-result-hero.needs-work{background:linear-gradient(135deg,#6f2f3c,#d35468)}.quiz-score-ring{--score:0deg;width:138px;height:138px;padding:10px;border-radius:50%;background:conic-gradient(#fff var(--score),rgba(255,255,255,.18) 0)}.quiz-score-ring>div{width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(18,48,40,.78)}.quiz-score-ring strong{font-size:32px}.quiz-score-ring span{font-size:9px}.quiz-result-hero h1{margin:7px 0 8px;font-size:31px}.quiz-result-hero p{margin:0;color:rgba(255,255,255,.76);font-size:11px}.quiz-result-hero>button{min-height:43px;padding:0 13px;border:1px solid rgba(255,255,255,.22);border-radius:13px;display:flex;align-items:center;gap:7px;color:#fff;background:rgba(255,255,255,.12);cursor:pointer}.quiz-result-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quiz-result-kpis article{min-height:100px;border:1px solid var(--line);border-radius:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface)}.quiz-result-kpis strong{font-size:25px}.quiz-result-kpis span{margin-top:4px;color:var(--muted);font-size:9px}.quiz-review-list{padding:23px;border:1px solid var(--line);border-radius:25px;background:var(--surface);box-shadow:var(--shadow-sm)}.quiz-review-list h2{margin:4px 0 16px;font-size:22px}.quiz-review-list article{min-height:100px;padding:15px;border:1px solid var(--line);border-radius:17px;display:grid;grid-template-columns:35px 1fr 30px;gap:11px;align-items:start;margin-top:8px}.quiz-review-list article.correct{border-color:color-mix(in srgb,var(--green) 28%,var(--line))}.quiz-review-list article.wrong{border-color:color-mix(in srgb,var(--red) 28%,var(--line))}.quiz-review-number{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:var(--surface-soft);font-size:10px;font-weight:900}.quiz-review-list article>div>strong{font-size:11px;line-height:1.8}.quiz-review-list p{margin:7px 0 0;color:var(--muted);font-size:9px}.quiz-review-list small{display:block;margin-top:9px;padding:9px;border-radius:10px;color:var(--muted);background:var(--surface-soft);line-height:1.8}.quiz-review-list article.correct>svg{color:var(--green)}.quiz-review-list article.wrong>svg{color:var(--red)}@media (max-width:900px){.grammar-reader-layout{grid-template-columns:1fr}.grammar-reader-nav{position:static;display:flex;gap:7px;overflow-x:auto}.grammar-reader-nav>strong{display:none}.grammar-reader-nav>button{min-width:155px;width:auto}.grammar-nav-quiz{min-width:150px;padding:0 12px}.grammar-reader-loading{grid-template-columns:1fr}.grammar-v10-hero{grid-template-columns:1fr 160px}}@media (max-width:680px){.grammar-v10-hero{min-height:auto;padding:26px 21px;grid-template-columns:1fr;border-radius:25px}.grammar-v10-progress-ring{width:135px;height:135px;justify-self:start}.grammar-v10-progress-ring strong{font-size:30px}.grammar-v10-controls{grid-template-columns:1fr}.grammar-course-card{min-height:160px;padding:14px;grid-template-columns:45px 1fr 30px;gap:10px;border-radius:19px}.grammar-course-index span{width:40px;height:40px;border-radius:13px}.grammar-course-index i{display:none}.grammar-course-main h2{font-size:20px}.grammar-course-main>p{font-size:10px}.grammar-course-open{width:30px;height:30px;border-radius:10px}.grammar-reader-hero{padding:20px 17px;border-radius:22px}.grammar-reader-heading{align-items:flex-start;flex-direction:column}.grammar-reader-heading h1{font-size:38px}.grammar-reader-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.grammar-reader-stats span{padding:0 7px;justify-content:center;font-size:8px}.grammar-reader-nav{margin:0 -16px;padding:9px 16px;border-width:1px 0;border-radius:0;box-shadow:none}.grammar-reader-card{min-height:500px;padding:19px 15px;border-radius:22px}.grammar-reader-card>header h2{font-size:20px}.grammar-section-icon{width:44px;height:44px;border-radius:14px}.grammar-reader-body{padding-top:21px}.grammar-reader-text{font-size:14px;line-height:2.05}.grammar-formula{font-size:13px}.grammar-reader-bullets li{font-size:11px}.grammar-reader-examples article{grid-template-columns:30px 1fr 35px}.grammar-reader-examples strong{font-size:12px}.grammar-inline-quiz{padding:15px}.grammar-inline-quiz article>div{grid-template-columns:1fr}.quiz-home-hero{min-height:auto;padding:27px 21px;border-radius:25px}.quiz-hero-icon{display:none}.quiz-home-hero h1{font-size:34px}.quiz-stats-grid{grid-template-columns:1fr 1fr;gap:7px}.quiz-stats-grid article{min-height:100px}.quiz-builder-card,.quiz-history{padding:17px;border-radius:22px}.quiz-type-grid{grid-template-columns:1fr}.quiz-type-grid>button{min-height:112px}.quiz-config-grid,.quiz-history>div{grid-template-columns:1fr}.quiz-session-page{min-height:calc(100svh - 100px)}.quiz-question-card{min-height:470px;padding:24px 17px;border-radius:23px}.quiz-question-card h1{font-size:24px}.quiz-options{grid-template-columns:1fr}.quiz-options button{min-height:61px}.quiz-result-hero{min-height:auto;padding:24px 18px;grid-template-columns:110px 1fr;border-radius:24px}.quiz-result-hero>button{grid-column:1/-1;justify-self:stretch;justify-content:center}.quiz-score-ring{width:105px;height:105px}.quiz-score-ring strong{font-size:25px}.quiz-result-hero h1{font-size:22px}.quiz-review-list{padding:15px}}.dashboard-home .modern-action-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grammar-v10-hero p,.grammar-v9-hero p{font-size:15px;line-height:2}.grammar-summary-grid small{font-size:12px;margin-top:-8px}.grammar-controls input{font-size:15px}.grammar-level-tabs button strong{font-size:13px}.grammar-level-tabs button small{font-size:10px}.grammar-course-main>span,.grammar-lesson-state,.grammar-v9-title>span{font-size:11px}.grammar-course-main h2,.grammar-v9-title strong{font-size:20px}.grammar-course-main>p,.grammar-v9-title small{font-size:13px;line-height:1.9}.grammar-course-meta,.grammar-reader-breadcrumb,.grammar-reader-heading>div>.eyebrow,.grammar-v9-details small{font-size:12px}.grammar-reader-heading>div>p{font-size:15px;line-height:2}.grammar-reader-stats span{font-size:12px}.grammar-reader-nav>button strong,.grammar-reader-nav>strong{font-size:14px}.grammar-reader-nav>button small{font-size:11px}.grammar-nav-quiz{font-size:13px}.grammar-reader-card>header small{font-size:12px}.grammar-reader-card>header h2{font-size:28px}.grammar-reader-card>header p{font-size:13px}.grammar-reader-text{font-size:17px;line-height:2.15}.grammar-formula{font-size:18px;line-height:1.9}.grammar-reader-bullets li{font-size:15px;line-height:2}.grammar-reader-examples strong{font-size:16px;line-height:1.8}.grammar-reader-examples p{font-size:14px;line-height:1.8}.grammar-reader-note p{font-size:14px;line-height:2}.grammar-inline-quiz header p{font-size:13px}.grammar-inline-quiz article>strong{font-size:15px}.grammar-inline-quiz article button{font-size:14px}.grammar-inline-quiz article>p{font-size:13px}.grammar-no-quiz{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:14px;line-height:1.9}.grammar-no-quiz p{margin:0;flex:1 1 270px}.grammar-no-quiz .button{flex:0 0 auto}.grammar-quiz-score span,.grammar-reader-footer a,.grammar-reader-footer button{font-size:14px}.quiz-home-hero p{font-size:15px;line-height:1.9}.quiz-stats-grid small{font-size:12px}.quiz-type-grid>button strong{font-size:16px}.quiz-type-grid>button p{font-size:13px;line-height:1.8}.quiz-config-grid label>span,.quiz-config-grid>div>span{font-size:13px}.quiz-config-grid select,.quiz-count-options button,.quiz-start-button{font-size:14px}.quiz-session-header span{font-size:12px}.quiz-session-header strong{font-size:16px}.quiz-question-source{font-size:12px}.quiz-question-context{font-size:17px}.quiz-options strong{font-size:15px}.quiz-session-footer button{font-size:14px}.quiz-result-hero p{font-size:14px;line-height:1.8}.quiz-result-kpis span{font-size:12px}.quiz-review-list article>div>strong{font-size:15px}.quiz-review-list p,.quiz-review-list small{font-size:13px;line-height:1.9}.quiz-history article strong{font-size:14px}.quiz-history article small{font-size:12px}@media (max-width:680px){.grammar-reader-heading>div>p,.grammar-v10-hero p,.grammar-v9-hero p{font-size:14px}.grammar-reader-stats span{font-size:10px}.grammar-reader-card>header h2{font-size:23px}.grammar-reader-text{font-size:16px}.grammar-formula{font-size:15px}.grammar-reader-bullets li{font-size:14px}.grammar-reader-examples strong{font-size:15px}.grammar-reader-examples p{font-size:13px}.grammar-inline-quiz article>strong{font-size:14px}.grammar-inline-quiz article button{font-size:13px}.quiz-question-source{font-size:11px}.quiz-options strong{font-size:14px}}.category-admin-page{gap:20px}.category-admin-hero{min-height:190px;padding:28px;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,var(--primary-soft),var(--surface));border:1px solid var(--line);box-shadow:var(--shadow-sm)}.category-admin-hero h1{margin:8px 0 10px;font-size:clamp(27px,4vw,42px)}.category-admin-hero p{max-width:720px;color:var(--muted);line-height:2}.category-admin-hero>span{width:78px;height:78px;flex:0 0 78px;display:grid;place-items:center;border-radius:24px;color:var(--primary);background:var(--surface);box-shadow:var(--shadow-sm)}.category-admin-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);gap:18px;align-items:start}.category-admin-guide,.category-editor-card,.category-list-panel{padding:22px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.category-editor-card>header,.category-list-panel>header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.category-editor-card>header>div,.category-list-panel>header>div{display:flex;align-items:center;gap:12px}.category-editor-card header strong,.category-list-panel header strong{display:block}.category-editor-card header small,.category-list-panel header small{display:block;margin-top:4px;color:var(--muted)}.category-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category-form-grid label{display:grid;gap:7px;color:var(--muted);font-size:12px}.category-form-grid input,.category-form-grid select,.category-form-grid textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:13px;color:var(--text);background:var(--surface-2,var(--surface));font:inherit;outline:none}.category-form-grid input:focus,.category-form-grid select:focus,.category-form-grid textarea:focus{border-color:var(--primary)}.category-description-field{grid-column:1/-1}.category-active-field{display:flex!important;align-items:center;align-self:end;min-height:45px;grid-template-columns:20px 1fr!important}.category-active-field input{width:18px;height:18px}.category-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.category-admin-guide{position:sticky;top:88px}.category-admin-guide>svg{color:var(--primary)}.category-admin-guide h2{margin:14px 0 8px}.category-admin-guide p{color:var(--muted);line-height:1.9;font-size:13px}.category-list-panel{overflow:hidden}.category-admin-list{display:grid;gap:10px}.category-admin-list article{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.category-admin-list article.inactive{opacity:.65}.category-admin-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:var(--primary);background:var(--primary-soft)}.category-admin-icon[style*=background]{color:white}.category-admin-copy{min-width:0}.category-admin-copy small,.category-admin-copy strong{display:block}.category-admin-copy small{margin-top:3px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.category-admin-copy p{margin-top:6px;color:var(--muted);font-size:11px}.category-status{padding:6px 9px;border-radius:999px;font-size:10px;white-space:nowrap}.category-status.active{color:var(--success,#16803b);background:color-mix(in srgb,var(--success,#16803b) 12%,transparent)}.category-status.inactive{color:var(--muted);background:var(--line)}.category-row-actions{display:flex;gap:6px}.category-row-actions button{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text);cursor:pointer;font:inherit;font-size:10px}.category-row-actions button:hover{border-color:var(--primary);color:var(--primary)}.category-list-empty{padding:40px 12px;text-align:center;color:var(--muted)}@media (max-width:900px){.category-admin-layout{grid-template-columns:1fr}.category-admin-guide{position:static}.category-admin-list article{grid-template-columns:46px minmax(0,1fr) auto}.category-row-actions{grid-column:1/-1;justify-content:flex-end}}@media (max-width:620px){.category-admin-hero{padding:21px;align-items:flex-start}.category-admin-hero>span{width:58px;height:58px;flex-basis:58px;border-radius:18px}.category-form-grid{grid-template-columns:1fr}.category-description-field{grid-column:auto}.category-admin-list article{grid-template-columns:42px minmax(0,1fr)}.category-status{justify-self:start;grid-column:2}}.audio-settings-panel{display:grid;gap:17px;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.audio-settings-panel header{display:flex;align-items:center;gap:12px}.audio-settings-panel header>span{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;color:var(--primary);background:var(--primary-soft)}.audio-settings-panel header small,.audio-settings-panel header strong{display:block}.audio-settings-panel header small{margin-top:4px;color:var(--muted);font-size:11px}.audio-settings-panel label{display:grid;gap:8px;color:var(--muted);font-size:12px}.audio-settings-panel label>span{display:flex;justify-content:space-between;gap:12px}.audio-settings-panel label b{color:var(--text);font-weight:700}.audio-settings-panel select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft);color:var(--text);font:inherit}.audio-settings-panel input[type=range]{width:100%;accent-color:var(--primary)}.audio-settings-panel .button{justify-self:start}.word-image{position:relative;overflow:hidden;margin:0;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft)}.word-image img{display:block;width:100%;height:100%;object-fit:cover}.review-word-image{width:100%;aspect-ratio:16/9;max-height:230px;margin-bottom:13px}.library-word-image{width:100%;aspect-ratio:16/9;margin-bottom:12px}@media (max-width:620px){.audio-settings-panel{padding:17px;border-radius:18px}.audio-settings-panel .button{width:100%;justify-content:center}.review-word-image{max-height:190px;border-radius:15px}}.account-danger-zone{display:grid;gap:16px;padding:20px;border:1px solid color-mix(in srgb,var(--red) 34%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--red-soft) 45%,var(--surface))}.account-danger-zone>header{display:flex;align-items:flex-start;gap:13px}.danger-zone-icon{width:47px;height:47px;flex:0 0 auto;display:grid;place-items:center;border-radius:15px;color:var(--red);background:var(--red-soft)}.account-danger-zone header>div>span{color:var(--red);font-size:9px;font-weight:900}.account-danger-zone h2{margin:4px 0 6px;font-size:18px}.account-danger-zone p{margin:0;color:var(--muted);font-size:10px;line-height:1.9}.danger-button{min-height:43px;padding:0 16px;border:0;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:linear-gradient(135deg,#c92f45,#e85463);font:inherit;font-size:10px;font-weight:900;cursor:pointer}.account-danger-zone>.danger-button{justify-self:start}.danger-button:disabled{opacity:.48;cursor:not-allowed}.confirm-layer{position:fixed;inset:0;z-index:300;padding:18px;display:grid;place-items:center;background:rgba(11,13,28,.68);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.confirm-dialog{position:relative;width:min(100%,520px);max-height:calc(100dvh - 36px);overflow:auto;padding:27px;border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:0 28px 85px rgba(0,0,0,.32)}.confirm-close{position:absolute;top:14px;left:14px;width:37px;height:37px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;color:var(--muted);background:var(--surface-soft);cursor:pointer}.confirm-danger-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:19px;color:var(--red);background:var(--red-soft)}.confirm-dialog h2{margin:17px 0 7px;font-size:21px}.confirm-dialog>p{margin:0 0 17px;color:var(--muted);font-size:10px;line-height:1.9}.confirm-check{padding:13px;border:1px solid color-mix(in srgb,var(--red) 24%,var(--line));border-radius:14px;display:flex;align-items:flex-start;gap:10px;color:var(--text);background:var(--red-soft);font-size:10px;line-height:1.8}.confirm-check input{margin-top:4px;accent-color:var(--red)}.confirm-field{margin-top:14px;display:grid;gap:7px;font-size:10px}.confirm-field>span{color:var(--muted)}.confirm-field>strong{color:var(--red);font-size:11px}.confirm-field input{min-height:45px;padding:0 12px;border:1px solid var(--line);border-radius:13px;color:var(--text);background:var(--surface-soft);font:inherit}.confirm-actions{margin-top:18px;display:grid;grid-template-columns:1fr 1.25fr;gap:9px}.account-reset-message{padding:11px 13px;border-radius:12px;font-size:10px;line-height:1.7}.account-reset-message.success{color:var(--green);background:var(--green-soft)}.account-reset-message.error{color:var(--red);background:var(--red-soft)}.admin-center-page{gap:17px}.admin-center-hero{min-height:190px;padding:31px;border-radius:29px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;background:linear-gradient(135deg,#20284d,#3f3f95,#695be4);box-shadow:0 24px 55px rgba(50,48,132,.24)}.admin-center-hero h1{margin:9px 0;font-size:clamp(27px,4.5vw,42px)}.admin-center-hero p{max-width:690px;margin:0;color:rgba(255,255,255,.8);font-size:11px;line-height:1.9}.admin-center-hero>span{width:92px;height:92px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.23);border-radius:30px;background:rgba(255,255,255,.12)}.admin-count-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.admin-count-grid article{min-height:122px;padding:15px;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;background:var(--surface);box-shadow:var(--shadow-sm)}.admin-count-grid article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;color:var(--primary);background:var(--primary-soft)}.admin-count-grid strong{margin-top:14px;font-size:21px}.admin-count-grid small{margin-top:3px;color:var(--muted);font-size:9px}.admin-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.admin-action-grid>a{min-height:88px;padding:16px;border:1px solid var(--line);border-radius:20px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.admin-action-grid>a>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:var(--primary);background:var(--primary-soft)}.admin-action-grid>a>div{display:flex;flex-direction:column;gap:5px}.admin-action-grid strong{font-size:11px}.admin-action-grid small{color:var(--muted);font-size:8px;line-height:1.7}.admin-action-grid>a>svg{color:var(--muted);transform:rotate(180deg)}.admin-destructive-zone{padding:20px;border:1px solid color-mix(in srgb,var(--red) 25%,var(--line));border-radius:24px;background:color-mix(in srgb,var(--red-soft) 25%,var(--surface))}.admin-destructive-zone>header{display:flex;align-items:center;gap:12px}.admin-destructive-zone>header>span{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;color:var(--red);background:var(--red-soft)}.admin-destructive-zone h2{margin:0 0 5px;font-size:17px}.admin-destructive-zone header p{margin:0;color:var(--muted);font-size:9px}.admin-reset-grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.admin-reset-grid article{padding:14px;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:11px;background:var(--surface)}.admin-reset-grid article.critical{grid-column:1/-1;border-color:color-mix(in srgb,var(--red) 42%,var(--line));background:color-mix(in srgb,var(--red-soft) 35%,var(--surface))}.admin-reset-grid article>span{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;color:var(--red);background:var(--red-soft)}.admin-reset-grid article>div{display:flex;flex-direction:column;gap:4px}.admin-reset-grid strong{font-size:10px}.admin-reset-grid small{color:var(--muted);font-size:8px;line-height:1.65}.admin-reset-grid button{min-height:35px;padding:0 12px;border:1px solid color-mix(in srgb,var(--red) 40%,var(--line));border-radius:11px;color:var(--red);background:transparent;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.admin-content-message{padding:12px 14px;border-radius:13px;font-size:10px}.admin-content-message.success{color:var(--green);background:var(--green-soft)}.admin-content-message.error{color:var(--red);background:var(--red-soft)}@media (max-width:980px){.admin-count-grid{grid-template-columns:repeat(3,1fr)}.admin-action-grid{grid-template-columns:1fr}}@media (max-width:620px){.account-danger-zone{padding:17px;border-radius:18px}.account-danger-zone>.danger-button{width:100%}.confirm-dialog{padding:22px 17px 17px;border-radius:22px}.confirm-actions{grid-template-columns:1fr}.admin-center-hero{min-height:auto;padding:23px 19px}.admin-center-hero>span{display:none}.admin-count-grid{grid-template-columns:repeat(2,1fr)}.admin-count-grid article{min-height:105px}.admin-reset-grid{grid-template-columns:1fr}.admin-reset-grid article.critical{grid-column:auto}.admin-reset-grid article{grid-template-columns:39px 1fr}.admin-reset-grid article button{grid-column:1/-1}}.lexical-details{display:grid;gap:14px;margin:14px 0}.lexical-meta-block{display:grid;gap:8px}.ipa-row{display:flex;flex-wrap:wrap;gap:8px}.ipa-row span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);font-size:.82rem}.ipa-row b{font-size:.68rem;letter-spacing:.06em;color:var(--muted)}.lexical-badges{display:flex;flex-wrap:wrap;gap:7px}.lexical-badges span{padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--primary) 9%,transparent);color:var(--primary);font-size:.74rem;font-weight:700}.lexical-section{display:grid;gap:9px;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft)}.lexical-section h3{margin:0;font-size:.82rem;color:var(--muted)}.collocation-list,.lexical-meaning-list{display:grid;gap:8px}.lexical-meaning-list article{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start}.lexical-meaning-list article>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--primary);color:white;font-size:.72rem}.lexical-meaning-list article div{display:grid;gap:3px}.lexical-meaning-list strong{font-size:.95rem}.lexical-meaning-list small{color:var(--muted)}.lexical-meaning-list em,.lexical-meaning-list p{margin:0;font-size:.82rem}.word-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.word-form-grid>div{display:grid;gap:3px;padding:9px;border-radius:12px;background:var(--surface)}.word-form-grid span{font-size:.7rem;color:var(--muted)}.word-form-grid strong{font-size:.88rem}.word-form-grid small{font-size:.7rem}.collocation-list article{display:grid;grid-template-columns:minmax(120px,.7fr) 1fr;gap:4px 12px;padding:9px;border-radius:12px;background:var(--surface)}.collocation-list strong{font-size:.9rem}.collocation-list span{font-size:.82rem}.collocation-list p,.collocation-list small{grid-column:1/-1;margin:0}.collocation-list p{font-size:.8rem}.collocation-list small{color:var(--muted)}.lexical-relations>div{display:grid;gap:3px}.lexical-relations span{font-size:.72rem;color:var(--muted)}.lexical-relations p{margin:0;font-size:.84rem}.front-heading .lexical-meta-block{margin-top:8px}.front-heading .ipa-row,.front-heading .lexical-badges{justify-content:center}.library-details>.lexical-details{margin-top:0}@media(max-width:620px){.collocation-list article{grid-template-columns:1fr}.collocation-list p,.collocation-list small{grid-column:auto}}.payment-trust-grid{margin:14px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.payment-trust-grid span{min-height:54px;padding:10px 11px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:15px;color:var(--muted);background:var(--surface-soft);font-size:9px;line-height:1.7}.payment-trust-grid svg{flex:0 0 auto;color:var(--green)}.payment-note.ready{color:var(--green)}.payment-note.unavailable{color:var(--orange)}.subscription-panel .auth-submit:disabled{cursor:not-allowed;opacity:.58;filter:saturate(.45)}.welcome-meta{margin-top:17px;display:flex;flex-wrap:wrap;gap:8px}.welcome-meta span{min-height:32px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:rgba(255,255,255,.82);background:rgba(255,255,255,.09);font-size:9px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-actions .button-light{gap:8px}.dashboard-skeleton{pointer-events:none}.skeleton-block{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:27px;background:var(--surface-soft)}.skeleton-block:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface-solid) 72%,transparent),transparent);animation:dashboard-shimmer 1.25s infinite}.skeleton-hero,.skeleton-side{min-height:330px}.skeleton-kpi{min-height:112px}.skeleton-panel{min-height:285px}@keyframes dashboard-shimmer{to{transform:translateX(100%)}}@media (max-width:760px){.payment-trust-grid{grid-template-columns:1fr}.payment-trust-grid span{min-height:46px}.welcome-meta{gap:6px}}.mobile-bottom-nav{display:none!important}@media (max-width:760px){body{overscroll-behavior-y:none}.app-shell:not(.app-shell-immersive){padding-bottom:calc(82px + env(safe-area-inset-bottom))}.app-shell-immersive{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.app-header{top:0;width:100%;min-height:calc(57px + env(safe-area-inset-top));height:auto;margin:0;padding:calc(6px + env(safe-area-inset-top)) 8px 6px;border-top:0;border-inline:0;border-radius:0 0 20px 20px;box-shadow:0 8px 26px rgba(30,37,72,.09),inset 0 1px 0 rgba(255,255,255,.75)}:root[data-theme=dark] .app-header{box-shadow:0 9px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)}.app-header-brand{gap:7px}.app-header-logo{width:31px;height:31px;border-radius:10px;font-size:14px}.app-header-brand-copy strong{max-width:132px;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.app-header-brand-copy small{max-width:132px;margin-top:2px;font-size:7px}.app-header .icon-button,.app-header-button{width:41px;height:41px;border-radius:14px}.app-shell:not(.app-shell-immersive) .menu-button{visibility:hidden;pointer-events:none}.main-content{width:calc(100% - 16px);margin-top:12px}.mobile-bottom-nav{position:fixed;z-index:190;right:0;bottom:0;left:0;transform:none;width:100%;min-height:calc(66px + env(safe-area-inset-bottom));padding:6px 7px calc(6px + env(safe-area-inset-bottom));display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;overflow:visible;border:0;border-top:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:20px 20px 0 0;background:color-mix(in srgb,var(--surface-solid) 91%,transparent);box-shadow:0 -12px 34px rgba(25,31,62,.12),inset 0 1px 0 rgba(255,255,255,.75);-webkit-backdrop-filter:blur(28px) saturate(165%);backdrop-filter:blur(28px) saturate(165%)}:root[data-theme=dark] .mobile-bottom-nav{border-top-color:rgba(255,255,255,.08);background:rgba(20,23,34,.91);box-shadow:0 -14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05)}.mobile-bottom-nav:after{display:none}.mobile-bottom-nav .bottom-link{position:relative;min-width:0;min-height:54px;padding:3px 2px 2px;border:0;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);background:transparent;box-shadow:none;font:inherit;font-size:9px;font-weight:750;cursor:pointer;transition:color .18s ease,transform .18s ease,background .18s ease}.mobile-bottom-nav .bottom-link:before{content:"";position:absolute;top:-6px;width:24px;height:3px;border-radius:0 0 999px 999px;background:transparent;transition:width .18s ease,background .18s ease}.mobile-bottom-nav .bottom-link-icon{width:34px;height:30px;display:grid;place-items:center;border-radius:11px;transition:color .18s ease,background .18s ease,transform .18s ease}.mobile-bottom-nav .bottom-link.active{color:var(--primary);background:transparent;font-weight:900}.mobile-bottom-nav .bottom-link.active:before{width:32px;background:var(--primary)}.mobile-bottom-nav .bottom-link.active .bottom-link-icon{background:color-mix(in srgb,var(--primary) 13%,transparent);transform:translateY(-1px)}.mobile-bottom-nav .bottom-link:active{transform:scale(.94)}.mobile-bottom-nav .bottom-link:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}}@media (max-width:370px){.mobile-bottom-nav .bottom-link{font-size:8px}.mobile-bottom-nav .bottom-link-icon{width:31px}.app-header-brand-copy small{display:none}}@media (display-mode:standalone) and (max-width:760px){.app-header{border-radius:0 0 18px 18px}.mobile-bottom-nav{border-radius:18px 18px 0 0}}.app-header-logo,.auth-brand span,.drawer-logo{letter-spacing:-1px;white-space:nowrap}.app-header-logo{font-size:13px}.drawer-logo{font-size:16px}.auth-brand span{font-size:14px}.app-header-brand-copy strong{max-width:150px;direction:ltr;font-weight:950;letter-spacing:-.45px;white-space:nowrap}@media (max-width:760px){.app-header-brand-copy strong{max-width:124px;font-size:14px}.app-header-brand-copy small{max-width:124px}}@media (max-width:370px){.app-header-brand-copy strong{max-width:108px;font-size:13px}}.toast-region{position:fixed;z-index:10000;inset-inline-start:max(18px,env(safe-area-inset-left));bottom:max(18px,calc(env(safe-area-inset-bottom) + 18px));width:min(420px,calc(100vw - 36px));display:grid;gap:10px;pointer-events:none}.app-toast{pointer-events:auto;display:grid;grid-template-columns:5px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:12px 13px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 18px 55px rgba(14,17,31,.22);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:toast-enter .2s ease-out}.toast-indicator{width:5px;height:34px;border-radius:99px;background:var(--primary)}.toast-success .toast-indicator{background:#1fba73}.toast-warning .toast-indicator{background:#f0a126}.toast-error .toast-indicator{background:#ec5570}.toast-copy{min-width:0}.toast-copy strong{display:block;margin-bottom:2px;font-size:12px}.toast-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.75}.toast-action,.toast-close{border:0;background:transparent;color:var(--primary);font:inherit;font-weight:850;cursor:pointer}.toast-action{min-height:36px;padding:0 9px;border-radius:10px;background:color-mix(in srgb,var(--primary) 10%,transparent)}.toast-close{width:34px;height:34px;border-radius:10px;color:var(--muted);font-size:20px}.toast-action:focus-visible,.toast-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.inline-error{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid color-mix(in srgb,#ec5570 35%,var(--line));border-radius:14px;background:color-mix(in srgb,#ec5570 7%,var(--surface));color:var(--text);font-size:12px}.inline-error span{flex:1 1}.inline-error button{border:0;background:transparent;color:var(--primary);font:inherit;font-weight:850;cursor:pointer}.library-load-more{display:flex;justify-content:center;padding:7px 0 18px}.library-load-more .button{min-width:min(100%,330px)}@keyframes toast-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media (max-width:760px){.toast-region{inset-inline:10px;width:auto;bottom:calc(82px + env(safe-area-inset-bottom))}.app-shell-immersive .toast-region{bottom:max(12px,env(safe-area-inset-bottom))}.app-toast{grid-template-columns:4px minmax(0,1fr) auto;gap:9px;padding:11px}.toast-action{grid-column:2;justify-self:start}.toast-close{grid-column:3;grid-row:1}.toast-copy strong{font-size:11px}.toast-copy p{font-size:10px}}@media (max-width:760px) and (min-width:371px){.app-header-brand-copy small{font-size:10px}}.atria-credit{width:fit-content;max-width:100%;min-height:48px;padding:7px 10px 7px 12px;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface-solid) 88%,transparent);color:var(--text);box-shadow:0 10px 28px rgba(29,32,65,.07);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.atria-credit:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 45%,var(--line));box-shadow:0 14px 34px rgba(47,39,110,.12)}.atria-credit:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 42%,transparent);outline-offset:3px}.atria-credit-mark{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#6354ee,#8f7cff);color:#fff;font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:900;box-shadow:0 8px 18px rgba(92,75,224,.25)}.atria-credit-copy{min-width:0;display:grid;gap:1px}.atria-credit-copy small{color:var(--muted);font-size:8px;line-height:1.35}.atria-credit-copy strong{overflow:hidden;font-size:10px;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}.atria-credit-domain{margin-inline-start:4px;color:var(--primary);font-size:9px;font-weight:850;white-space:nowrap}.atria-credit-dark,.atria-credit-hero{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.atria-credit-dark .atria-credit-copy small,.atria-credit-hero .atria-credit-copy small{color:rgba(255,255,255,.5)}.atria-credit-dark .atria-credit-domain,.atria-credit-hero .atria-credit-domain{color:#bdb5ff}.atria-credit-compact{min-height:42px;padding:5px 8px;border-radius:13px;box-shadow:none}.atria-credit-compact .atria-credit-mark{width:30px;height:30px;border-radius:9px;font-size:12px}.atria-credit-compact .atria-credit-domain{display:none}.auth-card>.atria-credit{margin:16px auto 0}.drawer-footer .atria-credit{width:100%;justify-content:center}.drawer-footer .atria-credit-copy{text-align:right}.subscription-company-credit{margin:18px auto max(22px,env(safe-area-inset-bottom))}@media (max-width:520px){.atria-credit-domain{display:none}.atria-credit-copy strong{font-size:9px}}:lang(fa) .auth-copy h1,:lang(fa) .front-heading h2,:lang(fa) .grammar-v10-hero h1,:lang(fa) .hero-copy h1,:lang(fa) .page-title,:lang(fa) .subscription-hero h1,:lang(fa) .welcome-copy h1{letter-spacing:0}:root{--friendly-border:color-mix(in srgb,var(--border,#dfe4ee) 82%,transparent)}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--primary,#6d5dfc) 72%,white);outline-offset:3px}:where(button,.button,.icon-button,.app-header-button,.drawer-close,.card-quick-actions button){min-height:44px}:where(input,select,textarea){font-size:max(16px,1rem)}.app-header-brand-copy small,.bottom-link,.drawer-link small,.remaining-count{font-size:max(11px,.72rem)}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.drawer-link-wrap{display:grid;gap:5px}.drawer-group-title{margin:12px 12px 3px;color:var(--muted,#788195);font-size:11px;font-weight:800}.drawer-link-wrap:first-child .drawer-group-title{margin-top:2px}.onboarding-shell{min-height:calc(100dvh - 110px);display:grid;place-items:center;padding:28px 16px 96px}.onboarding-card{width:min(680px,100%);border:1px solid var(--friendly-border);background:var(--surface,#fff);border-radius:30px;padding:clamp(20px,4vw,38px);box-shadow:0 24px 80px rgba(31,38,68,.12)}.onboarding-card>header{display:flex;align-items:center;gap:12px}.onboarding-card>header>div{display:grid;gap:3px}.onboarding-card>header strong{font-size:15px}.onboarding-card>header small{color:var(--muted,#788195);font-size:12px}.onboarding-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,#745cf8,#4f8df7);font-weight:900;direction:ltr}.onboarding-progress{height:7px;margin:24px 0 28px;border-radius:99px;background:rgba(116,92,248,.1);overflow:hidden}.onboarding-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#745cf8,#4f8df7);transition:width .3s ease}.onboarding-copy span{color:#735cf7;font-weight:800;font-size:12px}.onboarding-copy h1{margin:8px 0 9px;font-size:clamp(25px,5vw,38px);letter-spacing:-.7px}.onboarding-copy p{margin:0 0 24px;color:var(--muted,#6f778a);line-height:1.9;font-size:14px}.onboarding-options{display:grid;gap:10px}.onboarding-options button{width:100%;min-height:62px;display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:12px;padding:10px 14px;border-radius:17px;border:1px solid var(--friendly-border);background:var(--surface-soft,#fafbff);color:inherit;text-align:right;cursor:pointer}.onboarding-options button>svg,.option-index{width:38px;height:38px;display:grid;place-items:center;padding:8px;border-radius:12px;color:#735cf7;background:rgba(116,92,248,.1)}.option-index{padding:0;font-weight:900}.onboarding-options button>span:not(.option-index){font-size:14px;font-weight:800}.onboarding-options button>i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;border:2px solid #d8ddea;color:transparent}.onboarding-options button.selected{border-color:#735cf7;background:rgba(116,92,248,.08);box-shadow:0 0 0 3px rgba(116,92,248,.08)}.onboarding-options button.selected>i{background:#735cf7;border-color:#735cf7;color:white}.onboarding-time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.onboarding-time-grid button{position:relative;min-height:126px;display:grid;place-content:center;gap:5px;border:1px solid var(--friendly-border);border-radius:20px;background:var(--surface-soft,#fafbff);color:inherit;cursor:pointer}.onboarding-time-grid strong{font-size:30px;color:#735cf7}.onboarding-time-grid span{font-size:12px;font-weight:700}.onboarding-time-grid small{position:absolute;top:-9px;right:50%;transform:translateX(50%);white-space:nowrap;padding:4px 8px;border-radius:99px;color:white;background:#735cf7;font-size:9px}.onboarding-time-grid button.selected{border-color:#735cf7;background:rgba(116,92,248,.09);box-shadow:0 0 0 3px rgba(116,92,248,.08)}.onboarding-card>footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px}.today-dashboard{width:min(1120px,100%);margin:0 auto;display:grid;gap:22px;padding-bottom:40px}.today-hero{min-height:285px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;padding:clamp(26px,5vw,54px);border-radius:32px;overflow:hidden;color:white;background:radial-gradient(circle at 13% 0,rgba(255,255,255,.2),transparent 32%),linear-gradient(135deg,#7058ed,#497eea 68%,#38a7db);box-shadow:0 24px 75px rgba(71,85,190,.26)}.today-hero .eyebrow{color:rgba(255,255,255,.78)}.today-hero h1{margin:10px 0 12px;max-width:680px;font-size:clamp(30px,5vw,48px);letter-spacing:-1px}.today-hero p{max-width:650px;margin:0;color:rgba(255,255,255,.82);line-height:1.95;font-size:15px}.today-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px}.today-profile-link{color:white;font-weight:800;text-decoration:underline;text-underline-offset:5px}.today-time-badge{width:150px;height:150px;display:grid;place-content:center;text-align:center;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 10px rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.today-time-badge strong{font-size:45px;line-height:1}.today-time-badge span{margin-top:5px;font-weight:800}.today-time-badge small{margin-top:4px;color:rgba(255,255,255,.7);font-size:10px}.today-plan-card{padding:clamp(19px,4vw,30px);border:1px solid var(--friendly-border);border-radius:26px;background:var(--surface,#fff);box-shadow:0 16px 50px rgba(34,42,76,.07)}.today-plan-card>header{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:17px}.today-plan-card h2{margin:5px 0 0;font-size:23px}.today-plan-card>header>span{color:var(--muted,#788195);font-size:12px;font-weight:800}.today-task-list{display:grid;gap:9px}.today-task{display:grid;grid-template-columns:34px 44px minmax(0,1fr) auto 20px;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--friendly-border);border-radius:17px;color:inherit;background:var(--surface-soft,#fbfcff)}.today-task.primary{border-color:rgba(116,92,248,.3);background:rgba(116,92,248,.06)}.today-task-index{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#735cf7;background:rgba(116,92,248,.1);font-weight:900}.today-task-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#735cf7;background:rgba(116,92,248,.1)}.today-task-copy{display:grid;gap:4px}.today-task-copy strong{font-size:14px}.today-task-copy small,.today-task-time{color:var(--muted,#788195);font-size:11px}.today-task-time{display:flex;align-items:center;gap:5px;font-weight:700;white-space:nowrap}.today-progress-strip{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px}.today-progress-strip article,.today-progress-strip>a{min-height:82px;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--friendly-border);border-radius:18px;background:var(--surface,#fff)}.today-progress-strip article>div{display:grid;gap:3px}.today-progress-strip article strong{font-size:20px}.today-progress-strip article small{color:var(--muted,#788195);font-size:11px}.today-progress-strip>a{justify-content:center;color:#735cf7;font-weight:800}.today-explore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.today-explore-grid>a{min-height:105px;display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:11px;padding:16px;border:1px solid var(--friendly-border);border-radius:18px;color:inherit;background:var(--surface,#fff)}.today-explore-grid>a>svg:first-child{width:40px;height:40px;padding:9px;border-radius:13px;color:#735cf7;background:rgba(116,92,248,.1)}.today-explore-grid span{display:grid;gap:5px}.today-explore-grid strong{font-size:13px}.today-explore-grid small{color:var(--muted,#788195);font-size:10px}.today-account-note{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;border-radius:15px;color:var(--muted,#788195);background:rgba(116,92,248,.06);font-size:12px}.today-account-note span{display:flex;align-items:center;gap:8px}.today-account-note a{color:#735cf7;font-weight:800}.friendly-study{position:relative}.friendly-session-bar{width:min(780px,calc(100% - 24px));margin:10px auto 5px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted,#788195);font-size:12px}.friendly-session-bar span{display:flex;align-items:center;gap:7px}.friendly-session-bar strong{color:#735cf7}.friendly-card{height:min(710px,calc(100dvh - 170px));min-height:560px;display:flex;flex-direction:column;overflow:hidden}.friendly-card-scroll{flex:1 1;overflow:auto;padding:22px 26px 18px;overscroll-behavior:contain}.friendly-card .front-heading{margin-top:15px}.friendly-card .front-heading h2{font-size:clamp(38px,7vw,68px)}.reveal-actions{display:grid;gap:9px;margin:24px auto 5px;width:min(370px,100%)}.reveal-button{width:100%;min-height:54px;justify-content:center;font-size:15px}.listen-before-answer{min-height:44px;display:flex;justify-content:center;align-items:center;gap:7px;border:0;color:#735cf7;background:transparent;font-weight:800}.friendly-answer{display:grid;grid-template-columns:minmax(100px,145px) 1fr;align-items:center;gap:18px;margin:20px 0 12px;padding:16px;border-radius:20px;background:rgba(116,92,248,.06)}.friendly-answer-image{width:100%;max-height:120px;object-fit:cover;border-radius:15px}.friendly-answer>div>span{color:#735cf7;font-size:11px;font-weight:900}.friendly-answer h3{margin:5px 0;font-size:clamp(24px,5vw,36px)}.friendly-answer p{margin:3px 0 0;color:var(--muted,#788195);line-height:1.7;font-size:13px}.friendly-primary-example{width:100%;display:grid;grid-template-columns:28px 1fr;align-items:start;gap:9px;padding:13px 14px;border:1px solid var(--friendly-border);border-radius:15px;color:inherit;background:var(--surface-soft,#fafbff);text-align:left}.friendly-primary-example>span{display:grid;gap:6px}.friendly-primary-example b{line-height:1.75;font-size:14px}.friendly-primary-example small{color:var(--muted,#788195);text-align:right;line-height:1.7;font-size:11px}.friendly-details-toggle{min-height:44px;margin:8px auto 0;display:flex;align-items:center;gap:5px;border:0;color:#735cf7;background:transparent;font-weight:800}.friendly-extra-details{display:grid;gap:12px;padding-top:5px}.spelling-strip button{min-width:44px;border:0;color:#735cf7;background:transparent}.friendly-review-controls{flex:none;padding:13px 17px 17px;border-top:1px solid var(--friendly-border);background:color-mix(in srgb,var(--surface,#fff) 95%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.friendly-review-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.friendly-review-heading>span{font-size:12px;font-weight:900}.friendly-review-heading button{min-height:36px;display:flex;align-items:center;gap:5px;border:0;color:#735cf7;background:transparent;font-size:11px;font-weight:800}.rating-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;direction:rtl}.rating-grid button{min-height:58px;display:grid;place-content:center;gap:4px;border-radius:14px;border:1px solid var(--friendly-border);color:inherit;background:var(--surface-soft,#fafbff)}.rating-grid strong{font-size:12px}.rating-grid small{font-size:9px;opacity:.7}.rating-again{color:#d83a54!important;background:rgba(232,67,91,.07)!important}.rating-hard{color:#c56a13!important;background:rgba(235,145,45,.08)!important}.rating-good{color:#24815e!important;background:rgba(45,166,119,.08)!important}.rating-easy{color:#5364d8!important;background:rgba(91,105,225,.08)!important}.swipe-tutorial{position:absolute;bottom:12px;left:50%;z-index:5;transform:translateX(-50%);width:max-content;max-width:calc(100% - 20px);display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:99px;color:white;background:rgba(25,30,48,.9);box-shadow:0 10px 30px rgba(0,0,0,.2);font-size:11px}.swipe-tutorial button{min-height:32px;border:0;color:#dcd6ff;background:transparent;font-weight:900}.undo-toast{position:fixed;z-index:130;bottom:24px;left:50%;transform:translateX(-50%);min-width:270px;justify-content:space-between;gap:18px;padding:12px 15px;border-radius:15px;color:white;background:#202438;box-shadow:0 16px 45px rgba(0,0,0,.3)}.undo-toast,.undo-toast button{display:flex;align-items:center}.undo-toast button{min-height:36px;gap:6px;border:0;color:#cfc7ff;background:transparent;font-weight:900}.autoplay-prompt{position:fixed;z-index:125;right:18px;bottom:22px;width:min(400px,calc(100% - 36px));display:grid;gap:13px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:19px;color:white;background:rgba(28,32,50,.96);box-shadow:0 18px 55px rgba(0,0,0,.3)}.autoplay-prompt>div{display:flex;align-items:center;gap:11px}.autoplay-prompt>div:first-child>svg{width:42px;height:42px;padding:10px;border-radius:13px;color:#cfc7ff;background:rgba(116,92,248,.2)}.autoplay-prompt span{display:grid;gap:3px}.autoplay-prompt small{color:rgba(255,255,255,.6);font-size:10px}.autoplay-prompt>div:last-child{justify-content:flex-end}.autoplay-prompt button{min-height:38px;padding:7px 12px;border:0;border-radius:10px;color:white;background:rgba(255,255,255,.08);font-weight:800}.autoplay-prompt button.button-primary{background:#735cf7}.friendly-finish{max-width:650px;margin:70px auto}.finish-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(440px,100%);margin:18px auto}.finish-stats span{display:grid;gap:4px;padding:11px 7px;border-radius:13px;background:rgba(116,92,248,.06);color:var(--muted,#788195);font-size:10px}.finish-stats strong{color:#735cf7;font-size:20px}.finish-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.text-button{min-height:44px;border:0;color:#735cf7;background:transparent;font-weight:800}@media (max-width:850px){.today-progress-strip{grid-template-columns:repeat(3,1fr)}.today-progress-strip>a{grid-column:1/-1;min-height:54px}.onboarding-time-grid,.today-explore-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.onboarding-shell{padding:12px 10px 88px;align-items:start}.onboarding-card{border-radius:22px;padding:18px 15px}.today-dashboard{gap:15px}.today-hero{min-height:auto;grid-template-columns:1fr;padding:25px 20px;border-radius:24px}.today-time-badge{width:auto;height:auto;display:flex;justify-content:center;align-items:baseline;gap:6px;padding:11px 15px;border-radius:15px}.today-time-badge strong{font-size:25px}.today-time-badge small{margin-right:auto}.today-plan-card{border-radius:21px;padding:17px 13px}.today-task{grid-template-columns:29px 38px minmax(0,1fr) 18px;gap:8px;padding:11px 9px}.today-task-time{display:none}.today-progress-strip{grid-template-columns:1fr}.today-progress-strip>a{grid-column:auto}.today-explore-grid{grid-template-columns:1fr 1fr}.today-explore-grid>a{min-height:90px;grid-template-columns:36px 1fr;padding:12px}.today-explore-grid>a>svg:last-child{display:none}.today-account-note{align-items:flex-start;flex-direction:column}.friendly-session-bar{margin-top:4px}.friendly-card{height:calc(100dvh - 140px);min-height:520px;border-radius:22px}.friendly-card-scroll{padding:16px 15px 12px}.friendly-answer{grid-template-columns:92px 1fr;gap:11px;padding:11px}.rating-grid{gap:5px}.rating-grid button{min-height:56px;padding:5px 2px}.rating-grid strong{font-size:10px}.friendly-review-controls{padding:10px 9px 12px}.swipe-tutorial{bottom:6px;border-radius:14px}.undo-toast{bottom:15px;width:calc(100% - 26px)}.autoplay-prompt{bottom:14px;right:13px;width:calc(100% - 26px)}}.onboarding-app-shell .main-content{padding-top:0;padding-bottom:0}.grade-bars span{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-version-inline{width:max-content;margin-top:3px;padding:2px 6px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:999px;color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,transparent);direction:ltr;font-size:8px;font-weight:900;line-height:1.3}.drawer-version{margin:4px 0 0!important;display:grid;gap:2px;text-align:center}.drawer-version b{color:var(--text);font-size:10px;direction:ltr}.drawer-version span{color:var(--muted);font-size:9px}.app-about-card{padding:16px;display:grid;grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:12px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:21px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface))}.app-about-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(145deg,#6657f7,#9d7bff);font-weight:950;box-shadow:0 10px 24px rgba(102,87,247,.24)}.app-about-card>div{display:grid;gap:4px}.app-about-card small,.app-about-card>div>span{color:var(--muted);font-size:11px}.app-about-card strong{font-size:14px}.app-about-card strong b{margin-inline-start:4px;color:var(--primary);font-size:11px}.app-about-card>svg{color:var(--primary)}.account-plan-link{border-color:color-mix(in srgb,var(--primary) 25%,var(--line))}.onboarding-new-words{display:grid;gap:14px}.new-word-explainer{padding:14px;display:flex;align-items:flex-start;gap:10px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--primary) 6%,var(--surface-soft))}.new-word-explainer>svg{flex:none;color:var(--primary)}.new-word-explainer div{display:grid;gap:5px}.new-word-explainer strong{font-size:13px}.new-word-explainer p{margin:0;color:var(--muted);font-size:11px;line-height:1.85}.today-task-copy strong{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.today-task-copy em{padding:3px 7px;border-radius:999px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);font-size:8px;font-style:normal;font-weight:900}.smart-recommendation{padding:18px;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:15px;border:1px solid var(--line);border-radius:23px;background:var(--surface);box-shadow:0 14px 35px rgba(28,35,72,.07)}.smart-recommendation-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:17px}.smart-recommendation.tone-violet .smart-recommendation-icon{color:#7058f5;background:rgba(112,88,245,.11)}.smart-recommendation.tone-green .smart-recommendation-icon{color:#168364;background:rgba(22,166,126,.1)}.smart-recommendation.tone-orange .smart-recommendation-icon{color:#c56b16;background:rgba(232,145,45,.11)}.smart-recommendation h2{margin:4px 0 5px;font-size:17px}.smart-recommendation p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.smart-recommendation>a{min-height:43px;padding:0 13px;display:inline-flex;align-items:center;gap:6px;border-radius:13px;color:#fff;background:var(--primary);font-size:11px;font-weight:900;white-space:nowrap}.deep-study .review-workspace-v5{padding-top:4px}.study-mode-switcher{width:min(610px,calc(100% - 24px));margin:7px auto 4px;padding:4px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 91%,transparent);box-shadow:0 8px 24px rgba(32,38,76,.06)}.study-mode-switcher button{min-height:39px;padding:5px 7px;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:12px;color:var(--muted);background:transparent;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.study-mode-switcher button.active{color:#fff;background:linear-gradient(135deg,#6255f5,#8e70ff);box-shadow:0 8px 18px rgba(98,85,245,.22)}.retry-tag{color:#b45d0b!important;background:rgba(232,145,45,.12)!important}.deep-practice-shell{width:min(590px,100%);min-height:430px;margin:18px auto 0;display:flex;flex-direction:column;justify-content:center}.deep-practice-heading{display:flex;align-items:center;gap:11px;margin-bottom:22px}.deep-practice-icon{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:17px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.deep-practice-heading>div{display:grid;gap:5px}.deep-practice-heading>div>span{font-size:15px;font-weight:950}.deep-practice-heading small{color:var(--muted);font-size:11px}.cloze-prompt,.typing-prompt{padding:25px 20px;border:1px solid color-mix(in srgb,var(--primary) 17%,var(--line));border-radius:23px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 6%,var(--surface)),var(--surface-soft));text-align:center}.typing-prompt>span{color:var(--primary);font-size:10px;font-weight:900}.typing-prompt h2{margin:8px 0 5px;font-size:clamp(25px,6vw,41px);line-height:1.3}.typing-prompt small{color:var(--muted);font-size:10px}.cloze-prompt p{margin:0;color:var(--text);font-size:clamp(20px,4vw,31px);font-weight:800;line-height:1.8;text-align:left}.cloze-prompt small{display:block;margin-top:9px;color:var(--muted);font-size:11px;line-height:1.7;text-align:right}.deep-answer-form{margin-top:17px;display:grid;gap:11px}.deep-answer-form label{display:grid;gap:7px}.deep-answer-form label>span{padding-inline:4px;color:var(--muted);font-size:10px;font-weight:850}.deep-answer-form input{width:100%;min-height:58px;padding:0 17px;border:1.5px solid color-mix(in srgb,var(--primary) 23%,var(--line));border-radius:17px;outline:none;color:var(--text);background:var(--surface);font:inherit;font-size:19px;font-weight:800;text-align:left;transition:border-color .18s,box-shadow .18s,background .18s}.deep-answer-form input:focus{border-color:var(--primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 10%,transparent)}.answer-correct .deep-answer-form input{border-color:#22a477;background:rgba(34,164,119,.06)}.answer-wrong .deep-answer-form input{border-color:#db5266;background:rgba(219,82,102,.06)}.deep-answer-actions{display:flex;justify-content:space-between;align-items:center;gap:9px}.deep-answer-actions>button:first-child{min-height:43px;padding:0 8px;display:flex;align-items:center;gap:5px;border:0;color:var(--primary);background:transparent;font:inherit;font-size:10px;font-weight:850}.deep-answer-actions .button{min-width:150px;justify-content:center}.deep-answer-feedback{min-height:67px;padding:11px 13px;display:grid;grid-template-columns:35px minmax(0,1fr) 40px;align-items:center;gap:9px;border-radius:17px}.deep-answer-feedback.correct{color:#087755;background:rgba(32,171,124,.1)}.deep-answer-feedback.wrong{color:#b82f46;background:rgba(225,73,98,.1)}.deep-answer-feedback>div{display:grid;gap:2px}.deep-answer-feedback p{margin:0;font-size:20px;font-weight:950}.deep-answer-feedback small{opacity:.78;font-size:10px}.deep-answer-feedback>button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:13px;color:inherit;background:rgba(255,255,255,.48)}.deep-practice-note{margin-top:17px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:10px}.practice-mode-field{grid-column:1/-1;display:grid;gap:9px}.practice-mode-field>span{color:var(--muted);font-size:10px;font-weight:850}.practice-mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.practice-mode-grid button{min-height:78px;padding:10px;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 8px;border:1px solid var(--line);border-radius:15px;color:var(--text);background:var(--surface-soft);text-align:right}.practice-mode-grid button>svg{grid-row:1/3;color:var(--primary)}.practice-mode-grid button strong{font-size:11px}.practice-mode-grid button small{color:var(--muted);font-size:9px}.practice-mode-grid button.active{border-color:color-mix(in srgb,var(--primary) 58%,var(--line));background:color-mix(in srgb,var(--primary) 8%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 7%,transparent)}.story-reader-pro{width:min(880px,calc(100% - 30px))}.story-reader-tools{padding:9px 18px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.story-reader-tools button,.story-reader-tools span{min-height:38px;padding:0 11px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--surface);font:inherit;font-size:10px;font-weight:800}.story-reader-tools button.active{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 34%,var(--line));background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.story-reader-target{position:relative}.story-reader-target>button{margin-top:10px;min-height:38px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line));border-radius:12px;color:var(--primary);background:var(--surface);font:inherit;font-size:10px;font-weight:850}.story-sentence-list{display:grid;gap:9px}.story-sentence-list article{position:relative;padding:15px 45px 15px 48px;display:grid;grid-template-columns:1fr;border:1px solid var(--line);border-radius:17px;background:var(--surface);transition:border-color .18s,background .18s,transform .18s}.story-sentence-list article.active{border-color:color-mix(in srgb,var(--primary) 48%,var(--line));background:color-mix(in srgb,var(--primary) 7%,var(--surface));transform:translateY(-1px)}.story-sentence-list article>button{position:absolute;left:8px;top:50%;width:36px;height:36px;transform:translateY(-50%);display:grid;place-items:center;border:0;border-radius:12px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.story-sentence-list article>span{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:9px}.story-sentence-list p{margin:0;color:var(--text);font-size:15px;line-height:2}.story-sentence-list .story-word{font-size:inherit}.story-comprehension{margin-top:22px;padding:18px;display:grid;gap:16px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));border-radius:23px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 5%,var(--surface)),var(--surface))}.story-comprehension>header{display:flex;align-items:center;gap:10px}.story-comprehension>header>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.story-comprehension header h3{margin:0 0 4px;font-size:16px}.story-comprehension header p{margin:0;color:var(--muted);font-size:10px}.story-comprehension>article{display:grid;gap:10px}.story-comprehension>article>strong{font-size:12px;line-height:1.8}.story-comprehension>article>div{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.story-comprehension>article button{min-height:46px;padding:9px 11px;border:1px solid var(--line);border-radius:13px;color:var(--text);background:var(--surface-soft);font:inherit;font-size:10px;font-weight:750}.story-comprehension>article button.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface))}.story-comprehension>article button.correct{color:#087755;border-color:rgba(25,157,112,.4);background:rgba(25,157,112,.1)}.story-comprehension>article button.wrong{color:#bd3048;border-color:rgba(213,66,91,.4);background:rgba(213,66,91,.09)}.story-quiz-submit{justify-self:end}.story-quiz-result{padding:13px;display:grid;grid-template-columns:64px 1fr;align-items:center;gap:11px;border-radius:16px}.story-quiz-result.success{color:#087755;background:rgba(25,157,112,.1)}.story-quiz-result.retry{color:#ad5d12;background:rgba(232,145,45,.11)}.story-quiz-result>strong{font-size:23px}.story-quiz-result>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.story-quiz-result button{min-height:36px;border:0;color:inherit;background:transparent;font:inherit;font-size:10px;font-weight:900}.word-sheet-save{width:100%;min-height:43px;margin:12px 0;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line));border-radius:13px;color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface));font:inherit;font-size:10px;font-weight:850}.grammar-guided-practice,.grammar-worked-example{margin-top:18px;padding:16px;display:grid;gap:12px;border:1px solid var(--line);border-radius:19px;background:var(--surface-soft)}.grammar-guided-practice>header,.grammar-worked-example>header{display:flex;align-items:center;gap:9px}.grammar-guided-practice header>span,.grammar-worked-example header>span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.grammar-guided-practice header div,.grammar-worked-example header div{display:grid;gap:3px}.grammar-guided-practice header strong,.grammar-worked-example header strong{font-size:12px}.grammar-guided-practice header small,.grammar-worked-example header small{color:var(--muted);font-size:9px}.grammar-worked-example>article{padding:13px;display:grid;grid-template-columns:1fr 40px;gap:10px;border-radius:15px;background:var(--surface)}.grammar-worked-example article>div{display:grid;gap:5px}.grammar-worked-example article strong{font-size:15px}.grammar-worked-example article p{margin:0;color:var(--muted);font-size:11px}.grammar-worked-example article small{margin-top:5px;color:var(--primary);font-size:10px;line-height:1.75}.grammar-worked-example article button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:13px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.grammar-guided-practice>p{margin:0;padding:15px;border-radius:14px;background:var(--surface);font-size:18px;font-weight:800;line-height:1.8;text-align:left}.grammar-guided-practice>small{color:var(--muted);font-size:10px}.grammar-guided-practice form{display:grid;grid-template-columns:1fr auto;gap:8px}.grammar-guided-practice input{min-height:49px;padding:0 14px;border:1px solid var(--line);border-radius:14px;outline:none;color:var(--text);background:var(--surface);font:inherit;font-size:15px;font-weight:800;text-align:left}.grammar-guided-practice input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 9%,transparent)}.guided-feedback{padding:10px 12px;display:flex;align-items:center;gap:7px;border-radius:13px;font-size:10px;font-weight:800}.guided-feedback.correct{color:#087755;background:rgba(25,157,112,.1)}.guided-feedback.wrong{color:#b64a19;background:rgba(232,145,45,.1)}.quiz-typing-answer{margin-top:20px}.quiz-typing-answer,.quiz-typing-answer label{display:grid;gap:9px}.quiz-typing-answer label>span{display:flex;align-items:center;gap:6px;color:var(--primary);font-size:11px;font-weight:900}.quiz-typing-answer input{width:100%;min-height:62px;padding:0 18px;border:1.5px solid color-mix(in srgb,var(--primary) 30%,var(--line));border-radius:18px;outline:none;color:var(--text);background:var(--surface-soft);font:inherit;font-size:20px;font-weight:850;text-align:left}.quiz-typing-answer input:focus{border-color:var(--primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 10%,transparent)}.quiz-typing-answer>small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}@media (max-width:760px){html{-webkit-tap-highlight-color:transparent}body{background:color-mix(in srgb,var(--surface-soft) 92%,#ecebff)}.app-shell:not(.app-shell-immersive){padding-bottom:calc(94px + env(safe-area-inset-bottom))}.app-header{min-height:calc(62px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 12px 8px;border-bottom:1px solid color-mix(in srgb,var(--line) 68%,transparent);border-radius:0 0 22px 22px;background:color-mix(in srgb,var(--surface-solid) 90%,transparent);box-shadow:0 10px 30px rgba(30,35,72,.09)}.app-header-logo{width:34px;height:34px;border-radius:12px;box-shadow:0 7px 18px rgba(98,85,245,.22)}.app-header-brand-copy strong{font-size:15px}.app-header-brand-copy small{max-width:155px;display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-version-inline{display:inline-flex;font-size:7px;line-height:1;padding:2px 5px;min-height:16px;align-items:center;white-space:nowrap}.main-content{width:calc(100% - 20px);margin-top:13px}.mobile-bottom-nav{right:10px;bottom:max(9px,env(safe-area-inset-bottom));left:10px;width:auto;min-height:69px;padding:7px;border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:23px;background:color-mix(in srgb,var(--surface-solid) 93%,transparent);box-shadow:0 16px 44px rgba(27,31,68,.18),inset 0 1px 0 rgba(255,255,255,.75)}.mobile-bottom-nav .bottom-link{min-height:53px;border-radius:16px;font-size:9px}.mobile-bottom-nav .bottom-link:before{display:none}.mobile-bottom-nav .bottom-link-icon{width:36px;height:31px}.mobile-bottom-nav .bottom-link.active{background:color-mix(in srgb,var(--primary) 9%,transparent)}.mobile-bottom-nav .bottom-link:nth-child(2){margin-top:-18px}.mobile-bottom-nav .bottom-link:nth-child(2) .bottom-link-icon{width:48px;height:48px;border-radius:17px;color:#fff;background:linear-gradient(145deg,#5d52f2,#9674ff);box-shadow:0 10px 25px rgba(93,82,242,.34)}.mobile-bottom-nav .bottom-link:nth-child(2).active .bottom-link-icon{background:linear-gradient(145deg,#5347e8,#8a66ff);transform:translateY(-1px) scale(1.03)}.mobile-bottom-nav .bottom-link:nth-child(2)>span:last-child{margin-top:1px;color:var(--primary);font-weight:950}.drawer-layer{align-items:flex-end;justify-content:center;padding:0}.app-drawer{width:100%;height:min(88dvh,780px);padding:14px 14px calc(18px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0;transform:translateY(105%) scale(1);box-shadow:0 -28px 80px rgba(15,18,45,.3)}.drawer-layer.open .app-drawer{transform:translateY(0) scale(1)}.drawer-nav{padding-bottom:12px}.drawer-link{min-height:57px;border-radius:17px}.drawer-link small{font-size:10px}.today-dashboard{gap:13px}.today-hero{padding:23px 18px;border-radius:25px}.today-hero h1{font-size:clamp(28px,8.4vw,38px)}.today-hero p{font-size:12px}.today-hero-actions{align-items:stretch;flex-direction:column}.today-hero-actions .button{width:100%;min-height:52px;justify-content:center}.today-profile-link{text-align:center}.today-plan-card{padding:16px 11px}.today-plan-card>header{padding-inline:5px}.today-task{min-height:74px;padding:11px 8px;border-radius:17px}.today-task-copy strong{font-size:12px}.today-task-copy small{font-size:10px;line-height:1.55}.smart-recommendation{grid-template-columns:45px 1fr;padding:15px;border-radius:21px}.smart-recommendation-icon{width:45px;height:45px;border-radius:15px}.smart-recommendation h2{font-size:15px}.smart-recommendation p{font-size:10px}.smart-recommendation>a{grid-column:1/-1;width:100%;justify-content:center}.friendly-session-bar{width:calc(100% - 10px);font-size:10px}.study-mode-switcher{position:sticky;top:calc(64px + env(safe-area-inset-top));z-index:30;width:calc(100% - 4px);margin-top:5px;border-radius:15px;box-shadow:0 10px 24px rgba(28,32,68,.1)}.study-mode-switcher button{min-height:40px;padding:4px 2px;gap:3px;font-size:9px}.study-mode-switcher button svg{display:none}.friendly-card{height:calc(100dvh - 184px);min-height:490px;border-radius:24px;box-shadow:0 18px 50px rgba(28,33,72,.13)}.friendly-card-scroll{padding:15px 14px 12px}.deep-practice-shell{min-height:360px;margin-top:8px;justify-content:flex-start;padding-top:14px}.deep-practice-heading{margin-bottom:14px}.deep-practice-icon{width:43px;height:43px;border-radius:15px}.cloze-prompt,.typing-prompt{padding:20px 14px;border-radius:20px}.typing-prompt h2{font-size:clamp(24px,8vw,34px)}.cloze-prompt p{font-size:clamp(18px,5vw,24px)}.deep-answer-form input{min-height:57px;font-size:18px}.deep-answer-actions{align-items:stretch;flex-direction:column-reverse}.deep-answer-actions .button{width:100%;min-height:50px}.deep-answer-actions>button:first-child{justify-content:center}.deep-practice-note{text-align:center;line-height:1.6}.practice-mode-grid{grid-template-columns:1fr}.story-reader-layer{padding:0;align-items:stretch}.story-reader-pro{width:100%;height:100dvh;max-height:none;border-radius:0}.story-reader-header{min-height:calc(67px + env(safe-area-inset-top));padding-top:calc(9px + env(safe-area-inset-top))}.story-reader-header h2{font-size:15px}.story-reader-tools{overflow-x:auto;padding:8px 10px;scrollbar-width:none}.story-reader-tools::-webkit-scrollbar{display:none}.story-reader-tools button,.story-reader-tools span{flex:none}.story-reader-body{padding:14px 12px calc(30px + env(safe-area-inset-bottom))}.story-sentence-list article{padding:14px 42px 14px 45px;border-radius:15px}.story-sentence-list p{font-size:14px}.story-comprehension{padding:14px 11px;border-radius:20px}.story-comprehension>article>div{grid-template-columns:1fr}.story-quiz-result{grid-template-columns:52px 1fr}.story-quiz-result>div{align-items:flex-start;flex-direction:column}.story-word-sheet{right:8px;bottom:8px;left:8px;width:auto;max-height:72dvh;border-radius:24px}.grammar-reader-layout{display:block}.grammar-reader-nav{position:sticky;top:calc(67px + env(safe-area-inset-top));z-index:20;margin-bottom:10px;padding:7px;display:flex;overflow-x:auto;gap:6px;border-radius:17px;background:color-mix(in srgb,var(--surface) 93%,transparent);box-shadow:0 8px 22px rgba(28,33,72,.08);scrollbar-width:none}.grammar-reader-nav::-webkit-scrollbar{display:none}.grammar-nav-quiz,.grammar-reader-nav>strong{display:none}.grammar-reader-nav button{min-width:150px;flex:none}.grammar-reader-card{border-radius:22px}.grammar-guided-practice,.grammar-worked-example{padding:13px;border-radius:17px}.grammar-guided-practice form{grid-template-columns:1fr}.grammar-guided-practice .button{width:100%;justify-content:center}.quiz-session-page{min-height:calc(100dvh - env(safe-area-inset-top))}.quiz-question-card{margin:10px auto 92px;padding:18px 14px;border-radius:22px}.quiz-question-card h1{font-size:clamp(21px,6.5vw,29px)}.quiz-session-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.quiz-typing-answer input{min-height:58px;font-size:18px}.quiz-options button{min-height:57px}.app-about-card{grid-template-columns:44px minmax(0,1fr) 24px;padding:13px}.app-about-logo{width:44px;height:44px;border-radius:15px}}@media (max-width:380px){.study-mode-switcher button{font-size:8px}.mobile-bottom-nav{right:6px;left:6px}.mobile-bottom-nav .bottom-link{font-size:8px}.smart-recommendation h2{font-size:14px}}.smart-reason-tag{color:#6555df!important;background:rgba(112,88,245,.12)!important}.smart-recommendation small{display:block;margin-top:7px;color:var(--muted);font-size:9px;font-weight:800}.coach-page{padding-block:18px}.coach-shell{width:min(860px,100%);padding:32px}.coach-online{color:#168364;background:rgba(22,166,126,.1)}.coach-online i{background:#16a67e}.coach-skill-grid{margin:22px 0 4px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;text-align:right}.coach-skill-grid article{padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface-solid)}.coach-skill-grid article.weakest{border-color:rgba(232,145,45,.42);background:rgba(232,145,45,.07)}.coach-skill-grid span{display:block;color:var(--muted);font-size:9px;font-weight:800}.coach-skill-grid strong{display:block;margin:5px 0 8px;font-size:18px}.coach-skill-grid i{height:6px;display:block;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.coach-skill-grid i b{height:100%;display:block;border-radius:inherit;background:var(--primary)}.coach-conversation{max-height:360px;overflow:auto}.coach-conversation .ai-message p{margin:0}.coach-prompts{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.coach-prompts button{padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:var(--text);background:var(--surface-solid);font-size:9px;font-weight:800}.coach-prompts button:hover{border-color:var(--primary);color:var(--primary)}.coach-form{margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:8px}.coach-form input{min-width:0;min-height:45px;padding:0 14px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--surface-solid)}.coach-weak-words{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:18px;text-align:right;background:var(--surface-soft)}.coach-weak-words>span{display:block;margin-bottom:9px;color:var(--muted);font-size:9px;font-weight:900}.coach-weak-words>div{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.coach-weak-words a{padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:12px;color:var(--text);background:var(--surface-solid)}.coach-weak-words small{color:var(--muted);font-size:9px}.coach-actions{margin-top:16px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}@media (max-width:640px){.coach-shell{padding:23px 14px}.coach-form,.coach-skill-grid{grid-template-columns:1fr}.coach-form button{width:100%;justify-content:center}.coach-weak-words>div{grid-template-columns:1fr}}.grammar-practice-suite{display:flex;flex-direction:column;gap:16px}.grammar-practice-list{display:flex;flex-direction:column;gap:14px}.grammar-practice-item{padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--surface-solid)}.grammar-practice-item>header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.grammar-practice-item>header>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:var(--primary);background:var(--primary-soft);font-size:10px;font-weight:900}.grammar-practice-item>header>div{display:flex;flex-direction:column;gap:2px}.grammar-practice-item>header strong{font-size:11px}.grammar-practice-item>header small{color:var(--muted);font-size:8px}.grammar-practice-prompt{margin:0 0 8px;color:var(--text);font-size:14px;line-height:1.9;font-weight:800}.grammar-practice-context{margin:8px 0;padding:10px 12px;border-radius:12px;background:var(--surface-soft);font-size:12px;line-height:1.8}.grammar-practice-translation{display:block;margin-bottom:10px;color:var(--muted);font-size:9px}.grammar-practice-item>input{width:100%;min-height:45px;padding:0 12px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--surface);outline:none}.grammar-practice-item>input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.grammar-practice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.grammar-practice-options button{min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--surface);cursor:pointer}.grammar-practice-options button.selected,.grammar-practice-options button:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.grammar-practice-check{margin-top:10px}@media (max-width:640px){.grammar-practice-options{grid-template-columns:1fr}}.story-grammar-chip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));font-size:.76rem;font-weight:750;color:var(--primary)}.dialogue-list article p{white-space:pre-wrap}.dialogue-list article p:first-line{font-weight:800;color:var(--primary)}.story-question-explanation{margin:9px 0 0;padding:9px 11px;border-radius:12px;background:var(--surface-soft);color:var(--muted);font-size:.8rem;line-height:1.8}@media (max-width:820px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),select,textarea{font-size:16px!important}}.clear-dashboard{gap:20px}.clear-today-hero{background:radial-gradient(circle at 12% 0,rgba(255,255,255,.2),transparent 34%),linear-gradient(135deg,#6753df,#3d78de 62%,#2d9eb2)}.daily-roadmap,.focus-player,.leitner-session-card,.optional-practice-section{border:1px solid var(--friendly-border);background:var(--surface,#fff);box-shadow:0 16px 50px rgba(34,42,76,.07)}.daily-roadmap{padding:clamp(18px,4vw,30px);border-radius:27px}.daily-roadmap>header,.optional-practice-section>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.daily-roadmap h2,.optional-practice-section h2{margin:5px 0;font-size:23px}.daily-roadmap header p,.optional-practice-section header p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.main-path-label{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;color:#5943d4;background:rgba(103,83,223,.1);font-size:10px;font-weight:900;white-space:nowrap}.roadmap-list{display:grid}.roadmap-step{position:relative;display:grid;grid-template-columns:34px 44px minmax(0,1fr) auto 20px;align-items:center;gap:12px;min-height:82px;padding:12px 13px;color:inherit;border-radius:18px}.roadmap-step:hover{background:var(--surface-soft)}.roadmap-step.current{background:linear-gradient(90deg,rgba(103,83,223,.11),rgba(103,83,223,.035));outline:1px solid rgba(103,83,223,.24)}.roadmap-line{position:absolute;right:29px;top:58px;width:2px;height:48px;background:var(--friendly-border)}.roadmap-step:last-child .roadmap-line{display:none}.roadmap-number{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#6753df;background:#fff;border:2px solid rgba(103,83,223,.2);font-weight:900;z-index:1}.roadmap-step.current .roadmap-number{color:#fff;background:#6753df;border-color:#6753df;box-shadow:0 0 0 6px rgba(103,83,223,.1)}.roadmap-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#6753df;background:rgba(103,83,223,.09)}.roadmap-copy{display:grid;gap:4px}.roadmap-copy strong{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:14px}.roadmap-copy small{color:var(--muted);font-size:11px}.roadmap-copy em{padding:3px 7px;border-radius:999px;color:#fff;background:#6753df;font-size:8px;font-style:normal}.roadmap-time{color:var(--muted);font-size:10px;font-weight:800;white-space:nowrap}.why-step{display:grid;grid-template-columns:48px 1fr;gap:13px;margin-top:15px;padding:15px;border-radius:18px;background:var(--surface-soft)}.why-step>span{width:46px;height:46px;display:grid;place-items:center;border-radius:15px}.why-step strong{font-size:13px}.why-step p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.8}.why-step small{display:block;margin-top:6px;color:var(--muted);font-size:9px;font-weight:800}.why-step.tone-violet>span{color:#6753df;background:rgba(103,83,223,.1)}.why-step.tone-green>span{color:#128263;background:rgba(18,130,99,.1)}.why-step.tone-orange>span{color:#c16b17;background:rgba(193,107,23,.1)}.optional-practice-section{padding:clamp(18px,4vw,28px);border-radius:27px}.optional-practice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.optional-card{display:grid;grid-template-columns:45px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:88px;padding:13px;border:1px solid var(--friendly-border);border-radius:18px;color:inherit;background:var(--surface-soft)}.optional-card>span{width:43px;height:43px;display:grid;place-items:center;border-radius:14px}.optional-card div{display:grid;gap:4px}.optional-card strong{font-size:12px}.optional-card small{color:var(--muted);font-size:9px;line-height:1.5}.optional-card.leitner>span{color:#654ddb;background:rgba(101,77,219,.1)}.optional-card.drive>span{color:#2673c8;background:rgba(38,115,200,.1)}.optional-card.walk>span{color:#168465;background:rgba(22,132,101,.1)}.optional-card.sleep>span{color:#7652aa;background:rgba(118,82,170,.1)}.focus-page,.leitner-page{width:min(1080px,100%);margin:0 auto;display:grid;gap:18px;padding-bottom:42px}.focus-header,.leitner-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;border-radius:27px;color:#fff;background:linear-gradient(135deg,#5f4bd8,#3b75db)}.focus-header h1,.leitner-header h1{margin:6px 0 8px;font-size:clamp(28px,5vw,43px)}.focus-header p,.leitner-header p{max-width:700px;margin:0;color:rgba(255,255,255,.8);font-size:12px;line-height:1.9}.focus-header .button,.leitner-header .button{white-space:nowrap}.leitner-boxes{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.leitner-box{display:grid;gap:4px;padding:14px;border:1px solid var(--friendly-border);border-radius:17px;background:var(--surface);text-align:center}.leitner-box small,.leitner-box span{color:var(--muted);font-size:9px;font-weight:800}.leitner-box strong{font-size:24px}.leitner-box.box-1{border-top:3px solid #df5c64}.leitner-box.box-2{border-top:3px solid #e59b3d}.leitner-box.box-3{border-top:3px solid #d6bd34}.leitner-box.box-4{border-top:3px solid #48a987}.leitner-box.box-5{border-top:3px solid #5d78df}.leitner-session-card{padding:clamp(17px,4vw,28px);border-radius:27px}.leitner-session-card>header{display:flex;justify-content:space-between;align-items:center;gap:15px}.leitner-session-card>header div{display:grid;gap:3px}.leitner-session-card>header small{color:var(--muted);font-size:9px}.leitner-session-card>header>span{font-weight:900;color:#6753df}.leitner-progress{height:7px;margin:12px 0 18px;border-radius:999px;background:var(--surface-soft);overflow:hidden}.leitner-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6753df,#42a0d8);transition:width .25s}.leitner-card{position:relative;width:100%;min-height:360px;display:grid;place-content:center;justify-items:center;gap:10px;padding:28px;border:1px solid rgba(103,83,223,.2);border-radius:26px;color:inherit;background:radial-gradient(circle at top,#fff,var(--surface-soft));cursor:pointer}.leitner-reveal-overlay{position:absolute;inset:0;z-index:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.leitner-reveal-overlay:focus-visible{outline:3px solid rgba(103,83,223,.32);outline-offset:3px}.leitner-card>:not(.leitner-reveal-overlay){position:relative;z-index:1;pointer-events:none}.leitner-card-box{padding:5px 10px;border-radius:999px;color:#6753df;background:rgba(103,83,223,.1);font-size:9px;font-weight:900}.leitner-term-play{position:relative!important;z-index:2!important;pointer-events:auto!important;appearance:none;border:0;padding:3px 8px;border-radius:14px;color:inherit;background:transparent;font-family:inherit;font-size:clamp(42px,8vw,72px);font-weight:900;letter-spacing:-2px;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease}.leitner-term-play:focus-visible,.leitner-term-play:hover{color:#6753df;background:rgba(103,83,223,.08);outline:none;transform:translateY(-1px)}.leitner-term-play:active{transform:scale(.98)}.leitner-phonetic{color:var(--muted);font-size:13px}.leitner-reveal-hint{display:inline-flex;align-items:center;gap:7px;margin-top:20px;color:var(--muted);font-size:10px;font-weight:800}.leitner-back{max-width:650px;display:grid;justify-items:center;gap:10px;margin-top:12px;padding-top:18px;border-top:1px solid var(--friendly-border)}.leitner-back>strong{font-size:25px}.leitner-back>small{color:var(--muted);line-height:1.9}.leitner-back em{display:grid;gap:6px;padding:12px 15px;border-radius:15px;background:rgba(103,83,223,.06);font-style:normal}.leitner-back em span{color:var(--muted);font-size:10px}.leitner-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.leitner-actions button{min-height:58px;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 14px;border:0;border-radius:17px;font-family:inherit;font-weight:900}.leitner-actions button span{display:grid;text-align:right}.leitner-actions button small{opacity:.75;font-size:8px}.leitner-unknown{color:#b23d48;background:rgba(211,72,85,.11)}.leitner-known{color:#127256;background:rgba(18,150,109,.12)}.leitner-actions button:disabled{opacity:.42;cursor:not-allowed}.leitner-empty,.leitner-loading{min-height:300px;display:grid;place-content:center;justify-items:center;text-align:center;color:var(--muted)}.leitner-empty h2{margin:12px 0 4px;color:var(--text)}.leitner-guide{display:grid;grid-template-columns:45px 1fr;gap:13px;padding:16px;border-radius:19px;color:#4d4382;background:rgba(103,83,223,.08)}.leitner-guide p{margin:4px 0 0;font-size:10px;line-height:1.8}.focus-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.focus-mode-card{position:relative;min-height:240px;display:grid;align-content:start;justify-items:start;gap:11px;padding:24px;border:1px solid var(--friendly-border);border-radius:25px;color:inherit;background:var(--surface);text-align:right;font-family:inherit;cursor:pointer;overflow:hidden}.focus-mode-card>span{width:58px;height:58px;display:grid;place-items:center;border-radius:19px}.focus-mode-card strong{font-size:19px}.focus-mode-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.focus-mode-card small{margin-top:auto;color:var(--muted);font-size:9px;font-weight:800}.focus-mode-card>svg{position:absolute;left:20px;bottom:20px}.focus-mode-card.drive>span{color:#2771c4;background:rgba(39,113,196,.1)}.focus-mode-card.walk>span{color:#168263;background:rgba(22,130,99,.1)}.focus-mode-card.sleep>span{color:#7451a6;background:rgba(116,81,166,.1)}.focus-player{padding:clamp(16px,4vw,28px);border-radius:27px}.focus-player>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.focus-player>header button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--muted);font-family:inherit}.focus-player>header div{display:grid;text-align:center}.focus-player>header small{color:var(--muted);font-size:9px}.driving-safety{display:grid;grid-template-columns:34px 1fr;gap:9px;margin-top:14px;padding:12px;border-radius:15px;color:#805319;background:rgba(239,171,73,.12)}.driving-safety p{margin:0;font-size:10px;line-height:1.8}.focus-current{min-height:350px;display:grid;place-content:center;justify-items:center;gap:9px;text-align:center}.focus-pulse{width:78px;height:78px;display:grid;place-items:center;margin-bottom:10px;border-radius:50%;color:#6753df;background:rgba(103,83,223,.1);box-shadow:0 0 0 12px rgba(103,83,223,.04)}.focus-current>strong{font-size:clamp(40px,8vw,70px)}.focus-current>small{color:var(--muted)}.focus-current>p{min-height:38px;margin:10px 0 0;font-size:23px;font-weight:900;opacity:0;transition:opacity .25s}.focus-current>p.visible{opacity:1}.focus-current>em{max-width:620px;color:var(--muted);font-size:12px;line-height:1.8}.focus-controls{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:9px}.focus-controls button{min-height:54px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:16px;background:var(--surface-soft);font-family:inherit;font-weight:900}.focus-controls .focus-play{color:#fff;background:#6753df}.focus-controls button:disabled{opacity:.4}.focus-prev svg{transform:rotate(180deg)}.sleep-mode .focus-player{color:#e8e4f4;background:#181521;border-color:#2a2438}.sleep-mode .focus-current>em,.sleep-mode .focus-current>small,.sleep-mode .focus-player>header button,.sleep-mode .focus-player>header small{color:#aaa3b8}.sleep-mode .focus-controls button{color:#ddd6ed;background:#292438}.sleep-mode .focus-controls .focus-play{background:#7059a8}@media(max-width:850px){.optional-practice-grid{grid-template-columns:1fr 1fr}.leitner-boxes{grid-template-columns:repeat(5,minmax(74px,1fr));overflow-x:auto}.focus-mode-grid{grid-template-columns:1fr}.focus-header,.leitner-header{align-items:flex-start;flex-direction:column}.leitner-actions{grid-template-columns:1fr 1fr}.roadmap-step{grid-template-columns:30px 39px minmax(0,1fr) 18px}.roadmap-time{display:none}}@media(max-width:520px){.daily-roadmap,.optional-practice-section{padding:15px 10px}.daily-roadmap>header,.optional-practice-section>header{flex-direction:column}.roadmap-step{padding:10px 7px;gap:7px}.roadmap-copy strong{font-size:12px}.roadmap-copy small{font-size:9px}.optional-practice-grid{grid-template-columns:1fr}.focus-header,.leitner-header{padding:21px 17px}.leitner-card{min-height:330px;padding:20px 13px}.leitner-term-play{font-size:45px}.focus-controls{grid-template-columns:1fr 1fr}.focus-play{grid-column:1/-1;grid-row:1}.focus-current{min-height:310px}}