:root{--bg:#faf8f6;--surface:#fff;--border:#e4ddd6;--text:#2a2420;--text-muted:#7a6f65;--accent:#9b5b45;--accent-hover:#7f4a37;--danger:#b3432b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.page{max-width:880px;margin:0 auto;padding:24px 20px 80px}.topbar{border-bottom:1px solid var(--border);background:var(--surface);padding-top:max(12px, env(safe-area-inset-top))}.topbar-row{justify-content:space-between;align-items:center;gap:12px;padding:4px 20px 12px;display:flex}.topbar-brand{white-space:nowrap;font-weight:700}.topbar-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:18px;padding:0 20px 12px;display:flex;overflow-x:auto}.topbar-nav::-webkit-scrollbar{display:none}.topbar a{color:var(--text);white-space:nowrap;font-weight:600;text-decoration:none}.topbar-nav a{color:var(--text-muted);font-size:.92em;font-weight:500}@media (min-width:720px){.topbar-row{padding-bottom:4px}.topbar-nav{padding-top:0}}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:14px;padding:16px 18px}.card h3{margin:0 0 6px}.muted{color:var(--text-muted);font-size:.9em}input,select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;margin-top:4px;padding:8px 10px;font-size:.95em}label{color:var(--text-muted);margin-top:10px;font-size:.85em;display:block}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:16px;padding:9px 18px;font-size:.95em}button:hover{background:var(--accent-hover)}button.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.error{color:var(--danger);margin-top:8px;font-size:.9em}.list-item{border-bottom:1px solid var(--border);color:var(--text);padding:12px 0;text-decoration:none;display:block}.list-item:last-child{border-bottom:none}.badge{color:var(--accent-hover);background:#efe6df;border-radius:999px;padding:2px 8px;font-size:.78em;display:inline-block}.tech-card-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}@media (min-width:720px){.tech-card-grid{grid-template-columns:1fr 1fr 1fr 1fr}}