*{box-sizing:border-box;margin:0;padding:0}.app-runtime-error{display:grid;min-height:100vh;place-content:center;padding:2rem;text-align:center}.app-runtime-error__eyebrow{font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-runtime-error code{margin-top:1rem;max-width:48rem;overflow-wrap:anywhere}.sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@font-face{font-family:Mona12;font-display:swap;font-style:normal;font-weight:300 500;src:url(/fonts/mona/Mona12.woff2) format("woff2")}@font-face{font-family:Mona12;font-display:swap;font-style:normal;font-weight:600 900;src:url(/fonts/mona/Mona12-Bold.woff2) format("woff2")}:root{--bg: #fff;--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .92);--surface-muted: rgba(255, 255, 255, .64);--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .14);--text: #1d1d1f;--text-muted: #6e6e73;--accent: #0071e3;--accent-soft: rgba(0, 113, 227, .1);--shadow-soft: 0 20px 60px rgba(15, 23, 42, .08);--shadow-card: 0 12px 34px rgba(15, 23, 42, .07);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--text-inverse: #fff;--page-bg: #fff;--page-overlay-top: transparent;--page-overlay-bottom: transparent;--surface-interactive: rgba(255, 255, 255, .82);--surface-interactive-hover: #fff;--surface-emphasis: linear-gradient(135deg, #0f172a, #1f355d);--surface-emphasis-hover: linear-gradient(135deg, #111b30, #264271);--surface-emphasis-shadow: 0 16px 30px rgba(15, 23, 42, .14);--surface-emphasis-shadow-hover: 0 18px 36px rgba(15, 23, 42, .16);--surface-panel-highlight: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(247, 250, 255, .92)), rgba(255, 255, 255, .9);--surface-panel-highlight-alt: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(247, 250, 255, .9)), rgba(255, 255, 255, .86);--surface-control: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .72)), var(--surface-strong);--surface-control-hover: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(246, 250, 255, .96)), #fff;--surface-chip: rgba(255, 255, 255, .72);--surface-chip-muted: rgba(15, 23, 42, .04);--surface-overlay-chip: rgba(255, 255, 255, .9);--surface-input: #fff;--surface-input-strong: rgba(255, 255, 255, .96);--surface-player-frame: linear-gradient(180deg, rgba(255, 255, 255, .6), rgba(255, 255, 255, .28)), rgba(255, 255, 255, .42);--surface-player-inset: inset 0 1px 0 rgba(255, 255, 255, .6);--surface-stage-bg: radial-gradient(circle at top, rgba(0, 113, 227, .14), transparent 28%), linear-gradient(180deg, #fbfbfd 0%, #f4f7fb 54%, #eef3f8 100%);--surface-stage-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), inset 0 -1px 0 rgba(15, 23, 42, .04);--surface-stat: rgba(15, 23, 42, .06);--surface-stat-border: rgba(15, 23, 42, .08);--surface-card-hover: #fff;--surface-card-hover-border: rgba(0, 113, 227, .18);--shadow-card-hover: 0 22px 50px rgba(15, 23, 42, .12);--surface-playing-card: #eef6ff;--surface-playing-card-border: #bfdbfe;--surface-playing-badge: #dbeafe;--surface-playing-badge-border: #93c5fd;--text-playing-badge: #1d4ed8;--surface-thumbnail-border: rgba(15, 23, 42, .08);--surface-comment-section: radial-gradient(circle at top left, rgba(36, 144, 255, .18), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(247, 250, 255, .92));--surface-comment-list: linear-gradient(180deg, rgba(243, 247, 255, .96), rgba(237, 243, 252, .92));--surface-message: rgba(255, 255, 255, .96);--surface-composer: rgba(255, 255, 255, .82);--surface-modal: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(247, 250, 255, .96)), var(--surface);--surface-modal-field: rgba(255, 255, 255, .72);--modal-backdrop: radial-gradient(circle at top, rgba(46, 118, 255, .2), transparent 26%), rgba(15, 23, 42, .42);--layer-sticky-selected-video: 1200;--layer-modal-backdrop: 1400;--layer-loading-overlay: 1410;--focus-ring: 0 0 0 4px rgba(0, 113, 227, .1);--accent-border: rgba(0, 113, 227, .22);--font-display: "Mona12", monospace;--font-body: "Mona12", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #000;--surface: rgba(10, 10, 10, .78);--surface-strong: rgba(18, 18, 18, .92);--surface-muted: rgba(24, 24, 24, .76);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--text: #f5f5f5;--text-muted: #a3a3a3;--accent: #7cc4ff;--accent-soft: rgba(124, 196, 255, .18);--shadow-soft: 0 24px 72px rgba(2, 6, 23, .5);--shadow-card: 0 16px 40px rgba(2, 6, 23, .42);--page-bg: #000;--page-overlay-top: transparent;--page-overlay-bottom: transparent;--surface-interactive: rgba(12, 12, 12, .88);--surface-interactive-hover: rgba(24, 24, 24, .98);--surface-emphasis: linear-gradient(135deg, #4a4a4a, #171717);--surface-emphasis-hover: linear-gradient(135deg, #5a5a5a, #202020);--surface-emphasis-shadow: 0 18px 38px rgba(15, 23, 42, .34);--surface-emphasis-shadow-hover: 0 20px 42px rgba(15, 23, 42, .4);--surface-panel-highlight: linear-gradient(180deg, rgba(8, 8, 8, .97), rgba(18, 18, 18, .94)), rgba(10, 10, 10, .92);--surface-panel-highlight-alt: linear-gradient(180deg, rgba(10, 10, 10, .96), rgba(22, 22, 22, .92)), rgba(10, 10, 10, .88);--surface-control: linear-gradient(180deg, rgba(26, 26, 26, .96), rgba(12, 12, 12, .84)), var(--surface-strong);--surface-control-hover: linear-gradient(180deg, rgba(34, 34, 34, .98), rgba(16, 16, 16, .92)), rgba(14, 14, 14, .98);--surface-chip: rgba(18, 18, 18, .92);--surface-chip-muted: rgba(255, 255, 255, .08);--surface-overlay-chip: rgba(12, 12, 12, .88);--surface-input: rgba(8, 8, 8, .92);--surface-input-strong: rgba(14, 14, 14, .96);--surface-player-frame: linear-gradient(180deg, rgba(28, 28, 28, .62), rgba(4, 4, 4, .88)), rgba(10, 10, 10, .9);--surface-player-inset: inset 0 1px 0 rgba(255, 255, 255, .05);--surface-stage-bg: radial-gradient(circle at top, rgba(255, 255, 255, .06), transparent 30%), linear-gradient(180deg, #020202 0%, #080808 48%, #111111 100%);--surface-stage-shadow: inset 0 1px 0 rgba(255, 255, 255, .02), inset 0 -1px 0 rgba(255, 255, 255, .06);--surface-stat: rgba(255, 255, 255, .08);--surface-stat-border: rgba(255, 255, 255, .12);--surface-card-hover: rgba(22, 22, 22, .98);--surface-card-hover-border: rgba(124, 196, 255, .32);--shadow-card-hover: 0 24px 54px rgba(2, 6, 23, .52);--surface-playing-card: #101722;--surface-playing-card-border: #2b4c72;--surface-playing-badge: #162538;--surface-playing-badge-border: #3b82f6;--text-playing-badge: #bfdbfe;--surface-thumbnail-border: rgba(255, 255, 255, .12);--surface-comment-section: radial-gradient(circle at top left, rgba(255, 255, 255, .05), transparent 34%), linear-gradient(180deg, rgba(10, 10, 10, .96), rgba(18, 18, 18, .92));--surface-comment-list: linear-gradient(180deg, rgba(10, 10, 10, .96), rgba(16, 16, 16, .9));--surface-message: rgba(20, 20, 20, .92);--surface-composer: rgba(12, 12, 12, .88);--surface-modal: linear-gradient(180deg, rgba(8, 8, 8, .98), rgba(18, 18, 18, .95)), var(--surface);--surface-modal-field: rgba(16, 16, 16, .9);--modal-backdrop: radial-gradient(circle at top, rgba(255, 255, 255, .05), transparent 26%), rgba(2, 6, 23, .72);--focus-ring: 0 0 0 4px rgba(124, 196, 255, .16);--accent-border: rgba(124, 196, 255, .28);color-scheme:dark}body{background:var(--page-bg);color:var(--text);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;position:relative;text-rendering:optimizeLegibility;transition:background .3s ease,color .3s ease;-webkit-font-smoothing:antialiased}body:before{background:var(--page-overlay-top);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}body:after{background:var(--page-overlay-bottom);content:"";height:100%;left:0;opacity:.9;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}button,input,textarea,select{font:inherit}a{color:inherit}@keyframes coinSpin{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes questionBlink{0%,50%{opacity:1}51%,to{opacity:.3}}