:root{--ln-midnight:#0F2438;--ln-teal-700:#0F6E56;--ln-teal-500:#1D9E75;--ln-mint:#9FE1CB;--ln-amber:#EF9F27;--ln-paper:#F5F7F6;--ln-dim:#5A6B66;--ln-border:#D8E0DD;--ln-red:#B42318;--ln-mint-bg:#EAF6F1;--ln-amber-bg:#FCEFD9;--ink:var(--ln-midnight);--ink2:#1A3550;--paper:var(--ln-paper);--card:#fff;--line:var(--ln-border);--txt:var(--ln-midnight);--dim:var(--ln-dim);--phi:#b45309;--phi-bg:#fdf3e3;--phi-line:#e7c491;--safe:#6D28D9;--safe-bg:#F3EEFC;--safe-line:#D4C6F2;--act:var(--ln-teal-700);--danger:var(--ln-red);--mono:"IBM Plex Mono",monospace;--sans:"IBM Plex Sans",system-ui,sans-serif;--disp:"Space Grotesk",var(--sans)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);background:var(--paper);color:var(--txt);font-size:14px}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.mono{font-family:var(--mono)}.topbar{background:var(--ink);color:#e8edf2;display:flex;align-items:center;gap:16px;padding:0 18px;height:56px;position:sticky;top:0;z-index:60}.brand{font-family:var(--disp);font-weight:700;font-size:15px}.brand small{display:block;font-family:var(--sans);font-weight:400;font-size:10px;color:#a9c6bb;letter-spacing:.06em;text-transform:uppercase}.tabs{display:flex;gap:4px;margin-left:6px}.tab{background:transparent;border:1px solid #2E4B63;color:#c9d8d2;padding:7px 13px;border-radius:6px;font-size:12.5px;font-weight:600}.tab.on{background:#e8f0ed;color:var(--ink);border-color:#e8f0ed}.demo-btn{margin-left:auto;background:linear-gradient(135deg,var(--ln-teal-700),var(--ln-teal-500));border:0;color:#fff;padding:9px 16px;border-radius:7px;font-weight:700;font-size:12.5px;display:flex;gap:7px;align-items:center;box-shadow:0 2px 8px #0f6e5666}.demo-btn:hover{filter:brightness(1.08)}.demo-btn.tour{background:linear-gradient(135deg,var(--ln-midnight),#1D3E5C);box-shadow:0 2px 8px #0f243866}.legend{display:flex;gap:12px;align-items:center;font-size:11px;color:#c9d8d2}.dot{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px;vertical-align:-1px}.dot.phi{background:var(--phi)}.dot.safe{background:var(--safe)}.intro{background:var(--ink2);color:#dbe4ec;padding:9px 18px;font-size:12.5px;line-height:1.5;border-bottom:3px solid var(--phi)}.intro b{color:#fff}.intro .k{font-family:var(--disp);font-weight:600;color:#ffd9a8;margin-right:8px}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:1px 8px;font-family:var(--mono);font-size:11.5px;font-weight:500;border:1px solid;white-space:nowrap}.chip.phi{background:var(--phi-bg);border-color:var(--phi-line);color:var(--phi)}.chip.safe{background:var(--safe-bg);border-color:var(--safe-line);color:var(--safe)}.badge{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:2px 7px;border-radius:4px}.badge.phi{background:var(--phi-bg);color:var(--phi);border:1px solid var(--phi-line)}.badge.safe{background:var(--safe-bg);color:var(--safe);border:1px solid var(--safe-line)}.badge.info{background:var(--paper);color:var(--dim);border:1px solid var(--line)}.btn{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 13px;font-size:12.5px;font-weight:600;color:var(--txt)}.btn.primary,.btn.safeb{background:var(--act);border-color:var(--act);color:#fff}.btn.ghost{background:transparent}.btn.small{padding:5px 10px;font-size:11.5px}.panel-title{font-family:var(--disp);font-weight:600;font-size:13px}.section-label{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}.section-toggle{display:flex;align-items:center;gap:6px;background:transparent;border:0;padding:0;width:100%;text-align:left;cursor:pointer}.section-toggle:hover{color:var(--txt)}.section-toggle .caret{display:inline-block;font-size:9px;transition:transform .15s}.section-toggle .caret.open{transform:rotate(90deg)}.design{display:none}.design.on{display:block}.pulse{animation:pulse 1.1s ease-in-out}@keyframes pulse{0%{box-shadow:0 0 #1d9e758c}70%{box-shadow:0 0 0 12px #1d9e7500}to{box-shadow:0 0 #1d9e7500}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.anim-in{animation:slideIn .35s ease}.wb{display:grid;grid-template-columns:300px 1fr 300px;height:calc(100vh - 138px);min-height:620px;transition:grid-template-columns .3s}.wb.lcollapse{grid-template-columns:42px 1fr 300px}.wb.rcollapse{grid-template-columns:300px 1fr 42px}.wb.lcollapse.rcollapse{grid-template-columns:42px 1fr 42px}.lpanel{background:linear-gradient(180deg,#fbf6ec,#f8f1e2);border-right:1px solid var(--phi-line);display:flex;flex-direction:column;overflow:hidden}.rpanel{background:linear-gradient(180deg,#f7f4fc,#f2edfa);border-left:1px solid var(--safe-line);display:flex;flex-direction:column;overflow:hidden}.lpanel header,.rpanel header{padding:12px 14px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px}.lpanel header{border-bottom:1px solid var(--phi-line)}.rpanel header{border-bottom:1px solid var(--safe-line)}.collapse-btn{border:1px solid var(--line);background:#fff;border-radius:6px;width:24px;height:24px;font-size:12px;line-height:1;padding:0}.wb.lcollapse .lpanel .pscroll,.wb.lcollapse .lpanel .panel-title,.wb.lcollapse .lpanel .badge,.wb.rcollapse .rpanel .pscroll,.wb.rcollapse .rpanel .panel-title,.wb.rcollapse .rpanel .badge{display:none}.pscroll{overflow-y:auto;padding:12px 14px;flex:1}.search-tile{background:#fff;border:1px solid var(--phi-line);border-radius:9px;padding:10px 12px;margin-bottom:8px;display:flex;gap:10px;align-items:center;transition:box-shadow .15s;width:100%;text-align:left}.search-tile:hover{box-shadow:0 2px 8px #b453092e}.search-tile .ic{width:30px;height:30px;border-radius:7px;background:var(--phi-bg);color:var(--phi);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.search-tile b{font-size:12.5px;display:block}.search-tile span{font-size:11px;color:var(--dim)}.pinned{background:#fff;border:1px solid var(--phi-line);border-radius:9px;padding:10px 12px;font-size:12px}.tmpl{background:#fff;border:1px solid var(--safe-line);border-radius:9px;padding:10px 12px;margin-bottom:8px;transition:box-shadow .15s;width:100%;text-align:left}.tmpl:hover{box-shadow:0 2px 8px #6d28d926}.tmpl b{font-size:12.5px;display:block;margin-bottom:2px}.tmpl span{font-size:11px;color:var(--dim);display:block;line-height:1.45}.tmpl .slots{margin-top:5px;display:flex;gap:5px;flex-wrap:wrap}.slot{font-family:var(--mono);font-size:10px;background:var(--safe-bg);color:var(--safe);border:1px dashed var(--safe-line);padding:1px 6px;border-radius:4px}.center{display:flex;flex-direction:column;background:var(--paper);overflow:hidden}.chat{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:13px}.msg{max-width:740px;border-radius:11px;padding:13px 16px;font-size:13px;line-height:1.6}.msg.user{background:#fff;border:1px solid var(--line);align-self:flex-end}.msg.claude{background:#fff;border:1px solid var(--line);border-left:3px solid var(--ln-teal-500);align-self:flex-start}.msg .who{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}.msg ul{margin:8px 0 0 18px}.msg li{margin-bottom:4px}.typing-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ln-teal-500);margin-right:3px;animation:blink 1s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.composer{border-top:1px solid var(--line);background:#fff;padding:11px 20px 13px}.lintbar{display:none;background:#fdecea;border:1px solid #f2b8b5;color:var(--danger);border-radius:7px;padding:8px 12px;font-size:12px;margin-bottom:8px}.lintbar.on{display:flex;justify-content:space-between;align-items:center;gap:10px}.compose-box{border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;min-height:70px;font-size:13px;line-height:1.8;outline:none;background:#fff}.compose-box:focus{border-color:var(--ln-teal-500)}.compose-box:empty:before{content:attr(data-ph);color:#9aa7b4}.phi-hit{background:#fde3e1;border-bottom:2px solid var(--danger);border-radius:2px;padding:0 2px}.compose-actions{display:flex;gap:8px;margin-top:8px;align-items:center}.gatehint{font-size:11px;color:var(--dim);margin-left:auto}.tray{border-top:1px solid var(--line);background:#fff;padding:9px 20px 12px;display:none}.tray.on{display:block}.tray-cards{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.acard{min-width:216px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--act);border-radius:9px;padding:10px 12px;font-size:11.5px}.acard .t{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--act)}.acard .amt{font-family:var(--mono);font-weight:600;font-size:14px;margin:3px 0}.acard .meta{color:var(--dim);line-height:1.5}.acard .row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f24388c;display:none;align-items:center;justify-content:center;z-index:90}.overlay.on{display:flex}.modal{background:#fff;border-radius:13px;width:660px;max-width:94vw;max-height:86vh;overflow:hidden;display:flex;flex-direction:column;border-top:5px solid var(--phi);animation:slideIn .25s ease}.modal.gate{border-top-color:var(--safe)}.modal header{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.modal header .panel-title{flex:1}.modal .body{padding:15px 20px;overflow-y:auto}.modal input[type=text],.modal textarea{width:100%;border:1.5px solid var(--line);border-radius:8px;padding:9px 12px;font-size:13px;font-family:var(--mono)}.modal textarea{min-height:150px;font-size:11.5px;line-height:1.6}.rtable{width:100%;border-collapse:collapse;margin-top:13px;font-size:12px}.rtable th{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--dim);text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}.rtable td{padding:7px 8px;border-bottom:1px solid #eceff2;vertical-align:middle}.rtable td.phiCell{color:var(--phi);font-weight:600}.modal footer{padding:10px 20px;border-top:1px solid var(--line);font-size:11px;color:var(--dim);background:var(--phi-bg)}.modal.gate footer{background:var(--safe-bg);color:var(--safe)}.diff{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.diff .col{border:1px solid var(--line);border-radius:9px;overflow:hidden}.diff .col h5{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;padding:7px 10px;margin:0}.diff .col.raw h5{background:var(--phi-bg);color:var(--phi)}.diff .col.clean h5{background:var(--safe-bg);color:var(--safe)}.diff pre{font-family:var(--mono);font-size:11px;line-height:1.7;padding:10px;white-space:pre-wrap;margin:0}.redact{background:#fde3e1;text-decoration:line-through;color:var(--danger)}.alias{background:var(--safe-bg);color:var(--safe);font-weight:600}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 18px;background:#fff;border-bottom:1px solid var(--line)}.kpi{border:1px solid var(--line);border-radius:9px;padding:8px 12px}.kpi .v{font-family:var(--disp);font-weight:700;font-size:19px}.kpi .v.bad{color:var(--danger)}.kpi .v.good{color:var(--ln-teal-700)}.kpi .l{font-size:10.5px;color:var(--dim);line-height:1.35}.cc{display:grid;grid-template-columns:252px 1fr 344px;height:calc(100vh - 216px);min-height:560px}.epgrid{display:grid;grid-template-columns:344px 1fr;height:calc(100vh - 216px);min-height:560px}.ep-summary{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:12.5px;line-height:1.65;color:var(--ink);white-space:pre-wrap}.qcol{background:#fff;border-right:1px solid var(--line);overflow-y:auto;padding:14px}.queue{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;margin-bottom:5px;border:1px solid transparent;width:100%;text-align:left;background:transparent}.queue:hover{background:var(--paper)}.queue.on{background:var(--ln-mint-bg);border-color:var(--ln-mint)}.queue .n{margin-left:auto;font-family:var(--mono);font-size:11px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:1px 8px;transition:transform .2s}.queue.on .n{background:var(--act);color:#fff;border-color:var(--act)}.queue .n.bump{transform:scale(1.35)}.queue b{font-size:12.5px;font-weight:600}.queue .src{display:block;font-size:10px;color:var(--dim)}.ccmain{display:flex;flex-direction:column;overflow:hidden}.cclist{flex:1;overflow-y:auto;padding:14px 18px}.case{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:9px;overflow:hidden}.case .head{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;flex-wrap:wrap}.case .amt{font-family:var(--mono);font-weight:600;margin-left:auto}.case .body{border-top:1px solid #eceff2;padding:10px 14px;font-size:12px;color:var(--dim);display:none;gap:16px;flex-wrap:wrap;align-items:center}.case.open .body{display:flex}.status{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:10px;border:0;cursor:pointer}.status.s0{background:#e7ecea;color:var(--ln-midnight)}.status.s1{background:var(--ln-amber-bg);color:var(--ln-midnight)}.status.s2{background:var(--ln-mint-bg);color:var(--ln-teal-700)}.status.s3{background:var(--ln-mint);color:var(--ln-midnight)}.status.s4{background:#e4e4e7;color:#71717a;text-decoration:line-through}.drawer{background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.drawer header{padding:12px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.payloadbox{margin:11px 13px;border:1px solid var(--safe-line);border-radius:9px;overflow:hidden;flex-shrink:0}.payloadbox h5{background:var(--safe-bg);color:var(--safe);font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:6px 10px}.payloadbox pre{font-family:var(--mono);font-size:10.5px;line-height:1.65;padding:9px 10px;white-space:pre-wrap;max-height:150px;overflow-y:auto}.resp{margin:0 13px 10px;flex:1;overflow-y:auto;border:1px solid var(--line);border-left:3px solid var(--ln-teal-500);border-radius:9px;padding:10px 13px;font-size:12px;line-height:1.6}.ask{margin:0 13px 13px;display:flex;gap:8px}.ask input{flex:1;border:1.5px solid var(--line);border-radius:8px;padding:8px 11px;font-size:12px;font-family:inherit}.pb{height:calc(100vh - 138px);min-height:620px;overflow-y:auto;padding:20px 26px}.pbwrap{max-width:1140px;margin:0 auto}.stepper{display:flex;margin:4px 0 18px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.step{flex:1;padding:10px 13px;font-size:12px;border-right:1px solid var(--line);display:flex;gap:8px;align-items:center;color:var(--dim);background:transparent;text-align:left}.step:last-child{border-right:0}.step .num{width:22px;height:22px;border-radius:50%;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.step.on{background:var(--ln-mint-bg);color:var(--txt);font-weight:600}.step.on .num{background:var(--act);border-color:var(--act);color:#fff}.step.done .num{background:var(--ln-teal-700);border-color:var(--ln-teal-700);color:#fff}.pbstage{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 20px;margin-bottom:14px}.pbstage h4{font-family:var(--disp);font-size:14px;margin-bottom:10px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pbgallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:13px}.pbcard{background:#fff;border:1.5px solid var(--line);border-radius:11px;padding:14px 15px;transition:all .15s;text-align:left}.pbcard:hover{box-shadow:0 3px 12px #0f24381f}.pbcard.sel{border-color:var(--act);box-shadow:0 0 0 3px #1d9e752e}.pbcard h4{font-family:var(--disp);font-size:14px;margin-bottom:4px}.pbcard p{font-size:11.5px;color:var(--dim);line-height:1.5;margin-bottom:9px}.pbcard .meta{display:flex;gap:6px;flex-wrap:wrap}.qrow{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;margin-bottom:8px;font-size:12.5px;background:var(--paper)}.qrow .stat{margin-left:auto;font-weight:700;font-size:11px;color:var(--dim);min-width:70px;text-align:right}.qrow .stat.ok{color:var(--ln-teal-700)}.spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--line);border-top-color:var(--act);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.findrow{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:12px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:9px;margin-bottom:8px;background:#fff;font-size:12.5px}.findrow.created{opacity:.55}.stage-nav{display:flex;justify-content:space-between;margin-top:6px}select{font-family:inherit;font-size:12px;border:1px solid var(--line);border-radius:7px;padding:6px 8px;background:#fff}label.chk{font-size:12px;display:flex;gap:7px;align-items:center}#ghostCursor{position:fixed;width:26px;height:26px;z-index:300;pointer-events:none;display:none;transition:left .55s cubic-bezier(.4,.1,.2,1),top .55s cubic-bezier(.4,.1,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}#ghostCursor svg{width:100%;height:100%}#ghostCursor.clicking{transform:scale(.8)}#spotlight{position:fixed;z-index:290;pointer-events:none;border:3px solid var(--ln-teal-500);border-radius:10px;box-shadow:0 0 0 3000px #0f243847;display:none;transition:all .45s ease}#captionBar{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:var(--ink);color:#fff;padding:13px 22px;border-radius:12px;font-size:14px;line-height:1.5;max-width:640px;z-index:310;display:none;box-shadow:0 6px 24px #0006;border-left:4px solid var(--ln-teal-500)}#captionBar.on{display:block}#captionBar .step-n{font-family:var(--mono);font-size:10px;color:var(--ln-mint);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:3px}#demoStop{position:fixed;right:20px;bottom:26px;z-index:310;display:none;background:var(--danger);color:#fff;border:0;border-radius:9px;padding:10px 16px;font-weight:700;font-size:12.5px;box-shadow:0 4px 14px #0000004d}#demoStop.on{display:block}#demoMenu{position:absolute;top:44px;right:0;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 24px #00000040;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:400;min-width:220px}#demoMenu .btn{text-align:left}#progressRail{position:fixed;left:0;right:0;bottom:0;height:4px;background:#0f24382e;z-index:315;display:none}#progressRail.on{display:block}#progressRail .fill{height:100%;background:linear-gradient(90deg,var(--ln-teal-700),var(--ln-teal-500));transition:width .4s ease}body.present .intro{display:none}body.present footer.note{display:none}body.present .brand small{display:none}body.present #captionBar{font-size:17px;line-height:1.6;max-width:780px;padding:16px 26px;bottom:44px}body.present #captionBar .step-n{font-size:11px}body.present .wb,body.present .pb{height:calc(100vh - 56px)}body.present .cc{height:calc(100vh - 134px)}#toasts{position:fixed;right:18px;top:66px;z-index:320;display:flex;flex-direction:column;gap:8px}.toast{background:var(--ink);color:#fff;padding:11px 15px;border-radius:9px;font-size:12.5px;border-left:4px solid var(--ln-teal-500);box-shadow:0 4px 16px #0000004d;animation:slideIn .3s ease;max-width:320px}.toast.fading{opacity:0;transition:opacity .4s}footer.note{padding:11px 18px;font-size:11px;color:var(--dim);text-align:center}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:1080px){.wb{grid-template-columns:1fr}.lpanel,.rpanel{display:none}.cc{grid-template-columns:1fr}.qcol,.drawer{display:none}.kpis{grid-template-columns:repeat(2,1fr)}}