:root{--bg:#f6efe0;--card:#fffaf0;--ink:#2b2118;--muted:#7a6a58;--line:#e2d5bd;--accent:#b5562a;--accent-ink:#fff;--gold:#c99a2e;--ok:#3f7d4a;--bad:#b2332b;--wait:#8a6d1d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--ink);background:var(--bg);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1d1712;--card:#2a221b;--ink:#f1e6d2;--muted:#a8977f;--line:#3d3328;--accent:#e07a45;--ok:#79c086;--bad:#ec7a70;--wait:#e2c15d}}*{box-sizing:border-box}body{background:var(--bg);-webkit-text-size-adjust:100%;margin:0}a{color:var(--accent)}h1{margin:.5rem 0;font-size:1.5rem}h2{margin:0 0 .5rem;font-size:1.05rem}button,.button,input,select{font:inherit;color:inherit;border:1px solid var(--line);background:var(--card);border-radius:10px;min-height:44px;padding:0 14px}button,.button{cursor:pointer;color:var(--ink);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.link{color:var(--accent);background:0 0;border:none;min-height:32px;padding:0 4px}.wide{width:100%;margin:12px 0 24px}.top{z-index:2;padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;background:var(--ink);color:var(--bg);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.top .link{color:var(--gold)}.brand{letter-spacing:.02em;font-weight:700}.tabs{top:calc(env(safe-area-inset-top) + 52px);z-index:1;background:var(--bg);border-bottom:1px solid var(--line);display:flex;position:sticky}.tabs a{text-align:center;color:var(--muted);border-bottom:3px solid #0000;flex:1;padding:12px 0;font-weight:600;text-decoration:none}.tabs a[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent)}.page{max-width:760px;padding:12px 16px calc(env(safe-area-inset-bottom) + 24px);margin:0 auto}.centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;padding:16px;display:flex}.login .button,.login button{width:min(320px,100%)}.chips{scrollbar-width:none;gap:8px;margin-bottom:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chips button{border-radius:18px;flex:none;min-height:36px}.chips button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.search{width:100%;margin-bottom:8px}.cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:12px 14px;display:block}.cards .card{margin-bottom:0}.link-card{color:inherit;text-decoration:none}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.push{margin-left:auto}.title{overflow-wrap:anywhere;margin:4px 0;font-weight:600}.meta{color:var(--muted);flex-wrap:wrap;gap:4px 12px;font-size:.875rem;display:flex}.muted{color:var(--muted)}.missing{color:var(--bad)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.error{color:var(--bad);overflow-wrap:anywhere}.pill{text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700}.pill.running{color:var(--accent)}.pill.queued{color:var(--wait)}.pill.done{color:var(--ok)}.pill.failed{color:var(--bad)}.job-error summary{color:var(--bad);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;font-size:.875rem;overflow:hidden}.job-error pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}.back{padding:6px 0;font-weight:600;text-decoration:none;display:inline-block}.recording{border-top:1px solid var(--line);padding:10px 0}.recording:first-of-type{border-top:none;padding-top:0}audio{width:100%;margin:6px 0}details summary{cursor:pointer;color:var(--accent);padding:6px 0}.tale-text{white-space:pre-line}.sources{margin:0;padding-left:1.2rem}.sources li{overflow-wrap:anywhere;margin-bottom:6px}.setting label{flex-direction:column;margin-bottom:8px;display:flex}.setting select,.setting input{flex:1;min-width:0}.setting .meta{margin-top:6px}
