:root{--blue:#00AEEF;--cyan:#00D4FF;--teal:#00897B;--ocean:#005F87;--grad:linear-gradient(135deg,#00D4FF 0%,#00AEEF 35%,#00897B 65%,#005F87 100%);--bg:#020403;--bg2:#080A09;--bg3:#0C0E0D;--surf:#0F1110;--surf2:#151817;--surf3:#1C1F1E;--border:rgba(100,168,255,.07);--border2:rgba(100,168,255,.13);--border3:rgba(100,168,255,.22);--tx:#EDE9E3;--tx2:#A8A29A;--tx3:#A19B94;--tx4:#9A948D;--danger:#C45A50;--warn:#C4942A;--ok:#00897B;--font:'Outfit',sans-serif;--mono:'DM Mono',monospace;--jakarta:'Plus Jakarta Sans',sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--tx);font-family:var(--font);font-weight:300;font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}button{font:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surf3);border-radius:3px}
nav{position:sticky;top:0;z-index:100;height:56px;background:rgba(2,4,3,.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 40px}.nav-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.nav-logo img{height:18px;width:auto}.nav-sep{width:1px;height:18px;background:var(--border2);margin:0 12px}.nav-product{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--tx3)}.nav-links{display:flex;gap:2px;margin-left:24px;flex:1;overflow-x:auto}.nav-link{font-size:12.5px;color:var(--tx3);text-decoration:none;padding:5px 11px;border-radius:5px;white-space:nowrap}.nav-link:hover,.nav-link.here{color:var(--tx);background:var(--surf)}.nav-right{margin-left:auto;flex-shrink:0}.nav-back{font-size:12px;color:var(--tx3);text-decoration:none;padding:5px 10px;border-radius:5px}.nav-back:hover{color:var(--tx2)}
.nav-more{position:relative}.nav-more-btn{font-size:12.5px;color:var(--tx3);padding:5px 11px;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:5px;user-select:none}.nav-more-btn:hover,.nav-more.open .nav-more-btn{color:var(--tx2);background:var(--surf)}.nav-more-caret{font-size:10px;opacity:.5;transition:transform .15s}.nav-more.open .nav-more-caret{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:var(--bg2);border:1px solid var(--border2);border-radius:9px;padding:5px;box-shadow:0 16px 40px rgba(0,0,0,.7);opacity:0;pointer-events:none;transform:translateY(-6px);transition:.15s;z-index:500}.nav-more.open .nav-dropdown{opacity:1;pointer-events:auto;transform:none}.nd-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;text-decoration:none;color:var(--tx3);font-size:12.5px}.nd-item:hover,.nd-item.here{background:var(--surf);color:var(--tx2)}.nd-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.nd-sep{height:1px;background:var(--border);margin:4px 0}.nd-ext{font-family:var(--mono);font-size:10px;color:var(--tx4)}
.wrap{max-width:960px;margin:0 auto;padding:0 40px}.page-hdr{padding:52px 0 40px;border-bottom:1px solid var(--border);margin-bottom:48px}.ph-crumb{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--tx4);margin-bottom:12px}.ph-crumb a{color:var(--tx4);text-decoration:none}.ph-category{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;display:flex;align-items:center;gap:10px}.ph-category::before{content:'';display:block;width:16px;height:1px;background:var(--accent);opacity:.6}.ph-title{font-family:var(--jakarta);font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-.035em;line-height:1.08;margin-bottom:13px}.ph-hook{font-size:15px;color:var(--tx3);max-width:650px;line-height:1.68;margin-bottom:20px}.ph-meta{display:flex;gap:8px;flex-wrap:wrap}.att-badge,.ph-badge{font-family:var(--mono);font-size:10px;letter-spacing:.08em;padding:3px 9px;border-radius:4px;white-space:nowrap}.att-badge{background:color-mix(in srgb,var(--accent) 7%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);color:var(--accent)}.ph-badge{border:1px solid var(--border2);color:var(--tx4);text-transform:uppercase}
.field-console{border:1px solid var(--border2);border-radius:15px;background:radial-gradient(circle at 78% 0,color-mix(in srgb,var(--accent) 9%,transparent),transparent 38%),var(--bg2);overflow:hidden;margin-bottom:42px;box-shadow:0 28px 80px rgba(0,0,0,.35)}.field-console-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 19px;border-bottom:1px solid var(--border)}.field-console-title{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--tx2)}.field-console-state{font-family:var(--mono);font-size:10px;letter-spacing:.13em;color:var(--accent);text-transform:uppercase}.field-console-body{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:360px}.field-list{border-right:1px solid var(--border);padding:12px}.field-choice{display:block;width:100%;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--tx3);padding:11px 12px;cursor:pointer;margin-bottom:5px;transition:.15s}.field-choice:hover{background:var(--surf);color:var(--tx2)}.field-choice.active{border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--surf));color:var(--tx)}.field-choice b{display:block;font-family:var(--mono);font-size:10px;margin-bottom:3px}.field-choice span{font-size:11px;color:var(--tx4)}.field-screen{padding:22px;min-width:0}.field-screen-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.field-screen h2{font-family:var(--jakarta);font-size:22px;line-height:1.25;margin-bottom:8px}.field-screen > p{font-size:12.5px;line-height:1.65;color:var(--tx3);margin-bottom:16px}.field-code{background:#010201;border:1px solid var(--border);border-radius:8px;padding:13px 14px;font-family:var(--mono);font-size:10.5px;line-height:1.7;color:var(--tx2);white-space:pre-wrap;word-break:break-word;margin-bottom:15px}.field-meters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.field-meter{border:1px solid var(--border);border-radius:8px;background:rgba(2,4,3,.5);padding:10px}.field-meter span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--tx4);text-transform:uppercase;margin-bottom:7px}.field-meter i{display:block;height:3px;border-radius:3px;background:var(--surf3);overflow:hidden}.field-meter i::after{content:'';display:block;height:100%;width:var(--value,50%);background:var(--meter,var(--accent));box-shadow:0 0 10px var(--meter,var(--accent))}.field-call{display:flex;gap:8px;margin-top:16px}.field-call button{flex:1;border:1px solid var(--border2);border-radius:7px;background:var(--surf);color:var(--tx3);padding:10px;cursor:pointer}.field-call button:hover{border-color:var(--accent);color:var(--tx)}.field-call button.correct{border-color:var(--ok-fg,#4DB6AC);background:rgba(0,137,123,.09);color:#4DB6AC}.field-call button.wrong{border-color:var(--danger-fg,#DF796F);background:rgba(196,90,80,.08);color:#DF796F}.field-result{min-height:20px;font-size:11.5px;color:var(--tx3);margin-top:11px}
.persist-map{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:15px}.persist-node{border:1px solid var(--border);border-radius:9px;background:var(--surf);padding:12px;cursor:pointer;text-align:left;color:var(--tx3);transition:.15s}.persist-node:hover{border-color:var(--border3)}.persist-node.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surf));color:var(--tx)}.persist-node b{display:block;font-family:var(--mono);font-size:10px;margin-bottom:4px}.persist-node span{font-size:11px;color:var(--tx4)}.persist-timeline{display:flex;gap:5px;margin:16px 0}.persist-phase{flex:1;border-top:2px solid var(--border2);padding-top:7px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--tx4);text-transform:uppercase}.persist-phase.live{border-color:var(--accent);color:var(--accent)}.persist-action{width:100%;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:7px;background:color-mix(in srgb,var(--accent) 8%,var(--surf));color:var(--tx2);padding:10px;cursor:pointer}.persist-action:hover{color:var(--tx);border-color:var(--accent)}
.c-section{padding:40px 0;border-top:1px solid var(--border)}.c-title{font-family:var(--jakarta);font-size:23px;font-weight:700;letter-spacing:-.025em;margin-bottom:6px}.c-sub{font-size:13px;color:var(--tx4);margin-bottom:23px}.c-body{font-size:13.5px;color:var(--tx3);line-height:1.78}.c-body p{margin-bottom:12px}.vocab{color:var(--blue);border-bottom:1px dashed rgba(0,174,239,.45);cursor:pointer}.vocab-popup{position:fixed;z-index:9999;max-width:280px;background:var(--surf2);border:1px solid var(--border2);border-radius:8px;padding:13px 15px;box-shadow:0 12px 32px rgba(0,0,0,.65);pointer-events:none}.vp-term{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--blue);margin-bottom:7px;text-transform:uppercase}.vp-def{font-size:12px;color:var(--tx3);line-height:1.6}
.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.concept-point{border:1px solid var(--border);border-radius:10px;background:var(--bg2);padding:16px}.concept-point b{display:block;font-family:var(--mono);font-size:10px;color:var(--accent);margin-bottom:7px}.concept-point span{display:block;font-size:12px;line-height:1.58;color:var(--tx3)}.detection-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:12.5px}.detection-table th{font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--tx4);padding:8px 11px;border-bottom:1px solid var(--border);text-align:left}.detection-table td{padding:11px;border-bottom:1px solid var(--border);color:var(--tx3);vertical-align:top}.detection-table td:first-child{color:var(--tx2)}.tool-link-pill{font-family:var(--mono);font-size:10px;padding:3px 8px;border-radius:4px;border:1px solid var(--border2);color:var(--tx3);text-decoration:none;display:inline-block}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.related-card{border:1px solid var(--border);border-radius:10px;background:var(--bg2);padding:16px;text-decoration:none;color:var(--tx2)}.related-card:hover{border-color:var(--border3)}.rc-lbl{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--tx4);text-transform:uppercase;margin-bottom:5px}.rc-name{display:flex;justify-content:space-between;font-size:13px}.rc-arr{color:var(--tx4)}footer{padding:32px 40px;border-top:1px solid var(--border);display:flex;justify-content:space-between}.ft-back{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--tx4);text-decoration:none;text-transform:uppercase}.ft-copy{font-size:11px;color:var(--tx4)}
@media(max-width:700px){.wrap{padding:0 20px}.field-console-body{grid-template-columns:1fr}.field-list{border-right:0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr}.field-meters,.concept-grid,.related-grid{grid-template-columns:1fr}.persist-map{grid-template-columns:1fr}.nav-links{display:none}nav{padding:0 18px}.field-screen{padding:18px}}
@media(prefers-reduced-motion:reduce){.field-choice,.persist-node{transition:none}}
[data-theme="projector"] .field-console,[data-theme="projector"] .field-code,[data-theme="projector"] .concept-point{box-shadow:none}