:root{color:#18354b;font-synthesis:none;--ink:#18354b;--muted:#607887;--teal:#237b83;--line:#ccdae2;background:#eef3f6;font:15px/1.5 Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}#app{min-height:100vh;display:flex}aside{color:#eef3f6;background:#18354b;flex-shrink:0;width:225px;height:100vh;padding:34px 24px;position:sticky;top:0;overflow:auto}aside>p,header>p,.login>p:first-child{letter-spacing:.16em;font:11px/1.4 Consolas,monospace}h1{margin:12px 0 34px;font:30px/1.15 Georgia,serif}h2{text-transform:capitalize;margin:12px 0;font:38px/1.15 Georgia,serif}h3{margin:20px 0 10px;font-size:14px}nav{gap:3px;margin-bottom:32px;display:grid}button{cursor:pointer;font:inherit;border:1px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:4px;padding:9px 13px}button:hover{background:#e4eef0}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #67b2ba}nav button{color:#d7e3ea;text-transform:capitalize;background:0 0;border-color:#0000}nav button[aria-current=true]{color:#fff;background:#31576d;border-left:4px solid #8fd3d3}nav button:hover{background:#294c61}.workspace{flex:1;min-width:0;padding:42px}header{border-bottom:1px solid var(--line);padding-bottom:18px}.toolbar{gap:10px;margin:22px 0;display:flex}.split{grid-template-columns:minmax(240px,.85fr) minmax(320px,1.15fr);gap:32px;display:grid}#records{flex-direction:column;align-self:start;gap:3px;display:flex}.record{border:0;border-left:4px solid var(--teal);border-radius:0;justify-content:space-between;gap:12px;padding:16px;display:flex}.record small{color:var(--muted);font:11px/1.6 Consolas,monospace}#detail{border-left:1px solid var(--line);padding-left:28px}#detail>button{margin:0 8px 8px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);background:#e3ebf0;border-radius:4px;padding:16px;font:12px/1.65 Consolas,monospace}textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:4px;padding:12px;font:13px/1.6 Consolas,monospace}.editor{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:20px}.editor>button{background:var(--teal);color:#fff;border:0;margin-top:8px}#notice{color:var(--muted);min-height:24px}#notice.error{color:#b3454c}label{gap:6px;margin:20px 0 10px;display:grid}input{font:inherit;border:1px solid var(--line);border-radius:4px;padding:11px}.login{max-width:520px;margin:auto;padding:48px}.login>button{margin-top:8px}small{color:var(--muted);margin-top:20px;display:block}audio{width:100%;margin:16px 0}@media (width<=900px){aside{width:175px;padding:24px 16px}.workspace{padding:24px}.split{grid-template-columns:1fr}#detail{border-left:0;border-top:1px solid var(--line);padding-left:0}h2{font-size:30px}}@media (width<=560px){#app{display:block}aside{width:100%;height:auto;padding:16px;position:static}aside h1{margin-bottom:12px;font-size:24px}nav{margin:0 0 14px;display:flex;overflow-x:auto}nav button{white-space:nowrap}.workspace{padding:20px}.login{padding:30px 22px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}