:root{--paper:#f5f1e8;--sheet:#fffdf8;--ink:#16233b;--muted:#6f756f;--blue:#2856d8;--blue-soft:#dfe7ff;--red:#c74f3f;--green:#20745a;--rule:#d8d2c6;background:#f5f1e8;background:var(--paper);color:#16233b;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f5f1e8;background:var(--paper);margin:0}button{color:inherit;font:inherit}.app-shell{background-image:linear-gradient(#16233b08 1px,transparent 0);background-size:100% 32px;min-height:100vh}.topbar{background:#f5f1e8f2;border-bottom:1px solid #16233b;border-bottom:1px solid var(--ink);height:76px;justify-content:space-between;padding:0 max(28px,calc(50vw - 630px))}.brand,.topbar{align-items:center;display:flex}.brand{background:none;border:0;cursor:pointer;gap:11px;text-align:left}.brand>i{background:#2856d8;background:var(--blue);border-radius:50%;color:#fff;display:grid;font:700 18px Georgia,serif;font-style:italic;height:36px;place-items:center;width:36px}.brand span{display:flex;flex-direction:column}.brand b{font-family:Georgia,Times New Roman,serif;font-size:17px;letter-spacing:-.02em}.brand small{font-size:10px}.brand small,.top-meta{color:#6f756f;color:var(--muted)}.top-meta{align-items:center;display:flex;font-size:11px;gap:22px}.top-meta span:first-child{color:#20745a;color:var(--green)}.top-meta i{background:#20745a;background:var(--green);border-radius:50%;display:inline-block;height:7px;margin-right:7px;width:7px}.kicker{color:#2856d8;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.welcome-page{grid-gap:80px;display:grid;gap:80px;grid-template-columns:1.05fr .95fr;margin:auto;min-height:calc(100vh - 76px);padding:80px 0 0;width:min(1260px,calc(100% - 56px))}.hero-copy{align-self:center}.hero-copy h1{font:400 clamp(64px,6.5vw,100px)/.9 Georgia,Times New Roman,serif;letter-spacing:-.065em;margin:25px 0 26px}.hero-copy h1 em{color:#2856d8;color:var(--blue);font-weight:400;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:10px}.hero-copy>p{color:#525b60;font:17px/1.75 Georgia,serif;margin:0;max-width:630px}.level-switch{background:#fffdf8;background:var(--sheet);border:1px solid #d8d2c6;border:1px solid var(--rule);display:flex;gap:0;margin:38px 0 18px}.level-switch button{background:transparent;border:0;border-right:1px solid #d8d2c6;border-right:1px solid var(--rule);cursor:pointer;flex:1 1;min-height:72px;padding:13px 16px;text-align:left}.level-switch button:last-child{border-right:0}.level-switch button.active{background:#dfe7ff;background:var(--blue-soft);box-shadow:inset 0 -3px #2856d8;box-shadow:inset 0 -3px var(--blue)}.level-switch b,.level-switch small{display:block}.level-switch b{font-family:Georgia,serif;margin-bottom:4px}.level-switch small{color:#6f756f;color:var(--muted);font-size:10px}.primary-action{align-items:center;background:#16233b;background:var(--ink);border:1px solid #16233b;border:1px solid var(--ink);border-radius:0;box-shadow:5px 5px 0 #2856d8;box-shadow:5px 5px 0 var(--blue);color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:42px;justify-content:space-between;min-height:55px;padding:0 22px}.primary-action:hover{box-shadow:3px 3px 0 #2856d8;box-shadow:3px 3px 0 var(--blue);-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}.preview-card{align-self:center;background:#fffdf8;background:var(--sheet);border:1px solid #16233b;border:1px solid var(--ink);box-shadow:14px 14px 0 #d8d2c6;min-height:570px;padding:42px;position:relative;-webkit-transform:rotate(1.1deg);transform:rotate(1.1deg)}.preview-card:before{background:#c74f3f;background:var(--red);color:#fff;content:"VOCABULARY NOTE / 01";font-size:9px;font-weight:800;left:34px;letter-spacing:.1em;padding:5px 11px;position:absolute;top:-13px}.preview-top{border-bottom:1px solid #d8d2c6;border-bottom:1px solid var(--rule);color:#6f756f;color:var(--muted);display:flex;font-size:10px;justify-content:space-between;letter-spacing:.08em;padding-bottom:15px}.preview-word{font:400 clamp(50px,5vw,76px)/1 Georgia,serif;letter-spacing:-.04em;margin:82px 0 8px}.phonetic{color:#2856d8;color:var(--blue);font:italic 15px Georgia,serif}.preview-card>p{color:#4d555b;font:16px/1.6 Georgia,serif;margin:28px 0 38px}.preview-options{grid-gap:10px;display:grid;gap:10px}.preview-options i{background:transparent;border-bottom:1px solid #d8d2c6;border-bottom:1px solid var(--rule);height:42px}.preview-options i:before{color:#9aa0a0;content:"○";font-style:normal}.preview-options i.correct:before{color:#2856d8;color:var(--blue);content:"●"}.preview-stats{border-top:1px solid #16233b;border-top:1px solid var(--ink);bottom:32px;color:#6f756f;color:var(--muted);display:flex;font-size:10px;gap:52px;left:42px;padding-top:18px;position:absolute;right:42px}.preview-stats b{color:#16233b;color:var(--ink);display:block;font:400 25px Georgia,serif}.feature-strip{border-top:1px solid #16233b;border-top:1px solid var(--ink);display:grid;grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin-top:35px}.feature-strip>div{padding:25px 26px 40px 0}.feature-strip span{border:1px solid #2856d8;border:1px solid var(--blue);border-radius:50%;color:#2856d8;color:var(--blue);display:inline-grid;font-size:10px;height:26px;margin-right:9px;place-items:center;width:26px}.feature-strip b{font-family:Georgia,serif}.feature-strip p{color:#6f756f;color:var(--muted);font-size:11px;margin:8px 0 0 39px}.quiz-page,.result-page{margin:auto;padding:46px 0 80px;width:min(1260px,calc(100% - 56px))}.quiz-head{grid-gap:25px;align-items:center;display:grid;gap:25px;grid-template-columns:170px 1fr 70px}.quiz-head button{background:none;border:0;color:#6f756f;color:var(--muted);cursor:pointer;text-align:left}.quiz-head>span{color:#2856d8;color:var(--blue);font-size:11px;font-weight:800;text-align:right}.progress{background:#d9d4c9;height:3px}.progress i{background:#2856d8;background:var(--blue);display:block;height:100%;transition:.3s}.quiz-grid{background:#fffdf8;background:var(--sheet);border:1px solid #16233b;border:1px solid var(--ink);box-shadow:10px 10px 0 #d8d2c6;display:grid;grid-template-columns:1.45fr .55fr;margin-top:34px;min-height:650px}.question-panel{padding:58px}.question-panel h1{font:400 clamp(68px,7vw,110px)/.9 Georgia,serif;letter-spacing:-.055em;margin:58px 0 12px}.question-panel>p{color:#6f756f;color:var(--muted);font-family:Georgia,serif}.options{grid-gap:0;border-top:1px solid #d8d2c6;border-top:1px solid var(--rule);display:grid;gap:0;grid-template-columns:1fr 1fr;margin-top:45px}.options button{align-items:flex-start;background:transparent;border:0;border-bottom:1px solid #d8d2c6;border-bottom:1px solid var(--rule);border-right:1px solid #d8d2c6;border-right:1px solid var(--rule);cursor:pointer;display:flex;gap:14px;min-height:86px;padding:17px 16px;text-align:left}.options button:nth-child(2n){border-right:0}.options button:hover{background:#f4f6ff}.options button span{border:1px solid #16233b;border:1px solid var(--ink);border-radius:50%;color:#2856d8;color:var(--blue);display:grid;font-size:10px;font-weight:800;height:24px;min-width:24px;place-items:center}.options button.correct{background:#e0f1e9;color:#20745a;color:var(--green)}.options button.wrong{background:#f8e4df;color:#c74f3f;color:var(--red)}.options button.dim{opacity:.46}.next-action{background:#2856d8;background:var(--blue);border:0;color:#fff;cursor:pointer;float:right;font-weight:750;margin-top:28px;padding:13px 18px}.next-action:disabled{cursor:not-allowed;opacity:.25}.session-panel{background:#edf1fb;border-left:1px solid #16233b;border-left:1px solid var(--ink);padding:45px 35px}.session-metrics{border-bottom:1px solid #16233b;border-bottom:1px solid var(--ink);border-top:1px solid #16233b;border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0 46px}.session-metrics>div{padding:17px 8px 17px 0}.session-metrics b{display:block;font:400 28px Georgia,serif}.session-metrics span{color:#6f756f;color:var(--muted);font-size:9px}.session-panel h3{font-family:Georgia,serif;font-weight:400}.answer-trail{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(5,1fr)}.answer-trail i{border:1px solid #adb5c9;border-radius:50%;display:grid;font-size:9px;font-style:normal;height:35px;place-items:center}.answer-trail i.right{background:#20745a;background:var(--green);border-color:#20745a;border-color:var(--green);color:#fff}.answer-trail i.miss{background:#c74f3f;background:var(--red);border-color:#c74f3f;border-color:var(--red);color:#fff}.answer-trail i.current{border:2px solid #2856d8;border:2px solid var(--blue);color:#2856d8;color:var(--blue)}.session-note{border-left:3px solid #2856d8;border-left:3px solid var(--blue);border-top:1px solid #adb5c9;margin-top:38px;padding:20px 0 0 18px}.session-note p{color:#5b6270;font:13px/1.6 Georgia,serif}.result-page{grid-gap:70px;align-items:center;display:grid;gap:70px;grid-template-columns:.8fr 1.2fr;min-height:calc(100vh - 76px)}.result-summary h1{color:#2856d8;color:var(--blue);font:400 120px/.85 Georgia,serif;margin:28px 0 0}.result-summary h1 small{color:#6f756f;color:var(--muted);font-size:30px}.result-summary h2{font:400 45px Georgia,serif;margin:30px 0 12px}.result-summary p{color:#6f756f;color:var(--muted);font:16px/1.7 Georgia,serif}.result-actions{display:flex;gap:14px;margin-top:30px}.result-actions>button:not(.primary-action){background:transparent;border:1px solid #16233b;border:1px solid var(--ink);cursor:pointer;padding:0 20px}.result-detail{background:#fffdf8;background:var(--sheet);border:1px solid #16233b;border:1px solid var(--ink);box-shadow:10px 10px 0 #d8d2c6;min-height:560px;padding:40px}.review-row{grid-gap:20px;border-bottom:1px solid #d8d2c6;border-bottom:1px solid var(--rule);display:grid;gap:20px;grid-template-columns:150px 1fr;padding:16px 0}.review-row b{font-family:Georgia,serif}.review-row span{color:#6f756f;color:var(--muted);font-size:12px}.perfect{background:#e0f1e9;border-left:4px solid #20745a;border-left:4px solid var(--green);color:#20745a;color:var(--green);margin:25px 0;padding:18px}.result-detail h3{font-family:Georgia,serif;margin-top:42px}.history-bars{align-items:flex-end;border-bottom:1px solid #16233b;border-bottom:1px solid var(--ink);display:flex;gap:10px;height:170px}.history-bars i{background:#2856d8;background:var(--blue);flex:1 1;height:var(--height);max-width:58px;position:relative}.history-bars span{bottom:7px;color:#fff;font-size:8px;left:0;position:absolute;right:0;text-align:center}.history-bars p{color:#6f756f;color:var(--muted)}@media (max-width:900px){.welcome-page{grid-template-columns:1fr;padding-top:58px}.preview-card{margin:15px 4px 40px;-webkit-transform:none;transform:none}.feature-strip{margin-top:0}.quiz-grid,.result-page{grid-template-columns:1fr}.session-panel{border-left:0;border-top:1px solid #16233b;border-top:1px solid var(--ink)}.result-detail{margin-top:25px}}@media (max-width:580px){.topbar{padding:0 18px}.top-meta span:last-child{display:none}.quiz-page,.result-page,.welcome-page{width:calc(100% - 36px)}.welcome-page{padding-top:42px}.hero-copy h1{font-size:53px}.level-switch{display:grid}.level-switch button{border-bottom:1px solid #d8d2c6;border-bottom:1px solid var(--rule);border-right:0}.feature-strip{grid-template-columns:1fr}.feature-strip>div{padding-bottom:18px}.quiz-head{grid-template-columns:1fr 50px}.quiz-head button{display:none}.question-panel{padding:35px 22px}.question-panel h1{font-size:16vw;margin-top:40px}.options{grid-template-columns:1fr}.options button{border-right:0}.session-panel{padding:35px 22px}.result-summary h1{font-size:90px}.review-row{gap:5px;grid-template-columns:1fr}}
/*# sourceMappingURL=main.f73150de.css.map*/