*{box-sizing:border-box}body{margin:0;background:#0e181b;color:#e5e7d8;font:16px/1.6 system-ui,sans-serif}a{color:#e7b469}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{border-bottom:1px solid #426268;display:flex;gap:24px;justify-content:space-between}nav{display:flex;gap:20px;flex-wrap:wrap}.eyebrow{color:#82bdb3;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem}h1{font:clamp(2.7rem,6vw,5.5rem)/1.05 Georgia,serif;margin:20px 0}p{max-width:80ch}.lead{font-size:1.2rem;color:#b9d0cb}.note{padding:18px 22px;border-left:3px solid #e7b469;background:#18282b}.workspace{display:grid;grid-template-columns:340px 1fr;gap:30px;margin:36px 0}.deck{position:sticky;top:20px;align-self:start;background:#18282b;border:1px solid #426268;padding:24px}audio{width:100%;margin:18px 0}.entry audio{max-width:320px;min-width:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #527c78;color:#e5e7d8;background:#233c40;border-radius:5px;padding:9px 13px}button:hover,button[aria-current=true]{border-color:#edbd7d;background:#3a463e}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e7b469;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.controls{display:flex;gap:8px;flex-wrap:wrap}input[type=search],select{background:#132124;color:inherit;border:1px solid #527c78;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:12px 0;border-bottom:1px solid #31474a}.entry button{text-align:left;background:transparent;border-color:transparent;width:100%}.entry button:hover,.entry button[aria-current=true]{background:#223a3d;border-color:#e7b469}.id{display:inline-block;color:#81b5aa;font:14px ui-monospace,monospace;min-width:72px}.small{font-size:.85rem;color:#b2c3be}#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 #426268;padding-top:15px}footer{border-top:1px solid #426268;color:#b2c3be}.error{color:#ffb8ad}@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}.entry:has(audio){grid-template-columns:1fr}.entry audio{max-width:100%}}