:root{--paper:#f1e9dc;--paper-2:#fbf7ef;--card:#fffdf7;--ink:#142a22;--ink-2:#30463d;--muted:#748078;--line:rgba(20,42,34,.14);--line-strong:rgba(20,42,34,.26);--green:#1d5a43;--green-dark:#123e2f;--lime:#d8ed9c;--lime-soft:#edf6cf;--coral:#e4684f;--coral-soft:#fbe5de;--gold:#e6b75b;--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Songti SC","Noto Serif SC",Georgia,serif;--sans:"Avenir Next","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--shadow:0 24px 70px -44px rgba(20,42,34,.5);--shadow-sm:0 12px 30px -22px rgba(20,42,34,.42);--r-sm:14px;--r-md:22px;--r-lg:30px;--r-xl:42px;--max:1240px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(900px 600px at 90% -10%,rgba(216,237,156,.35),transparent 60%),radial-gradient(800px 500px at -10% 30%,rgba(230,183,91,.16),transparent 55%),var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;z-index:3000;pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,h4,p,figure{margin:0}b,strong{font-weight:700}::selection{background:var(--lime);color:var(--green-dark)}:focus-visible{outline:3px solid var(--green);outline-offset:3px}.app-shell{width:min(100%,calc(var(--max) + 36px));margin:0 auto;padding:0 18px;position:relative;z-index:1}main{outline:none}.view{animation:viewIn .45s cubic-bezier(.2,.75,.25,1) both}@keyframes viewIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.display{font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:1.02}.display em{font-style:normal;color:var(--green);position:relative;z-index:0;white-space:nowrap}.display em:after{content:"";position:absolute;left:-2%;right:-2%;bottom:.05em;height:.3em;background:var(--lime);border-radius:999px 999px 40% 60%;z-index:-1;transform:rotate(-1deg)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--green)}.eyebrow:before{content:"";width:18px;height:1px;background:currentColor;opacity:.65}.mono{font-family:var(--mono);font-size:.8em;letter-spacing:.02em;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:650;font-size:13px;transition:transform .18s,background .18s,border-color .18s;white-space:nowrap}.btn svg{width:17px;height:17px}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--ink);color:var(--paper-2)}.btn-primary:hover{background:var(--green-dark)}.btn-outline{border-color:var(--line-strong);color:var(--ink)}.btn-outline:hover{background:#ffffff73}.btn-ghost{color:var(--ink-2)}.btn-ghost:hover{background:#142a220f}.btn-lime{background:var(--lime);color:var(--green-dark)}.btn-sm{min-height:36px;padding:0 14px;font-size:11px}.btn-lg{min-height:54px;padding:0 24px;font-size:14px}.topbar{position:sticky;top:0;z-index:120;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(20,42,34,.1);background:linear-gradient(to bottom,#f1e9dcf0,#f1e9dcc7);backdrop-filter:blur(18px) saturate(1.1)}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand svg{width:40px;height:40px}.brand-type{display:flex;flex-direction:column;line-height:1.05}.brand-type strong{font-family:var(--serif);font-size:20px;font-weight:600}.brand-type small{font-family:var(--mono);font-size:8px;letter-spacing:.24em;color:var(--muted);margin-top:3px}.topnav{display:none;align-items:center;gap:2px}.topnav a{padding:9px 14px;border-radius:999px;font-size:12.5px;color:var(--muted);font-weight:550}.topnav a:hover{color:var(--ink);background:#ffffff73}.topnav a.is-active{color:var(--ink);font-weight:700;position:relative}.topnav a.is-active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--green)}.top-actions{display:flex;align-items:center;gap:7px;flex:none}.icon-btn{position:relative;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#fffdf78c;color:var(--ink-2)}.icon-btn svg{width:18px;height:18px}.sound-off{position:absolute;width:22px;height:1.5px;background:var(--coral);transform:rotate(-45deg)}.streak-pill{display:flex;align-items:center;gap:4px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#fffdf78c;font-size:11px}.streak-pill svg{width:14px;height:14px;color:var(--coral)}.streak-pill b{font-size:12px}.streak-pill small{font-size:8px;color:var(--muted)}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--lime);font-family:var(--serif);font-size:15px;border:2px solid rgba(255,253,247,.6)}.mobile-nav{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:150;display:flex;padding:6px;border-radius:18px;background:#142a22f2;backdrop-filter:blur(16px);box-shadow:0 18px 50px -18px #142a2299}.mobile-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 4px;border-radius:13px;color:#fbf7ef94;font-size:8.5px;font-weight:600}.mobile-nav a span{font-size:14px;line-height:1}.mobile-nav a.is-active{background:#d8ed9c24;color:var(--lime)}.site-footer{display:flex;justify-content:space-between;gap:14px;padding:18px 0 calc(86px + env(safe-area-inset-bottom));border-top:1px solid var(--line);font-family:var(--mono);font-size:7.5px;letter-spacing:.05em;color:var(--muted)}.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:2500;transform:translate(-50%,14px);opacity:0;pointer-events:none;background:var(--ink);color:var(--paper-2);padding:10px 17px;border-radius:999px;font-size:11px;box-shadow:var(--shadow);transition:opacity .22s,transform .22s;max-width:calc(100vw - 32px);text-align:center}.toast.is-visible{opacity:1;transform:translate(-50%)}.photo{margin:0;position:relative;overflow:hidden;background:#ded4c2}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.3,1)}.photo figcaption{position:absolute;left:8px;bottom:7px;right:8px;display:flex;justify-content:space-between;gap:6px;font-family:var(--mono);font-size:6.5px;color:#ffffffb8;text-shadow:0 1px 4px rgba(0,0,0,.5);pointer-events:none}.photo-fallback{background:linear-gradient(135deg,#d8cbb4,#a8bda9)}.home{padding:28px 0 10px}.hero{display:grid;gap:24px;align-items:center}.hero-copy{padding-top:4px}.hero h1{font-size:clamp(48px,12vw,76px);margin:16px 0 18px}.lead{max-width:530px;color:var(--ink-2);font-size:14px;line-height:1.85}.lead strong{color:var(--ink)}.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-stats{display:flex;align-items:center;gap:14px;margin-top:24px;flex-wrap:wrap}.hero-stats div{display:flex;flex-direction:column}.hero-stats b{font-family:var(--serif);font-size:23px;font-weight:500;line-height:1.1}.hero-stats span{font-size:9px;color:var(--muted);margin-top:2px}.hero-stats i{width:1px;height:26px;background:var(--line)}.hero-art{position:relative;min-height:360px;margin-top:8px}.hero-photo-main{position:relative;width:100%;height:330px;border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.hero-photo-main .photo{height:100%}.photo-label{position:absolute;left:12px;top:12px;padding:5px 9px;border-radius:999px;background:#fffdf7e6;color:var(--ink);font-family:var(--mono);font-size:7px;letter-spacing:.12em}.hero-question{position:absolute;left:12px;right:12px;bottom:12px;padding:13px 14px;border-radius:17px;background:#142a22e6;color:var(--paper-2);backdrop-filter:blur(10px)}.hero-question .mini-label{font-family:var(--mono);font-size:6.5px;letter-spacing:.14em;opacity:.55}.hero-question p{font-family:var(--serif);font-size:16px;line-height:1.55;margin-top:5px}.hero-question p b{color:var(--lime);border-bottom:1px solid var(--lime)}.mini-answer{display:inline-block;margin-top:7px;font-size:8px;color:var(--lime);border:1px solid rgba(216,237,156,.25);border-radius:999px;padding:2px 7px}.hero-photo-small{position:absolute;right:-2px;top:-18px;width:108px;height:136px;border-radius:16px;overflow:hidden;border:5px solid var(--paper);box-shadow:var(--shadow-sm);transform:rotate(4deg)}.hero-photo-small .photo{height:100%}.stamp{position:absolute;right:8px;bottom:8px;width:42px;height:42px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;text-align:center;font-family:var(--mono);font-size:5.5px;line-height:1.3;color:#fff;transform:rotate(8deg)}.hero-note{position:absolute;left:2px;bottom:-18px;font-family:var(--serif);font-style:italic;font-size:12px;color:var(--muted)}.hero-speak{position:absolute;right:6px;bottom:-9px;width:36px;height:36px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--green)}.hero-speak svg{width:16px;height:16px}.setup{margin-top:40px;background:#fffdf7d1;border:1px solid var(--line);border-radius:26px;padding:20px 16px 0;box-shadow:var(--shadow-sm);overflow:hidden}.section-head{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.section-head h2{font-family:var(--serif);font-size:27px;font-weight:500;letter-spacing:-.02em}.section-head p{font-size:10px;line-height:1.7;color:var(--muted);max-width:380px}.filter-row{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.filter-group{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.filter-label{font-family:var(--mono);font-size:7.5px;letter-spacing:.12em;color:var(--muted);margin-right:2px}.chip{min-height:32px;padding:0 11px;border:1px solid var(--line);border-radius:999px;font-size:10px;color:var(--muted);background:transparent}.chip:hover{color:var(--ink);background:#ffffff80}.chip.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper-2)}.switch-row{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin-left:auto;cursor:pointer}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch{width:28px;height:16px;border-radius:999px;background:#142a222e;position:relative;transition:background .2s}.switch:after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--card);transition:transform .2s}.switch-row input:checked+.switch{background:var(--green)}.switch-row input:checked+.switch:after{transform:translate(12px)}.mode-grid{display:flex;flex-direction:column;gap:8px;padding-bottom:16px}.mode-card{position:relative;overflow:hidden;min-height:154px;padding:15px;border-radius:18px;text-align:left;color:var(--paper-2);background:var(--green-dark);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.mode-card-bg{position:absolute;inset:0;z-index:-2}.mode-card-bg img{width:100%;height:100%;object-fit:cover;opacity:.62;transition:transform .7s}.mode-card-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#123e2ff5 5%,#123e2fb8 50%,#123e2f47)}.mode-card-top{display:flex;align-items:center;justify-content:space-between}.mode-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#fffdf721;border:1px solid rgba(255,253,247,.18);color:var(--lime)}.mode-icon svg{width:17px;height:17px}.mode-count{font-family:var(--mono);font-size:7.5px;letter-spacing:.08em;color:#fbf7efa6}.mode-card-copy{display:flex;flex-direction:column;gap:2px;margin-top:16px}.mode-card-copy small{font-family:var(--mono);font-size:6.5px;letter-spacing:.15em;color:var(--lime);opacity:.85}.mode-card-copy strong{font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.1}.mode-card-copy span{font-size:9px;line-height:1.5;color:#fbf7efad;max-width:270px}.mode-card-arrow{position:absolute;right:14px;bottom:14px;width:30px;height:30px;border-radius:50%;border:1px solid rgba(251,247,239,.3);display:grid;place-items:center;color:var(--lime)}.mode-card-arrow svg{width:15px;height:15px}.mode-card:hover .mode-card-bg img{transform:scale(1.04)}.mode-card:hover .mode-card-arrow{background:var(--lime);color:var(--green-dark)}.mode-card.is-wide{min-height:126px}.mode-card.is-wide .mode-card-copy strong{font-size:23px}.setup-foot{margin:0 -16px;padding:12px 16px;border-top:1px solid var(--line);background:#142a2209;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.setup-summary{display:flex;align-items:center;gap:7px;font-size:9.5px;color:var(--muted);flex-wrap:wrap}.sum-dot{width:3px;height:3px;border-radius:50%;background:var(--muted)}.setup-foot .btn{width:100%}.home-lower{display:flex;flex-direction:column;gap:10px;margin-top:10px}.word-note{position:relative;overflow:hidden;border-radius:24px;background:var(--green-dark);color:var(--paper-2);display:grid;grid-template-columns:1.2fr .8fr;min-height:190px}.word-note-copy{padding:20px 0 20px 18px;position:relative;z-index:2}.word-note-copy .eyebrow{color:var(--lime)}.word-note-copy h3{font-family:var(--serif);font-size:40px;line-height:1;font-weight:500;margin:10px 0 4px}.word-note-copy p{font-size:9px;line-height:1.6;color:#fbf7efb3;max-width:200px}.word-note .text-link{color:var(--lime);margin-top:12px}.word-note-photo{position:absolute;right:0;top:0;bottom:0;width:45%}.word-note-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--green-dark),transparent 60%)}.word-note-photo .photo{height:100%}.text-link{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:650;color:var(--green);background:none;padding:0}.text-link svg{width:14px;height:14px}.text-link:hover{text-decoration:underline}.path-card{background:#fffdf7a6;border:1px solid var(--line);border-radius:24px;padding:20px 18px}.path-card h3{font-family:var(--serif);font-size:25px;line-height:1.12;font-weight:500;margin:8px 0 14px}.path-list{display:flex;flex-direction:column;gap:0}.path-step{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-top:1px dashed var(--line);font-size:10px}.path-step>span{font-family:var(--mono);font-size:8px;color:var(--muted)}.path-step b{display:block;font-size:10px}.path-step small{display:block;font-size:8px;color:var(--muted);margin-top:1px}.path-step.is-done b{color:var(--green)}.path-spark{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-family:var(--serif);font-style:italic;font-size:12px;color:var(--muted)}.path-spark svg{width:15px;height:15px;color:var(--coral)}.page{padding:26px 0 8px}.page-head{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.page-head h1{font-size:clamp(38px,10vw,58px);margin-top:10px}.page-head p{font-size:11px;line-height:1.8;color:var(--muted);max-width:560px}.page-head-side{display:flex;align-items:baseline;gap:8px}.page-head-side b{font-family:var(--serif);font-size:31px;font-weight:500;line-height:1}.page-head-side small{font-family:var(--mono);font-size:7px;letter-spacing:.1em;color:var(--muted)}.filter-bar{display:flex;flex-direction:column;gap:9px;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:16px}.chip-row{display:flex;gap:4px;flex-wrap:wrap}.search{position:relative;display:flex;align-items:center;width:100%}.search svg{position:absolute;left:12px;width:15px;height:15px;color:var(--muted)}.search input{width:100%;height:39px;font-size:16px;border:1px solid var(--line);border-radius:999px;background:#fffdf79e;padding:0 13px 0 35px}.search input:focus{outline:none;border-color:var(--green);background:var(--card);box-shadow:0 0 0 3px #d8ed9c80}.empty,.empty-inline{border:1px dashed var(--line-strong);border-radius:18px;padding:30px 16px;text-align:center;color:var(--muted);font-size:11px}.empty-inline b{display:block;font-family:var(--serif);font-size:20px;font-weight:500;color:var(--ink);margin-bottom:3px}.empty-inline p{font-size:10px}.atlas-grid{display:flex;flex-direction:column;gap:9px}.word-card{display:grid;cursor:pointer;grid-template-columns:112px 1fr;gap:12px;border:1px solid var(--line);border-radius:18px;background:#fffdf7b8;padding:8px;text-align:left;overflow:hidden;transition:transform .2s,border .2s,background .2s}.word-card:hover{transform:translateY(-2px);border-color:var(--line-strong);background:var(--card)}.word-card-photo{border-radius:12px;overflow:hidden;min-height:126px}.word-card-photo .photo{height:100%}.word-card-body{display:flex;flex-direction:column;padding:3px 4px 2px 0;min-width:0}.word-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.word-card-top strong{font-family:var(--serif);font-size:24px;font-weight:500;line-height:1}.word-card-top>span{font-family:var(--mono);font-size:7px;color:var(--green);background:var(--lime-soft);padding:3px 6px;border-radius:4px;white-space:nowrap}.ipa{font-family:var(--mono);font-size:8px;color:var(--muted);margin-top:3px}.sense-list{display:flex;flex-direction:column;gap:3px;margin-top:9px}.sense-list>span{display:flex;gap:5px;font-size:9.5px;line-height:1.35;color:var(--ink-2)}.sense-list em{font-family:var(--mono);font-style:normal;font-size:7px;color:var(--green);background:#1d5a4314;padding:1px 3px;border-radius:3px;height:max-content}.word-card-foot{margin-top:auto;padding-top:8px;font-size:8px;color:var(--muted);display:flex;align-items:center;gap:3px}.word-card-foot svg{width:13px;height:13px;color:var(--green)}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:#123e2f80;backdrop-filter:blur(6px);padding:10px}.modal{position:relative;width:min(680px,100%);max-height:88vh;max-height:88dvh;overflow:auto;background:var(--card);border-radius:24px;box-shadow:var(--shadow);animation:viewIn .3s both}.modal-close{position:absolute;right:10px;top:10px;z-index:3;width:34px;height:34px;border-radius:50%;background:#142a229e;color:#fff;display:grid;place-items:center}.modal-close svg{width:17px;height:17px}.modal-photo{height:180px}.modal-photo .photo{height:100%}.modal-body{padding:20px 18px 22px}.modal-body h2{font-family:var(--serif);font-size:42px;font-weight:500;line-height:1;margin-top:8px}.modal-senses{margin-top:16px;display:flex;flex-direction:column;gap:12px}.modal-sense{border-top:1px solid var(--line);padding-top:10px}.modal-sense>div{display:flex;align-items:center;gap:7px}.pos{font-family:var(--mono);font-size:7px;background:var(--lime-soft);color:var(--green);padding:2px 5px;border-radius:3px}.modal-sense b{font-size:12px}.modal-sense p{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.55}.modal-sense q{display:block;font-family:var(--serif);font-size:12px;color:var(--ink-2);margin-top:4px;line-height:1.5}.modal-body .tag-row{margin-top:13px}.modal-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.credit{display:block;margin-top:12px;font-size:7.5px;color:var(--muted)}.phrase-head-stats{display:flex;gap:18px}.phrase-head-stats div{display:flex;flex-direction:column}.phrase-head-stats b{font-family:var(--serif);font-size:26px;font-weight:500;line-height:1}.phrase-head-stats small{font-family:var(--mono);font-size:6.5px;color:var(--muted);margin-top:2px}.phrase-grid{display:flex;flex-direction:column;gap:9px}.phrase-card{border:1px solid var(--line);border-radius:19px;background:#fffdf7b8;overflow:hidden;display:grid;grid-template-columns:92px 1fr}.phrase-photo .photo{height:100%;min-height:160px}.phrase-body{padding:12px 13px 11px;min-width:0}.phrase-top{display:flex;justify-content:space-between;gap:8px}.phrase-top h3{font-family:var(--serif);font-size:21px;font-weight:500;line-height:1.15}.phrase-top p{font-size:9px;color:var(--green);font-weight:650;margin-top:1px}.mini-icon{width:29px;height:29px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);flex:none}.mini-icon svg{width:14px;height:14px}.mini-icon:hover{background:var(--lime-soft);color:var(--green)}.pattern{display:inline-block;font-family:var(--mono);font-size:7px;color:var(--muted);background:#142a220b;padding:3px 6px;border-radius:4px;margin-top:8px}.example{font-family:var(--serif);font-size:11.5px;line-height:1.55;color:var(--ink-2);border-left:2px solid var(--lime);padding-left:7px;margin-top:7px}.example b{color:var(--green);border-bottom:1px solid rgba(29,90,67,.3)}.phrase-foot{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:8px;padding-top:7px;border-top:1px dashed var(--line);font-size:7.5px;color:var(--muted)}.practice{padding:16px 0 8px;max-width:1180px;margin:0 auto}.practice-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:11px}.back-btn{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:650;color:var(--muted);padding:7px 8px 7px 4px;border-radius:999px}.back-btn:hover{background:#142a220f;color:var(--ink)}.practice-progress{display:flex;align-items:center;gap:8px;flex:1 0 100%;order:3}.practice-progress>span{font-family:var(--mono);font-size:8px;color:var(--muted);white-space:nowrap}.practice-progress>span b{font-size:10px;color:var(--ink)}.track{flex:1;height:4px;border-radius:4px;background:#142a221a;overflow:hidden}.track i{display:block;height:100%;background:var(--green);border-radius:4px;transition:width .4s}.practice-tools{display:flex;align-items:center;gap:6px;margin-left:auto}.accuracy{display:none;font-family:var(--mono);font-size:8px;color:var(--muted);background:#fffdf799;border:1px solid var(--line);padding:6px 8px;border-radius:999px}.accuracy b{color:var(--green)}.auto-toggle{display:flex;align-items:center;gap:5px;font-size:8.5px;color:var(--muted);padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:#fffdf799}.auto-toggle .switch{width:23px;height:14px}.auto-toggle .switch:after{width:10px;height:10px}.auto-toggle[aria-pressed=true]{color:var(--ink)}.auto-toggle[aria-pressed=true] .switch{background:var(--green)}.auto-toggle[aria-pressed=true] .switch:after{transform:translate(9px)}.practice-card{background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm)}.scene{position:relative;height:210px;overflow:hidden;background:#d8ccb8}.scene-photo{height:100%}.scene-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,62,47,.18),transparent 35%,rgba(18,62,47,.68))}.scene-chips{position:absolute;z-index:2;left:10px;top:10px;display:flex;gap:4px;flex-wrap:wrap}.scene-chips span{padding:4px 7px;border-radius:999px;background:#fffdf7e6;font-size:7px;font-weight:650;color:var(--ink)}.scene-caption{position:absolute;z-index:2;left:12px;right:12px;bottom:10px;color:#fff}.scene-caption small{display:block;font-family:var(--mono);font-size:6.5px;letter-spacing:.14em;opacity:.7}.scene-caption strong{display:block;font-family:var(--serif);font-size:15px;font-weight:500;line-height:1.3;margin-top:2px;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-number{position:absolute;right:12px;bottom:5px;font-family:var(--serif);font-size:38px;font-style:italic;color:#ffffff38}.question{position:relative;padding:15px 14px 14px}.q-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.tag-row{display:flex;flex-wrap:wrap;gap:4px}.tag{font-family:var(--mono);font-size:6.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 6px;border:1px solid var(--line);border-radius:4px;color:var(--muted);background:#ffffff5c}.tag-green{background:var(--lime-soft);border-color:#1d5a4333;color:var(--green)}.speak-btn{display:flex;align-items:center;gap:4px;font-size:8px;font-weight:650;color:var(--green);border:1px solid rgba(29,90,67,.2);border-radius:999px;padding:5px 8px;background:var(--card);flex:none}.speak-btn svg{width:12px;height:12px}.prompt{font-size:9px;color:var(--muted);line-height:1.6;margin-top:13px;display:flex;flex-wrap:wrap;align-items:center;gap:5px}.prompt b{color:var(--ink)}.pill{font-family:var(--mono);font-size:7px;background:#142a220f;border-radius:4px;padding:2px 5px;color:var(--ink-2)}.sentence{font-family:var(--serif);font-size:24px;line-height:1.9;letter-spacing:-.01em;margin:10px 0 0;word-break:break-word}.sentence .cue{font-family:var(--sans);font-size:.45em;color:var(--muted);margin-left:1px}.blank{position:relative;display:inline-flex;align-items:flex-end;justify-content:center;min-width:62px;height:1.2em;padding:0 4px 1px;margin:0 3px;border-bottom:2.5px solid var(--ink);vertical-align:baseline;transition:border-color .2s,background .2s,color .2s}.blank-fill{display:block;min-width:38px;text-align:center;font-weight:600;font-size:.74em;line-height:1.15;white-space:nowrap}.blank:after{position:absolute;right:-2px;top:-13px;font-family:var(--sans);font-size:8px;font-weight:800;opacity:0;transform:scale(.6);transition:.2s}.blank.is-correct{border-color:var(--green);color:var(--green);background:linear-gradient(transparent 70%,#d8ed9cb3 70%)}.blank.is-correct:after{content:"\2713";opacity:1;transform:none}.blank.is-wrong{border-color:var(--coral);color:var(--coral);background:linear-gradient(transparent 70%,#e4684f1f 70%)}.blank.is-wrong:after{content:"\d7";opacity:1;transform:none}.sentence.is-solved .blank{border-color:var(--green)}.hint-row{display:flex;flex-direction:column;gap:4px;margin-top:8px;min-height:24px}.hint-btn{align-self:flex-start;font-size:8.5px;font-weight:650;color:var(--muted);border-bottom:1px dashed var(--line-strong);padding:2px 0}.hint-text{display:none;font-size:9px;line-height:1.6;color:var(--muted)}.hint-text.is-visible{display:block}.hint-text b{color:var(--ink-2)}.answer-area{margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.answer-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.answer-label label{font-size:9.5px;font-weight:700}.answer-label span{font-family:var(--mono);font-size:7px;color:var(--muted)}.answer-box{position:relative}.answer-box input{width:100%;height:59px;border:2px solid var(--ink);border-radius:15px;background:#fbf7ef;padding:0 104px 0 13px;font-size:16px;font-family:var(--serif);transition:border .2s,box-shadow .2s}.answer-box input::placeholder{font-family:var(--sans);font-size:10px;color:#9aa39b}.answer-box input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px #d8ed9ca6;background:var(--card)}.answer-box input:disabled{opacity:.7}.check-btn{position:absolute;right:5px;top:5px;bottom:5px;min-width:92px;border-radius:11px;background:var(--green);color:var(--paper-2);font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px}.check-btn:hover{background:var(--green-dark)}.kbd{font-family:var(--mono);font-size:7px;opacity:.7;border:1px solid rgba(255,255,255,.28);border-radius:3px;padding:1px 3px}.answer-meta{display:flex;justify-content:space-between;gap:6px;margin-top:5px;font-size:7.5px;color:var(--muted)}.answer-links{display:flex;justify-content:space-between;gap:6px;margin-top:7px;font-size:8px;color:var(--muted)}.link-btn{font-size:8.5px;color:var(--muted);border-bottom:1px dashed var(--line);padding:1px 0}.link-btn:disabled{opacity:.4;cursor:not-allowed}.feedback{margin-top:12px;border:1px solid var(--line);border-radius:15px;background:#faf7ef;padding:11px 12px;animation:viewIn .25s both}.feedback.is-success{background:linear-gradient(120deg,var(--lime-soft),#fbf7ed 72%);border-color:#1d5a4338}.feedback.is-retry,.feedback.is-reveal{background:linear-gradient(120deg,var(--coral-soft),#fbf7ed 72%);border-color:#e4684f38}.feedback-head{display:flex;align-items:flex-start;gap:8px}.feedback-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--green);color:var(--lime)}.feedback.is-retry .feedback-icon,.feedback.is-reveal .feedback-icon{background:var(--coral);color:#fff}.feedback-icon svg{width:15px;height:15px}.feedback-head>div{flex:1;min-width:0}.feedback-head strong{display:block;font-size:10.5px;line-height:1.3}.feedback-head small{display:block;font-size:8.5px;color:var(--muted);line-height:1.4;margin-top:1px}.auto-count{display:flex;flex-direction:column;align-items:center;gap:2px;flex:none}.ring{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:2px solid var(--green);font-family:var(--mono);font-size:9px;color:var(--green)}.auto-count button{display:flex;align-items:center;gap:1px;font-size:7px;color:var(--muted);text-decoration:underline}.auto-count button svg{width:9px;height:9px}.feedback-answer{font-family:var(--serif);font-size:12px;line-height:1.6;margin-top:8px;color:var(--ink)}.feedback-answer b{color:var(--green);border-bottom:1px solid var(--green)}.translation{display:block;font-family:var(--sans);font-size:8.5px;color:var(--muted);margin-top:3px}.details{margin-top:7px;font-size:9.5px;line-height:1.66;color:var(--ink-2)}.details p+p{margin-top:3px}.details .tag-row{margin-top:6px}.details .tag-row span{font-family:var(--mono);font-size:7px;color:var(--green);background:#1d5a4314;padding:2px 5px;border-radius:3px}.tip{display:flex;gap:5px;margin-top:7px;padding-top:6px;border-top:1px dashed var(--line);font-size:8px;line-height:1.5;color:var(--muted)}.tip b{white-space:nowrap;color:var(--ink-2)}.retry-copy{font-size:9px;color:var(--ink-2);line-height:1.6;margin-top:7px}.feedback-actions{display:flex;justify-content:flex-end;margin-top:9px}.practice-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding:0 2px;font-size:7.5px;color:var(--muted)}.dots{display:flex;gap:5px}.dots i{width:6px;height:6px;border-radius:50%;background:#142a2221}.dots i.is-current{background:var(--green);transform:scale(1.3)}.dots i.is-correct{background:var(--green)}.dots i.is-wrong{background:var(--coral)}.shake{animation:shake .35s both}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.report-page .page-head{margin-bottom:16px}.report-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}.report-stat{border:1px solid var(--line);border-radius:16px;background:#fffdf7b3;padding:12px 13px}.report-stat small{display:block;font-family:var(--mono);font-size:6.5px;letter-spacing:.1em;color:var(--muted)}.report-stat b{display:block;font-family:var(--serif);font-size:31px;font-weight:500;line-height:1.1;margin-top:3px}.report-stat span{display:block;font-size:8px;color:var(--muted)}.report-grid{display:flex;flex-direction:column;gap:8px}.panel{border:1px solid var(--line);border-radius:19px;background:#fffdf7a8;padding:15px 14px}.panel-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}.panel-head h2{font-family:var(--serif);font-size:21px;font-weight:500;line-height:1.1}.panel-head small{display:block;font-family:var(--mono);font-size:6.5px;color:var(--muted);margin-top:2px;letter-spacing:.08em}.panel-icon{width:17px;height:17px;color:var(--muted)}.mini-label{font-family:var(--mono);font-size:7px;color:var(--muted);border:1px solid var(--line);padding:2px 6px;border-radius:3px;height:max-content}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:5px;height:132px;padding-top:10px}.bar-col{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end;flex:1}.bar-track{width:100%;max-width:30px;height:103px;display:flex;align-items:flex-end;background:#142a220a;border-radius:5px;overflow:hidden}.bar-fill{width:100%;background:var(--green);border-radius:5px;min-height:2px;position:relative}.bar-fill.is-today{background:var(--coral)}.bar-fill span{position:absolute;top:-13px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:6px;color:var(--muted)}.bar-col small{font-family:var(--mono);font-size:6.5px;color:var(--muted)}.bar-col small.is-today{color:var(--coral);font-weight:700}.mastery-list{display:flex;flex-direction:column;gap:10px}.mastery-row>div:first-child{display:flex;justify-content:space-between;font-size:9px;margin-bottom:3px}.mastery-row>div:first-child span{font-family:var(--mono);font-size:7px;color:var(--muted)}.mastery-bar{height:5px;border-radius:5px;background:#142a2214;overflow:hidden}.mastery-bar i{display:block;height:100%;background:var(--green);border-radius:5px}.grade-mastery{margin-top:13px;padding-top:10px;border-top:1px dashed var(--line)}.grade-mastery h3{font-family:var(--mono);font-size:7px;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.grade-row{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:8px}.grade-row>span{width:22px;font-weight:650}.grade-row>div{flex:1;height:4px;border-radius:4px;background:#142a2214;overflow:hidden}.grade-row>div i{display:block;height:100%;background:var(--green);border-radius:4px}.grade-row em{font-style:normal;font-family:var(--mono);font-size:6.5px;color:var(--muted);width:36px;text-align:right}.wrong-list{display:flex;flex-direction:column}.wrong-row{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;padding:8px 0;border-top:1px dashed var(--line);font-size:9px}.wrong-row:first-child{border-top:0;padding-top:0}.wrong-row>span:first-child b{display:block;font-family:var(--serif);font-size:12px;font-weight:500}.wrong-row small{display:block;font-size:8px;color:var(--muted);line-height:1.35;margin-top:1px}.wrong-tag{font-family:var(--mono);font-size:6px;color:var(--coral);background:var(--coral-soft);padding:2px 4px;border-radius:3px;white-space:nowrap}.report-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap;font-size:7.5px;color:var(--muted)}.report-actions>div{display:flex;gap:12px}.danger-link{font-size:8px;color:var(--muted);border-bottom:1px dashed var(--line);padding:0;background:none}.danger-link:hover{color:var(--coral)}.complete-page{padding:24px 0 10px;max-width:780px;margin:0 auto}.complete-card{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:22px 17px;box-shadow:var(--shadow)}.complete-top{display:flex;flex-direction:column-reverse;gap:12px}.complete-top h1{font-size:48px;margin:8px 0 4px}.complete-top p{font-size:10px;color:var(--muted);line-height:1.6}.score-ring{--score:80%;width:96px;height:96px;border-radius:50%;align-self:flex-end;display:grid;place-items:center;background:conic-gradient(var(--green) var(--score),rgba(20,42,34,.09) 0);position:relative}.score-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--card)}.score-ring>div{position:relative;text-align:center}.score-ring b{display:block;font-family:var(--serif);font-size:27px;font-weight:500;line-height:1}.score-ring small{display:block;font-family:var(--mono);font-size:6px;letter-spacing:.1em;color:var(--muted);margin-top:3px}.complete-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:17px}.complete-stats>div{background:#142a2209;border:1px solid var(--line);border-radius:11px;padding:9px 10px}.complete-stats small{display:block;font-family:var(--mono);font-size:6.5px;color:var(--muted);letter-spacing:.08em}.complete-stats b{display:block;font-family:var(--serif);font-size:19px;font-weight:500;line-height:1.2;margin-top:2px}.complete-stats span{display:block;font-size:7.5px;color:var(--muted)}.complete-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.review-block{margin-top:18px;border-top:1px solid var(--line);padding-top:13px}.review-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.review-head h3{font-family:var(--serif);font-size:19px;font-weight:500}.review-head span{font-family:var(--mono);font-size:7px;color:var(--muted)}.review-row{display:grid;grid-template-columns:18px 1fr auto;gap:7px;align-items:center;padding:7px 0;border-top:1px dashed var(--line);font-size:9px}.review-row>span{font-family:var(--mono);font-size:7px;color:var(--muted)}.review-row b{display:block;font-weight:650}.review-row small{display:block;font-size:7.5px;color:var(--muted);line-height:1.35}.review-row em{font-style:normal;font-family:var(--mono);font-size:6px;background:var(--lime-soft);color:var(--green);padding:2px 4px;border-radius:3px;white-space:nowrap}.review-row em.is-wrong{background:var(--coral-soft);color:var(--coral)}@media(min-width:700px){.app-shell{padding:0 30px}.topbar{min-height:74px}.brand svg{width:44px;height:44px}.brand-type strong{font-size:21px}.top-actions{gap:9px}.hero{grid-template-columns:1.03fr .97fr;gap:34px;padding:16px 0 10px}.hero h1{font-size:clamp(58px,6vw,84px)}.lead{font-size:15.5px}.hero-art{min-height:450px}.hero-photo-main{height:440px;border-radius:30px}.hero-question{left:18px;right:70px;bottom:18px;padding:16px 18px}.hero-question p{font-size:20px}.hero-photo-small{width:150px;height:185px;right:-12px;top:-24px;border-width:7px}.hero-speak{right:18px;bottom:-2px}.setup{margin-top:26px;padding:26px 26px 0;border-radius:30px}.section-head{flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.section-head h2{font-size:31px}.section-head p{text-align:right;max-width:320px}.filter-row{align-items:center;padding:12px 0;gap:14px}.switch-row{margin-left:auto}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:18px}.mode-card{min-height:190px;padding:18px}.mode-card.is-wide{grid-column:1/-1;min-height:132px}.mode-card.is-wide .mode-card-copy{max-width:60%}.mode-card.is-wide .mode-card-copy strong{font-size:25px}.setup-foot{margin:0 -26px;padding:13px 26px}.setup-foot .btn{width:auto}.home-lower{display:grid;grid-template-columns:1.05fr .95fr;gap:10px;margin-top:10px}.word-note{min-height:245px}.word-note-copy{padding:26px 0 24px 24px}.word-note-copy h3{font-size:54px}.word-note-copy p{font-size:10px;max-width:260px}.word-note-photo{width:47%}.path-card{padding:24px 23px}.path-card h3{font-size:29px}.path-step b{font-size:11px}.path-step small{font-size:8.5px}.page{padding:34px 0 10px}.page-head{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}.page-head h1{font-size:clamp(46px,5vw,62px)}.page-head p{font-size:12.5px}.page-head-side{text-align:right;padding-bottom:3px}.page-head-side b{font-size:38px}.filter-bar{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 0;gap:10px}.search{width:min(280px,35vw)}.search input{font-size:11px}.atlas-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.word-card{grid-template-columns:135px 1fr}.word-card-photo{min-height:150px}.word-card-top strong{font-size:28px}.modal-backdrop{align-items:center;padding:18px}.modal{max-height:86vh;border-radius:28px}.modal-photo{height:230px}.modal-body{padding:25px 26px 27px}.modal-body h2{font-size:48px}.phrase-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.phrase-card{grid-template-columns:105px 1fr}.phrase-photo .photo{min-height:185px}.practice{padding:22px 0 10px}.practice-top{flex-wrap:nowrap;gap:12px;margin-bottom:14px}.practice-progress{flex:1;max-width:380px;order:0}.practice-tools{margin-left:0}.accuracy{display:flex}.practice-card{display:grid;grid-template-columns:.82fr 1.18fr;border-radius:28px;min-height:590px}.scene{height:100%;min-height:100%}.scene-caption strong{font-size:19px;max-width:75%}.scene-number{font-size:50px}.question{padding:25px 27px 23px;display:flex;flex-direction:column}.prompt{font-size:10px;margin-top:16px}.sentence{font-size:clamp(28px,2.5vw,36px);line-height:1.8;margin-top:16px}.blank{min-width:82px;margin:0 6px;padding:0 7px;border-bottom-width:3px}.blank-fill{font-size:.78em;min-width:54px}.blank:after{font-size:10px;top:-16px}.hint-row{flex-direction:row;align-items:flex-start;gap:10px;margin-top:9px}.hint-text{font-size:9.5px}.answer-area{margin-top:auto;padding-top:18px}.answer-label label{font-size:10.5px}.answer-box input{height:63px;padding:0 125px 0 17px;font-size:18px}.check-btn{min-width:110px;font-size:12px}.answer-meta{font-size:8px}.feedback{padding:13px 14px}.feedback-head strong{font-size:11.5px}.feedback-head small{font-size:9px}.feedback-answer{font-size:13px}.details{font-size:9.5px}.practice-foot{margin-top:12px}.report-stats{grid-template-columns:repeat(4,1fr);gap:8px}.report-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:9px}.wrong-panel{grid-column:1/-1}.report-stat b{font-size:38px}.panel{padding:19px 20px}.bar-chart{height:160px}.bar-track{height:125px}.complete-page{padding:32px 0 14px}.complete-card{padding:34px 38px;border-radius:30px}.complete-top{flex-direction:row;justify-content:space-between;align-items:flex-start}.complete-top h1{font-size:62px}.score-ring{width:126px;height:126px}.score-ring b{font-size:34px}.complete-stats{grid-template-columns:repeat(4,1fr);margin-top:24px}.complete-stats b{font-size:25px}.review-row{padding:9px 0}.site-footer{padding:20px 0 26px;font-size:8px}}@media(min-width:980px){.topnav{display:flex}.mobile-nav{display:none}.site-footer{padding-bottom:26px}.toast{bottom:28px}.page{padding-top:42px}.atlas-grid{grid-template-columns:repeat(3,1fr)}.word-card{grid-template-columns:1fr;padding:9px}.word-card-photo{min-height:145px}.word-card-body{padding:6px 5px 3px}.word-card-top strong{font-size:26px}.phrase-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sentence{line-height:2.05}.blank-wrap{position:relative;display:inline-flex;align-items:baseline;justify-content:center;vertical-align:baseline;max-width:100%}.blank-input{min-width:68px;max-width:260px;height:1.32em;padding:0 4px 1px;margin:0 3px;border:0;border-bottom:2.5px solid var(--ink);border-radius:3px 3px 0 0;background:transparent;color:var(--ink);font-family:var(--serif);font-size:inherit;font-weight:600;text-align:center;line-height:1.2;outline:none;transition:background .2s,border-color .2s,color .2s,width .16s}.blank-input::placeholder{color:transparent}.blank-input:focus{border-color:var(--green);background:#d8ed9c47;box-shadow:0 0 0 3px #d8ed9c47}.blank-input:read-only{cursor:default}.blank-input.is-correct{border-color:var(--green);color:var(--green);background:linear-gradient(transparent 68%,#d8ed9cb3 68%);animation:correctPop .48s cubic-bezier(.2,.9,.25,1.25) both}.blank-input.is-wrong{border-color:var(--coral);color:var(--coral);background:linear-gradient(transparent 68%,#e4684f21 68%);animation:wrongPulse .4s ease both}.blank-input.is-shaking{animation:blankShake .4s ease both}.blank-mark{position:absolute;right:-3px;top:-15px;font-family:var(--sans);font-size:11px;font-weight:800;line-height:1;color:var(--green);opacity:0;transform:scale(.5) translateY(3px);pointer-events:none}.blank-wrap.is-correct .blank-mark{opacity:1;transform:none;animation:markPop .35s .08s both}.blank-wrap.is-wrong .blank-mark{opacity:1;transform:none;color:var(--coral)}.sentence.is-solved .blank-input{border-color:var(--green)}.inline-help{display:flex;justify-content:space-between;gap:8px;margin-top:7px;font-size:7.5px;color:var(--muted);line-height:1.5}.inline-help span:last-child{font-family:var(--mono);color:var(--green);white-space:nowrap}.question-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.btn-check{flex:1;min-width:132px;min-height:50px;font-size:13px;border-radius:14px}.btn-check .kbd{font-size:8px}.question-actions .hint-btn{font-size:8.5px;color:var(--muted);border-bottom:1px dashed var(--line);padding:2px 0;background:none}.question-actions .link-btn{font-size:8.5px;margin-left:auto}.hint-text{margin-top:5px;padding:8px 9px;border-radius:9px;background:#d8ed9c38;border:1px solid rgba(29,90,67,.12)}.hint-text.is-visible{display:block;animation:viewIn .25s both}.feedback{animation:feedbackUp .38s cubic-bezier(.2,.8,.2,1) both}.feedback.is-success .feedback-icon{animation:iconPop .55s cubic-bezier(.2,.9,.25,1.35) both}.feedback.is-success{border-color:#1d5a434d;box-shadow:0 10px 30px -24px #1d5a4399}.expansion{margin-top:9px;padding:9px 10px;border:1px solid rgba(20,42,34,.12);border-radius:11px;background:#fffdf7b8;display:flex;flex-direction:column;gap:7px}.exp-row{display:flex;align-items:flex-start;gap:7px}.exp-label{flex:none;width:57px;padding-top:2px;font-family:var(--mono);font-size:7px;letter-spacing:.04em;color:var(--muted);line-height:1.4}.exp-chips{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.exp-chip{display:inline-flex;align-items:baseline;gap:3px;border:1px solid var(--line);border-radius:5px;padding:2px 5px;background:#ffffff73;font-size:9px;line-height:1.4}.exp-chip b{font-size:9px;color:var(--ink)}.exp-chip small{font-family:var(--mono);font-size:5.8px;color:var(--green);background:var(--lime-soft);padding:1px 3px;border-radius:2px}.exp-chip em{font-style:normal;font-size:7px;color:var(--muted)}.exp-chip.is-syn{font-family:var(--mono);font-size:7.5px;color:var(--green);background:#1d5a4312;border-color:#1d5a4324}.exp-chip.is-phrase{font-family:var(--mono);font-size:7.5px;color:#a64e3a;background:var(--coral-soft);border-color:#e4684f2e}.details.is-compact .expansion{margin-top:7px}.confetti-burst{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.confetti-burst i{position:absolute;top:16%;width:6px;height:10px;border-radius:2px;background:var(--c);opacity:0;animation:confettiFall .95s cubic-bezier(.15,.7,.3,1) forwards}@keyframes correctPop{0%{transform:scale(.94)}45%{transform:scale(1.1)}75%{transform:scale(.98)}to{transform:scale(1)}}@keyframes wrongPulse{0%,to{transform:translate(0)}20%{transform:translate(-4px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}@keyframes blankShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}55%{transform:translate(4px)}80%{transform:translate(-2px)}}@keyframes markPop{0%{opacity:0;transform:scale(.4) translateY(4px)}70%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes feedbackUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes iconPop{0%{transform:scale(.5);opacity:0}55%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-12px) rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(var(--x),130px) rotate(var(--r))}}@media(min-width:700px){.blank-input{min-width:82px;margin:0 6px;padding:0 7px 2px;border-bottom-width:3px}.blank-mark{font-size:10px;top:-17px}.question-actions{margin-top:auto;padding-top:16px}.btn-check{flex:0 1 auto;min-width:150px}.inline-help{font-size:8px}.expansion{padding:10px 11px;gap:8px}.exp-label{width:64px;font-size:7px}.exp-chip{font-size:9px}.exp-chip b{font-size:9.5px}}@media(prefers-reduced-motion:reduce){.blank-input,.blank-mark,.feedback,.feedback-icon,.confetti-burst i{animation:none!important}}@media(max-width:699px){.question-actions{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7px 10px}.btn-check{grid-column:1/-1;width:100%;min-width:0}.question-actions .hint-btn{justify-self:start}.question-actions .link-btn{justify-self:end;margin-left:0}}@media(min-width:980px){.feedback{padding:15px 16px}.feedback-head strong{font-size:13px}.feedback-head small{font-size:10px}.feedback-answer{font-size:14px}.translation{font-size:9.5px}.details{font-size:10.5px}.exp-label{width:66px;font-size:7.5px}.exp-chip{font-size:10px;padding:3px 6px}.exp-chip b{font-size:10.5px}.exp-chip small{font-size:6.5px}.exp-chip em{font-size:8px}.tip{font-size:9px}.tag-row span{font-size:8px}}@media(min-width:980px){.feedback-answer{font-size:15px}.feedback-head small{font-size:10.5px}.details{font-size:11px}.exp-label{font-size:8px}.exp-chip{font-size:10.5px}.exp-chip b{font-size:11px}.exp-chip em{font-size:8.5px}.translation{font-size:10px}.tip{font-size:9.5px}.tag-row span{font-size:8.5px}}.accepted-note{margin-top:6px;font-size:8.5px;line-height:1.6;color:var(--green);background:#1d5a430f;border-left:2px solid var(--green);padding:5px 7px;border-radius:0 6px 6px 0}@media(min-width:980px){.accepted-note{font-size:10px}}.lexicon-page,.exam-page{max-width:1320px}.lex-tabs{display:grid;grid-template-columns:1fr;gap:6px;margin:13px 0 12px}.lex-tab{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fffcf68c;text-align:left;transition:background .2s,border-color .2s,transform .2s}.lex-tab span{font-family:var(--serif);font-size:19px;color:var(--ink)}.lex-tab small{font-family:var(--mono);font-size:6.5px;letter-spacing:.06em;color:var(--muted);text-align:right}.lex-tab.is-active{background:var(--green);border-color:var(--green);transform:translateY(-1px)}.lex-tab.is-active span{color:var(--paper)}.lex-tab.is-active small{color:#fbf7efad}.lex-toolbar{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.lex-toolbar .search{width:100%}.lex-toolbar .chip-row{display:flex;gap:5px;flex-wrap:wrap}.lex-summary{display:flex;justify-content:space-between;gap:8px;margin:10px 0 4px;font-family:var(--mono);font-size:7px;letter-spacing:.04em;color:var(--muted)}.lex-list{border-top:1px solid var(--line);margin-top:4px}.lex-row{display:grid;grid-template-columns:minmax(92px,1fr) 1.7fr 16px;gap:9px;align-items:start;padding:12px 3px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .18s,padding .18s}.lex-row:hover,.lex-row:focus-visible{background:#d8ed9c21;padding-left:9px;outline:none}.lex-word h3{font-family:var(--serif);font-size:21px;line-height:1.1;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere}.lex-word .ipa{display:block;margin-top:3px;font-family:var(--mono);font-size:7px;color:var(--muted)}.lex-body p{margin:0;font-size:8.5px;line-height:1.65;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lex-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.lex-tags span{font-family:var(--mono);font-size:6.5px;line-height:1.4;padding:2px 4px;border-radius:3px;border:1px solid var(--line);color:var(--muted);background:#fff6}.lex-tags .band{border-color:#1d5a4333;color:var(--green);background:#1d5a4312}.lex-tags .band-\9ad8\9891 {color:#a64e3a;background:var(--coral-soft);border-color:#e4684f33}.lex-tags .band-\4e2d\9891 {color:#8a6a2a;background:#f7edc9;border-color:#e3d09b}.lex-arrow{width:14px;height:14px;margin-top:9px;color:var(--muted)}.lex-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 4px;font-family:var(--mono);font-size:8px;color:var(--muted)}.lex-pager .btn{min-height:36px;padding:6px 11px;font-size:8px}.lex-error,.lex-loading{padding:20px 12px;border:1px dashed var(--line);border-radius:10px;text-align:center;color:var(--muted);font-size:9px;line-height:1.7}.lex-source{margin-top:12px;font-size:7px;line-height:1.6;color:var(--muted)}.lex-modal{max-width:620px}.lex-modal-body{padding:18px 15px 16px}.lex-modal-body h2{font-family:var(--serif);font-size:42px;line-height:1;margin:6px 0 2px}.lex-senses{display:flex;flex-direction:column;gap:8px;margin-top:12px}.lex-senses p{display:flex;gap:8px;margin:0;font-size:10px;line-height:1.7;color:var(--ink-2)}.lex-senses p b{flex:none;width:52px;font-family:var(--mono);font-size:6.5px;letter-spacing:.05em;color:var(--muted);padding-top:2px}.lex-forms{display:flex;gap:8px;align-items:flex-start}.lex-forms>b{flex:none;width:52px;font-family:var(--mono);font-size:6.5px;letter-spacing:.05em;color:var(--muted);padding-top:2px}.lex-forms .tag-row{margin-top:0}.lex-modal-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.lex-modal-meta span{font-family:var(--mono);font-size:6.5px;padding:3px 5px;border:1px solid var(--line);border-radius:3px;color:var(--muted)}.exam-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.exam-tab{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:12px 13px;border-radius:12px;border:1px solid var(--line);background:#fffcf68c;text-align:left}.exam-tab span{font-family:var(--serif);font-size:22px}.exam-tab small{font-family:var(--mono);font-size:7px;color:var(--muted)}.exam-tab.is-active{background:var(--green);border-color:var(--green)}.exam-tab.is-active span,.exam-tab.is-active small{color:var(--paper)}.exam-intro{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:12px;border-radius:12px;background:#d8ed9c2e;border:1px solid rgba(29,90,67,.12)}.exam-intro>svg{width:18px;height:18px;color:var(--green)}.exam-intro p{flex:1;min-width:200px;margin:0;font-size:9px;line-height:1.7;color:var(--ink-2)}.exam-intro .text-link{font-size:8px}.exam-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:11px}.exam-card{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fffdf78c}.exam-card-top{display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:6.5px;color:var(--muted);letter-spacing:.06em}.exam-card h2{font-family:var(--serif);font-size:22px;margin:5px 0 7px;letter-spacing:-.02em}.exam-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.exam-card li{position:relative;padding-left:10px;font-size:8.5px;line-height:1.65;color:var(--ink-2)}.exam-card li:before{content:"\b7";position:absolute;left:0;color:var(--green);font-weight:800}.exam-vocab{display:flex;flex-direction:column;gap:12px;margin-top:15px;padding:15px;border-radius:14px;background:var(--green);color:var(--paper)}.exam-vocab .eyebrow{color:#fbf7ef99}.exam-vocab h2{font-family:var(--serif);font-size:27px;margin:4px 0 5px}.exam-vocab p{margin:0;font-size:9px;line-height:1.7;color:#fbf7efb8}.exam-vocab-actions{display:flex;gap:7px;flex-wrap:wrap}.exam-vocab .btn-primary{background:var(--lime);color:var(--ink);border-color:var(--lime)}.exam-vocab .btn-outline{border-color:#fbf7ef4d;color:var(--paper)}@media(min-width:700px){.lex-tabs{grid-template-columns:repeat(3,1fr)}.lex-tab{flex-direction:column;align-items:flex-start;gap:3px}.lex-tab small{text-align:left}.lex-toolbar{flex-direction:row;align-items:center;justify-content:space-between}.lex-toolbar .search{width:min(360px,45%)}.lex-row{grid-template-columns:160px 1fr 18px;gap:14px;padding:14px 4px}.lex-word h3{font-size:25px}.lex-body p{font-size:10px;-webkit-line-clamp:2}.lex-tags span{font-size:7.5px}.lex-pager .btn{font-size:9px}.lex-source{font-size:8px}.lex-senses p{font-size:11.5px}.lex-modal-body{padding:22px 22px 18px}.lex-modal-body h2{font-size:52px}.exam-grid{grid-template-columns:1fr 1fr}.exam-card{padding:16px}.exam-card h2{font-size:25px}.exam-card li{font-size:9.5px}.exam-vocab{flex-direction:row;align-items:center;justify-content:space-between;padding:18px 20px}.exam-vocab h2{font-size:31px}.exam-vocab-actions{flex:none}}@media(min-width:1100px){.lex-row{grid-template-columns:190px 1fr 20px}.lex-word h3{font-size:28px}.lex-body p{font-size:10.5px}.exam-grid{grid-template-columns:repeat(3,1fr)}}.buddy{position:relative;display:grid;grid-template-columns:118px 1fr;gap:12px;align-items:center;margin-top:16px;padding:12px 13px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(120deg,#d8ed9c3d,#fffdf7b3);overflow:hidden}.buddy-art{position:relative;height:150px;display:flex;align-items:flex-end;justify-content:center}.buddy-art img{width:118px;height:150px;object-fit:contain;object-position:bottom;mix-blend-mode:multiply;filter:contrast(1.02)}.buddy-copy .eyebrow{font-size:6.5px;letter-spacing:.12em;color:var(--green)}.buddy-copy h2{font-family:var(--serif);font-size:26px;line-height:1.05;letter-spacing:-.03em;margin:4px 0 5px;max-width:220px}.buddy-copy h2 em{color:var(--green);font-style:normal;border-bottom:7px solid var(--lime);line-height:.95}.buddy-copy p{margin:0;font-size:8.5px;line-height:1.65;color:var(--muted);max-width:300px}.buddy-actions{display:flex;align-items:center;gap:9px;margin-top:8px;flex-wrap:wrap}.buddy-actions .btn{min-height:34px;font-size:8px;padding:6px 10px}.buddy-actions .text-link{font-size:8px}.buddy-bubble{display:none}@media(min-width:700px){.buddy{grid-template-columns:180px 1fr auto;padding:16px 20px;margin-top:20px}.buddy-art{height:210px}.buddy-art img{width:180px;height:210px}.buddy-copy h2{font-size:38px;max-width:460px}.buddy-copy p{font-size:10px;max-width:520px}.buddy-actions .btn{font-size:9px;min-height:38px;padding:8px 13px}.buddy-bubble{display:block;position:relative;align-self:flex-start;margin:28px 8px 0 0;padding:9px 11px;border-radius:12px 12px 12px 2px;background:var(--paper);border:1px solid var(--line);font-family:var(--serif);font-size:14px;color:var(--ink);white-space:nowrap}}@media(max-width:380px){.buddy{grid-template-columns:90px 1fr;gap:8px}.buddy-art{height:132px}.buddy-art img{width:96px;height:132px}.buddy-copy h2{font-size:23px}}.buddy-tip{display:flex;align-items:center;gap:6px;margin:7px 0 0;font-size:7.5px;color:var(--muted)}.buddy-tip img{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:50% 12%;mix-blend-mode:multiply;border:1px solid rgba(29,90,67,.14);background:#fff}@media(min-width:700px){.buddy-tip img{width:32px;height:32px}.buddy-tip{font-size:8px;gap:7px}}@keyframes buddyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.buddy-art img{animation:buddyFloat 5.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.buddy-art img{animation:none}}.q-buddy{display:flex;align-items:flex-end;gap:7px;margin:8px 0 3px}.q-buddy-art{flex:none;width:54px;height:72px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.q-buddy-art img{width:54px;height:72px;object-fit:contain;object-position:bottom;mix-blend-mode:multiply;animation:buddyFloat 5.5s ease-in-out infinite}.q-buddy-speech{position:relative;margin-bottom:8px;padding:6px 8px;border-radius:9px 9px 9px 2px;background:#d8ed9c3d;border:1px solid rgba(29,90,67,.13);font-size:7.5px;line-height:1.5;color:var(--ink-2);max-width:230px}.q-buddy-speech b{display:block;font-family:var(--mono);font-size:6px;letter-spacing:.06em;color:var(--green);margin-bottom:1px}@media(min-width:700px){.q-buddy{gap:9px;margin:10px 0 2px}.q-buddy-art,.q-buddy-art img{width:68px;height:88px}.q-buddy-speech{font-size:8.5px;padding:7px 10px;max-width:300px}.q-buddy-speech b{font-size:6.5px}}@media(prefers-reduced-motion:reduce){.q-buddy-art img{animation:none}}