:root{color-scheme:light;--layout-frame-max: 1440px;--bg: #f4f5f7;--surface: #ffffff;--surface-2: #f7f8fa;--surface-3: #eef0f3;--line: #e8eaee;--line-soft: #f0f1f4;--line-strong: #d5d9e0;--text: #191f28;--text-2: #5e6875;--text-3: #b0b8c1;--primary: #3652a5;--primary-hover: #2b4187;--primary-soft: #eef2ff;--primary-contrast: #ffffff;--ink: #16181f;--ink-contrast: #ffffff;--sunrise: #ffb020;--sunrise-soft: #fff4db;--sunrise-text: #8a5a00;--st-draft: #646f7b;--st-draft-soft: #f2f4f6;--st-scheduled: #0a65e7;--st-scheduled-soft: #eaf2ff;--st-active: #0c7e5c;--st-active-soft: #e6faf4;--st-warn: #996300;--st-warn-soft: #fff4db;--st-finished: #4e5968;--st-finished-soft: #eef0f3;--st-danger: #d61121;--st-danger-soft: #ffebec;--on-status: #ffffff;--tile-amber: #ffefd0;--tile-amber-fg: #a35f00;--tile-blue: #e2eefb;--tile-blue-fg: #1f5a99;--tile-green: #ddf3e7;--tile-green-fg: #1d7347;--tile-red: #fce4e4;--tile-red-fg: #b23b3b;--hero: var(--primary-soft);--hero-text: var(--text);--overlay: rgb(17 24 39 / .45);--radius-card: 16px;--radius-control: 10px;--shadow-card: 0 1px 3px rgb(17 24 39 / .06);--shadow-pop: 0 12px 32px rgb(17 24 39 / .12);--fs-display: 1.75rem;--fs-h1: 1.5rem;--fs-h2: 1.125rem;--fs-body: .875rem;--fs-label: .8125rem;--fs-caption: .75rem;--control-h: 2.25rem;--control-h-sm: 1.875rem;--control-h-lg: 2.75rem}[data-app=teacher]{--primary: #2b6cb0;--primary-hover: #1f548d;--primary-soft: #edf6ff}[data-app=student]{--primary: #257d36;--primary-hover: #1c6329;--primary-soft: #edfdf0;--fs-display: 1.625rem;--fs-h2: 1.25rem;--fs-body: 1.0625rem;--fs-label: .9375rem;--fs-caption: .8125rem;--control-h: 3rem;--control-h-sm: 2.5rem;--control-h-lg: 3.375rem;--bg: #f6f4ef;--surface-2: #f4f2ec;--surface-3: #eceae3;--line: rgb(40 30 10 / .07);--line-soft: rgb(40 30 10 / .04);--line-strong: rgb(40 30 10 / .14);--text: #1f1e1b;--text-2: #706c64;--text-3: #aaa69c;--radius-card: 24px;--radius-control: 14px;--shadow-card: 0 1px 2px rgb(40 30 10 / .04), 0 8px 24px rgb(40 30 10 / .05);--hero: #e3f5e7;--hero-text: #14401d}[data-theme=dark]{color-scheme:dark;--bg: #08090a;--surface: #11131a;--surface-2: #0f1115;--surface-3: #1a1e28;--line: #232733;--line-soft: #1a1e28;--line-strong: #2e3443;--text: #f3f4f6;--text-2: #9ca3af;--text-3: #5b6470;--primary: #768dd5;--primary-hover: #8399dc;--primary-soft: rgb(110 135 211 / .22);--primary-contrast: #0b0d12;--ink: #000000;--sunrise-soft: rgb(255 176 32 / .16);--sunrise-text: #ffc45c;--st-draft: #8b95a1;--st-draft-soft: rgb(139 149 161 / .18);--st-scheduled: #5a9cf8;--st-scheduled-soft: rgb(49 130 246 / .2);--st-active: #63e6be;--st-active-soft: rgb(18 184 134 / .2);--st-warn: #fcc419;--st-warn-soft: rgb(245 159 0 / .2);--st-finished: #9aa3af;--st-finished-soft: rgb(78 89 104 / .3);--st-danger: #ff6b76;--st-danger-soft: rgb(240 68 82 / .2);--on-status: #0b0d12;--tile-amber: #3a2f17;--tile-amber-fg: #ffc45c;--tile-blue: #1f2c40;--tile-blue-fg: #8dbdf0;--tile-green: #1c3329;--tile-green-fg: #7fd3a8;--tile-red: #3a2224;--tile-red-fg: #f29a9a;--overlay: rgb(0 0 0 / .6);--shadow-card: 0 0 0 1px var(--line);--shadow-pop: 0 12px 32px rgb(0 0 0 / .5)}[data-theme=dark][data-app=teacher]{--primary: #6aafe5;--primary-hover: #90c7f4;--primary-soft: rgb(106 175 229 / .2)}[data-theme=dark][data-app=student]{--primary: #69d27f;--primary-hover: #90e0a1;--primary-soft: rgb(105 210 127 / .18);--bg: #141412;--surface: #1e1e1b;--surface-2: #282824;--surface-3: #33332e;--line: rgb(255 255 255 / .08);--line-soft: rgb(255 255 255 / .05);--line-strong: rgb(255 255 255 / .16);--text: #f2f0eb;--text-2: #a8a59c;--text-3: #6b6860;--hero: #1a3322;--hero-text: #e3f5e7}:root{--landing-student: #257d36;--landing-student-soft: #edfdf0;--landing-teacher: #2b6cb0;--landing-teacher-soft: #edf6ff;--landing-admin: #3652a5;--landing-admin-soft: #eef2ff}[data-theme=dark]{--landing-student: #69d27f;--landing-student-soft: rgb(105 210 127 / .12);--landing-teacher: #6aafe5;--landing-teacher-soft: rgb(106 175 229 / .12);--landing-admin: #768dd5;--landing-admin-soft: rgb(118 141 213 / .14)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased}body{min-height:100dvh;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--primary) 14%,transparent),transparent 55%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--landing-student) 10%,transparent),transparent 50%),var(--bg)}.page{display:flex;flex-direction:column;gap:28px;width:100%;max-width:560px;min-height:100dvh;margin:0 auto;padding:28px 16px 24px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--primary);color:var(--primary-contrast)}.brand-mark[hidden],.brand-logo[hidden]{display:none}.brand-logo{height:48px;max-width:160px;object-fit:contain}.brand-text p{margin:0}.brand-name{font-size:1.125rem;font-weight:800;letter-spacing:-.01em}.brand-sub{font-size:.875rem;color:var(--text-2)}.hero{display:flex;flex-direction:column;gap:8px}.title{margin:0;font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.25}.lead{margin:0;font-size:1.0625rem;line-height:1.55;color:var(--text-2)}.choices{display:flex;flex-direction:column;gap:14px}.choice{--c: var(--landing-admin);--c-soft: var(--landing-admin-soft);position:relative;display:flex;align-items:center;gap:16px;min-height:112px;padding:16px 18px 16px 16px;border:2px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-card);color:var(--text);text-decoration:none;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.choice[data-role=student]{--c: var(--landing-student);--c-soft: var(--landing-student-soft)}.choice[data-role=teacher]{--c: var(--landing-teacher);--c-soft: var(--landing-teacher-soft)}.choice:hover{border-color:var(--c);box-shadow:var(--shadow-pop);transform:translateY(-2px)}.choice:active{transform:translateY(0)}.choice:focus-visible{outline:3px solid var(--c);outline-offset:3px}.choice.is-last{border-color:var(--c)}.choice-art{flex:none;width:80px;height:80px;padding:8px;border-radius:18px;background:var(--c-soft);object-fit:contain}.choice-body{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.choice-title{font-size:1.5rem;font-weight:800;letter-spacing:-.01em;color:var(--c)}.choice-desc{font-size:1rem;line-height:1.45;color:var(--text-2);word-break:keep-all;overflow-wrap:anywhere}.choice-last{position:absolute;top:-10px;right:16px;padding:2px 10px;border-radius:999px;background:var(--c);color:var(--surface);font-size:.8125rem;font-weight:700}.choice-last[hidden]{display:none}.choice-arrow{flex:none;color:var(--c)}.foot{margin-top:auto;display:flex;flex-direction:column;gap:4px;font-size:.9375rem;color:var(--text-2)}.foot p{margin:0}.copy{font-size:.8125rem;color:var(--text-3)}@media(min-width:48em){.page{max-width:960px;padding:56px 32px 32px;gap:40px}.title{font-size:2.5rem}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.choice{flex-direction:column;align-items:flex-start;min-height:280px;padding:24px}.choice-art{width:112px;height:112px}.choice-arrow{position:absolute;right:22px;bottom:24px}}@media(prefers-reduced-motion:reduce){.choice{transition:none}}