:root{color-scheme:dark;--background: oklch(.18 .012 260);--surface: oklch(.22 .014 260);--surface-raised: oklch(.26 .016 260);--border: oklch(.32 .018 260);--foreground: oklch(.92 .008 260);--muted-foreground: oklch(.68 .012 260);--primary: oklch(.78 .14 75);--primary-foreground: oklch(.22 .03 75);--secondary: oklch(.74 .045 200);--secondary-foreground: oklch(.2 .02 200);--success: oklch(.72 .15 150);--destructive: oklch(.62 .19 25);--destructive-foreground: oklch(.96 .01 25);--radius: .5rem;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "Fira Code", monospace;--motion-fast: .15s;--motion-base: .3s;--motion-ease: ease-out;accent-color:var(--primary)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--background);color:var(--foreground)}a{color:var(--primary)}.shell{display:flex;min-height:100vh}.main-pane{flex:1;min-width:0}.sidebar{flex:none;width:224px;display:flex;flex-direction:column;gap:4px;padding:0 8px 8px;border-right:1px solid var(--border);background:var(--surface)}.brand{display:flex;align-items:center;gap:8px;padding:20px 8px;color:var(--foreground);text-decoration:none}.brand:hover{opacity:.85}.brand img{width:28px;height:28px}.brand .wordmark{font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.menu{display:flex;flex-direction:column;gap:4px}.menu-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius);color:var(--muted-foreground);font-size:.875rem;line-height:1.25rem;text-decoration:none;transition:background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.menu-item svg{flex:none;width:16px;height:16px}.menu-item:hover{background:var(--surface-raised);color:var(--foreground)}.menu-item.is-active{background:#eba9411a;color:var(--foreground)}.menu-item .menu-label{flex:1;min-width:0}.portal-link{margin-top:auto;position:relative;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--radius);color:var(--muted-foreground);font-size:.8rem;text-decoration:none;transition:background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.portal-link:before{content:"";position:absolute;left:-8px;right:-8px;top:-8px;border-top:1px solid var(--border)}.portal-link:hover{background:var(--surface-raised);color:var(--foreground)}.portal-link img{width:20px;height:20px;border-radius:999px}@media (max-width: 720px){.shell{flex-direction:column}.sidebar{width:auto;border-right:0;border-bottom:1px solid var(--border)}.menu{flex-direction:row;flex-wrap:wrap}.portal-link{margin-top:0}.portal-link:before{display:none}}.content{width:min(64rem,100%);margin:0 auto;padding:2rem 1.5rem 4rem}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-head-block{padding:0 0 .5rem}h1,.page-title{display:flex;align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.page-title svg{flex:none;width:20px;height:20px;color:var(--primary)}.page-desc{margin:6px 0 0;max-width:68ch;color:var(--muted-foreground);font-size:.875rem;line-height:1.45}.page-actions{display:flex;align-items:center;gap:8px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}h2,.card-title{display:flex;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;line-height:1.3;letter-spacing:-.025em;color:var(--foreground);text-transform:none}.card-title svg{flex:none;width:16px;height:16px;color:var(--primary)}.card-actions{display:flex;align-items:center;gap:8px}.card-desc{margin:6px 0 0;max-width:68ch;color:var(--muted-foreground);font-size:.875rem;line-height:1.45}.card-content{margin-top:24px}.card-content>:first-child{margin-top:0}input,button{font:inherit;color:var(--foreground);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius, 8px);padding:.5rem .8rem}input:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}button{cursor:pointer;background:var(--surface-raised)}button:hover:not(:disabled){border-color:var(--primary)}button:disabled,input:disabled,textarea:disabled{opacity:.5}button:disabled{cursor:default}button.danger{color:var(--destructive, #e5484d);border-color:var(--destructive, #e5484d);background:transparent}.row{display:flex;gap:.6rem;align-items:center;margin:.6rem 0;flex-wrap:wrap}.notice{padding:.8rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius, 8px);color:var(--muted-foreground)}.notice.error,.error{color:var(--destructive, #e5484d)}.muted{color:var(--muted-foreground)}table.archive{width:100%;border-collapse:collapse;margin-top:1rem}table.archive th{text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);padding:.5rem .75rem;border-bottom:1px solid var(--border)}table.archive td{padding:.65rem .75rem;border-bottom:1px solid var(--border)}table.archive a{color:var(--foreground)}.status{display:inline-block;padding:.15rem .6rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.85rem;color:var(--muted-foreground)}.status[data-status=assembled],.status[data-status=transcribed],.status[data-status=approved],.status[data-status=sent]{color:var(--primary);border-color:var(--primary)}.status[data-status=failed]{color:var(--destructive, #e5484d);border-color:var(--destructive, #e5484d)}.facts{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1.2rem;margin:1rem 0}.facts dt{color:var(--muted-foreground)}.facts dd{margin:0}audio{width:100%;margin:.5rem 0 1rem}.timeline{margin:0;padding-left:1.2rem;display:grid;gap:.4rem}.transcript-meta{margin-top:0}.transcript{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.35rem}.transcript li{display:grid;grid-template-columns:3.5rem 1fr;gap:.75rem;align-items:baseline}button.timestamp{justify-self:start;padding:.1rem .4rem;background:none;border:1px solid transparent;color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:.85rem;cursor:pointer}button.timestamp:hover{color:var(--primary);border-color:var(--border)}.dropzone{display:block;margin:1rem 0;padding:2.2rem;text-align:center;border:1px dashed var(--border);border-radius:var(--radius-lg, 12px);color:var(--muted-foreground);cursor:pointer}.dropzone:hover{border-color:var(--primary);color:var(--foreground)}.dropzone input{display:none}.uploads{list-style:none;padding:0;display:grid;gap:.5rem}.uploads li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius, 8px)}.uploads li[data-phase=failed] .detail{color:var(--destructive, #e5484d)}.uploads li[data-phase=done] .detail a{color:var(--primary)}.pairing-code strong{font-size:1.3rem;letter-spacing:.2em;color:var(--primary)}.type-card{margin:1rem 0;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:var(--radius-lg, 12px);background:var(--surface)}.type-card h3{margin:0;font-size:1.05rem}.proposal{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:.8rem 0;padding:.7rem 1rem;border:1px solid var(--primary);border-radius:var(--radius, 8px);color:var(--foreground)}.status[data-status=collecting]{color:var(--muted-foreground)}.status[data-status=assisted],.status[data-status=automatic]{color:var(--primary);border-color:var(--primary)}.chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0}.chip{padding:.35rem .8rem;border-radius:999px}.chip[data-selected]{border-color:var(--primary);color:var(--primary);background:var(--surface)}textarea.reference{width:100%;font:inherit;color:var(--foreground);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius, 8px);padding:.7rem .9rem;resize:vertical}textarea.reference:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.type-card label{display:flex;align-items:center;gap:.4rem;color:var(--muted-foreground)}.type-card input[type=number]{width:5.5rem}.card{margin-top:24px;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px 2px #0000000d}.card--danger{border-color:#e2494773}.draft-panel{display:block;margin:0 0 1rem;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised)}.template-section,.script-section{display:flex;flex-direction:column;gap:.3rem;margin:.7rem 0}.template-section label{display:flex;align-items:center;gap:.6rem}.template-section input{flex:1}.template-section textarea,.script-section textarea,.card textarea{width:100%;font:inherit;color:var(--foreground);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius, 8px);padding:.6rem .8rem;resize:vertical}.template-section textarea:focus-visible,.script-section textarea:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.script-section textarea[readonly],.template-section textarea[readonly],.template-section input[readonly]{color:var(--muted-foreground)}.section-layout{display:flex;gap:24px;align-items:flex-start}.section-body{flex:1;min-width:0}.section-nav{flex:none;width:240px;display:flex;flex-direction:column;gap:4px;padding-top:40px;position:sticky;top:0}.section-nav-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:0;border-radius:var(--radius);background:transparent;color:var(--muted-foreground);font:inherit;font-size:.875rem;text-align:left;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.section-nav-item svg{flex:none;width:16px;height:16px}.section-nav-item:hover{background:var(--surface-raised);color:var(--foreground)}.section-nav-item.is-active{background:#eba9411a;color:var(--foreground)}.section-nav-count{flex:none;font-size:.75rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums}@media (max-width: 900px){.section-layout{flex-direction:column}.section-nav{width:100%;flex-direction:row;flex-wrap:wrap;padding-top:0;position:static}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#00000080}.dialog-card{position:relative;width:100%;max-width:448px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.5);box-shadow:0 24px 60px -20px #0009}.dialog-card--center{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px;text-align:center}.dialog-card--center .dialog-desc{margin:0}.dialog-mark{width:56px;height:56px}.dialog-wordmark{margin:0;font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.dialog-title{margin:0 0 6px;font-size:1rem;font-weight:600;letter-spacing:-.025em}.dialog-desc{margin:0 0 20px;color:var(--muted-foreground);font-size:.875rem;line-height:1.45}.dialog-credit{margin:0;color:var(--muted-foreground);font-size:.8rem}.dialog-card input[type=text]{width:100%}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px}.field-label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:var(--muted-foreground)}.status-line{margin:8px 0 0;color:var(--muted-foreground);font-size:.875rem}.grow{flex:1;min-width:0}.tile-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.tile-list li{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:.875rem}.notes{margin:0;padding-left:1.1rem;color:var(--muted-foreground);font-size:.875rem;line-height:1.5}.notes li+li{margin-top:6px}
