:root{--bg:#0b0b0b;--surface:#161616;--border:#2a2a2a;--text:#ececec;--muted:#9a9a9a;--gold:#c9a85a;--red:#e0685f;--green:#5fb86b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1{color:var(--gold);letter-spacing:.04em;margin:0 0 1rem;font-size:1.1rem}h2{margin:0;font-size:1.3rem}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center;margin-top:30vh}.error{color:var(--red)}.success{color:var(--green)}.warning{color:var(--gold);border:1px solid var(--gold);border-radius:8px;padding:.6rem .8rem}.spacer{flex:1}.nowrap{white-space:nowrap}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.5rem .9rem}button:hover:not(:disabled){border-color:var(--gold)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--gold);border-color:var(--gold);color:#111;font-weight:600}button.danger{color:var(--red)}input:not([type=checkbox]),select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;padding:.5rem .7rem}input:focus,select:focus,textarea:focus,button:focus-visible,.editor .ProseMirror:focus{outline:2px solid var(--gold);outline-offset:1px}.signin{text-align:center;max-width:22rem;margin:25vh auto 0;padding:0 1rem}.signin h1{font-size:1.5rem}.layout{min-height:100vh;display:flex}nav{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:.3rem;width:13rem;height:100vh;padding:1.2rem .8rem;display:flex;position:sticky;top:0}nav button{text-align:left;background:0 0;border-color:#0000}nav button.active{background:var(--surface);color:var(--gold);border-color:var(--border)}nav p{overflow-wrap:anywhere;margin:0 0 .4rem .4rem}main{flex:1;min-width:0;padding:1.5rem 2rem 4rem}section>header,.editor-form>header{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}section>header h2{margin-right:auto}section>header input[type=search]{width:16rem}section>header select{width:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.55rem .6rem}th{color:var(--muted);font-size:.85rem;font-weight:500}tbody tr{cursor:pointer}tbody tr:hover{background:var(--surface)}.badge{border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-size:.8rem}.badge.published{color:var(--green)}.badge.draft{color:var(--muted)}.badge.processing{color:var(--gold)}.badge.failed{color:var(--red)}.editor-form{flex-direction:column;gap:1rem;max-width:52rem;display:flex}.editor-form label{color:var(--muted);flex-direction:column;gap:.3rem;display:flex}.editor-form label input,.editor-form label select,.editor-form label textarea{color:var(--text)}.editor-form label.check,.checks label{color:var(--text);flex-direction:row;align-items:center;gap:.5rem}.editor-form .row{gap:1rem;max-width:18rem;display:flex}.editor-form footer{align-items:center;gap:.6rem;margin-top:.5rem;display:flex}fieldset{border:1px solid var(--border);border-radius:8px;margin:0;padding:.8rem 1rem}legend{color:var(--muted);padding:0 .4rem}.checks{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}audio{width:100%}.progress{align-items:center;gap:.8rem;display:flex}.progress progress{accent-color:var(--gold);flex:1}.richtext{border:1px solid var(--border);background:var(--surface);border-radius:8px}.toolbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:1;border-radius:8px 8px 0 0;flex-wrap:wrap;gap:.25rem;padding:.4rem;display:flex;position:sticky;top:0}.toolbar button{background:0 0;border-color:#0000;padding:.25rem .55rem;font-size:.9rem}.toolbar button.active{color:var(--gold);border-color:var(--gold)}.toolbar .divider{background:var(--border);width:1px;margin:0 .25rem}.editor .ProseMirror{outline-offset:-2px;border-radius:0 0 8px 8px;min-height:22rem;padding:.8rem 1rem;line-height:1.6}.editor .ProseMirror a{color:var(--gold)}.editor .ProseMirror blockquote{border-left:3px solid var(--gold);color:var(--muted);margin-left:0;padding-left:1rem}.editor .ProseMirror hr{border:0;border-top:1px solid var(--border)}@media (width<=760px){.layout{flex-direction:column}nav{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;width:auto;height:auto;position:static}nav h1{width:100%;margin:0}nav .spacer,nav p{display:none}main{padding:1rem}table{display:block;overflow-x:auto}}