:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f1f3f5;--ink: #111827;--ink-2: #374151;--muted: #6b7280;--line: #e5e7eb;--line-strong: #d1d5db;--accent: #1d4ed8;--accent-hover: #1e40af;--accent-soft: #eff6ff;--ok: #047857;--ok-bg: #ecfdf5;--warn: #b45309;--warn-bg: #fffbeb;--err: #b91c1c;--err-bg: #fef2f2;--radius: 8px;--radius-sm: 6px;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .04);--nav-w: 220px;--font: "Source Sans 3", "Noto Sans SC", system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;color:var(--ink);background:var(--bg);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink)}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em;color:var(--ink)}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:.95rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:var(--nav-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:1.25rem .85rem;background:var(--surface);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.65rem;padding:.35rem .65rem 1.25rem;color:var(--ink);text-decoration:none}.brand:hover{text-decoration:none}.brand-mark{width:28px;height:28px;border-radius:7px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:700;letter-spacing:.02em;flex-shrink:0}.brand-text{display:flex;flex-direction:column;gap:.05rem;min-width:0}.brand-name{font-size:.95rem;font-weight:650;line-height:1.2}.brand-tag{font-size:.72rem;color:var(--muted);line-height:1.2}.side-nav{display:flex;flex-direction:column;gap:.2rem;flex:1}.side-nav a{display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;border-radius:var(--radius-sm);color:var(--ink-2);text-decoration:none;font-size:.92rem;font-weight:500}.side-nav a:hover{background:var(--surface-2);text-decoration:none}.side-nav a.active{background:var(--accent-soft);color:var(--accent)}.side-footer{padding:.75rem .5rem .25rem;border-top:1px solid var(--line);margin-top:.75rem}.main{min-width:0;padding:1.75rem 2rem 3rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-header .titles{min-width:0}.page-header .titles p{margin:.35rem 0 0;color:var(--muted);font-size:.9rem;max-width:40rem}.page-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;flex-shrink:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.25rem 1.35rem}.card+.card{margin-top:.85rem}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.card-head h3{font-size:.9rem;font-weight:600}.card-head .hint{font-size:.8rem;color:var(--muted)}.panel-stack{display:flex;flex-direction:column;gap:.85rem}.grid-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow-sm)}.stat .label{font-size:.78rem;font-weight:500;color:var(--muted)}.stat .value{margin-top:.35rem;font-size:1.55rem;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat .meta{margin-top:.25rem;font-size:.78rem;color:var(--muted)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}label{display:block;font-size:.8rem;font-weight:500;color:var(--ink-2);margin-bottom:.35rem}.field{margin-bottom:.95rem}input,select,textarea{width:100%;padding:.55rem .7rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease}input::placeholder,textarea::placeholder{color:#9ca3af}input:hover,select:hover,textarea:hover{border-color:#9ca3af}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1d4ed81f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .95rem;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:550;font-size:.9rem;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:#9ca3af}.btn-danger-ghost{background:var(--surface);border-color:var(--line-strong);color:var(--err)}.btn-sm{padding:.3rem .65rem;font-size:.82rem}.btn-block{width:100%}.chips{display:flex;flex-wrap:wrap;gap:.45rem}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);font-size:.85rem;color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none}.chip input{width:auto;margin:0;accent-color:var(--accent)}.chip.on{border-color:#93c5fd;background:var(--accent-soft);color:var(--accent-hover)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.75rem .65rem;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.75rem;font-weight:600;color:var(--muted);background:#fafbfc}tbody tr:hover td{background:#fafbfc}td.num{font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:.84rem}.badge{display:inline-flex;align-items:center;padding:.12rem .45rem;border-radius:4px;font-size:.72rem;font-weight:600;letter-spacing:.01em}.badge-queued,.badge-ideas,.badge-writing,.badge-pending,.badge-scoring{background:var(--warn-bg);color:var(--warn)}.badge-done{background:var(--ok-bg);color:var(--ok)}.badge-failed{background:var(--err-bg);color:var(--err)}.alert{padding:.7rem .9rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.88rem;border:1px solid transparent}.alert-err{background:var(--err-bg);color:var(--err);border-color:#fecaca}.alert-ok{background:var(--ok-bg);color:var(--ok);border-color:#a7f3d0}.muted{color:var(--muted);font-size:.88rem}.row-actions{display:flex;flex-wrap:wrap;gap:.35rem}.empty{padding:2.5rem 1rem;text-align:center;color:var(--muted);font-size:.9rem}.story-body{white-space:pre-wrap;font-size:.95rem;line-height:1.8;max-height:58vh;overflow-y:auto;padding:1rem 1.1rem;background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--line);margin-top:.85rem}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}.auth-aside{display:flex;flex-direction:column;justify-content:space-between;padding:2.5rem;background:#0b1220;color:#e5e7eb}.auth-aside .aside-brand{display:flex;align-items:center;gap:.7rem}.auth-aside .aside-brand .brand-mark{background:#fff;color:#0b1220}.auth-aside h2{margin-top:4rem;font-size:1.75rem;color:#fff;font-weight:600;letter-spacing:-.02em;max-width:16ch;line-height:1.25}.auth-aside p{margin:.85rem 0 0;color:#9ca3af;font-size:.95rem;max-width:28ch;line-height:1.6}.auth-aside .aside-foot{font-size:.78rem;color:#6b7280}.auth-main{display:grid;place-items:center;padding:2rem}.auth-card{width:min(380px,100%)}.auth-card h1{font-size:1.35rem;margin-bottom:.25rem}.auth-card .sub{color:var(--muted);margin:0 0 1.5rem;font-size:.9rem}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:1.25rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:3px;background:var(--surface-2)}.tabs button{border:none;background:transparent;padding:.45rem;border-radius:4px;cursor:pointer;color:var(--muted);font-weight:500}.tabs button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--line);padding:.85rem 1rem}.side-nav{flex-direction:row;flex-wrap:wrap;gap:.25rem}.side-nav a{padding:.4rem .65rem}.brand-tag,.side-footer .btn{display:none}.main{padding:1.25rem 1rem 2.5rem}.grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.auth-page{grid-template-columns:1fr}.auth-aside{display:none}}
