:root{color-scheme:light dark;--bg: #f4f5f7;--surface: #ffffff;--text: #15181d;--muted: #566070;--border: #d5d9e0;--accent: #2a55d0;--accent-text: #ffffff;--danger: #b3261e;--danger-bg: #fdecea;--focus: #2a55d0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--radius: 10px;--tap: 44px;--tabbar-h: 56px;--max-w: 720px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #0f1217;--surface: #181c23;--text: #e8eaed;--muted: #9ba4b3;--border: #2d333d;--accent: #7ba3ff;--accent-text: #0b1020;--danger: #ffa59d;--danger-bg: #3b1b19;--focus: #7ba3ff}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5}h1{margin:0 0 var(--space-4);font-size:1.25rem;line-height:1.3}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--muted)}.control{width:100%;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);min-width:var(--tap);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius);font:inherit;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-quiet{background:transparent;border-color:var(--border);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6) var(--space-4)}.error-text{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--danger-bg);color:var(--danger)}.banner{margin:0;padding:var(--space-3) var(--space-4);background:var(--danger-bg);color:var(--danger);text-align:center}.center-screen{display:flex;min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;padding:var(--space-4);color:var(--muted)}.login{display:flex;width:100%;max-width:360px;flex-direction:column;gap:var(--space-4);color:var(--text)}.login h1{margin:0}.field{display:flex;flex-direction:column;gap:var(--space-1);font-weight:600}.app{min-height:100vh;min-height:100dvh}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);padding-top:calc(var(--space-2) + env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border)}.picker{flex:1;min-width:0}.picker-empty{flex:1;color:var(--muted)}.app-main{max-width:var(--max-w);margin:0 auto;padding:var(--space-4);padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--space-6))}.tabbar{position:fixed;right:0;bottom:0;left:0;z-index:10;display:flex;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border)}.tab{display:flex;flex:1;align-items:center;justify-content:center;min-height:var(--tabbar-h);color:var(--muted);font-weight:600;text-decoration:none}.tab.active{color:var(--accent);box-shadow:inset 0 3px 0 var(--accent)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack>h1{margin-bottom:0}.notice{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface);border:1px solid var(--accent);color:var(--text)}.variant-card{display:flex;flex-direction:column;gap:var(--space-2);min-height:var(--tap);padding:var(--space-3) var(--space-4);color:inherit;text-decoration:none}.variant-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0}.variant-account{font-weight:600}.variant-time{margin-left:auto}.variant-preview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;overflow-wrap:anywhere}.channel-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-size:.8rem;font-weight:700}.badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.badge{padding:2px var(--space-2);border:1px solid var(--border);border-radius:999px;font-size:.875rem}.badge-danger{border-color:transparent;background:var(--danger-bg);color:var(--danger)}.back-link{display:inline-flex;align-items:center;align-self:flex-start;min-height:var(--tap);color:var(--accent);font-weight:600;text-decoration:none}a.btn{text-decoration:none}.body-input{min-height:12rem;resize:vertical;line-height:1.5}.counter{margin:0;font-size:.875rem;font-weight:400}.counter-over{color:var(--danger);font-weight:600}.hint{color:var(--muted);font-size:.875rem;font-weight:400}.problem-title{margin:0;font-weight:600}.problem-list{margin:var(--space-1) 0 0;padding-left:var(--space-4)}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.chips{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.chip{display:inline-flex;flex:none;align-items:center;min-height:var(--tap);padding:0 var(--space-4);border:1px solid var(--border);border-radius:999px;color:var(--text);font-weight:600;text-decoration:none;white-space:nowrap}.chip[aria-current=true]{border-color:transparent;background:var(--accent);color:var(--accent-text)}.row-line{margin:0}.row-link{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--accent);font-weight:600}