:root{--pretendard:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", Roboto, "Noto Sans KR", system-ui, sans-serif;--tracking:-.03em;--ease:cubic-bezier(.2, .7, .3, 1);--c-page:#eef0f6;--c-card:#fff;--c-ink:#1b1b1f;--c-ink-sub:#5b6070;--c-ink-faint:#9a9fb0;--c-border:#e2e4ee;--c-border-strong:#d3d6e2;--c-primary:#22409e;--c-primary-dark:#17306f;--c-primary-soft:#e7ebf8;--c-on-primary:#fff;--c-heading:#2a4bc0;--c-solar:#e85e5e;--c-lunar:#428bff;--c-sky-top:#a9dced;--c-sky-bot:#cfe8ef;--accent:#22409e;--accent-rgb:34, 64, 158;--glass:#ffffff26;--glass-line:#fff9;--glass-inset:#ffffffbf;--blur-m:26px;--blur-l:12px;--shadow-card:0 20px 50px #1c264e29;--line:#14182d0f;--line2:#14182d0a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--c-page:#131315;--c-card:#1f1f22;--c-ink:#f1f1f4;--c-ink-sub:#a0a0a8;--c-ink-faint:#6a6a72;--c-border:#2e2e33;--c-border-strong:#3a3a41;--c-primary:#3ad9c0;--c-primary-dark:#2bb8a3;--c-primary-soft:#133330;--c-on-primary:#062019;--c-heading:#6fe0c8;--c-solar:#f07777;--c-lunar:#5b9bff;--c-sky-top:#1c2a33;--c-sky-bot:#182027;--accent:#3ad9c0;--accent-rgb:58, 217, 192;--glass:#ffffff01;--glass-line:#ffffff14;--glass-inset:#ffffff14;--blur-m:29px;--blur-l:11px;--shadow-card:0 24px 60px #0000006b;--line:#ffffff14;--line2:#ffffff0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;padding:0}body{font-family:var(--pretendard);letter-spacing:var(--tracking);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(1200px 800px at 50% -10%,#2a2c3a 0%,#16171f 60%,#0d0e14 100%);justify-content:center;align-items:center;min-height:100dvh;font-weight:500;display:flex}:root[data-theme=dark] body{background:radial-gradient(1200px 800px at 50% -10%,#101013 0%,#0a0a0c 70%)}#root{justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex}.device{background:radial-gradient(900px 600px at 12% -5%, #e7eeff 0%, transparent 55%), radial-gradient(820px 600px at 100% 8%, #ffe9ec 0%, transparent 52%), radial-gradient(760px 760px at 50% 108%, #e2f7ef 0%, transparent 55%), var(--c-page);width:100%;max-width:390px;height:100dvh;max-height:844px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c}:root[data-theme=dark] .device{background:radial-gradient(900px 600px at 12% -5%, #16323a 0%, transparent 55%), radial-gradient(760px 600px at 100% 8%, #1a1730 0%, transparent 52%), radial-gradient(760px 760px at 50% 108%, #0f231f 0%, transparent 55%), var(--c-page)}@media (width>=430px){.device{border-radius:40px;outline:8px solid #0b0c11}}.glass{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(var(--blur-m)) saturate(1.3);box-shadow:inset 0 1px 0 var(--glass-inset), var(--shadow-card)}.glass-soft{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(var(--blur-l)) saturate(1.2);box-shadow:inset 0 1px 0 var(--glass-inset), 0 8px 24px #0000002e}button{font-family:inherit}@media (width<=429px){.mode-toggle{display:none!important}}