*{box-sizing:border-box}body{margin:0;background:#111827;color:#eee8e0;font:16px/1.6 system-ui,sans-serif}a{color:#e5b978}header,main,footer{max-width:1220px;margin:auto;padding:24px}header{border-bottom:1px solid #46516c;display:flex;gap:24px;justify-content:space-between}nav{display:flex;gap:18px;flex-wrap:wrap}.eyebrow{color:#d88f94;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem}h1{font:clamp(2.7rem,6vw,5rem)/1.05 Georgia,serif;margin:20px 0}p{max-width:85ch}.lead{font-size:1.15rem;color:#c9c6d7}.note{padding:16px 22px;border-left:3px solid #e5b978;background:#1b2437}.workspace{display:grid;grid-template-columns:340px 1fr;gap:30px;margin:30px 0}.deck{position:sticky;top:20px;align-self:start;background:#1b2437;border:1px solid #46516c;padding:24px}audio{width:100%;margin:16px 0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #66657c;color:#eee8e0;background:#2b334b;border-radius:5px;padding:9px 13px}button:hover,button[aria-current=true]{border-color:#e5b978;background:#3a3d50}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e5b978;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.controls{display:flex;gap:8px;flex-wrap:wrap}input[type=search],select{background:#111827;color:inherit;border:1px solid #66657c;border-radius:5px;padding:10px;width:100%;margin:6px 0 14px}.entry{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #343e55}.entry button{text-align:left;background:transparent;border-color:transparent;width:100%}.entry button:hover,.entry button[aria-current=true]{background:#2b334b;border-color:#e5b978}.id{display:inline-block;color:#c3a3d8;font:14px ui-monospace,monospace;min-width:72px}.small{font-size:.85rem;color:#bbb9ca}#list{max-height:70vh;overflow:auto;padding-right:10px}#now{font:1.65rem/1.2 Georgia,serif;margin:12px 0}.meter{border-top:1px solid #46516c;padding-top:15px}footer{border-top:1px solid #46516c;color:#bbb9ca}.error{color:#ffb8ad}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin:24px 0}.card{min-width:0;border:1px solid #46516c;background:#1b2437;padding:16px}.card h2{font:1.2rem Georgia,serif;overflow-wrap:anywhere}.card img{width:100%;height:220px;object-fit:contain;image-rendering:pixelated;background:repeating-conic-gradient(#161a25 0 25%,#212838 0 50%) 50%/16px 16px}.card p{overflow-wrap:anywhere}.sample audio{max-width:250px}.sample{padding:14px 0;border-bottom:1px solid #343e55}@media(max-width:760px){header{display:block}nav{margin-top:12px;gap:12px}.workspace{display:flex;flex-direction:column}.deck{position:static;width:100%}#list{max-height:none}main{padding:18px}.entry{gap:4px}.gallery{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}