:root{--background:#08111c;--surface:#111b29;--surfaceMuted:#192536;--text:#eef3ff;--textMuted:#a9b5c8;--border:#cfdaee29;--accent:#7d7cff;--accentMuted:#dfe2ff;--warning:#e5a93b;--success:#77c778;--danger:#e16464;--radiusSm:.45rem;--radiusMd:.75rem;--radiusLg:1.2rem;--space1:.25rem;--space2:.5rem;--space3:.75rem;--space4:1rem;--space5:1.5rem;--space6:2rem;--space7:3rem;--fontSizeSm:.82rem;--fontSizeBase:1rem;--fontSizeMd:1.125rem;--fontSizeLg:1.45rem;--fontSizeXl:clamp(2.2rem, 6vw, 4.6rem);--shadowSoft:0 20px 70px #00000040;--shadowPanel:0 16px 46px #00000038;--maxWidth:1480px}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--background);min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--fontSizeBase);background:radial-gradient(circle at 26% 0,#7d7cff2e,#0000 32rem),radial-gradient(circle at 86% 18%,#77c7781f,#0000 25rem),linear-gradient(#08111c 0%,#0a1420 42%,#07101a 100%);margin:0;line-height:1.55}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{margin-bottom:var(--space3);font-size:var(--fontSizeXl);letter-spacing:-.06em;line-height:.98}h2{margin-bottom:var(--space3);letter-spacing:-.035em;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.1}h3{margin-bottom:var(--space2);font-size:1rem;line-height:1.25}p{color:var(--textMuted)}ul,ol{padding-left:1.15rem}pre{color:#dce7ff;white-space:pre-wrap;margin:0;font-size:.82rem;line-height:1.55;overflow:auto}hr{background:#0a121e24;border:0;height:1px}input,textarea,select{border-radius:var(--radiusMd);color:#10192a;background:#ffffffe0;border:1px solid #2530492e;outline:none;width:100%;padding:.9rem 1rem}select{appearance:none}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #7d7cff24}label{gap:var(--space2);color:#17223a;font-weight:700;display:grid}::selection{color:#fff;background:#7d7cffbf}.app-shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.site-header{z-index:20;align-items:center;gap:var(--space5);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08111ce0;grid-template-columns:auto 1fr auto;padding:1rem clamp(1rem,3vw,2rem);display:grid;position:sticky;top:0}.brand{align-items:center;gap:var(--space3);letter-spacing:-.02em;font-size:1.15rem;font-weight:800;display:inline-flex}.brand-mark{color:#fff;border:1px solid #ffffff80;border-radius:999px;place-items:center;width:2.2rem;height:2.2rem;font-size:1.6rem;line-height:1;display:grid}.site-nav{justify-content:center;gap:clamp(.4rem,1.5vw,1.6rem);display:flex}.site-nav__link{color:var(--textMuted);border-radius:999px;padding:.55rem .75rem;font-size:.92rem;font-weight:700}.site-nav__link.active,.site-nav__link:hover{color:var(--text);background:#7d7cff29}.lab-pill{border:1px solid var(--border);border-radius:var(--radiusMd);background:#ffffff0f;grid-template-columns:auto auto;align-items:center;gap:0 .65rem;min-width:11rem;padding:.55rem .8rem;display:grid;box-shadow:inset 0 1px #ffffff14}.lab-pill span{color:var(--accentMuted);grid-row:span 2}.lab-pill strong,.lab-pill small{text-transform:uppercase;line-height:1.2}.lab-pill small{color:var(--textMuted);font-size:.76rem}.page-frame{width:min(var(--maxWidth), calc(100% - 2rem));margin:0 auto;padding:clamp(1.5rem,3vw,2.5rem) 0}.page-stack{gap:var(--space6);display:grid}.hero{gap:var(--space5);border:1px solid var(--border);border-radius:var(--radiusLg);box-shadow:var(--shadowSoft);background:linear-gradient(135deg,#111b29f0,#0d1724bd);padding:clamp(1.25rem,3vw,2rem);display:grid}.hero--split{grid-template-columns:minmax(0,.95fr) minmax(28rem,1.05fr);align-items:center}.hero--compact{grid-template-columns:minmax(0,1fr) minmax(18rem,.4fr);align-items:stretch}.hero-subtitle{margin-bottom:var(--space3);color:#aeb0ff;letter-spacing:-.04em;font-size:clamp(1.35rem,2.5vw,2.1rem);font-weight:800;line-height:1.1}.hero-actions,.form-actions{gap:var(--space3);flex-wrap:wrap;align-items:center;display:flex}.button{justify-content:center;align-items:center;gap:var(--space2);border-radius:var(--radiusMd);min-height:2.8rem;color:var(--text);background:#ffffff12;border:1px solid #ffffff29;padding:.75rem 1rem;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.button:hover{transform:translateY(-1px)}.button--primary{background:linear-gradient(135deg,#6662ff,#7c4dff);border-color:#7d7cffb8;box-shadow:0 16px 36px #5c5bff40}.section-kicker{color:#aeb0ff;font-size:var(--fontSizeSm);letter-spacing:.08em;text-transform:uppercase;font-weight:900}.panel,.loop-card,.cta-card,.risk-meter,.search-panel,.safe-box,.agent-profile,.stats-card{border:1px solid var(--border);border-radius:var(--radiusLg);box-shadow:var(--shadowPanel)}.panel--light,.loop-card,.cta-card,.risk-meter,.search-panel,.safe-box,.agent-profile,.stats-card{color:#10192a;background:linear-gradient(#fffffff5,#f7f4eef5)}.panel--dark{background:linear-gradient(#111b29f5,#0d1724e6)}.panel,.loop-card,.search-panel,.safe-box,.agent-profile,.stats-card{padding:clamp(1rem,2vw,1.5rem)}.panel--light p,.loop-card p,.cta-card p,.risk-meter p,.search-panel p,.safe-box p,.agent-profile p,.stats-card p{color:#42506a}.section-title-row,.panel-heading{justify-content:space-between;align-items:flex-start;gap:var(--space4);margin-bottom:var(--space4);display:flex}.panel-note{color:#66728a;font-size:var(--fontSizeSm);font-weight:700}.card-grid{gap:var(--space4);display:grid}.card-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.cta-card{gap:var(--space3);padding:1.25rem;transition:transform .16s,box-shadow .16s;display:grid}.cta-card:hover,.pattern-card:hover,.option-card:hover{transform:translateY(-2px)}.cta-card span,.loop-step span,.pattern-card__index{color:#34329c;background:#7d7cff14;border:1px solid #5c5bff57;border-radius:999px;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid}.loop-card{gap:var(--space4);display:grid}.loop-steps{gap:var(--space3);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.loop-step{gap:var(--space2);border-radius:var(--radiusMd);text-align:center;background:#7d7cff0f;border:1px solid #313e5c24;place-content:center;justify-items:center;min-height:6rem;display:grid}.ecosystem-table{border-radius:var(--radiusLg);border:1px solid #313e5c1f;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.ecosystem-table__row{gap:var(--space2);border-bottom:1px solid #313e5c1f;border-right:1px solid #313e5c1f;padding:1rem;display:grid}.ecosystem-table__row:nth-child(3n){border-right:0}.ecosystem-table__row:nth-last-child(-n+3){border-bottom:0}.dashboard-grid,.three-column,.two-column,.gallery-grid{gap:var(--space4);display:grid}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.risk-meter{justify-content:space-between;align-items:center;gap:var(--space4);padding:1.15rem;display:flex}.risk-meter span{color:#2f7e36;font-size:var(--fontSizeSm);font-weight:900}.risk-meter__dial{background:radial-gradient(circle closest-side, #f8f5ee 73%, transparent 74% 100%), conic-gradient(var(--accent) var(--meter-value), #111b291f 0);border-radius:999px;flex:none;place-items:center;width:5rem;height:5rem;display:grid}.risk-meter__dial strong{margin-bottom:-1.4rem;font-size:1.45rem}.risk-meter__dial small{color:#66728a}.check-list,.danger-list,.compact-list,.read-order-list{gap:var(--space3);margin:0;padding:0;list-style:none;display:grid}.check-list li,.danger-list li{gap:var(--space3);color:#24324d;grid-template-columns:auto 1fr;align-items:start;display:grid}.check-list li:before,.danger-list li:before{border-radius:999px;place-items:center;width:1.35rem;height:1.35rem;font-size:.8rem;font-weight:900;display:grid}.check-list li:before{content:"✓";color:#2f7e36;background:#77c77826}.danger-list li:before{content:"×";color:#a73737;background:#e1646424}.boundary-callout{border-radius:var(--radiusLg);color:#1c2438;background:linear-gradient(135deg,#fff8e4f5,#fffffff2);border:1px solid #e5a93b52;padding:clamp(1.1rem,2vw,1.5rem)}.boundary-callout--compact{margin-top:var(--space4)}.canvas-layout{gap:var(--space4);grid-template-columns:20rem minmax(0,1fr);display:grid}.canvas-sidebar{align-self:start;position:sticky;top:6rem}.canvas-main,.canvas-results{min-width:0}.canvas-results{grid-column:1/-1}.canvas-status-card{gap:var(--space3);margin-top:var(--space5);border:1px solid var(--border);border-radius:var(--radiusMd);background:#ffffff0f;padding:1rem;display:grid}.form-grid{gap:var(--space4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid__wide{grid-column:1/-1}.form-error,.form-success{margin:0;font-weight:800}.form-error{color:#aa3030}.form-success{color:#2f7e36}.option-card,.pattern-card,.gallery-card{gap:var(--space3);border-radius:var(--radiusLg);background:#ffffff9e;border:1px solid #313e5c21;padding:1rem;transition:transform .16s;display:grid}.option-card__meta,.pattern-card__footer,.tag-row{align-items:center;gap:var(--space2);flex-wrap:wrap;display:flex}.option-card small{color:#58647c}.compact-list li{gap:var(--space1);border-radius:var(--radiusMd);color:#25314a;background:#ffffff80;border:1px solid #313e5c1a;padding:.8rem;display:grid}.compact-list span{color:#536079}.search-panel{align-content:center;gap:var(--space4);display:grid}.pattern-grid{gap:var(--space4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.status-badge{color:#25314a;text-transform:capitalize;background:#7d7cff1c;border:1px solid #313e5c29;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:.24rem .55rem;font-size:.74rem;font-weight:900;line-height:1;display:inline-flex}.status-badge--low,.status-badge--complete,.status-badge--reviewed,.status-badge--mitigated,.status-badge--adopted,.status-badge--accepted,.status-badge--success{color:#27662d;background:#77c7782e;border-color:#77c77852}.status-badge--medium,.status-badge--at_risk,.status-badge--needs_review,.status-badge--parked{color:#8a5a08;background:#e5a93b33;border-color:#e5a93b59}.status-badge--high,.status-badge--required,.status-badge--open,.status-badge--danger{color:#9c2f2f;background:#e1646429;border-color:#e1646452}.status-badge--draft{color:#34329c;background:#7d7cff1f;border-color:#7d7cff47}.packet-builder-grid{gap:var(--space4);grid-template-columns:minmax(0,1fr) 25rem;align-items:start;display:grid}.packet-preview-grid{gap:var(--space4);grid-template-columns:minmax(0,.9fr) minmax(0,1.05fr) minmax(0,1.05fr);display:grid}.preview-empty,.code-panel{border:1px solid var(--border);border-radius:var(--radiusLg);min-width:0;box-shadow:var(--shadowPanel);background:#0a121ec7;padding:1rem}.code-panel pre{max-height:34rem}.definition-list,.agent-profile dl{gap:var(--space2);margin:0 0 var(--space4);display:grid}.definition-list div,.agent-profile dl div{gap:var(--space3);grid-template-columns:7rem 1fr;display:grid}.definition-list dt,.agent-profile dt{color:#68748b;font-weight:800}.definition-list dd,.agent-profile dd{margin:0}.tag{color:#34329c;background:#7d7cff1f;border-radius:999px;padding:.24rem .55rem;font-size:.74rem;font-weight:900;display:inline-flex}.safe-box,.agent-profile,.stats-card{align-content:start;gap:var(--space3);display:grid}.stats-card strong{font-size:3rem;line-height:1}.risk-table{border-radius:var(--radiusLg);border:1px solid #313e5c1f;overflow:hidden}.risk-table__header,.risk-table__row{gap:var(--space4);color:#17223a;grid-template-columns:1.3fr .7fr 1.45fr 1.35fr .8fr;align-items:start;padding:1rem;display:grid}.risk-table__header{color:#1b2450;font-size:var(--fontSizeSm);letter-spacing:.05em;text-transform:uppercase;background:#7d7cff14;font-weight:900}.risk-table__row{border-top:1px solid #313e5c1a}.risk-table__row p,.risk-table__row ul{color:#536079;margin:0}.risk-score{margin-top:var(--space2);color:#657089;font-weight:900;display:block}.read-order-list{counter-reset:read-order}.read-order-list li{counter-increment:read-order}.read-order-list a{gap:var(--space3);border-radius:var(--radiusMd);color:#1e2b46;background:#fff9;border:1px solid #313e5c1f;grid-template-columns:auto 1fr;align-items:center;padding:.8rem;font-weight:900;display:grid}.read-order-list a:before{content:counter(read-order);color:#34329c;background:#7d7cff14;border:1px solid #7d7cff57;border-radius:999px;place-items:center;width:1.7rem;height:1.7rem;display:grid}.machine-access{align-items:center;gap:var(--space4);flex-wrap:wrap;display:flex}.machine-access a{border:1px solid var(--border);border-radius:var(--radiusMd);color:var(--accentMuted);background:#ffffff0f;padding:.75rem 1rem;font-weight:900}.site-footer{justify-content:center;gap:var(--space4);border-top:1px solid var(--border);color:var(--textMuted);font-size:var(--fontSizeSm);flex-wrap:wrap;padding:1rem;display:flex}.system-status{color:#bfeec0}@media (width<=1180px){.site-header,.hero--split,.hero--compact,.canvas-layout,.packet-builder-grid,.packet-preview-grid{grid-template-columns:1fr}.site-nav{order:3;grid-column:1/-1;justify-content:flex-start;overflow-x:auto}.canvas-sidebar{position:static}.card-grid--four,.pattern-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.three-column{grid-template-columns:1fr}.risk-table__header{display:none}.risk-table__row{grid-template-columns:1fr}}@media (width<=760px){.page-frame{width:min(100% - 1rem, var(--maxWidth))}.lab-pill{display:none}.site-header,.card-grid--four,.pattern-grid,.gallery-grid,.two-column,.form-grid,.ecosystem-table,.loop-steps{grid-template-columns:1fr}.ecosystem-table__row,.ecosystem-table__row:nth-child(3n),.ecosystem-table__row:nth-last-child(-n+3){border-bottom:1px solid #313e5c1f;border-right:0}.section-title-row,.panel-heading{display:grid}}.loop-step small{color:#536079;font-size:.75rem;line-height:1.35}.ecosystem-strip a,.panel-heading a{color:var(--accentMuted);font-weight:900}.role-strip article{gap:var(--space2);border:1px solid var(--border);border-radius:var(--radiusMd);background:#ffffff0f;padding:.9rem;display:grid}.lane-table__header,.lane-table__row{gap:var(--space4);color:#17223a;grid-template-columns:.8fr 1.25fr 1.35fr;padding:1rem;display:grid}.lane-table__row{border-top:1px solid #313e5c1a}.lane-table__row span,.ecosystem-table__row small{color:#536079}.pattern-grid--detailed{grid-template-columns:repeat(3,minmax(0,1fr))}.pattern-card--detailed strong{color:#1b2450}.result-columns{margin-top:var(--space5)}.export-actions{gap:var(--space3);display:grid}.status-badge--emerging,.status-badge--in_review{color:#34329c;background:#7d7cff1f;border-color:#7d7cff47}.status-badge--stable-after-review{color:#27662d;background:#77c7782e;border-color:#77c77852}.status-badge--rejected,.status-badge--no-op,.status-badge--proposal_only{color:#9c2f2f;background:#e1646429;border-color:#e1646452}input:disabled,textarea:disabled,select:disabled{opacity:.8;cursor:not-allowed}@media (width<=1180px){.role-strip,.pattern-grid--detailed,.gallery-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}.lane-table__header{display:none}.lane-table__row{grid-template-columns:1fr}}@media (width<=760px){.role-strip,.pattern-grid--detailed,.gallery-grid--three{grid-template-columns:1fr}}.role-strip{gap:var(--space3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.role-strip article{gap:var(--space2);border:1px solid var(--border);border-radius:var(--radiusMd);background:#ffffff0f;min-height:8rem;padding:1rem;display:grid}.role-strip span{color:var(--textMuted);font-size:var(--fontSizeSm)}.lane-table{border-radius:var(--radiusLg);border:1px solid #313e5c1f;overflow:hidden}.lane-table__header,.lane-table__row{gap:var(--space4);grid-template-columns:.7fr 1.25fr 1.45fr;align-items:start;padding:1rem;display:grid}.lane-table__header{color:#1b2450;font-size:var(--fontSizeSm);letter-spacing:.05em;text-transform:uppercase;background:#7d7cff14;font-weight:900}.lane-table__row{color:#24324d;border-top:1px solid #313e5c1a}.lane-table__row span{color:#536079}.export-actions,.artifact-grid{gap:var(--space3);display:grid}.gallery-grid--three,.pattern-grid--detailed{grid-template-columns:repeat(3,minmax(0,1fr))}.pattern-card--detailed{align-content:start}.status-badge--stable-after-review,.status-badge--proposal_only,.status-badge--no-op,.status-badge--in_review{color:#4f3b8d;background:#7d7cff21;border-color:#7d7cff47}@media (width<=1180px){.role-strip,.gallery-grid--three,.pattern-grid--detailed{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.role-strip,.lane-table__header,.lane-table__row,.gallery-grid--three,.pattern-grid--detailed{grid-template-columns:1fr}}