.ot-problem{--st-bg:#0c0a09;--st-fg:#f5f5f4;--st-fg-muted:#f5f5f4b8;--st-fg-subtle:#f5f5f480;--st-fg-faint:#f5f5f43d;--st-border:#f5f5f42e;--ot-accent:#a78bfa;background:var(--st-bg);color:var(--st-fg);padding:clamp(80px,10vw,150px) 0 clamp(72px,8vw,120px);position:relative}.ot-problem-head{max-width:780px}.ot-problem-head .st-h2{margin-bottom:24px}.ot-problem-lead{color:var(--st-fg-muted);margin:0;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.6}.ot-problem-lead strong{color:var(--st-fg);font-weight:600}.ot-flow{margin:clamp(44px,6vw,80px) 0 clamp(40px,5vw,64px)}.ot-flow-svg{width:100%;height:auto;display:block;overflow:visible}.ot-rail-line{fill:none;stroke:var(--ot-accent);stroke-width:2.5px;stroke-linecap:round}.ot-rail-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;fill:var(--ot-accent);text-anchor:middle;font-size:12px}.ot-branch{fill:none;stroke:var(--st-border);stroke-width:1.5px}.ot-node-dot{fill:var(--st-fg-faint)}.ot-node-dot.is-live{fill:var(--ot-accent)}.ot-node-name{font-family:var(--font-mono);fill:var(--st-fg);text-anchor:middle;font-size:13.5px}.ot-node-name.is-live{fill:var(--ot-accent)}.ot-packet{fill:var(--ot-accent);opacity:0}.ot-flow-caption{font-family:var(--font-mono);letter-spacing:.06em;color:var(--st-fg-subtle);text-align:center;margin:clamp(20px,2.5vw,32px) 0 0;font-size:12px}.ot-stats{grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,40px);margin:clamp(48px,6vw,84px) 0 clamp(56px,7vw,96px);display:grid}.ot-stat{border-top:1px solid var(--st-border);padding-top:20px}.ot-stat-num{font-family:var(--font-display);letter-spacing:-.02em;color:var(--st-fg);font-size:clamp(2.4rem,5vw,3.8rem);font-weight:620;line-height:1;display:block}.ot-stat-num.is-accent{color:var(--ot-accent)}.ot-stat-label{font-family:var(--font-mono);letter-spacing:.04em;color:var(--st-fg-muted);margin-top:12px;font-size:12.5px;line-height:1.45;display:block}.ot-verdict{max-width:900px}.ot-verdict-quote{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 22px;font-size:clamp(1.7rem,3.4vw,3rem);font-weight:560;line-height:1.14}.ot-verdict-cite{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--st-fg-subtle);font-size:12.5px}@media (max-width:760px){.ot-stats{grid-template-columns:repeat(2,1fr);gap:28px 20px}}.ot-pipe{z-index:1;background:#0c0a09;padding:0 12px;position:relative}.ot-pipe-slab{--st-bg:#f7f6f4;--st-fg:#17140f;--st-fg-muted:#17140fb8;--st-fg-subtle:#17140f80;--st-border:#17140f24;--ot-accent:#7c3aed;--ot-faint:#17140f29;background:var(--st-bg);color:var(--st-fg);border-radius:clamp(28px,4vw,60px) clamp(28px,4vw,60px) 0 0;padding:clamp(60px,7vw,110px) 0 clamp(72px,9vw,130px)}.ot-pipe-head{max-width:720px;margin-bottom:clamp(40px,5vw,76px)}.ot-pipe-head .st-h2{margin-bottom:20px}.ot-pipe-sub{color:var(--st-fg-muted);max-width:620px;margin:0;font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.6}.ot-pipe-sub strong{color:var(--st-fg);font-weight:600}.ot-pipe-steps{flex-direction:column;gap:clamp(30px,4.5vw,60px);display:flex;position:relative}.ot-pipe-rail-bg,.ot-pipe-rail-fill{border-radius:2px;width:2px;position:absolute;top:23px;bottom:23px;left:31px}.ot-pipe-rail-bg{background:var(--ot-faint)}.ot-pipe-rail-fill{background:var(--ot-accent);transform-origin:top;transform:scaleY(1)}.ot-pipe-packet{background:var(--ot-accent);width:12px;height:12px;box-shadow:0 0 0 5px color-mix(in srgb, var(--ot-accent) 22%, transparent);opacity:0;border-radius:50%;position:absolute;top:17px;left:26px}.ot-pipe-step{grid-template-columns:64px 1fr;align-items:start;gap:clamp(16px,2.5vw,36px);display:grid;position:relative}.ot-pipe-marker{z-index:1;background:var(--st-bg);border:1.5px solid var(--st-border);width:46px;height:46px;font-family:var(--font-mono);letter-spacing:.02em;color:var(--st-fg-subtle);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:13px;display:flex;position:relative}.ot-pipe-marker.is-active{border-color:var(--ot-accent);background:var(--ot-accent);color:#fff}.ot-pipe-content{padding-top:4px}.ot-pipe-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ot-accent);margin-bottom:12px;font-size:12px;display:block}.ot-pipe-h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:600;line-height:1.1}.ot-pipe-body{color:var(--st-fg-muted);max-width:620px;margin:0 0 18px;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.6}.ot-pipe-chips{flex-wrap:wrap;gap:8px;display:flex}.ot-pipe-chip{font-family:var(--font-mono);letter-spacing:.03em;color:var(--st-fg-muted);border:1px solid var(--st-border);background:color-mix(in srgb, var(--ot-accent) 5%, transparent);border-radius:999px;padding:6px 13px;font-size:12px}@media (max-width:620px){.ot-pipe-step{grid-template-columns:40px 1fr;gap:14px}.ot-pipe-marker{width:38px;height:38px;font-size:12px}.ot-pipe-rail-bg,.ot-pipe-rail-fill{top:19px;bottom:19px;left:19px}.ot-pipe-packet{top:13px;left:14px}}.ot-dark{--st-bg:#0c0a09;--st-fg:#f5f5f4;--st-fg-muted:#f5f5f4b8;--st-fg-subtle:#f5f5f480;--st-fg-faint:#f5f5f43d;--st-border:#f5f5f42e;--ot-accent:#a78bfa;--ot-faint:#f5f5f429;background:var(--st-bg);color:var(--st-fg);padding:clamp(72px,9vw,132px) 0;position:relative}.ot-slab-wrap{z-index:1;background:#0c0a09;padding:0 12px;position:relative}.ot-slab{--st-bg:#f7f6f4;--st-fg:#17140f;--st-fg-muted:#17140fb8;--st-fg-subtle:#17140f80;--st-fg-faint:#17140f38;--st-border:#17140f24;--ot-accent:#7c3aed;--ot-faint:#17140f29;background:var(--st-bg);color:var(--st-fg);border-radius:clamp(28px,4vw,60px) clamp(28px,4vw,60px) 0 0;padding:clamp(60px,7vw,110px) 0 clamp(72px,9vw,130px)}.ot-act-head{max-width:760px;margin-bottom:clamp(38px,5vw,68px)}.ot-act-head .st-h2{margin-bottom:20px}.ot-act-sub{color:var(--st-fg-muted);max-width:660px;margin:0;font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.6}.ot-act-sub strong{color:var(--st-fg);font-weight:600}.ot-scan-body{grid-template-columns:260px 1fr;align-items:start;gap:clamp(28px,4vw,64px);display:grid}.ot-scan-qr{aspect-ratio:1;border:1px solid var(--st-border);background:#f5f5f408;border-radius:20px;padding:26px;position:relative;overflow:hidden}.ot-scan-qr svg{width:100%;height:100%;display:block}.ot-scan-qr-module{fill:var(--st-fg)}.ot-scan-qr-sweep{fill:var(--ot-accent);opacity:0}.ot-scan-qr-knock{fill:var(--st-bg)}.ot-scan-qr-cap{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ot-accent);font-size:11px;position:absolute;bottom:18px;left:26px}.ot-scan-tabs{flex-wrap:wrap;gap:10px;margin-bottom:clamp(22px,3vw,34px);display:flex}.ot-scan-tab{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--st-fg-muted);border:1px solid var(--st-border);cursor:pointer;background:0 0;border-radius:999px;padding:10px 20px;font-size:12.5px;position:relative}.ot-scan-tab input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.ot-scan-tab.is-on{color:#0c0a09;background:var(--ot-accent);border-color:var(--ot-accent)}.ot-scan-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.ot-scan-field{border:1px solid var(--st-border);background:#f5f5f408;border-radius:14px;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.ot-scan-field-name{color:var(--st-fg);font-size:15px;line-height:1.3}.ot-scan-field-tier{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ot-accent);font-size:10.5px}.ot-scan-caption{font-family:var(--font-mono);letter-spacing:.04em;color:var(--st-fg-subtle);margin:clamp(20px,2.5vw,30px) 0 0;font-size:12px}.ot-gran-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);margin-bottom:clamp(40px,5vw,72px);display:grid}.ot-gran-card{border:1px solid var(--st-border);background:#fff;border-radius:18px;padding:clamp(22px,2.6vw,32px)}.ot-gran-card.is-min{border-color:color-mix(in srgb, var(--ot-accent) 45%, var(--st-border));background:color-mix(in srgb, var(--ot-accent) 5%, #fff)}.ot-gran-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--st-fg-subtle);margin-bottom:14px;font-size:11px;display:inline-block}.ot-gran-tag.is-accent{color:var(--ot-accent)}.ot-gran-name{font-family:var(--font-display);margin:0 0 12px;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:600;line-height:1}.ot-gran-desc{color:var(--st-fg-muted);margin:0;font-size:.98rem;line-height:1.55}.ot-gran-note{font-family:var(--font-mono);letter-spacing:.03em;color:var(--st-fg-subtle);margin:0;font-size:12px;line-height:1.5}.ot-cal-list{flex-direction:column;display:flex}.ot-cal-row{border-top:1px solid var(--st-border);grid-template-columns:220px 1fr;gap:clamp(20px,3vw,48px);padding:clamp(22px,3vw,34px) 0;display:grid}.ot-cal-row:last-child{border-bottom:1px solid var(--st-border)}.ot-cal-when{font-family:var(--font-display);letter-spacing:-.015em;color:var(--st-fg);font-size:clamp(1.5rem,2.7vw,2.4rem);font-weight:620;line-height:1}.ot-cal-row.is-hard .ot-cal-when{color:var(--ot-accent)}.ot-cal-body{color:var(--st-fg-muted);align-self:center;max-width:640px;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.55}.ot-cal-flag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ot-accent);vertical-align:middle;margin-left:10px;font-size:10.5px;display:inline-block}.ot-loop-body{grid-template-columns:1fr .9fr;align-items:center;gap:clamp(32px,5vw,80px);display:grid}.ot-loop-lead{color:var(--st-fg);margin:0 0 clamp(22px,2.4vw,30px);font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.55}.ot-loop-body-text{color:var(--st-fg-muted);margin:0 0 clamp(26px,2.8vw,36px);font-size:1rem;line-height:1.6}.ot-loop-fail{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ot-loop-fail li{font-family:var(--font-mono);color:var(--st-fg-muted);border:1px solid var(--st-border);border-radius:999px;padding:6px 13px;font-size:12px}.ot-loop-ring{width:100%;height:auto;overflow:visible}.ot-loop-circle{fill:none;stroke:var(--ot-accent);stroke-width:2.5px;stroke-linecap:round}.ot-loop-node-dot{fill:var(--ot-accent)}.ot-loop-node-label{font-family:var(--font-mono);fill:var(--st-fg);font-size:13.5px}.ot-loop-orbit{fill:var(--ot-accent);stroke:color-mix(in srgb, var(--ot-accent) 30%, transparent);stroke-width:6px;opacity:0}.ot-loop-center{font-family:var(--font-mono);letter-spacing:.06em;fill:var(--st-fg-subtle);text-anchor:middle;font-size:12px}.ot-rails-explorer{grid-template-columns:.82fr 1fr;align-items:start;gap:clamp(20px,3vw,44px);display:grid}.ot-rails-tablist{flex-direction:column;gap:8px;display:flex}.ot-rails-tab{text-align:left;width:100%;font:inherit;cursor:pointer;border:1px solid var(--st-border);color:inherit;background:#f5f5f408;border-radius:14px;padding:14px 18px;transition:border-color .2s,background .2s;display:block}.ot-rails-tab:hover{border-color:color-mix(in srgb, var(--ot-accent) 40%, var(--st-border))}.ot-rails-tab[aria-selected=true]{border-color:var(--ot-accent);background:color-mix(in srgb, var(--ot-accent) 8%, transparent)}.ot-rails-tab-name{font-family:var(--font-mono);letter-spacing:.04em;color:var(--st-fg);margin-bottom:4px;font-size:13px;display:block}.ot-rails-tab[aria-selected=true] .ot-rails-tab-name{color:var(--ot-accent)}.ot-rails-tab-role{color:var(--st-fg-subtle);font-size:.82rem;line-height:1.35}.ot-rails-detail{border:1px solid var(--st-border);background:#f5f5f408;border-radius:20px;padding:clamp(26px,3vw,42px)}.ot-rails-detail-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ot-accent);margin-bottom:18px;font-size:11px;display:inline-block}.ot-rails-detail-title{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 18px;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:600;line-height:1.08}.ot-rails-detail-body{color:var(--st-fg-muted);max-width:54ch;margin:0 0 26px;font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.65}.ot-rails-detail-points{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ot-rails-detail-points li{font-family:var(--font-mono);color:var(--st-fg-muted);border:1px solid var(--st-border);border-radius:999px;padding:6px 13px;font-size:12px}@media (max-width:820px){.ot-rails-explorer{grid-template-columns:1fr}}.ot-close-badges{grid-template-columns:repeat(5,1fr);gap:12px;margin:clamp(40px,5vw,72px) 0 clamp(44px,6vw,80px);display:grid}.ot-close-badge{border-top:1px solid var(--st-border);font-family:var(--font-mono);color:var(--st-fg-muted);padding-top:16px;font-size:12.5px;line-height:1.45}.ot-close-badge strong{font-family:var(--font-display);color:var(--st-fg);margin-bottom:8px;font-size:1.05rem;font-weight:600;display:block}.ot-close-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ot-close-panel{border:1px solid var(--st-border);color:var(--st-fg);background:#f5f5f408;border-radius:20px;padding:clamp(28px,3.5vw,44px);text-decoration:none;display:block;position:relative;overflow:hidden}.ot-close-panel h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;margin:0 0 10px;font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:620}.ot-close-panel p{color:var(--st-fg-muted);max-width:34ch;margin:0;font-size:1rem;line-height:1.5}.ot-close-arrow{color:var(--ot-accent);display:inline-flex;position:absolute;top:clamp(28px,3.5vw,44px);right:clamp(28px,3.5vw,44px)}.ot-close-arrow svg{width:24px;height:24px}.ot-close-panel.is-primary{background:var(--ot-accent);border-color:var(--ot-accent);color:#0c0a09}.ot-close-panel.is-primary p{color:#0c0a09b8}.ot-close-panel.is-primary .ot-close-arrow{color:#0c0a09}@media (max-width:900px){.ot-scan-body,.ot-loop-body{grid-template-columns:1fr}.ot-scan-qr{max-width:240px}.ot-close-badges{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.ot-gran-grid{grid-template-columns:1fr}.ot-cal-row{grid-template-columns:1fr;gap:10px}.ot-close-grid{grid-template-columns:1fr}}