:root{color-scheme:light;font-family:Segoe UI,system-ui,sans-serif;--bg: #f6f3ee;--ink: #1c1917;--accent: #0f766e;--panel: #fffdf9;--border: #d6d3d1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}.app{display:grid;grid-template-columns:240px 1fr 280px;min-height:100vh}.panel{border-right:1px solid var(--border);background:var(--panel);padding:1rem;overflow:auto}.panel:last-child{border-right:none;border-left:1px solid var(--border)}h1{font-size:1.1rem;margin:0 0 .75rem}.item{padding:.5rem;border-radius:6px;cursor:pointer;margin-bottom:.35rem}.item:hover,.item.active{background:#ccfbf1}.tier{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.btn{background:var(--accent);color:#fff;border:0;padding:.45rem .75rem;border-radius:6px;cursor:pointer;margin-right:.35rem}.btn.secondary{background:#44403c}.hint{font-size:.8rem;color:#78716c;margin-top:.75rem}pre{white-space:pre-wrap;font-size:.8rem;background:#f5f5f4;padding:.75rem;border-radius:6px}