:root{--bg: #fef3c7;--bg-card: #ffffff;--ink: #44403c;--ink-soft: #78716c;--accent: #f59e0b;--accent-soft: #fde68a;--good: #84cc16;--warn: #ef4444;--border: #f5e7c0;--radius: 16px;--shadow: 0 2px 8px rgba(120, 80, 20, .06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5}.container{max-width:480px;margin:0 auto;padding:24px 16px 64px}.card{background:var(--bg-card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);border:1px solid var(--border)}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--ink);padding:10px 16px;border-radius:999px;transition:transform .05s ease,background .15s ease}button:hover{background:var(--accent-soft)}button:active{transform:scale(.97)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:#d97706}input,textarea{font:inherit;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--bg-card);color:var(--ink);width:100%}h1{font-size:24px;margin:0 0 8px}h2{font-size:18px;margin:16px 0 8px}.muted{color:var(--ink-soft);font-size:14px}.row{display:flex;gap:8px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}