:root{--color-primary:#0b6fb8;--color-primary-hover:#095a96;--color-primary-soft:#e6f1fa;--color-secondary:#f2994a;--color-text:#12263a;--color-text-muted:#4a6278;--color-bg:#f5fafe;--color-surface:#fff;--color-border:#cfdde8;--color-success:#1f7a4d;--color-success-soft:#e3f4ea;--color-warning:#b25e09;--color-warning-soft:#fdf0e1;--color-danger:#c62f2f;--color-danger-soft:#fbe7e7;--color-canvas-bg:#bfe6fa;--color-overlay:#12263a8c;--color-scrim-light:#ffffffb8;--font-family:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Consolas, "D2Coding", "Courier New", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-9:64px;--space-10:80px;--container-max:1200px;--container-pad:32px;--doc-max:720px;--header-h:64px;--play-header-h:56px;--section-gap:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--shadow-sm:0 1px 2px #12263a14;--shadow-md:0 4px 16px #12263a1a;--shadow-lg:0 12px 40px #12263a2e;--border-w:1px;--border-w-strong:2px;--border-w-me:3px;--focus-ring:0 0 0 3px #fff, 0 0 0 6px var(--color-primary);--dur-fast:.15s;--dur-base:.2s;--dur-slow:.3s;--ease:cubic-bezier(.2, 0, 0, 1)}@media (min-width:768px) and (max-width:1023px){:root{--section-gap:72px}}@media (max-width:767px){:root{--container-pad:20px;--section-gap:56px}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{color:inherit;font-family:inherit}:focus-visible{box-shadow:var(--focus-ring);outline:none}.h1{letter-spacing:-.02em;font-size:44px;font-weight:800;line-height:1.25}.h2{letter-spacing:-.01em;font-size:32px;font-weight:700;line-height:1.3}.h3{font-size:22px;font-weight:700;line-height:1.4}.h4{font-size:18px;font-weight:700;line-height:1.4}.body{font-size:16px;font-weight:400;line-height:1.6}.small{font-size:14px;font-weight:400;line-height:1.5}.code-display{font-family:var(--font-mono);letter-spacing:.12em;font-size:32px;font-weight:700;line-height:1.2}.timer{font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;line-height:1}.countdown{color:#fff;font-size:72px;font-weight:800;line-height:1}@media (max-width:767px){.h1{font-size:30px}.h2{font-size:24px}.h3{font-size:20px}.h4{font-size:17px}.code-display{font-size:28px}}.skeleton{background-color:var(--color-border);border-radius:var(--radius-sm);animation:1.2s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.skeleton{opacity:.7;animation:none}}