:root{--paper: #f6f8fa;--surface: #ffffff;--ink: #141a22;--muted: #5b6675;--hairline: #e3e8ef;--hairline-strong: #d3dae3;--accent: #0d7b72;--accent-soft: #e7f2f0;--accent-ink: #0a5f58;--proof: #b4392e;--proof-soft: #f7e9e7;--ins: #0d7b72;--del: #96775f;--ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--read: "Newsreader", "Iowan Old Style", Georgia, "Times New Roman", serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--r: 7px;--r-sm: 5px;--shadow: 0 1px 2px rgba(20, 26, 34, .04), 0 6px 20px rgba(20, 26, 34, .05);--canvas-size: 20px}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--ui);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.5;min-height:100vh}::selection{background:var(--accent-soft)}.topbar{height:56px;display:flex;align-items:center;gap:16px;padding:0 22px;background:var(--surface);border-bottom:1px solid var(--hairline);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:9px;font-weight:600;letter-spacing:-.01em;cursor:pointer}.brand .glyph{width:22px;height:22px;border-radius:5px;background:var(--ink);display:grid;place-items:center;flex:0 0 auto}.brand .glyph span{display:block;width:11px;height:2px;background:var(--surface);box-shadow:0 -3px 0 var(--surface),0 3px 0 var(--surface)}.crumb{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:8px;min-width:0}.crumb .sep{color:var(--hairline-strong)}.crumb .proj{color:var(--ink);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spacer{flex:1}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 9px;border-radius:100px;border:1px solid var(--hairline-strong);color:var(--muted);background:var(--surface);-webkit-user-select:none;user-select:none}.badge .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.avatar{width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-size:11px;font-weight:600;display:grid;place-items:center}.sizer{display:inline-flex;gap:4px}.sizer .tool-btn:disabled{opacity:.4;cursor:default}.page{max-width:820px;margin:0 auto;padding:40px 24px 120px}.eyebrow{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:0 0 20px}.stack{display:flex;flex-direction:column;gap:0}.btn{font-family:var(--ui);font-size:13px;font-weight:500;padding:8px 14px;border-radius:var(--r-sm);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .14s ease,border-color .14s ease,opacity .14s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-ink)}.btn-primary:disabled{background:var(--paper);color:var(--hairline-strong);border-color:var(--hairline);cursor:not-allowed}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--hairline-strong)}.btn-ghost:hover:not(:disabled){color:var(--ink);background:var(--paper)}.btn:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.push{margin-left:auto}.field{font-family:var(--ui);font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--r-sm);padding:9px 12px;width:100%}.field:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.login-wrap{max-width:360px;margin:12vh auto 0;padding:0 24px}.login-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r);box-shadow:var(--shadow);padding:26px;display:flex;flex-direction:column;gap:12px}.login-card h1{font-size:17px;margin:0 0 2px;letter-spacing:-.01em}.login-card .sub{font-size:13px;color:var(--muted);margin:0 0 8px}.error-note{font-size:12.5px;color:var(--proof)}.doc-list{display:flex;flex-direction:column;gap:8px}.proj-section{border-radius:var(--r);padding:4px 6px 14px;margin:0 -6px}.proj-section .proj-head{margin-bottom:10px;display:flex;align-items:center;gap:10px}.proj-head .proj-rename{opacity:0;text-transform:none;letter-spacing:normal}.proj-section:hover .proj-rename{opacity:1}@media(hover:none){.proj-head .proj-rename{opacity:.7}}.proj-section.drop-active{background:var(--accent-soft);outline:1.5px dashed var(--accent)}.proj-empty{font-size:12.5px;color:var(--hairline-strong);border:1px dashed var(--hairline);border-radius:var(--r-sm);padding:10px 14px}.doc-row .doc-tool{opacity:0;transition:opacity .12s ease}.doc-row:hover .doc-tool{opacity:1}.doc-row .rename-field{max-width:260px;padding:4px 8px;font-size:13.5px}.doc-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r);padding:14px 18px;cursor:pointer;transition:border-color .14s ease}.doc-row:hover{border-color:var(--accent)}.doc-row .title{font-weight:500}.doc-row .when{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-left:auto}.para{font-family:var(--read);font-size:var(--canvas-size);line-height:1.64;color:var(--ink);display:grid;grid-template-columns:48px 1fr;padding:.3em 14px .3em 0;border-radius:var(--r);border:1px solid transparent;letter-spacing:.003em;position:relative}.para .ptext{min-width:0}.para:hover{border-color:var(--hairline);background:var(--surface)}.para.ghosted{color:var(--muted);opacity:.5}.pmark{font-family:var(--mono);font-size:12px;color:var(--muted);font-weight:500}.para .para-tools{position:absolute;right:10px;top:8px;display:none;gap:6px}.para:hover .para-tools{display:inline-flex}.tool-btn{font-family:var(--ui);font-size:11.5px;color:var(--muted);background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--r-sm);padding:3px 8px;cursor:pointer}.tool-btn:hover{color:var(--accent-ink);border-color:var(--accent)}.para-edit textarea{font-family:var(--read);font-size:var(--canvas-size);line-height:1.64;color:var(--ink);width:100%;border:none;resize:vertical;background:transparent;padding:0;letter-spacing:.003em;min-height:200px;field-sizing:content;max-height:70vh}.para-edit textarea:focus{outline:none}.edit-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r);box-shadow:var(--shadow);padding:14px 18px;position:relative}.edit-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);border-radius:2px 0 0 2px}.edit-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--hairline);margin-top:10px}.edit-split{display:grid;grid-template-columns:1fr 1.2fr;gap:0}.edit-split.original-hidden{grid-template-columns:1fr}.edit-original{border-right:1px solid var(--hairline);padding-right:18px;margin-right:18px;min-width:0}.edit-original-text{font-family:var(--read);font-size:calc(var(--canvas-size) - 1px);line-height:1.64;color:var(--muted);letter-spacing:.003em;-webkit-user-select:text;user-select:text}.edit-new{min-width:0;display:flex;flex-direction:column}.edit-pane-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.edit-pane-head .pmark{margin-right:auto}@media(max-width:720px){.edit-split{grid-template-columns:1fr}.edit-original{border-right:none;padding-right:0;margin-right:0;border-bottom:1px solid var(--hairline);padding-bottom:12px;margin-bottom:12px}}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r);box-shadow:var(--shadow);display:grid;grid-template-columns:64px 1fr;overflow:hidden;position:relative}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.rail{padding:18px 0;border-right:1px solid var(--hairline);display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#fcfdfe,#f9fbfc);position:relative}.rail-line{position:absolute;top:30px;bottom:30px;left:50%;width:1.5px;background:var(--hairline);transform:translate(-50%)}.node{position:relative;z-index:1;width:40px;display:flex;justify-content:center;padding:11px 0;cursor:pointer;background:none;border:none}.node .bead{width:26px;height:26px;border-radius:50%;background:var(--surface);border:1.5px solid var(--hairline-strong);color:var(--muted);font-family:var(--mono);font-size:12px;font-weight:500;display:grid;place-items:center;transition:all .16s ease}.node:hover .bead{border-color:var(--accent);color:var(--accent-ink)}.node.selected .bead{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 4px var(--accent-soft)}.node.current .bead{border-color:var(--proof);color:var(--proof)}.node.current.selected .bead{background:var(--proof);border-color:var(--proof);color:#fff;box-shadow:0 0 0 4px var(--proof-soft)}.node.current:after{content:"live";position:absolute;top:-3px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:8.5px;letter-spacing:.04em;color:var(--proof);text-transform:uppercase}.node:focus-visible{outline:none}.node:focus-visible .bead{outline:2px solid var(--accent-ink);outline-offset:2px}.content{padding:18px 22px 20px;min-width:0}.chead{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.hchip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--accent-ink);background:var(--accent-soft);padding:3px 8px;border-radius:100px}.meta{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-left:auto}.meta b{color:var(--ink);font-weight:500}.prose{font-family:var(--read);font-size:var(--canvas-size);line-height:1.64;color:var(--ink);margin:0 0 6px;min-height:96px;letter-spacing:.003em}.prose .ins{color:var(--ins);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;text-decoration-color:#0d7b7280}.prose .del{color:var(--del);text-decoration:line-through;text-decoration-thickness:1.5px;opacity:.75}.hint{font-size:12.5px;color:var(--muted);margin:2px 0 16px;display:flex;gap:7px;align-items:flex-start}.toolbar{display:flex;align-items:center;gap:8px;padding-top:14px;border-top:1px solid var(--hairline);flex-wrap:wrap}.stepper{display:inline-flex;border:1px solid var(--hairline-strong);border-radius:var(--r-sm);overflow:hidden}.stepper button{background:var(--surface);border:none;color:var(--ink);font-family:var(--ui);font-size:13px;padding:7px 11px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .12s ease}.stepper button+button{border-left:1px solid var(--hairline)}.stepper button:hover:not(:disabled){background:var(--paper)}.stepper button:disabled{color:var(--hairline-strong);cursor:not-allowed}.vpos{font-family:var(--mono);font-size:12px;color:var(--muted);padding:0 4px;align-self:center}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 4px;background:none;border:none;font-family:var(--ui)}.switch{width:32px;height:18px;border-radius:100px;background:var(--hairline-strong);position:relative;transition:background .15s ease;flex:0 0 auto}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000026;transition:transform .15s ease}.toggle.on .switch{background:var(--accent)}.toggle.on .switch:after{transform:translate(14px)}.toggle.on{color:var(--ink)}.para .grip{font-family:var(--mono);font-size:10.5px;color:var(--hairline-strong);display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:.45em;cursor:grab;-webkit-user-select:none;user-select:none;align-self:stretch;border-radius:4px;margin:0 8px 0 4px;transition:color .14s ease,background .14s ease}.para .grip:hover{color:var(--accent-ink);background:var(--accent-soft)}.para .grip:active{cursor:grabbing}.para .grip .gripnum{color:inherit}.para .grip.static{cursor:default}.para .grip.static:hover{color:var(--hairline-strong);background:transparent}.para.selected{border-color:var(--accent);background:var(--accent-soft)}.para.selected .grip{color:var(--accent-ink)}.drop-zone{position:relative}.gap{height:8px;position:relative}.gap-add{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;border:1px solid var(--hairline-strong);background:var(--surface);color:var(--muted);font-size:14px;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s ease,color .12s ease;display:grid;place-items:center;padding:0}.gap:hover .gap-add,.gap-add:focus-visible{opacity:1}.gap-add:hover{color:var(--accent-ink);border-color:var(--accent)}.compose.inline{margin:6px 0 6px 48px}.compose.inline textarea{min-height:120px}.drop-line{height:2px;background:var(--accent);border-radius:2px;margin:2px 6px;box-shadow:0 0 0 3px var(--accent-soft)}.compose{margin-top:18px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r);padding:14px 18px}.compose textarea{font-family:var(--read);font-size:var(--canvas-size);line-height:1.64;width:100%;border:none;resize:vertical;background:transparent;padding:0;letter-spacing:.003em;min-height:220px;field-sizing:content;max-height:70vh}.compose textarea:focus{outline:none}.compose .bar{display:flex;gap:8px;align-items:center;padding-top:10px;border-top:1px solid var(--hairline);margin-top:8px}.compose .note{font-size:12px;color:var(--muted)}.proposal{border-left:2px solid var(--accent)}.mic-btn{display:inline-flex;align-items:center;gap:6px}.mic-btn .mic-dot{width:7px;height:7px;border-radius:50%;background:var(--hairline-strong)}.mic-btn.listening,.mic-btn.listening:hover{color:var(--proof);border-color:var(--proof)}.mic-btn.listening .mic-dot{background:var(--proof);animation:mic-pulse 1.2s ease-in-out infinite}@keyframes mic-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a2259;z-index:30;display:grid;place-items:center;padding:24px;animation:overlay-in .14s ease}@keyframes overlay-in{0%{opacity:0}}.modal{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r);box-shadow:0 18px 50px #141a2240;padding:22px 24px;max-width:400px;width:100%}.modal h2{font-size:15px;margin:0 0 8px;letter-spacing:-.01em}.modal p{font-size:13.5px;color:var(--muted);margin:0 0 18px;line-height:1.55}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.btn-danger{background:var(--proof);color:#fff}.btn-danger:hover{background:#9c2f26}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,14px);background:var(--ink);color:#fff;font-size:13px;padding:11px 15px;border-radius:var(--r-sm);display:flex;align-items:center;gap:10px;box-shadow:0 8px 30px #141a2247;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:20}.toast.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.toast .tv{width:6px;height:6px;border-radius:50%;background:var(--accent)}.toast a{color:#9fe7de;text-decoration:none;font-weight:500;margin-left:2px;cursor:pointer}.toast a:hover{text-decoration:underline}@media(max-width:620px){.card{grid-template-columns:1fr}.rail{flex-direction:row;justify-content:center;border-right:none;border-bottom:1px solid var(--hairline);padding:14px 0}.rail-line{top:50%;bottom:auto;left:30px;right:30px;width:auto;height:1.5px;transform:translateY(-50%)}.node{padding:0 8px;width:auto}.node.current:after{top:auto;bottom:-14px}.meta{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.doc-actions{display:flex;align-items:center;gap:6px;margin-bottom:16px}.print-title{display:none}@media(max-width:600px){.topbar{gap:8px;padding:0 12px}.crumb{display:none}.page{padding:24px 12px 100px}.para{grid-template-columns:36px 1fr}}.para .grip{touch-action:none}.para.dragging-source{opacity:.45}@media(hover:none){.para .para-tools{display:none}.para.tools-open .para-tools{display:inline-flex;position:static;margin-left:10px}.doc-row .doc-tool{opacity:1}.gap{height:26px}.gap-add{opacity:.65}.tool-btn{padding:6px 11px;font-size:12.5px}.field,.compose textarea,.para-edit textarea{font-size:16px}.para-edit textarea,.compose textarea{font-size:var(--canvas-size)}}.doc-grip{font-family:var(--mono);font-size:12px;color:var(--hairline-strong);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;padding:4px 6px;border-radius:4px;flex:0 0 auto}.doc-grip:hover{color:var(--accent-ink);background:var(--accent-soft)}.doc-row.drag-source{opacity:.45}@media print{.topbar,.compose,.doc-actions,.para-tools,.grip,.gap,.drop-line,.toast,.modal-overlay,.eyebrow{display:none!important}body{background:#fff}.page{max-width:none;padding:0}.print-title{display:block;font-family:var(--read);font-size:26px;font-weight:500;margin:0 0 18px;letter-spacing:-.005em}.para{display:block;padding:0 0 .6em;border:none}.para:hover{background:transparent;border:none}}