*,:before,:after{box-sizing:border-box}:root{--night:#0a0908;--night-2:#100e0c;--champagne:#e6cda3;--champagne-deep:#c7a876;--amber:#ffb765;--cream:#f4efe7;--rose:#d4676f;--leaf:#93c08f;--glass-bg:linear-gradient(158deg, #fffcf612 0%, #fffaf208 46%, #fff8ee0b 100%);--glass-bg-soft:linear-gradient(158deg, #fffcf60d 0%, #fffaf206 100%);--glass-blur:saturate(150%) blur(26px);--glass-edge:#fff4e41c;--glass-edge-lit:#fff6e633;--glass-sheen:inset 0 1px 0 #fff9ee29;--glass-drop:0 18px 44px #00000080;--champagne-soft:#e6cda321;--champagne-line:#e6cda342;--leaf-soft:#93c08f29;--rose-soft:#d4676f29;--rule:#fff4e41a;--rule-quiet:#fff4e40f;--text:#f4efe7;--text-2:#cfc7bb;--text-3:#a69d91;--text-4:#7c7468;--a1:#10b981;--a2:#3b82f6;--b1:#6366f1;--b2:#f59e0b;--c1:#ec4899;--c2:#8b5cf6;--serif:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--sans:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--r-xs:4px;--r-sm:8px;--r-md:13px;--r-lg:20px;--r-xl:26px;--shell:1180px;--ease:cubic-bezier(.22, .61, .36, 1)}html,body{margin:0;padding:0}body{background:var(--night);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:17px;line-height:1.6}.ambience{z-index:-1;pointer-events:none;background:radial-gradient(52% 38% at 50% -4%,#ffb76529 0%,#ffb76500 70%),radial-gradient(40% 34% at 92% 22%,#e6cda31a 0%,#e6cda300 72%),radial-gradient(46% 40% at 4% 74%,#c7a87616 0%,#c7a87600 74%),radial-gradient(70% 50% at 50% 108%,#ffb76512 0%,#ffb76500 70%);position:fixed;inset:0}h1,h2,h3{font-family:var(--serif);letter-spacing:.006em;color:var(--text);margin:0;font-weight:600}h1{font-size:2.15rem;line-height:1.16}h2{font-size:1.72rem;line-height:1.22}h3{font-size:1.38rem;line-height:1.3}p{margin:0}a{color:var(--champagne)}code{border-radius:var(--r-xs);background:#fff4e412;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}input,button,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::selection{color:#fff;background:#e6cda34d}:focus-visible{outline:2px solid var(--champagne);outline-offset:2px;border-radius:3px}*{scrollbar-width:thin;scrollbar-color:#e6cda33d transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#e6cda33d;border-radius:10px}::-webkit-scrollbar-track{background:0 0}.hidden{display:none!important}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:var(--glass-sheen), var(--glass-drop);position:relative}.glass:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,#fffaf017 0%,#fffaf000 24% 76%,#fff4e40d 100%);position:absolute;inset:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:#17130f}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app-shell{max-width:var(--shell);margin:0 auto;padding:0 26px 110px}.app-header{border-bottom:1px solid var(--rule-quiet);flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;padding:34px 0 18px;display:flex}.wordmark{flex-shrink:0;align-items:baseline;gap:12px;display:flex}.wordmark h1{background:linear-gradient(94deg, var(--cream) 8%, var(--champagne) 48%, var(--champagne-deep) 96%);color:#0000;-webkit-background-clip:text;background-clip:text}.wordmark-note{color:var(--text-4);letter-spacing:.03em;padding-bottom:5px;font-size:.8rem}.header-controls{align-items:center;gap:16px;min-width:0;margin-left:auto;display:flex}.main-nav{background:var(--glass-bg-soft);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);scrollbar-width:none;border-radius:99px;flex-wrap:nowrap;gap:3px;min-width:0;padding:4px;display:flex;overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.nav-tab-btn{color:var(--text-3);cursor:pointer;white-space:nowrap;transition:color .2s var(--ease), background .2s var(--ease);background:0 0;border:0;border-radius:99px;flex:none;padding:8px 19px;font-size:.92rem;font-weight:600}.nav-tab-btn:hover{color:var(--text)}.nav-tab-btn.active{color:#241b10;background:linear-gradient(150deg, #f3e0be, var(--champagne-deep));box-shadow:0 3px 14px #e6cda340}.nav-trigger{background:var(--glass-bg-soft);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:99px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:.87rem;font-weight:600;display:none}.nav-trigger svg{flex-shrink:0}.nav-modal{width:min(360px,100%)}.nav-modal-list{flex-direction:column;gap:6px;display:flex}.nav-modal-item{border:1px solid var(--rule-quiet);border-radius:var(--r-md);color:var(--text-2);text-align:left;cursor:pointer;transition:background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease);background:#fff4e40b;padding:14px 18px;font-size:1rem;font-weight:600}.nav-modal-item:hover{border-color:var(--rule);color:var(--text)}.nav-modal-item.active{color:#241b10;background:linear-gradient(150deg, #f3e0be, var(--champagne-deep));border-color:#0000}@media (width<=560px){.main-nav{display:none}.nav-trigger{display:inline-flex}}.view-section{display:none}.view-section.active{display:block}.panel{border-radius:var(--r-xl);margin-bottom:22px;padding:28px 30px}.panel-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.panel-desc{color:var(--text-2);max-width:64ch;margin-bottom:20px;font-size:.97rem}.ledger{border-radius:var(--r-xl);grid-template-columns:auto 1fr auto;align-items:center;gap:30px;margin-bottom:28px;padding:22px 30px;display:grid}.ledger-figure{font-family:var(--serif);align-items:baseline;gap:9px;display:flex}.ledger-learned{color:var(--champagne);font-variant-numeric:lining-nums tabular-nums;font-size:3rem;font-weight:600;line-height:1}.ledger-total{color:var(--text-4);font-variant-numeric:lining-nums tabular-nums;font-size:1.22rem}.ledger-body{min-width:0}.ledger-caption{color:var(--text-2);margin-bottom:11px;font-size:.92rem}.ledger-caption strong{color:var(--text);font-weight:600}.track{background:#fff4e417;border-radius:99px;height:4px;overflow:hidden}.track-fill{background:linear-gradient(90deg, var(--champagne-deep), var(--champagne) 55%, var(--amber));height:100%;transition:width .55s var(--ease);border-radius:99px;box-shadow:0 0 14px #ffb7654d}.ledger-action{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.ledger-hint{color:var(--text-4);text-align:right;max-width:24ch;font-size:.8rem}.btn{font-family:var(--sans);letter-spacing:.008em;cursor:pointer;transition:background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease);border-radius:99px;padding:11px 22px;font-size:.93rem;font-weight:600}.btn-solid{background:linear-gradient(150deg, #f3e0be, var(--champagne-deep));color:#241b10;border:1px solid #fff6e266;box-shadow:0 4px 18px #e6cda338}.btn-solid:hover:not(:disabled){background:linear-gradient(150deg,#fbedd3,#d7b983);box-shadow:0 6px 24px #ffb76552}.btn-outline{background:var(--glass-bg-soft);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--champagne-line);color:var(--champagne)}.btn-outline:hover:not(:disabled){background:var(--champagne-soft);border-color:var(--champagne)}.btn-quiet{border:1px solid var(--rule-quiet);color:var(--text-2);background:#fff4e40b}.btn-quiet:hover:not(:disabled){color:var(--text);border-color:var(--rule);background:#fff4e414}.btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.btn-wide{width:100%;margin-top:16px;display:block}.field{-webkit-backdrop-filter:blur(10px);border:1px solid var(--rule);border-radius:var(--r-sm);color:var(--text);transition:border-color .2s var(--ease), background .2s var(--ease);background:#0a090880;min-width:0;padding:12px 15px;font-size:.97rem}.field::placeholder{color:var(--text-4)}.field:hover{border-color:var(--rule);background:#0a090859}.field:focus{border-color:var(--champagne);outline:none}select.field{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 17px) 52%,calc(100% - 12px) 52%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:36px}select.field option{color:var(--text);background:#14110e}textarea.field{resize:vertical;width:100%;min-height:112px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;line-height:1.6}.lvl-a1{--lvl:var(--a1)}.lvl-a2{--lvl:var(--a2)}.lvl-b1{--lvl:var(--b1)}.lvl-b2{--lvl:var(--b2)}.lvl-c1{--lvl:var(--c1)}.lvl-c2{--lvl:var(--c2)}.level-mark{letter-spacing:.05em;color:var(--text-3);align-items:center;gap:7px;font-size:.78rem;font-weight:700;display:inline-flex}.level-mark:before{content:"";background:var(--lvl,var(--champagne));width:7px;height:7px;box-shadow:0 0 9px var(--lvl,var(--champagne));border-radius:50%}.level-rail{flex-wrap:wrap;gap:9px;margin-bottom:20px;display:flex}.level-chip{--lvl:var(--champagne);border-radius:var(--r-md);cursor:pointer;border:1px solid var(--glass-edge);background:var(--glass-bg-soft);min-width:92px;-webkit-backdrop-filter:var(--glass-blur);transition:background .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);flex-direction:column;align-items:flex-start;gap:2px;padding:11px 16px 10px;display:flex}.level-chip:hover:not(:disabled){border-color:var(--glass-edge-lit)}.level-chip.active{border-color:color-mix(in srgb, var(--lvl) 55%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--lvl) 28%, transparent), 0 8px 22px #0006;background:var(--glass-bg)}.level-chip:disabled{opacity:.3;cursor:not-allowed}.level-chip-name{letter-spacing:.04em;color:var(--text);font-size:.92rem;font-weight:700}.level-chip.active .level-chip-name{color:var(--lvl)}.level-chip-count{color:var(--text-4);font-variant-numeric:tabular-nums;font-size:.78rem}.filter-bar{flex-wrap:wrap;gap:11px;margin-bottom:18px;display:flex}.filter-bar .field{flex:210px}.filter-bar .field-search{flex:2 330px}.result-line{color:var(--text-4);font-variant-numeric:tabular-nums;margin-bottom:14px;font-size:.87rem}.word-list{border-radius:var(--r-xl);flex-direction:column;display:flex;overflow:hidden}.entry{--lvl:var(--champagne);border-left:3px solid #0000;border-bottom:1px solid var(--rule-quiet);transition:background .18s var(--ease), border-left-color .18s var(--ease);grid-template-columns:1fr auto;gap:22px;padding:19px 24px 19px 22px;display:grid;position:relative}.entry:last-child{border-bottom:0}.entry:hover{border-left-color:var(--lvl);background:#fff9ee0b}.entry.is-learned{border-left-color:var(--lvl)}.entry-main{min-width:0}.entry-head{flex-wrap:wrap;align-items:baseline;gap:11px;display:flex}.entry-cz{font-family:var(--serif);letter-spacing:.008em;color:var(--cream);font-size:1.75rem;font-weight:600;line-height:1.15}.btn-say{color:var(--text-4);cursor:pointer;border-radius:var(--r-xs);transition:color .18s var(--ease);background:0 0;border:0;padding:3px 5px;line-height:1}.btn-say:hover{color:var(--amber)}.btn-say svg{width:17px;height:17px;display:block}.entry-phon{color:var(--text-4);font-size:.88rem;font-style:italic}.entry-ua{color:var(--text);margin-top:2px;font-size:1.06rem}.entry-usage{border-left:2px solid var(--champagne-line);color:var(--text-2);margin-top:11px;padding:9px 0 9px 15px;font-size:1rem;line-height:1.55}.entry-side{flex-direction:column;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.btn-learn{font-family:var(--sans);border:1px solid var(--rule-quiet);color:var(--text-3);cursor:pointer;white-space:nowrap;transition:all .18s var(--ease);background:#fff4e40d;border-radius:99px;padding:6px 15px;font-size:.83rem;font-weight:600}.btn-learn:hover{border-color:var(--rule);color:var(--text)}.btn-learn.on{background:var(--leaf-soft);color:var(--leaf);border-color:#93c08f73}@media (width<=560px){.entry{grid-template-columns:1fr;padding:17px 18px}.entry-main{padding-right:54px}.entry-cz{font-size:1.55rem}.entry-side{display:contents}.level-mark{position:absolute;top:17px;right:18px}.btn-learn{text-align:center;width:100%;margin-top:14px;display:block}}.empty-note strong{color:var(--text);font-weight:600}.roadmap{flex-direction:column;gap:16px;display:flex}.stage{--lvl:var(--champagne);border-radius:var(--r-lg);padding:24px 28px 22px;position:relative;overflow:hidden}.stage:before{content:"";background:var(--lvl);width:4px;box-shadow:0 0 22px color-mix(in srgb, var(--lvl) 60%, transparent);position:absolute;top:0;bottom:0;left:0}.stage.locked{opacity:.6}.stage-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.stage-level{letter-spacing:.1em;color:var(--lvl);margin-bottom:2px;font-size:.82rem;font-weight:800}.stage-title{font-family:var(--serif);color:var(--cream);font-size:1.62rem;font-weight:600;line-height:1.2}.stage-pill{color:var(--text-2);border:1px solid var(--rule-quiet);font-variant-numeric:tabular-nums;white-space:nowrap;background:#fff4e412;border-radius:99px;flex:none;padding:5px 14px;font-size:.8rem;font-weight:700}.stage.done .stage-pill{color:var(--lvl);border-color:color-mix(in srgb, var(--lvl) 45%, transparent);background:color-mix(in srgb, var(--lvl) 14%, transparent)}.stage-desc{color:var(--text-2);max-width:70ch;margin-top:10px;font-size:.98rem;line-height:1.55}.stage-rule{background:var(--rule-quiet);height:1px;margin:18px 0 16px}.topic-row{flex-wrap:wrap;gap:8px;display:flex}.topic{color:var(--text-2);border:1px solid var(--rule-quiet);transition:border-color .18s var(--ease), color .18s var(--ease);background:#fff4e40b;border-radius:99px;padding:5px 13px;font-size:.83rem}.topic:hover{border-color:color-mix(in srgb, var(--lvl) 50%, transparent);color:var(--text)}.topic-n{color:var(--text-4);font-variant-numeric:tabular-nums}.stage-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.stage-count{color:var(--text-4);font-variant-numeric:tabular-nums;font-size:.85rem}.stage-actions{gap:9px;display:flex}.stage .btn{padding:8px 17px;font-size:.86rem}.form-row{grid-template-columns:1.2fr 1.2fr .6fr auto;gap:11px;display:grid}.table-wrap{border:1px solid var(--rule-quiet);border-radius:var(--r-md);max-height:480px;overflow:auto}table.db{border-collapse:collapse;width:100%;font-size:.94rem}table.db th{text-align:left;letter-spacing:.04em;color:var(--text-3);border-bottom:1px solid var(--rule);z-index:1;background:#161310;padding:12px 16px;font-size:.78rem;font-weight:700;position:sticky;top:0}table.db td{border-bottom:1px solid var(--rule-quiet);color:var(--text-2);padding:10px 16px}table.db tr:hover td{background:#fff9ee0a}table.db td.cz-cell{font-family:var(--serif);color:var(--text);font-size:1.22rem}.btn-remove{color:var(--text-4);cursor:pointer;border-radius:var(--r-xs);background:0 0;border:0;padding:3px 8px;font-size:.85rem}.btn-remove:hover{color:var(--rose);background:var(--rose-soft)}.db-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.overlay{-webkit-backdrop-filter:blur(10px);z-index:60;background:#060504b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.overlay-window{border-radius:var(--r-xl);width:min(640px,100%);max-height:88vh;overflow:auto}.overlay-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:26px 30px 18px;display:flex}.overlay-head p{color:var(--text-3);margin-top:4px;font-size:.9rem}.btn-close{color:var(--text-3);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:1.6rem;line-height:1}.btn-close:hover{color:var(--text)}.overlay-body{padding:22px 30px 30px}.exam-meta{color:var(--text-4);font-variant-numeric:tabular-nums;margin-bottom:14px;font-size:.82rem}.exam-word{font-family:var(--serif);text-align:center;color:var(--cream);margin:18px 0 6px;font-size:2.9rem;font-weight:600;line-height:1.1}.exam-phon{text-align:center;color:var(--text-4);min-height:20px;margin-bottom:24px;font-size:.9rem;font-style:italic}.result-pane{text-align:center;padding:18px 0 6px}.result-score{font-family:var(--serif);color:var(--champagne);font-variant-numeric:lining-nums tabular-nums;font-size:4rem;font-weight:600;line-height:1}.result-of{color:var(--text-4);margin-bottom:14px;font-size:.97rem}.result-pane h2{margin-bottom:9px}.result-pane p{color:var(--text-2);max-width:46ch;margin:0 auto 24px;font-size:.97rem}.lang-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.btn-lang-option{text-align:center;height:auto;transition:transform .2s var(--ease), box-shadow .2s var(--ease);flex-direction:column;align-items:center;gap:4px;padding:24px;display:flex}.btn-lang-option:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.btn-lang-option strong{color:var(--cream);font-size:1.25rem;display:block}.btn-lang-option span{color:var(--text-4);font-size:.85rem;font-weight:400;display:block}.btn-lang-option.active{border-color:var(--champagne);background:var(--champagne-soft)}@media (width<=880px){.app-shell{padding:0 16px 90px}.ledger{grid-template-columns:1fr;gap:18px}.ledger-action{align-items:flex-start}.ledger-hint{text-align:left;max-width:none}.form-row{grid-template-columns:1fr}.panel{padding:22px 18px}.stage{padding:20px 20px 18px}}@media (width<=560px){body{font-size:16px}.app-header{align-items:flex-start;padding-top:24px}h1{font-size:1.85rem}.nav-tab-btn{padding:7px 13px;font-size:.87rem}.ledger-learned{font-size:2.4rem}.stage-top{flex-direction:column;gap:10px}}.practice-panel{flex-direction:column;min-height:520px;display:flex}.setup-lead{margin-bottom:22px}.drill-menu{grid-template-columns:repeat(auto-fit,minmax(226px,1fr));gap:11px;margin-bottom:26px;display:grid}.drill-option{text-align:left;border-radius:var(--r-md);cursor:pointer;border:1px solid var(--glass-edge);background:var(--glass-bg-soft);-webkit-backdrop-filter:var(--glass-blur);transition:border-color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);padding:17px 19px 18px}.drill-option:hover:not(:disabled){border-color:var(--glass-edge-lit)}.drill-option.active{border-color:var(--champagne-line);background:var(--glass-bg);box-shadow:0 0 0 1px #e6cda329,0 10px 28px #0000006b}.drill-option:disabled{opacity:.4;cursor:not-allowed}.drill-option-name{font-family:var(--serif);color:var(--cream);margin-bottom:4px;font-size:1.4rem;font-weight:600;display:block}.drill-option.active .drill-option-name{color:var(--champagne)}.drill-option-desc{color:var(--text-3);font-size:.89rem;line-height:1.5;display:block}.drill-option.active .drill-option-desc{color:var(--text-2)}.drill-option-avail{color:var(--text-4);font-variant-numeric:tabular-nums;margin-top:11px;font-size:.8rem;display:block}.drill-option.active .drill-option-avail{color:var(--champagne-deep)}.setup-controls{border-top:1px solid var(--rule-quiet);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:11px;padding-top:22px;display:grid}.control{flex-direction:column;gap:6px;display:flex}.control-label{color:var(--text-3);font-size:.82rem}.drill{flex-direction:column;flex:1;display:flex}.drill-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:13px;display:flex}.drill-name{color:var(--text-2);font-size:.92rem;font-weight:600}.drill-stats{color:var(--text-4);font-variant-numeric:tabular-nums;align-items:baseline;gap:20px;font-size:.87rem;display:flex}.drill-stats b{color:var(--text);font-weight:700}.drill-stats .streak{color:var(--amber)}.drill-rule{background:#fff4e414;border-radius:99px;height:3px;margin-bottom:34px;overflow:hidden}.drill-rule-fill{background:linear-gradient(90deg, var(--champagne-deep), var(--champagne) 60%, var(--amber));height:100%;transition:width .4s var(--ease);box-shadow:0 0 12px #ffb76559}.drill-stage{flex-direction:column;flex:1;justify-content:center;display:flex}.drill-foot{border-top:1px solid var(--rule-quiet);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:30px;padding-top:20px;display:flex}.foot-right{flex-wrap:wrap;gap:9px;display:flex}.prompt{text-align:center;margin-bottom:32px}.prompt-kicker{color:var(--text-3);margin-bottom:14px;font-size:.93rem}.prompt-word{font-family:var(--serif);letter-spacing:.006em;word-break:break-word;color:var(--cream);font-size:clamp(2.3rem,6vw,3.4rem);font-weight:600;line-height:1.12}.prompt-sentence{font-family:var(--sans);letter-spacing:0;color:var(--cream);max-width:34ch;margin:0 auto;font-size:clamp(1.28rem,3vw,1.7rem);font-weight:500;line-height:1.5}.prompt-sub{color:var(--text-3);justify-content:center;align-items:center;gap:11px;min-height:26px;margin-top:12px;font-size:1rem;display:flex}.prompt-sub em{color:var(--text-4);font-style:italic}.gap{border-bottom:2px solid var(--champagne);min-width:5ch;box-shadow:0 6px 16px -8px var(--amber);vertical-align:baseline;display:inline-block}.opt-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;width:100%;max-width:760px;margin:0 auto;display:grid}.opt{text-align:left;border-radius:var(--r-md);color:var(--text);cursor:pointer;border:1px solid var(--glass-edge);background:var(--glass-bg-soft);-webkit-backdrop-filter:var(--glass-blur);transition:border-color .16s var(--ease), background .16s var(--ease), opacity .22s var(--ease);padding:16px 19px;font-size:1.04rem;position:relative}.opt:hover:not(:disabled){border-color:var(--champagne-line);background:var(--glass-bg)}.opt:disabled{cursor:default}.opt.right{background:var(--leaf-soft);color:var(--cream);border-color:#93c08f99}.opt.wrong{background:var(--rose-soft);border-color:#d4676f99}.opt.faded{opacity:.32}.opt-cz{font-family:var(--serif);font-size:1.42rem;font-weight:600}.verdict{text-align:center;min-height:54px;margin-top:24px}.verdict-line{font-size:1.04rem;font-weight:600}.verdict-line.ok{color:var(--leaf)}.verdict-line.bad{color:#e58891}.verdict-usage{color:var(--text-2);max-width:52ch;margin-top:8px;margin-left:auto;margin-right:auto;font-size:1.04rem;line-height:1.5}.answer-row{gap:10px;width:100%;max-width:560px;margin:0 auto;display:flex}.answer-field{-webkit-backdrop-filter:blur(10px);border:1px solid var(--rule);border-radius:var(--r-sm);color:var(--text);text-align:center;transition:border-color .2s var(--ease);background:#0a090880;border-bottom-width:2px;flex:1;padding:14px 18px;font-size:1.32rem;font-weight:500}.answer-field::placeholder{color:var(--text-4);font-size:1rem;font-weight:400}.answer-field:focus{border-color:var(--champagne);outline:none}.answer-field.right{border-color:var(--leaf);color:var(--leaf)}.answer-field.wrong{border-color:var(--rose)}.answer-field:disabled{opacity:1}.pairs{grid-template-columns:1fr 1fr;gap:11px;width:100%;max-width:720px;margin:0 auto;display:grid}.pair-col{flex-direction:column;gap:8px;display:flex}.tile{border-radius:var(--r-sm);color:var(--text);text-align:left;cursor:pointer;border:1px solid var(--glass-edge);background:var(--glass-bg-soft);-webkit-backdrop-filter:var(--glass-blur);transition:border-color .16s var(--ease), background .16s var(--ease), opacity .28s var(--ease);padding:15px 17px;font-size:1rem;line-height:1.35}.tile.cz{font-family:var(--serif);font-size:1.35rem;font-weight:600}.tile:hover:not(.locked){border-color:var(--champagne-line);background:var(--glass-bg)}.tile.picked{border-color:var(--champagne);background:var(--champagne-soft);box-shadow:0 0 0 1px #e6cda340}.tile.locked{background:var(--leaf-soft);color:var(--text-4);cursor:default;opacity:.4;border-color:#0000}.tile.miss{border-color:var(--rose);background:var(--rose-soft)}.build-area{width:100%;max-width:680px;margin:0 auto}.slot{border-radius:var(--r-md);border:1px dashed var(--champagne-line);min-height:86px;transition:border-color .24s var(--ease), background .24s var(--ease);background:#0a090866;flex-wrap:wrap;align-content:center;gap:8px;margin-bottom:20px;padding:16px 18px;display:flex}.slot.right{border-style:solid;border-color:var(--leaf);background:var(--leaf-soft)}.slot.wrong{border-style:solid;border-color:var(--rose);background:var(--rose-soft)}.slot:empty:before{content:attr(data-empty);color:var(--text-4);font-size:.95rem}.chip-pool{flex-wrap:wrap;justify-content:center;gap:8px;min-height:48px;display:flex}.chip{font-family:var(--serif);border-radius:var(--r-sm);color:var(--text);cursor:pointer;border:1px solid var(--glass-edge);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);transition:border-color .16s var(--ease), transform .16s var(--ease);padding:9px 17px;font-size:1.35rem;font-weight:600}.chip:hover:not(:disabled){border-color:var(--champagne)}.chip:active:not(:disabled){transform:translateY(1px)}.chip:disabled{cursor:default;opacity:.85}.drill-result{text-align:center;animation:rise .5s var(--ease) both;padding:32px 0}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.drill-result .result-score{font-family:var(--serif);color:var(--champagne);font-variant-numeric:lining-nums tabular-nums;font-size:4.4rem;font-weight:600;line-height:1}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.review-list{text-align:left;border-top:1px solid var(--rule-quiet);max-width:560px;margin:28px auto 0}.review-head{color:var(--text-4);padding:14px 2px 8px;font-size:.85rem}.review-row{border-bottom:1px solid var(--rule-quiet);justify-content:space-between;align-items:baseline;gap:18px;padding:9px 2px;display:flex}.review-cz{font-family:var(--serif);color:var(--cream);font-size:1.28rem;font-weight:600}.review-ua{color:var(--text-2);text-align:right;font-size:.95rem}@media (width<=660px){.pairs{gap:8px}.tile{padding:12px 13px;font-size:.95rem}.tile.cz{font-size:1.16rem}.opt-grid{grid-template-columns:1fr}.drill-rule{margin-bottom:26px}.drill-stats{gap:14px;font-size:.82rem}}