:root{--bg: #0b0b0f;--text: #e7e7ea;--muted: #9a9aa3;--accent: #6d28d9;--accent-hover: #7c3aed;--border: #23232b;--panel: #14141a;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:720px;margin:0 auto;padding:64px 24px;min-height:100vh;display:flex;flex-direction:column;gap:24px}h1{font-size:2rem;line-height:1.2;margin:0}p{margin:0;color:var(--muted)}a{color:var(--accent-hover);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-block;padding:12px 20px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s ease}.btn:hover{background:var(--accent-hover);text-decoration:none}.btn.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.btn.secondary:hover{border-color:var(--accent);background:transparent}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}input{padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:#0e0e13;color:var(--text);font-size:1rem;min-width:160px}input:focus{outline:none;border-color:var(--accent)}.status{font-size:.9rem;color:var(--muted);min-height:1.2em}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text)}footer{margin-top:auto;padding-top:32px;color:var(--muted);font-size:.85rem}pre{background:#0e0e13;border:1px solid var(--border);border-radius:10px;padding:16px;overflow:auto;color:var(--text);font-size:.85rem}