:root{
    --bg: #111111;
    --paper: #151515;
    --ink: #e6e6e6;
    --muted: #9ca3af;
    --line: #262626;
    --accent: #ff8a3d;
    --accent-ink: #111111;

    --radius: 16px;
    --shadow: 0 10px 30px rgba(0,0,0,.35);
}
*{ box-sizing: border-box; }
html, body{
    margin:0; padding:0;
    background: var(--bg);
    color: var(--ink);
    font: 14px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
    height: 100%;
}
.app{ height:100vh; width:100%; display:flex; flex-direction:column; }
.hidden{ display:none !important; }
.btn{ background:#222; color:var(--ink); border:1px solid var(--line); cursor:pointer; padding:10px 14px; border-radius:12px; }
.btn:hover{ filter:brightness(1.08); }
.btn-accent{ background:var(--accent); color:var(--accent-ink); border-color:transparent; }