:root{--bg:#08100b;--bg-soft:#0f1f14;--panel:#0a1c12c2;--text:#d1ffd6;--text-dim:#8cc69a;--accent:#60ff8a;--accent-2:#35b96c;--line:#78ffa859}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 10%, #1d3525 0%, var(--bg) 35%, #040806 100%);color:var(--text);margin:0;font-family:JetBrains Mono,Fira Code,Consolas,monospace}.app-shell{gap:16px;min-height:100vh;padding:24px;display:grid}.app-shell[data-theme=amber]{--bg:#130c04;--bg-soft:#2a1808;--panel:#261608bf;--text:#ffd6a6;--text-dim:#d19e62;--accent:#ffad42;--accent-2:#ff8324;--line:#ffaf5852}.app-shell[data-theme=cyber]{--bg:#090510;--bg-soft:#1b0c2e;--panel:#140b23bf;--text:#f2dcff;--text-dim:#bd9ee4;--accent:#ff4dff;--accent-2:#5ff7ff;--line:#ff5bff54}.app-shell[data-theme=ice]{--bg:#050d14;--bg-soft:#10293a;--panel:#0b1c27c7;--text:#d6f4ff;--text-dim:#89bbcb;--accent:#68d9ff;--accent-2:#4fb7de;--line:#79daff4d}.hud-header,.panel,.status-line{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;box-shadow:inset 0 1px #ffffff0f,0 16px 34px #00000059}.hud-header,.panel{padding:18px}.hud-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.badge{border:1px solid var(--line);color:var(--text-dim);border-radius:999px;margin:0 0 8px;padding:4px 10px;font-size:.75rem;display:inline-block}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px}h2{color:var(--accent)}.lead,.hint,.status-line{color:var(--text-dim)}.theme-switcher{gap:8px;min-width:180px;display:grid}.grid-columns{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}ul{gap:8px;margin:0;padding-left:18px;display:grid}.mixology-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}label{gap:6px;display:grid}select,input,textarea,button,pre{color:var(--text);font-family:inherit}select,input,textarea{border:1px solid var(--line);background:linear-gradient(#ffffff0f,#0003);border-radius:10px;padding:9px 10px}input[type=range]{accent-color:var(--accent);padding:0}.toggle-control{border:1px solid var(--line);background:#0003;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.toggle-control input{width:18px;height:18px}pre{white-space:pre-wrap;border:1px solid var(--line);background:linear-gradient(145deg,#00000059,#0000008c);border-radius:12px;margin:0;padding:14px;line-height:1.45;overflow:auto}.action-btn,.ghost-btn{border:1px solid var(--line);cursor:pointer;border-radius:10px;transition:transform .15s,border-color .15s}.action-btn{background:linear-gradient(145deg, var(--accent-2), var(--accent));color:#041108;margin-top:10px;padding:10px 14px;font-weight:700}.ghost-btn{color:var(--text-dim);background:0 0;padding:8px 12px}.action-btn:hover,.ghost-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.snippet-form,.snippet-list{gap:10px;display:grid}.button-preview-grid{flex-wrap:wrap;align-items:center;gap:12px;padding:6px 0 2px;display:flex}.preview-button{justify-content:center;align-items:center;display:inline-flex}textarea{resize:vertical;min-height:124px}.snippet-item{border:1px solid var(--line);background:#00000040;border-radius:12px;gap:10px;padding:12px;display:grid}.status-line{padding:12px 16px;font-size:.9rem}@media (width<=820px){.hud-header{flex-direction:column}.theme-switcher{width:100%}}