:root{--bg-0:#000;--bg-1:#0a0a0f;--bg-2:#11111a;--ink:#f5f5f7;--ink-dim:#a1a1aa;--ink-faint:#52525b;--ok:#34d399;--bad:#f87171;--warn:#fbbf24;--accent:#60a5fa;--accent-2:#c084fc;--line:#ffffff14;--glass:#ffffff0a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-0);color:var(--ink);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:-.011em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;overflow-x:hidden}button{letter-spacing:inherit;cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}code,pre{font-feature-settings:"ss02";font-family:SF Mono,JetBrains Mono,Menlo,monospace}::selection{background:var(--accent);color:var(--bg-0)}.page{background:radial-gradient(1200px 800px at 80% -10%, #c084fc1a, transparent 60%), radial-gradient(900px 700px at 0% 30%, #60a5fa14, transparent 60%), var(--bg-0);min-height:100vh;position:relative}.shell{max-width:1240px;margin:0 auto;padding:96px 32px 160px}.hero{text-align:center;padding:80px 0 120px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:100px;margin-bottom:32px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.045em;background:linear-gradient(#fff 0%,#d1d1d6 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(56px,9vw,128px);font-weight:700;line-height:.95}.hero h1 .accent{background:linear-gradient(135deg,#60a5fa 0%,#c084fc 60%,#f0abfc 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p.lede{color:var(--ink-dim);max-width:720px;margin:32px auto 0;font-size:clamp(18px,2vw,24px);font-weight:400;line-height:1.4}.hero .meta{color:var(--ink-faint);align-items:center;gap:12px;margin-top:56px;font-size:13px;display:inline-flex}.dot{background:var(--ok);width:6px;height:6px;box-shadow:0 0 12px var(--ok);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.section{margin-top:120px}.section-head{margin-bottom:48px}.section-head .num{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:600}.section-head h2{letter-spacing:-.03em;max-width:900px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.05}.section-head h2 .dim{color:var(--ink-faint)}.actors{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:800px){.actors{grid-template-columns:1fr}}.actor{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:20px;padding:28px;position:relative;overflow:hidden}.actor:before{content:"";background:linear-gradient(135deg, transparent 60%, var(--actor-tint,transparent) 100%);opacity:.4;pointer-events:none;position:absolute;inset:0}.actor.alice{--actor-tint:#60a5fa2e}.actor.support{--actor-tint:#f8717129}.actor.bob{--actor-tint:#c084fc24}.actor .avatar{color:#fff;z-index:1;background:linear-gradient(135deg,#60a5fa,#c084fc);border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:16px;font-size:18px;font-weight:700;display:grid;position:relative}.actor.support .avatar{background:linear-gradient(135deg,#f87171,#fb923c)}.actor.bob .avatar{background:linear-gradient(135deg,#c084fc,#f0abfc)}.actor h3{z-index:1;font-size:20px;font-weight:600;position:relative}.actor .role{color:var(--ink-dim);z-index:1;margin-top:4px;font-size:13px;position:relative}.actor ul{z-index:1;margin-top:20px;list-style:none;position:relative}.actor li{color:var(--ink-dim);border-top:1px solid var(--line);align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.actor li:first-child{border-top:none}.actor li .check{color:var(--ok)}.actor li .x{color:var(--bad)}.theatre{border:1px solid var(--line);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:linear-gradient(#14141c99,#0a0a1099);border-radius:24px;overflow:hidden}.scene-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;display:flex;overflow-x:auto}.scene-tabs::-webkit-scrollbar{display:none}.scene-tab{color:var(--ink-faint);border-right:1px solid var(--line);text-align:left;white-space:nowrap;flex:1 0 auto;padding:16px 20px;font-size:13px;font-weight:500;transition:all .2s;position:relative}.scene-tab:last-child{border-right:none}.scene-tab:hover{color:var(--ink-dim);background:#ffffff05}.scene-tab.active{color:var(--ink);background:#ffffff0a}.scene-tab.active:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));height:2px;position:absolute;bottom:-1px;left:0;right:0}.scene-tab .num-mini{letter-spacing:.18em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:4px;font-size:10px;display:block}.scene-body{grid-template-columns:1fr 1.3fr;min-height:380px;display:grid}@media (max-width:900px){.scene-body{grid-template-columns:1fr}}.scene-left{border-right:1px solid var(--line);flex-direction:column;padding:36px;display:flex}@media (max-width:900px){.scene-left{border-right:none;border-bottom:1px solid var(--line)}}.scene-left .hint{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:12px;font-weight:600}.scene-left h3{letter-spacing:-.02em;font-size:28px;font-weight:600;line-height:1.2}.scene-left p{color:var(--ink-dim);margin-top:16px;font-size:16px;line-height:1.5}.run-button{margin-top:auto;padding-top:32px}.run{color:#000;letter-spacing:-.01em;background:linear-gradient(#fff,#e5e5e7);border-radius:100px;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 24px #ffffff1f}.run:hover{transform:translateY(-1px);box-shadow:0 12px 28px #ffffff2e}.run:active{transform:translateY(0)}.run.attack{color:#fff;background:linear-gradient(#f87171,#ef4444);box-shadow:0 8px 24px #f871714d}.run:disabled{opacity:.5;cursor:progress}.scene-right{background:#050507;flex-direction:column;gap:16px;padding:28px;display:flex;overflow:hidden}.term-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding-bottom:12px;display:flex}.term-dots{gap:6px;display:flex}.term-dots span{background:#2a2a32;border-radius:50%;width:10px;height:10px}.term-title{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-left:12px;font-size:11px}.term-status{border-radius:6px;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:600}.term-status.ok{color:var(--ok);background:#34d3991a}.term-status.bad{color:var(--bad);background:#f871711a}.term-status.idle{color:var(--ink-faint);background:#ffffff08}.term-output{white-space:pre-wrap;word-break:break-word;color:var(--ink-dim);flex:1;max-height:320px;font-family:SF Mono,JetBrains Mono,monospace;font-size:12.5px;line-height:1.55;overflow:auto}.term-output .req{color:var(--accent)}.term-output .ok-line{color:var(--ok)}.term-output .bad-line{color:var(--bad)}.term-output .key{color:#a78bfa}.term-output .str{color:#fcd34d}.term-output .num{color:#34d399}.term-output .blank{color:var(--ink-faint);font-style:italic}.verdict{border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:500;display:flex}.verdict.allowed{color:var(--ok);background:#34d3990f;border-color:#34d39940}.verdict.blocked{color:var(--bad);background:#f871710f;border-color:#f8717140}.verdict-icon{border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:grid}.verdict.allowed .verdict-icon{background:#34d39933}.verdict.blocked .verdict-icon{background:#f8717133}.ledger{border:1px solid var(--line);background:var(--glass);border-radius:20px;margin-top:80px;overflow:hidden}.ledger-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:20px 24px;display:flex}.ledger-head h4{letter-spacing:.04em;text-transform:uppercase;font-size:14px;font-weight:600}.ledger-head .pulse{background:var(--ok);width:8px;height:8px;box-shadow:0 0 8px var(--ok);border-radius:50%;animation:1.5s ease-in-out infinite pulse}.ledger-body{max-height:320px;font-family:SF Mono,monospace;font-size:12px;overflow:auto}.ledger-row{border-bottom:1px solid var(--line);color:var(--ink-dim);grid-template-columns:88px 80px 1fr 90px;align-items:center;gap:16px;padding:10px 24px;animation:.3s fadeIn;display:grid}.ledger-row:last-child{border-bottom:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ledger-row .who{color:var(--accent);font-weight:500}.ledger-row .when{color:var(--ink-faint)}.ledger-row .what{color:var(--ink)}.ledger-row .badge{letter-spacing:.1em;text-align:center;text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.ledger-row .badge.allowed{color:var(--ok);background:#34d3991a}.ledger-row .badge.blocked{color:var(--bad);background:#f871711a}.footer{border-top:1px solid var(--line);text-align:center;color:var(--ink-faint);margin-top:120px;padding-top:48px;font-size:13px;line-height:1.6}.footer strong{color:var(--ink-dim)}