:root{--navy: #0B2A4A;--navy-2: #123A63;--gold: #B08D2E;--gold-soft: #E8DCBB;--gold-text: #7A611C;--ink: #1B2430;--mut: #5C6875;--line: #D6DCE3;--bg: #F3F5F7;--card: #FFFFFF;--well: #0E2138;--well-ink: #CFE0F0;--ok: #1E7A4C;--ok-bg: #E4F2EA;--warn: #A2620B;--warn-bg: #FBF0DC;--danger: #A33128;--danger-bg:#F9E7E5;--lane-cs: #0B2A4A;--lane-credit: #14746F;--lane-credit-bg:#E3F0EF;--cat-1: #1F5FA8;--cat-1-bg:#E4EDF8;--cat-2: #7A3FA0;--cat-2-bg:#F0E6F7;--cat-3: #B3552D;--cat-3-bg:#F8E9E1;--cat-4: #2E7D74;--cat-4-bg:#E2F0EE;--mask: #0B2A4A;--mask-label:#8AA4C0;--zone-line: rgba(176,141,46,.9);--zone-fill: rgba(176,141,46,.08);--serif: Georgia,"Times New Roman",serif;--sans: -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono: ui-monospace,"SF Mono",Menlo,Consolas,monospace;--fs-brand: 21px;--fs-h1: 19px;--fs-h2: 15.5px;--fs-body: 15px;--fs-ui: 14px;--fs-sup: 13.5px;--fs-note: 12.5px;--fs-label: 11px;--fs-tag: 10.5px;--fs-micro: 9.5px;--lh: 1.45;--r-tag: 3px;--r-ctl: 5px;--r-btn: 6px;--r-card: 8px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--focus: 0 0 0 2px var(--gold-soft);--hairline: 1px solid var(--line)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--fs-body);line-height:var(--lh)}h1,.h1{font-family:var(--serif);font-size:var(--fs-h1);color:var(--navy)}h2,.h2{font-family:var(--serif);font-size:var(--fs-h2);color:var(--navy)}.brand{font-family:var(--serif);font-size:var(--fs-brand);letter-spacing:.4px;color:#fff}.brand b{color:var(--gold-soft)}.lead{color:var(--mut);font-size:var(--fs-sup);max-width:70ch}.mono{font-family:var(--mono)}label,.label{display:block;font-size:var(--fs-label);letter-spacing:.5px;color:var(--mut);text-transform:uppercase;margin-bottom:var(--sp-1)}:focus-visible{outline:none;box-shadow:var(--focus)}.app-header{background:var(--navy);color:#fff;padding:20px 0 16px;border-bottom:4px solid var(--gold)}.app-sub{font-size:var(--fs-note);color:#b9c6d4;margin-top:3px}.demo-tag{display:inline-block;font-family:var(--mono);font-size:var(--fs-tag);letter-spacing:.8px;background:var(--navy-2);border:1px solid #2C5580;color:#cfe0f0;padding:4px 9px;border-radius:var(--r-tag)}.card{background:var(--card);border:var(--hairline);border-radius:var(--r-card);padding:18px;margin-bottom:var(--sp-4)}.note{border-radius:var(--r-btn);padding:10px 12px;font-size:var(--fs-note);background:var(--warn-bg);border:1px solid #E7D3AC;color:#6b4e12}.note.ok{background:var(--ok-bg);border-color:#bbdcc9;color:#1b5c3c}.note.danger{background:var(--danger-bg);border-color:#e7c2be;color:#7c241d}.well{background:var(--well);color:var(--well-ink);border-radius:var(--r-card);padding:14px;font-family:var(--mono);font-size:11.5px;line-height:1.5;overflow:auto}.well .kx{color:var(--gold-soft)}.well .vx{color:#8fd3a8}.btn{font-family:var(--sans);background:var(--navy);color:#fff;border:none;border-radius:var(--r-btn);padding:10px 18px;font-size:var(--fs-ui);cursor:pointer}.btn:hover{background:var(--navy-2)}.btn.gold{background:var(--gold)}.btn.ghost{background:var(--card);color:var(--navy);border:var(--hairline)}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.45;cursor:not-allowed}input[type=text],input[type=number],select,textarea{width:100%;border:var(--hairline);border-radius:var(--r-ctl);padding:9px 10px;font-size:var(--fs-ui);font-family:var(--sans);background:var(--card);color:var(--ink)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:var(--focus);border-color:var(--gold)}.sw{width:44px;height:24px;border-radius:12px;background:#c6ced6;position:relative;transition:.15s;cursor:pointer;flex:none;display:inline-block}.sw:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.15s}.sw.on{background:var(--ok)}.sw.on:after{left:23px}.badge{display:inline-block;font-family:var(--mono);font-size:var(--fs-tag);padding:3px 7px;border-radius:var(--r-tag);letter-spacing:.4px}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.cs{background:#e2e9f1;color:var(--lane-cs)}.badge.credit{background:var(--lane-credit-bg);color:var(--lane-credit)}.badge.cat1{background:var(--cat-1-bg);color:var(--cat-1)}.badge.cat2{background:var(--cat-2-bg);color:var(--cat-2)}.step{background:var(--card);border:var(--hairline);border-radius:var(--r-btn);padding:10px 12px;cursor:pointer}.step.active{border-color:var(--gold);box-shadow:var(--focus)}.step .n{font-family:var(--mono);font-size:var(--fs-tag);color:var(--mut);letter-spacing:.6px}.step.done .n:after{content:" ✓";color:var(--ok)}.step .t{font-family:var(--serif);font-size:15px;margin-top:2px}table{width:100%;border-collapse:collapse;font-size:var(--fs-sup)}th{font-size:var(--fs-tag);letter-spacing:.6px;text-transform:uppercase;color:var(--mut);text-align:left;border-bottom:2px solid var(--line);padding:7px 8px}td{border-bottom:var(--hairline);padding:9px 8px;vertical-align:middle}.zone{position:absolute;border:1.5px dashed var(--zone-line);background:var(--zone-fill)}.zone .zl{position:absolute;top:-9px;left:4px;background:var(--gold);color:#fff;font-family:var(--mono);font-size:8.5px;padding:1px 5px;border-radius:2px;letter-spacing:.4px}.masked .zone{background:var(--mask);border:1.5px solid var(--mask)}.masked .zone .zl{background:var(--mask)}.masked .zone:after{content:"PHI · MASKED";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--mask-label);font-family:var(--mono);font-size:9px;letter-spacing:1px}.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-4px}.icon.lg{width:28px;height:28px}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.w-6{width:1.5rem}.w-64{width:16rem}.w-full{width:100%}.min-w-\[640px\]{min-width:640px}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[430px\]{max-width:430px}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-sp-2{gap:var(--sp-2)}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.overflow-x-auto{overflow-x:auto}.border{border-width:1px}.border-t{border-top-width:1px}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-10{padding-bottom:2.5rem}.pt-10{padding-top:2.5rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tracking-wide{letter-spacing:.025em}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.wrap{max-width:1060px;margin:0 auto;padding:0 18px}.app-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.app-header-actions{display:flex;align-items:center;gap:12px;padding-bottom:4px}@media (max-width: 600px){.app-header{padding:10px 0 8px}.app-header .brand{font-size:18px}.app-header-row{align-items:center;gap:6px}.app-header-actions{gap:6px;padding-bottom:0}.app-header-actions .btn{padding:4px 8px;font-size:13px}}@media (min-width: 640px){.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:p-6{padding:1.5rem}}@media (min-width: 768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}