:root{color-scheme:light;--bg:#f5f7fb;--panel:#fff;--text:#1b2940;--muted:#58677e;--border:#dce3ee;--soft:#eaf1ff;--accent:#275fc8;--ath:#111}
:root[data-theme=dark]{color-scheme:dark;--bg:#0d1422;--panel:#151f30;--text:#edf3ff;--muted:#a9b8ce;--border:#31435d;--soft:#203452;--accent:#91b8ff;--ath:#fff}
@media(prefers-color-scheme:dark){:root[data-theme=system]{color-scheme:dark;--bg:#0d1422;--panel:#151f30;--text:#edf3ff;--muted:#a9b8ce;--border:#31435d;--soft:#203452;--accent:#91b8ff;--ath:#fff}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Pretendard,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-width:300px;min-height:100dvh}
.topbar{min-height:76px;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 32px}.brand{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}.brand-word{display:inline-flex;align-items:baseline;text-decoration:none;font-size:27px;line-height:1;font-weight:750;letter-spacing:-1.6px;white-space:nowrap}.brand-word b{color:#164387;font-weight:900}.brand-word span{color:var(--ath)}.brand-word i{color:#c84b23;font-style:normal;font-weight:900;letter-spacing:-1.2px}.studio-name{font-size:19px;font-weight:650;letter-spacing:-.3px}
.theme-toggle{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--panel);color:var(--text);cursor:pointer}.theme-toggle:hover{background:var(--soft)}.theme-toggle svg{grid-area:1/1;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-sun{visibility:hidden}:root[data-resolved-theme=dark] .icon-sun{visibility:visible}:root[data-resolved-theme=dark] .icon-moon{visibility:hidden}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
main{display:grid;place-items:center;min-height:calc(100dvh - 76px);padding:40px 24px 88px}.notice{width:100%;max-width:620px;text-align:center;padding:52px 36px 56px;background:var(--panel);border:1px solid var(--border);border-radius:20px}.badge{display:inline-block;padding:5px 13px;border-radius:8px;background:var(--soft);color:var(--accent);font-size:13px;font-weight:650}.school{font-size:14px;color:var(--muted);margin:24px 0 6px}h1{font-size:34px;line-height:1.3;letter-spacing:-1px;margin:0;overflow-wrap:anywhere}h2{font-size:20px;font-weight:600;line-height:1.6;margin:28px 0 8px;letter-spacing:-.5px}.description{color:var(--muted);margin:0;font-size:15px;word-break:keep-all}
.recovery{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:28px;padding:9px 18px;background:var(--soft);border:1px solid var(--border);border-radius:10px;color:var(--accent);text-decoration:none;font-weight:600}.recovery:hover{background:var(--bg)}
@media(max-width:640px){.topbar{padding:16px;gap:14px;flex-wrap:wrap}.brand-word{font-size:25px}.studio-name{font-size:17px}.theme-toggle{margin-left:auto}main{min-height:calc(100dvh - 120px);padding:28px 16px 52px}.notice{padding:40px 22px 44px;border-radius:16px}h1{font-size:29px}h2{font-size:19px}}