/* Second pass: distinct research instruments, keyboard feedback and measured layouts. */
.panel{box-shadow:0 12px 40px #0002}.panel-title{font-weight:700}.primary{position:relative;overflow:hidden}.primary:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff5 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s}.primary:hover:after{transform:translateX(120%)}.completed #metrics{animation:confirm .6s ease-out}@keyframes confirm{from{box-shadow:0 0 25px var(--accent)}to{box-shadow:none}}input:focus,textarea:focus{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.chart path{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 40%,transparent))}.chart{cursor:crosshair}.chart:after{content:'';position:absolute;left:var(--cx,50%);top:0;bottom:20px;border-left:1px dashed var(--accent);opacity:0;pointer-events:none}.chart:hover:after{opacity:.6}tbody tr:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.snapshot-note{font-size:10px;color:var(--accent);border-left:2px solid;padding:8px 10px;margin:14px 0}.metric b{font-variant-numeric:tabular-nums}.panel:before{content:'';position:absolute;right:0;top:0;width:8px;height:8px;border-top:2px solid var(--accent);border-right:2px solid var(--accent)}.intro{position:relative}.intro-code:after{content:'● LOCAL COMPUTE';font-size:9px;letter-spacing:1px;opacity:.5}.campaign img{border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.rules-grid article{transition:background .2s}.rules-grid article:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}
.theme-0{background-size:24px 24px}.theme-0 header{height:62px}.theme-0 .intro{padding:32px 0}.theme-0 .intro h1{font-family:Consolas,'Microsoft YaHei',monospace;font-weight:400}.theme-0 .intro h1:before{content:'> ';color:var(--accent)}.theme-0 .workspace{gap:2px;border:1px solid #74a7ff33}.theme-0 .panel{border:0;border-right:1px solid #74a7ff22}.theme-0 .editor textarea{padding-left:30px;background-image:repeating-linear-gradient(0deg,transparent 0 21px,#74a7ff09 22px);border-left:3px solid #74a7ff55}.theme-0 .panel-title{background:#74a7ff0b;margin:-18px -18px 20px;padding:14px 18px}.theme-0 .main-chart .chart{height:290px}.theme-0 .log span:before{content:'› ';color:#97f8c4}.theme-0 .rail .instrument-art{max-height:135px}.theme-0 .rules-grid{gap:2px}.theme-0 .rules-grid article{background:#74a7ff06;padding:22px}
.theme-1 .intro{border-left:3px solid var(--accent);padding:25px;margin:25px 0;background:linear-gradient(90deg,#53f4a00a,transparent)}.theme-1 .intro h1{letter-spacing:2px}.theme-1 .radar-panel{background:radial-gradient(circle at 50% 30%,#174b3633,transparent 65%),#071710}.theme-1 .radar{height:290px;background:repeating-conic-gradient(from 0deg,transparent 0 29.8deg,#5af4a426 29.8deg 30deg);border-radius:50%;margin-bottom:24px}.theme-1 .radar:after{content:'0°                 90°\A\A\A PORTAL / BSC\A\A\A270°             180°';white-space:pre;text-align:center;font-size:9px;color:var(--accent);opacity:.6}.theme-1 .radar .sweep{width:270px;height:270px}.theme-1 .scan-table{min-height:470px}.theme-1 .scan-foot .code{display:inline-block;margin:0}.theme-1 .scan-foot p{font-size:11px}.theme-1 .rules-grid{grid-template-columns:1fr 1fr}.theme-1 .rules-grid article{display:grid;grid-template-columns:50px 1fr}.theme-1 .rules-grid p{grid-column:2}
.theme-2 main{padding-left:5%;border-left:1px solid #f9ae4a33}.theme-2 .intro{padding-top:36px}.theme-2 h1{font-size:clamp(26px,3.6vw,50px);font-weight:400}.theme-2 .filter-strip{border-top:3px solid var(--accent);background:#f5a62308}.theme-2 .tape{background:repeating-linear-gradient(0deg,#f5a62303 0 35px,transparent 35px 70px)}.theme-2 .tape td:first-child{border-left:2px solid #f5a62355;color:var(--accent)}.theme-2 .packet{border-style:dashed}.theme-2 .packet .instrument-art{max-height:150px;margin:0}.theme-2 .statusbar{border-bottom:2px solid var(--accent)}.theme-2 .rules-grid{grid-template-columns:repeat(4,1fr);counter-reset:step}.theme-2 .section-heading{border-bottom-style:dashed}
.theme-3 .intro h1{font-size:clamp(28px,3.5vw,52px)}.theme-3 .intro{background:linear-gradient(120deg,#ff62770a,transparent 45%,#5fe8e00a);padding:35px 20px;margin:20px 0}.theme-3 .position-ticket{border-top:3px solid #ff6277}.theme-3 .surface{border-top:3px solid #5fe8e0;background:linear-gradient(150deg,#ff627705,#5fe8e008)}.theme-3 .surface .chart{height:285px}.theme-3 .boundary{background:linear-gradient(90deg,#ff62770b 49.8%,#5fe8e020 50%,#5fe8e008 50.2%);min-height:510px}.theme-3 .boundary .big-symbol{font-size:165px;transform:skewY(-8deg);margin:35px 0}.theme-3 .metric:nth-child(2) b{color:var(--second)}.theme-3 .rules-grid article:nth-child(even){border-color:var(--second)}
.theme-4 .intro{padding-bottom:25px;border-bottom:1px dashed var(--accent);margin-bottom:20px}.theme-4 .grid-controls{background:linear-gradient(90deg,#5cf1ff08,transparent)}.theme-4 .dial{height:175px;margin-bottom:15px;background:repeating-linear-gradient(0deg,transparent 0 23px,#5cf1ff30 24px,transparent 25px);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.theme-4 .dial .orbit{border-radius:0;transform:perspective(250px) rotateX(45deg);border:1px solid #5cf1ff66}.theme-4 .dial .sweep{background:linear-gradient(transparent,#ffb35040,transparent);height:25px;border-radius:0;animation:ladder 3s ease-in-out infinite alternate}@keyframes ladder{from{transform:translateY(-60px)}to{transform:translateY(60px)}}.theme-4 .ladder table tr:nth-child(even){background:#5cf1ff07}.theme-4 .ladder td:nth-child(2){color:var(--accent);font-weight:700}.theme-4 .spacing{border-top:4px solid var(--second)}.theme-4 .rules-grid{grid-template-columns:repeat(2,1fr)}
.theme-5 .intro{text-align:center;justify-content:center;min-height:190px}.theme-5 .intro-code{display:none}.theme-5 .intro h1{font-family:Georgia,'Microsoft YaHei',serif;font-size:clamp(30px,3.7vw,52px);font-weight:400}.theme-5 .clock-layout{max-width:1150px;margin:auto;gap:22px}.theme-5 .clock{border:double 4px #dcc36d77;background:radial-gradient(circle at 50% 30%,#d8bc6c0c,transparent)}.theme-5 .chronometer{box-shadow:inset 0 0 0 14px var(--bg),inset 0 0 0 15px #d8bc6c55,0 0 50px #d8bc6c10;position:relative}.theme-5 .chronometer:after{content:'';position:absolute;inset:25px;border-top:2px solid var(--second);border-radius:50%;animation:spin 60s linear infinite}.theme-5 .ledger{border-left:3px solid var(--second)}.theme-5 .rules-grid{gap:0;border:1px solid #d8bc6c33}.theme-5 .rules-grid article{padding:20px}.theme-5 .section-heading{justify-content:center}
.theme-6{background-size:20px 20px}.theme-6 header{border-bottom:3px solid var(--accent)}.theme-6 .intro{padding:45px 0}.theme-6 .intro h1{font-size:clamp(29px,3.8vw,52px);font-weight:900;letter-spacing:-2px}.theme-6 .panel{box-shadow:7px 7px 0 #006c6812;background:#ffffffc9;border-color:#006c6840}.theme-6 .panel-title{border-bottom:2px solid var(--accent)}.theme-6 .quote-bridge{border:1px dashed var(--accent);padding:15px}.theme-6 .quote-bridge b{font-weight:900}.theme-6 .waterfall{background:repeating-linear-gradient(0deg,transparent 0 29px,#006c6808 30px),#fff}.theme-6 .waterfall .metric{border-right:1px solid #006c6820}.theme-6 .rules-grid article{border-left:4px solid var(--accent)}.theme-6 .campaign img{filter:saturate(.85)}
.theme-7 .intro h1{font-size:clamp(28px,3.4vw,49px)}.theme-7 .mesh-field{background:radial-gradient(ellipse at 30% 40%,#9a7aff14,transparent 60%);min-height:510px}.theme-7 .mesh{background:repeating-linear-gradient(60deg,transparent 0 39px,#a281ff18 40px),repeating-linear-gradient(-60deg,transparent 0 39px,#a281ff18 40px);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.theme-7 .mesh .orbit{width:170px;height:240px;border-radius:0;transform:rotate(30deg);border-color:#b18cff77}.theme-7 .mesh .o2{transform:rotate(90deg)}.theme-7 .mesh .o3{transform:rotate(150deg)}.theme-7 .mesh-field .chart{align-self:center;height:270px}.theme-7 .stress-matrix{border-top:3px solid #b18cff}.theme-7 .metric{background:#b18cff08}.theme-7 .rules-grid{grid-template-columns:1fr 1fr}.theme-7 .rules-grid article{padding:15px 20px;border:1px solid #b18cff22}
.theme-8 .intro{padding:28px 0;margin-top:10px}.theme-8 .intro h1{font-weight:400;letter-spacing:1px}.theme-8 .lens{height:300px;background:radial-gradient(circle,#baff4d12,transparent 65%)}.theme-8 .lens .o1{width:235px;height:235px;border:20px double #a3df4170;box-shadow:0 0 0 1px #baff4d88,0 0 0 8px #baff4d08}.theme-8 .lens .o2{border:12px solid #54eeed30}.theme-8 .lens .o3{background:radial-gradient(circle,#baff4d30,#071b1330);box-shadow:inset -10px -5px 20px #000}.theme-8 .flow-tape{border-left:3px solid var(--accent)}.theme-8 .flow-rule{border-left:3px solid var(--second)}.theme-8 .formula{padding:8px 0;font-weight:700}.theme-8 .rules-grid article{border-top:1px solid #baff4d66;border-left:0}
.theme-9{background-image:radial-gradient(#bce54120 1px,transparent 1px);background-size:15px 15px}.theme-9 header{height:60px}.theme-9 .intro{background:#060b07eb;border:1px solid #bce54133;margin:25px 0;padding:22px}.theme-9 .intro h1{font-family:Consolas,'Microsoft YaHei',monospace;font-size:clamp(25px,2.8vw,40px);font-weight:400}.theme-9 .intro h1:before{content:'$_ ';color:var(--accent)}.theme-9 .node-layout{gap:3px;border:1px solid #bce54155;padding:5px;background:#bce54107}.theme-9 .node-code{background:#030904}.theme-9 .node-code .code{font-size:13px;line-height:1.8;min-height:210px;padding-left:18px;border-left:2px solid #bce54140}.theme-9 .logic-circuit{border-bottom:1px dashed #bce54144}.theme-9 .logic-circuit i{animation:packet 2s infinite}.theme-9 .logic-circuit i:nth-of-type(2){animation-delay:.4s}.theme-9 .logic-circuit i:nth-of-type(3){animation-delay:.8s}@keyframes packet{50%{text-shadow:0 0 12px var(--accent);opacity:.3}}.theme-9 .rules-grid{gap:6px}.theme-9 .rules-grid article{background:#bce54106;padding:18px;border:1px dashed #bce54133}
@media(max-width:720px){.intro h1{letter-spacing:0!important;font-size:28px!important}.theme-2 main{padding:0 14px;border:0}.theme-1 .intro,.theme-3 .intro,.theme-9 .intro{padding:20px 14px}.theme-5 .intro{min-height:0}.theme-0 .panel{border-right:0}.theme-0 .main-chart .chart,.theme-3 .surface .chart{height:220px}.theme-7 .mesh-field{min-height:0}.theme-7 .mesh{height:220px}.theme-1 .rules-grid,.theme-4 .rules-grid,.theme-7 .rules-grid{grid-template-columns:1fr}.theme-6 .panel{box-shadow:3px 3px 0 #006c6812}.theme-2 .rules-grid{grid-template-columns:1fr 1fr}.theme-9 .node-layout{padding:3px}.theme-5 .clock-layout{gap:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}