:root{--navy:#111b33;--navy2:#1b2949;--ink:#182039;--cream:#f4eedf;--paper:#fffaf0;--muted:#8e98af;--line:rgba(255,255,255,.11);--coral:#ef4e42;--gold:#e7ad46;--green:#4f9e79;--radius:22px;--shadow:0 26px 70px rgba(4,10,24,.24)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:#f7f2e8;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Apple SD Gothic Neo",sans-serif;min-height:100vh}.ambient{position:fixed;border-radius:50%;filter:blur(110px);opacity:.16;pointer-events:none}.ambient-one{width:420px;height:420px;background:#4c6eae;right:-120px;top:-150px}.ambient-two{width:360px;height:360px;background:#c94d47;left:25%;bottom:-250px}.app-shell{max-width:1440px;margin:auto;display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{padding:34px 24px;display:flex;flex-direction:column;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;background:rgba(11,20,39,.42);backdrop-filter:blur(20px);z-index:5}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;margin-bottom:50px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--coral);font:700 24px Georgia,"Yu Mincho",serif;box-shadow:0 8px 20px rgba(239,78,66,.28)}.brand strong{font:700 21px Georgia,"Yu Mincho",serif;display:block}.brand small,.sidebar-note small{font-size:11px;color:var(--muted);display:block;margin-top:3px}.nav-list{display:grid;gap:8px}.nav-item{border:0;background:transparent;color:#929db4;text-align:left;border-radius:12px;padding:13px 14px;font-size:14px;cursor:pointer;transition:.2s}.nav-item span{display:inline-grid;width:25px;font-family:Georgia,serif}.nav-item:hover,.nav-item.active{color:#fff;background:rgba(255,255,255,.08)}.level-panel{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}.eyebrow{margin:0 0 8px;font-size:10px;letter-spacing:.18em;color:#8793ad;font-weight:800}.eyebrow.dark{color:#70788a}.level-options{display:flex;flex-wrap:wrap;gap:6px}.level-options button,.mode{border:1px solid rgba(255,255,255,.18);background:transparent;color:#aeb7ca;border-radius:18px;padding:7px 10px;font-weight:700;cursor:pointer}.level-options button.active{background:var(--coral);border-color:var(--coral);color:#fff}.level-copy{font-size:12px;color:#9ca6bb;line-height:1.55;margin-top:14px}.level-copy strong{color:#fff}.sidebar-note{margin-top:auto;display:flex;gap:10px;align-items:center;padding:14px;background:rgba(255,255,255,.055);border-radius:14px;font-size:12px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6bdaa2;box-shadow:0 0 0 5px rgba(107,218,162,.12);animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(107,218,162,0)}}.main-content{padding:42px clamp(28px,5vw,72px) 32px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.topbar h1{font:700 clamp(28px,3vw,43px) Georgia,"Yu Mincho",serif;margin:0 0 7px;letter-spacing:.02em}.subcopy{color:#8f9ab1;margin:0;font-size:14px}.clock-card{display:flex;gap:12px;align-items:center;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035)}.clock-card small{display:block;color:#8994ac;font-size:10px}.clock-card strong{font-variant-numeric:tabular-nums;font-size:17px}.menu-button{display:none}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:16px}.stat-card{min-height:142px;padding:23px;border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:18px;display:flex;align-items:center;justify-content:space-between}.stat-card.accent{background:linear-gradient(135deg,#ec5044,#d93e4f);border:0}.stat-card p{margin:0 0 8px;color:#a8b2c5;font-size:12px}.stat-card.accent p,.stat-card.accent span{color:rgba(255,255,255,.78)}.stat-card strong{font:700 32px Georgia,serif;display:block}.stat-card strong small{font:500 13px sans-serif;margin-left:4px}.stat-card>div>span{font-size:11px;color:#7f8ca7}.stat-icon{width:48px;height:48px;border-radius:15px;background:rgba(231,173,70,.14);color:var(--gold);display:grid;place-items:center;font:700 24px Georgia,serif}.stat-icon.coral{color:#ff8277;background:rgba(239,78,66,.13)}.mini-ring{--p:0;position:relative;width:62px;height:62px;border-radius:50%;background:conic-gradient(#fff calc(var(--p)*1%),rgba(255,255,255,.2) 0);display:grid;place-items:center}.mini-ring:before{content:"";width:48px;height:48px;background:#e94946;border-radius:50%;position:absolute}.mini-ring b{position:relative;font-size:11px}.dashboard-grid,.study-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;margin-bottom:16px}.cream-card,.soft-card,.dark-card{border-radius:var(--radius);padding:27px;box-shadow:var(--shadow)}.cream-card{background:var(--cream);color:var(--ink)}.soft-card{background:#e9edf2;color:var(--ink)}.dark-card{background:#1d2a48;border:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.section-heading h2{margin:0;font:700 22px Georgia,"Yu Mincho",serif}.status-pill,.question-index{font-size:11px;border-radius:20px;padding:7px 11px;background:#e6ddca;color:#7e725f}.timer-layout{display:flex;align-items:center;gap:34px}.timer-ring{--p:0;width:180px;height:180px;flex:0 0 180px;border-radius:50%;background:conic-gradient(var(--coral) calc(var(--p)*1%),#dcd3c2 0);display:grid;place-items:center;position:relative}.timer-ring:before{content:"";position:absolute;width:154px;height:154px;border-radius:50%;background:var(--cream)}.timer-ring div{position:relative;text-align:center}.timer-ring strong{display:block;font:700 35px Georgia,serif;font-variant-numeric:tabular-nums}.timer-ring span{font-size:10px;color:#7b7569}.timer-controls{flex:1}.timer-controls p{color:#716d64;font-size:13px;line-height:1.65}.timer-controls p strong{color:var(--ink)}.mode-row,.action-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.mode{border-color:#cbc0ad;color:#7d7464}.mode.active{background:var(--ink);border-color:var(--ink);color:#fff}.primary,.next-button{border:0;background:var(--coral);color:#fff;border-radius:12px;padding:12px 20px;font-weight:800;cursor:pointer}.icon-button{width:42px;border:1px solid #cabfac;background:transparent;border-radius:12px;color:var(--ink);font-size:18px;cursor:pointer}.section-heading.light h2{color:#fff}.plan-card{box-shadow:var(--shadow)}.plan-list{display:grid;gap:10px}.plan-list label{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.055);padding:12px;border-radius:13px;cursor:pointer}.plan-list input{position:absolute;opacity:0}.checkmark{width:26px;height:26px;border:1px solid rgba(255,255,255,.18);border-radius:8px;display:grid;place-items:center;color:transparent;transition:.2s}.plan-list input:checked+.checkmark{background:var(--coral);border-color:var(--coral);color:#fff}.plan-list strong{font-size:12px}.plan-list small{display:block;color:#7f8aa3;font-size:10px;margin-top:4px}.quiz-progress{height:4px;background:#ddd3c1;border-radius:5px;overflow:hidden}.quiz-progress i{display:block;height:100%;background:var(--coral);width:12.5%;transition:.3s}.question-guide{font-size:11px;color:#7b7467;margin-top:20px}.jp-sentence{font:500 clamp(23px,2vw,30px) Georgia,"Yu Mincho",serif;line-height:1.55;margin:15px 0 22px;text-wrap:balance}.jp-sentence u{text-decoration-color:var(--coral);text-underline-offset:7px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer{border:1px solid #d6cbb9;background:#fffaf0;color:var(--ink);border-radius:12px;padding:13px;text-align:left;font:600 15px Georgia,"Yu Mincho",serif;cursor:pointer}.answer b{display:inline-grid;place-items:center;width:24px;height:24px;background:var(--ink);color:#fff;border-radius:7px;margin-right:9px;font:700 11px sans-serif}.answer:hover{border-color:var(--coral)}.answer.correct{border-color:var(--green);background:#e8f3eb}.answer.wrong{border-color:var(--coral);background:#fae7e2}.feedback{min-height:23px;margin:12px 0;font-size:12px;font-weight:700}.feedback.ok{color:#347657}.feedback.no{color:#c23d36}.next-button{width:100%}.next-button:disabled{opacity:.38;cursor:not-allowed}.progress-card{background:#f2f4f6}.weekly-total{color:var(--coral);font-size:17px}.chart{height:190px;display:flex;align-items:end;gap:10px;padding-top:15px;border-bottom:1px solid #ccd2d8}.bar-wrap{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.bar{width:min(30px,70%);min-height:5px;background:#ccd2db;border-radius:8px 8px 2px 2px;transition:.4s}.bar.today{background:var(--coral)}.bar-wrap small{font-size:9px;color:#808898}.bar-wrap b{font-size:9px;color:#667080}.insight{margin-top:20px;display:flex;gap:12px;align-items:center;padding:13px;background:#fff;border-radius:13px}.insight>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--green);background:#e8f3ec}.insight p{font-size:10px;color:#808795;line-height:1.6;margin:0}.insight strong{color:#30394c}.toast{position:fixed;right:25px;bottom:25px;background:#fff;color:var(--ink);padding:13px 18px;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.25);font-size:12px;transform:translateY(100px);opacity:0;transition:.3s;z-index:20}.toast.show{transform:none;opacity:1}footer{display:flex;align-items:center;gap:20px;color:#737f98;font-size:11px;padding:16px 4px}footer span{color:#fff;font:700 18px Georgia,serif}footer p{flex:1}footer button{border:0;background:none;color:#65718a;text-decoration:underline;cursor:pointer}.install-app{background:var(--coral)!important;color:#fff!important;text-decoration:none!important;border-radius:11px!important;padding:10px 14px!important;font-weight:800}.install-app[hidden]{display:none!important}@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;transform:translateX(-105%);transition:.25s;width:240px}.sidebar.open{transform:none}.main-content{padding:28px}.menu-button{display:block;background:transparent;border:1px solid var(--line);color:#fff;border-radius:10px;padding:9px;margin-right:14px}.topbar{justify-content:flex-start}.clock-card{margin-left:auto}.dashboard-grid,.study-grid{grid-template-columns:1fr}}@media(max-width:650px){.main-content{padding:22px 16px}.topbar h1{font-size:27px}.subcopy{font-size:12px}.clock-card small{display:none}.clock-card{padding:9px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:118px;padding:18px}.stat-card:first-child{grid-column:1/-1}.timer-layout{flex-direction:column}.timer-controls{text-align:center}.mode-row,.action-row{justify-content:center}.answers{grid-template-columns:1fr}.cream-card,.soft-card,.dark-card{padding:21px}.jp-sentence{font-size:23px}.chart{height:160px}footer p{display:none}}.sound-toggle{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#d8deea;border-radius:12px;padding:10px 13px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer;transition:.2s}.sound-toggle:hover,.sound-toggle.active{background:rgba(231,173,70,.16);border-color:rgba(231,173,70,.48);color:#ffe0a6}.sound-toggle .sound-icon{font-size:17px;line-height:1}.sound-toggle.muted{opacity:.68}@media(max-width:650px){.sound-toggle{width:40px;height:40px;padding:0;justify-content:center}.sound-toggle #soundLabel{display:none}.clock-card{margin-left:auto}}
.cycle-dialog{border:0;padding:0;background:transparent;color:var(--ink);width:min(560px,calc(100vw - 28px));max-width:none}.cycle-dialog::backdrop{background:rgba(5,12,27,.72);backdrop-filter:blur(6px)}.cycle-dialog-card{background:var(--paper);border-radius:26px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.38)}.cycle-dialog h2{margin:0;font:700 29px Georgia,"Yu Mincho",serif;color:var(--ink)}.cycle-summary-copy{margin:10px 0 22px;color:#747d91;line-height:1.55}.cycle-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cycle-summary-grid div{background:#eee7d8;border-radius:15px;padding:16px 8px;text-align:center}.cycle-summary-grid strong{display:block;font-size:23px;color:var(--coral)}.cycle-summary-grid span{display:block;margin-top:4px;font-size:11px;font-weight:800;color:#7d8494}.cycle-question{margin:24px 0 13px;font-weight:800;color:var(--ink)}.cycle-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px}.cycle-actions button{border:0;border-radius:13px;padding:14px 12px;font-weight:900;cursor:pointer}.cycle-later{background:#e5dfd2;color:#687083}.cycle-continue{background:var(--coral);color:#fff;box-shadow:0 8px 20px rgba(239,78,66,.24)}@media(max-width:650px){.cycle-dialog-card{padding:24px 20px}.cycle-dialog h2{font-size:25px}.cycle-summary-grid{grid-template-columns:1fr 1fr}.cycle-actions{grid-template-columns:1fr}.cycle-continue{order:-1}}
.maintenance-overlay[hidden]{display:none}.maintenance-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:rgba(5,12,27,.84);backdrop-filter:blur(10px)}.maintenance-card{width:min(480px,100%);background:var(--paper);color:var(--ink);border-radius:28px;padding:36px 28px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.4)}.maintenance-mark{width:66px;height:66px;margin:0 auto 22px;display:grid;place-items:center;border-radius:20px;background:var(--coral);color:#fff;font:700 34px Georgia,serif}.maintenance-card h2{margin:0;font:700 30px Georgia,"Yu Mincho",serif}.maintenance-card>p:not(.eyebrow){margin:14px 0;color:#70798c;line-height:1.65}.maintenance-card small{color:#9aa1af}
.top-meta{display:flex;align-items:center;gap:10px}.top-meta .eyebrow{margin:0}.version-badge{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:3px 8px;color:#b6c0d3;background:rgba(255,255,255,.06);font-size:9px;font-weight:900;letter-spacing:.08em}.jp-game-section{margin-top:24px;padding:28px;border-radius:var(--radius);background:linear-gradient(145deg,#f6f0e3,#e9e2d4);color:var(--ink);box-shadow:var(--shadow)}.game-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.game-heading h2{margin:0;font:700 28px Georgia,"Yu Mincho",serif}.game-heading>div>p:last-child{margin:8px 0 0;color:#747c8c;font-size:13px}.game-actions{display:flex;gap:8px}.game-actions button,.game-cover button{border:0;border-radius:12px;padding:11px 16px;font-weight:900;cursor:pointer}.game-actions button:first-child,.game-cover button{background:var(--coral);color:#fff}.game-actions button:last-child{background:#dcd4c5;color:#556074}.game-hud{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.game-hud span{background:#fff9ed;border:1px solid rgba(24,32,57,.09);border-radius:10px;padding:8px 11px;font-size:11px;color:#737b8b}.game-hud b{margin-left:4px;color:var(--ink)}.game-frame{position:relative;overflow:hidden;border:4px solid #17213b;border-radius:18px;background:#9bdcf5;box-shadow:0 15px 35px rgba(17,27,51,.22)}#jpGameCanvas{display:block;width:100%;height:auto;aspect-ratio:16/7;background:#9bdcf5;touch-action:none;outline:none}.game-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;background:linear-gradient(rgba(17,27,51,.38),rgba(17,27,51,.72));text-align:center}.game-cover[hidden]{display:none}.game-cover strong{font:900 clamp(28px,5vw,54px) Georgia,"Yu Mincho",serif;letter-spacing:.08em;text-shadow:0 4px 0 #17213b}.game-cover span{font-size:13px;font-weight:800}.game-message{min-height:24px;margin-top:12px;text-align:center;font-weight:800;color:#5d6678}.game-message.good{color:#327a58}.game-message.bad{color:#d24137}.touch-controls{display:flex;justify-content:space-between;align-items:center;margin-top:14px;user-select:none}.touch-controls>div{display:flex;gap:10px}.touch-controls button{width:64px;height:54px;border:0;border-radius:15px;background:#17213b;color:#fff;font-size:24px;font-weight:900;box-shadow:0 5px 0 #090f20;touch-action:none}.touch-controls button:active,.touch-controls button.pressed{transform:translateY(4px);box-shadow:0 1px 0 #090f20}.touch-controls .jump-control{width:78px;height:62px;border-radius:50%;background:var(--coral)}.jump-control small{display:block;font-size:8px;letter-spacing:.12em}@media(max-width:700px){.jp-game-section{padding:18px 12px;margin-left:-2px;margin-right:-2px}.game-heading{align-items:flex-start;flex-direction:column}.game-heading h2{font-size:23px}.game-actions{width:100%}.game-actions button{flex:1}.game-hud{gap:5px}.game-hud span{padding:6px 8px}.touch-controls button{width:68px;height:58px}#jpGameCanvas{aspect-ratio:16/9}.version-badge{font-size:8px}}