: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)}.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}h1{font-size:1.5rem;margin:0 0 1rem}h2{font-size:1.05rem;margin:2rem 0 .6rem;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.08em}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{border-color:var(--primary)}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=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}.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)}