:root{--bg: #14100e;--panel: #1e1713;--border: #3a2c22;--text: #d8c8b0;--muted: #8a7460;--accent: #a4262c;--accent-bright: #d4494f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Georgia,Times New Roman,serif;min-height:100vh}#root{display:flex;justify-content:center;padding:2rem 1rem}.screen{width:100%;max-width:720px}h1{color:var(--accent-bright);letter-spacing:.06em}h2{border-bottom:1px solid var(--border);padding-bottom:.3rem}.loading,.narrator{color:var(--muted);font-style:italic}.tagline{color:var(--muted);margin-top:-.5rem}.error{color:var(--accent-bright)}form{display:flex;flex-direction:column;gap:.9rem;margin:1.5rem 0 .8rem}label{display:flex;flex-direction:column;gap:.3rem;color:var(--muted)}input{background:var(--panel);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:.55rem .7rem;font:inherit}input:focus{outline:1px solid var(--accent)}button{font:inherit;cursor:pointer;border-radius:4px;border:1px solid var(--accent);background:var(--accent);color:#f5ecd9;padding:.6rem 1.2rem}button:hover:not(:disabled){background:var(--accent-bright)}button:disabled{opacity:.45;cursor:not-allowed}button.link{background:none;border:none;color:var(--muted);text-decoration:underline;padding:.3rem 0}button.primary{width:100%;margin-top:1.5rem;font-size:1.05rem}.base-screen header{display:flex;justify-content:space-between;align-items:baseline}.user-box{display:flex;gap:.8rem;align-items:baseline}.hryvnias{color:var(--accent-bright)}.hero-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.8rem}.hero-card{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:.8rem 1rem}.hero-card h3{margin:0 0 .2rem;color:var(--accent-bright)}.hero-card .title{margin:0;color:var(--muted);font-style:italic}.hero-card .stats{margin:.5rem 0 0;font-size:.9rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.4rem .6rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:400}