:root{--linen: #f4f0e9;--linen-deep: #ece6db;--paper: #ffffff;--ink: #26242b;--slate: #6f6b77;--slate-deep: #656170;--slate-soft: #918d99;--mist: #e7e2d8;--mist-strong: #d8d1c4;--pine: #1e5a50;--pine-deep: #16453d;--pine-tint: #e7efec;--pine-ink: #123a33;--marigold: #e6a23c;--marigold-deep: #9a6a18;--marigold-tint: #fbf1de;--marigold-edge: #efdcb6;--clay: #b4453b;--clay-deep: #8f352d;--clay-tint: #f6e7e4;--clay-edge: #e6cdc9;--sage: #4c7c5e;--li-border: #e2e2e2;--li-name: #1a1a1a;--li-sub: #5e5e5e;--li-link: #0a66c2;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--r-sm: 8px;--r-md: 10px;--r-card: 14px;--r-pill: 999px;--shadow-card: 0 1px 2px rgba(38, 36, 43, .05), 0 14px 30px -20px rgba(38, 36, 43, .35);--shadow-pop: 0 8px 28px -12px rgba(38, 36, 43, .45);--ring: 2.5px solid var(--pine)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--linen);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--pine);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.012em;margin:0}:focus-visible{outline:var(--ring);outline-offset:2px;border-radius:6px}.mono{font-family:var(--font-mono)}.muted{color:var(--slate)}.tnum{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.rail{background:var(--linen-deep);border-right:1px solid var(--mist);padding:22px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px}.brand-mark{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 32% 32%,var(--marigold),#c9842a 70%);box-shadow:inset 0 0 0 3px var(--paper),0 0 0 1px var(--mist);flex:none}.brand-name{font-family:var(--font-display);font-weight:600;font-size:22px;letter-spacing:-.01em}.rail-group{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate-deep);padding:14px 8px 6px}.nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:9px;color:var(--ink);cursor:pointer;border:1px solid transparent;font-weight:500;text-decoration:none;width:100%;background:none;text-align:left}.nav:hover{background:#ffffff8c;text-decoration:none}.nav .count{font-family:var(--font-mono);font-size:12px;color:var(--slate)}.nav.is-active{background:var(--paper);border-color:var(--mist);box-shadow:0 1px 2px #26242b0f;color:var(--pine);font-weight:600}.nav.is-active:before{content:"";position:absolute;left:-16px;width:3px;height:18px;border-radius:3px;background:var(--marigold)}.rail-foot{margin-top:auto;padding:12px 8px 0}.role-switch{width:100%;font-family:var(--font-mono);font-size:12px;color:var(--slate);background:var(--paper);border:1px solid var(--mist);border-radius:8px;padding:7px 9px}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 32px;border-bottom:1px solid var(--mist);position:sticky;top:0;z-index:5;background:#f4f0e9e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar h1{font-size:21px}.topbar .crumb{color:var(--slate);font-weight:500;font-family:var(--font-body)}.canvas{padding:30px 32px 80px;width:100%}.canvas.narrow{max-width:760px;margin:0 auto}.canvas.wide{max-width:1180px;margin:0 auto}.surface-intro{margin:0 0 22px}.surface-intro h2{font-size:27px;margin:0 0 4px}.surface-intro p{margin:0;color:var(--slate);max-width:64ch}.ready{display:inline-flex;align-items:center;gap:9px;padding:7px 13px 9px;background:var(--paper);border:1px solid var(--mist);border-radius:var(--r-pill);font-weight:600;font-size:13.5px;position:relative;white-space:nowrap}.ready .dot{width:9px;height:9px;border-radius:50%;flex:none}.ready.on .dot{background:var(--marigold);box-shadow:0 0 0 4px var(--marigold-tint)}.ready.off .dot{background:var(--slate-soft);box-shadow:0 0 0 4px var(--linen-deep)}.ready .stroke{position:absolute;left:34px;right:12px;bottom:2px;height:8px}.btn{border-radius:9px;padding:8px 14px;font-weight:600;font-size:13.5px;cursor:pointer;border:1px solid transparent;transition:transform .08s ease,background .15s ease;display:inline-flex;align-items:center;gap:7px;line-height:1.2}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-primary{background:var(--pine);color:#fff}.btn-primary:hover{background:var(--pine-deep)}.btn-ghost{background:transparent;color:var(--pine);border-color:#cfe0da}.btn-ghost:hover{background:var(--pine-tint)}.btn-quiet{background:transparent;color:var(--slate);padding:8px 6px}.btn-quiet:hover{color:var(--ink)}.btn-danger{background:transparent;color:var(--clay);border-color:var(--clay-edge)}.btn-danger:hover{background:var(--clay-tint)}.btn-sm{padding:5px 10px;font-size:12.5px}.chip{font-family:var(--font-mono);font-size:11px;color:var(--pine);background:var(--pine-tint);border:1px solid #cfe0da;padding:2px 8px;border-radius:var(--r-pill);white-space:nowrap}.chip.warm{color:var(--marigold-deep);background:var(--marigold-tint);border-color:var(--marigold-edge)}.chip.bad{color:var(--clay-deep);background:var(--clay-tint);border-color:var(--clay-edge)}.chip.plain{color:var(--slate);background:var(--linen-deep);border-color:var(--mist)}.statusdot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.statusdot.ok{background:var(--pine)}.statusdot.warn{background:var(--marigold)}.statusdot.bad{background:var(--clay)}.statusdot.idle{background:var(--slate-soft)}.card{background:var(--paper);border:1px solid var(--mist);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.panel{background:var(--paper);border:1px solid var(--mist);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:20px 22px}.panel h3{font-size:18px;margin:0 0 4px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--mist);background:var(--linen);border-radius:var(--r-card) var(--r-card) 0 0}.panel-head .eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}.grid{display:grid;gap:18px}.grid.cols2{grid-template-columns:repeat(2,1fr)}.grid.cols3{grid-template-columns:repeat(3,1fr)}.grid.cols4{grid-template-columns:repeat(4,1fr)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-weight:600;font-size:13.5px}.field .help{color:var(--slate);font-size:12.5px}.input,.textarea,.select{font-family:inherit;font-size:14px;color:var(--ink);background:var(--paper);border:1px solid var(--mist-strong);border-radius:var(--r-sm);padding:9px 11px;width:100%}.input:focus,.textarea:focus,.select:focus{outline:var(--ring);outline-offset:1px;border-color:var(--pine)}.textarea{resize:vertical;min-height:90px;line-height:1.5}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);font-weight:500;padding:8px 12px;border-bottom:1px solid var(--mist)}.table td{padding:10px 12px;border-bottom:1px solid var(--mist);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--linen)}.table .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.avatar{border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-weight:700;letter-spacing:.02em;font-family:var(--font-body);width:46px;height:46px;font-size:16px}.avatar.sm{width:38px;height:38px;font-size:13px}.empty{text-align:center;padding:56px 24px;color:var(--slate);border:1px dashed var(--mist-strong);border-radius:var(--r-card);background:var(--paper)}.empty h3{color:var(--ink);margin-bottom:6px}.banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r-md);font-size:13.5px;border:1px solid var(--mist);background:var(--paper)}.banner.warn{background:var(--marigold-tint);border-color:var(--marigold-edge);color:var(--marigold-deep)}.banner.bad{background:var(--clay-tint);border-color:var(--clay-edge);color:var(--clay-deep)}.banner.info{background:var(--pine-tint);border-color:#cfe0da;color:var(--pine-ink)}.ink path{stroke-dasharray:340;stroke-dashoffset:340}.ink.draw path{animation:ink-draw .5s ease forwards}.ink.shown path{stroke-dashoffset:0}@keyframes ink-draw{to{stroke-dashoffset:0}}.toasts{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;z-index:50}.toast{background:var(--ink);color:#fff;padding:11px 15px;border-radius:10px;box-shadow:var(--shadow-pop);font-size:13.5px;max-width:360px}.toast.bad{background:var(--clay-deep)}@media (max-width: 880px){.app{grid-template-columns:1fr}.rail{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 14px}.brand{padding:0 10px 0 2px}.rail-group,.rail-foot{display:none}.nav{width:auto;padding:7px 11px}.nav.is-active:before{display:none}.topbar{padding:14px 18px}.canvas{padding:20px 16px 64px}.grid.cols2,.grid.cols3,.grid.cols4{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.ink path{stroke-dashoffset:0!important}}.proof{margin-bottom:24px;overflow:hidden}.proof.is-approved{box-shadow:0 1px 2px #26242b0d,0 14px 30px -20px #1e5a5073}.proof.is-busy{opacity:.55;pointer-events:none}.proof-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid var(--mist);background:var(--linen)}.proof-eyebrow .label{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}.score{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--ink);background:var(--marigold-tint);border:1px solid var(--marigold-edge);padding:4px 9px;border-radius:var(--r-pill)}.score b{color:var(--marigold-deep)}.specimen{padding:16px 18px}.li{border:1px solid var(--li-border);border-radius:var(--r-md);background:#fff;padding:14px 16px}.li.compact{padding:12px 14px}.li-head{display:flex;gap:11px;align-items:flex-start}.li-author{min-width:0;flex:1}.li-author .name{color:var(--li-name);font-weight:700;font-size:14px;line-height:1.25}.li-author .headline{color:var(--li-sub);font-size:12.5px;line-height:1.3}.li-author .meta{color:var(--li-sub);font-size:12px;margin-top:2px}.li-body{color:#1a1a1a;font-size:14px;line-height:1.55;margin:11px 0 0;white-space:pre-line}.li-image{margin:12px -16px 0;border-top:1px solid var(--li-border)}.li-image .ph{aspect-ratio:16/9;display:grid;place-items:center;color:#9fb0bd;font-family:var(--font-mono);font-size:12px;background:repeating-linear-gradient(135deg,#f1f4f7 0,#f1f4f7 14px,#e9eef3 14px,#e9eef3 28px)}.li-led{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;font-size:12px;color:var(--marigold-deep);background:var(--marigold-tint);border:1px solid var(--marigold-edge);padding:3px 8px;border-radius:var(--r-pill)}.li-stats{display:flex;gap:16px;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--li-border);color:var(--li-sub);font-size:13px}.drafts{padding:4px 18px 18px}.drafts-head{display:flex;align-items:center;gap:10px;margin:6px 0}.drafts-head .t{font-weight:600}.drafts-head .hint{color:var(--slate);font-size:13px}.drafts-head .rule{flex:1;height:1px;background:var(--mist)}.draft{display:flex;gap:11px;padding:13px 0;border-top:1px solid var(--mist)}.draft:first-of-type{border-top:0}.draft.dim{opacity:.45}.bubble{flex:1;min-width:0}.bubble .who{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bubble .who .nm{font-weight:700;font-size:13.5px}.bubble .text{margin:5px 0 0;font-size:14px;line-height:1.55;position:relative;display:inline-block}.draft .actions{display:flex;align-items:center;gap:8px;margin-top:11px;flex-wrap:wrap}.approved-note{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--pine);font-weight:600;font-size:13.5px}.proof-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-top:1px solid var(--mist);background:var(--linen)}.proof-foot .why{color:var(--slate);font-size:13px}.chat{display:flex;flex-direction:column;gap:14px;padding:20px;max-height:60vh;overflow-y:auto}.msg{display:flex;gap:10px;max-width:80%}.msg.user{align-self:flex-end;flex-direction:row-reverse}.msg .who{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}.msg.assistant .who{background:radial-gradient(circle at 32% 32%,var(--marigold),#c9842a 70%)}.msg.user .who{background:linear-gradient(135deg,var(--pine),#2c7a6c)}.msg .body{padding:10px 13px;border-radius:13px;font-size:14px;line-height:1.5}.msg.assistant .body{background:var(--linen);border:1px solid var(--mist);border-top-left-radius:4px}.msg.user .body{background:var(--pine);color:#fff;border-top-right-radius:4px}.composer{display:flex;gap:10px;padding:14px 18px;border-top:1px solid var(--mist)}.composer .input{flex:1}.qrow{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-bottom:1px solid var(--mist)}.qrow:last-child{border-bottom:0}.qrow .ord{display:flex;flex-direction:column;gap:4px;align-items:center;padding-top:2px}.qrow .ord button{border:1px solid var(--mist-strong);background:var(--paper);width:26px;height:24px;border-radius:6px;cursor:pointer;color:var(--slate);line-height:1}.qrow .ord button:disabled{opacity:.35;cursor:default}.qrow .ord .pos{font-family:var(--font-mono);font-size:12px;color:var(--slate)}.qrow .qbody{flex:1;min-width:0}.qrow .qcomment{margin-top:8px;padding:10px 12px;background:var(--pine-tint);border:1px solid #cfe0da;border-radius:var(--r-md);font-size:13.5px}.op-grid{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.op{padding:16px}.op .toprow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.op .topic{font-weight:700}.op .pos{color:var(--ink);font-size:14px;line-height:1.5}.op .row{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}.tiles{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.tile{padding:16px 18px}.tile .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}.tile .v{font-family:var(--font-display);font-size:30px;font-weight:600;margin-top:4px}.tile .sub{color:var(--slate);font-size:12.5px;margin-top:2px}.svc{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--mist);font-size:13.5px}.svc:last-child{border-bottom:0}.svc .nm{flex:1}.bar{height:6px;border-radius:4px;background:var(--linen-deep);overflow:hidden;min-width:90px}.bar>span{display:block;height:100%;background:var(--pine)}.bar.warn>span{background:var(--marigold)}.disclosure-points{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px}.disclosure-points li{line-height:1.45}@media (max-width: 880px){.op-grid{grid-template-columns:1fr}.tiles{grid-template-columns:1fr 1fr}.msg{max-width:92%}}