html,body,#root{height:100%}a{color:inherit}:root{--bg:#f4ecde;--text:#2d2a26;--muted:#6b6458;--line:#d2c8b7}:root[data-theme=white]{--bg:#fff;--text:#222;--muted:#666;--line:#ddd}:root[data-theme=dark]{--bg:#121212;--text:#eaeaea;--muted:#a0a0a0;--line:#2b2b2b}:root[data-font=serif]{font-family:ui-serif,Georgia,Cambria,serif}:root[data-font=sans]{font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{display:grid;grid-template-columns:88px minmax(250px,32vw) 1fr;min-height:100vh}.nav{border-right:1px solid var(--line);padding:8px;display:flex;flex-direction:column;gap:8px}.nav button{background:none;border:1px solid var(--line);padding:8px;border-radius:10px;text-transform:capitalize;color:var(--text)}.nav button.active{background:var(--text);color:var(--bg)}.list{border-right:1px solid var(--line);overflow:auto;padding:10px}.reader{padding:20px;max-width:80ch}.item{padding:10px;border-bottom:1px solid var(--line);cursor:pointer}.item h3{margin:0 0 4px;font-size:16px}.item p,.small{color:var(--muted);font-size:12px}.item.active{background:color-mix(in oklab,var(--line) 25%,transparent)}.toolbar{display:flex;gap:8px;position:sticky;top:0;background:var(--bg);padding-bottom:8px}input,select,button{font:inherit}input,select{padding:10px;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:10px;width:100%}button{padding:10px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--text)}.actions{display:flex;gap:8px;flex-wrap:wrap}.panel{display:grid;gap:10px;max-width:480px}.row{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid var(--line)}.shell{display:grid;place-items:center;height:100vh}.card{width:min(480px,92vw);display:grid;gap:10px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}@media(max-width:840px){.app{grid-template-columns:1fr}.nav{position:sticky;top:0;background:var(--bg);z-index:2;flex-direction:row;overflow:auto;border-right:none;border-bottom:1px solid var(--line)}.list{border-right:none;border-bottom:1px solid var(--line)}}.api-indicator code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.troubleshoot{border:1px dashed var(--line);padding:10px;border-radius:10px;background:color-mix(in oklab,var(--line) 10%,transparent)}.troubleshoot p{margin:0 0 6px}