:root{color-scheme:dark;--graphite:#080D19;--cyan:#00CEF2;--blue:#1655FF;--violet:#A12CFF;--white:#F4F8FF;--muted:#A6B6CE;--panel:#10192B;--panel2:#17223B;--line:#293651;--faint:#8294ae}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 82% 0,#1655ff1d,transparent 40%),var(--graphite);color:var(--white);font:14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0;min-width:320px}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{opacity:.48}.lab-shell{max-width:1232px;margin:0 auto;padding:0 32px}.brand-header{padding:20px 0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-logo{height:58px;width:58px;object-fit:contain;flex:none;border-radius:11px}.brand-title{display:flex;flex-direction:column;min-width:0;gap:3px}.brand-title strong{font-size:12px;letter-spacing:.17em}.brand-title span{font-size:11px;color:var(--muted)}.lab-pill{border:1px solid #4f6180;border-radius:50px;white-space:nowrap;letter-spacing:.08em;font-weight:800;font-size:10px;padding:6px 10px;color:#d1def1}.environment{display:flex;align-items:center;gap:10px;padding:14px 0;color:#9dcee7;font-size:10px;letter-spacing:.09em;font-weight:700}.led{display:block;width:7px;height:7px;flex:none;border-radius:100%;background:var(--cyan);box-shadow:0 0 12px #00cef277}.intro{display:flex;align-items:end;gap:18px;justify-content:space-between;padding:36px 0 25px}.intro-copy{max-width:675px}.eyebrow{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.16em}.intro h1{font-size:clamp(38px,4.4vw,62px);letter-spacing:-.055em;line-height:1.03;margin:12px 0 16px;font-weight:800}.intro h1 em{font-style:normal;background:linear-gradient(100deg,var(--cyan),#54a2fb 52%,#be79ff);background-clip:text;-webkit-background-clip:text;color:transparent}.intro-copy>p:last-child{color:var(--muted);max-width:530px;font-size:13px;margin:0;line-height:1.7}.journey{display:flex;align-items:center;gap:7px;flex:none;margin-bottom:5px}.journey-step{min-width:72px;max-width:86px;text-align:center;color:#a8b8d3;font-size:9px;font-weight:600;line-height:1.25}.journey-number{width:30px;height:30px;display:grid;place-items:center;margin:0 auto 7px;border-radius:50%;border:1px solid #4e5e7a;background:#121d32;font-size:10px;letter-spacing:.08em}.journey-step.current{color:var(--white)}.journey-step.current .journey-number{color:var(--graphite);background:var(--cyan);border-color:var(--cyan);font-weight:900}.journey-rule{width:20px;height:1px;background:#485877;margin-top:-15px}.simulation{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);background:#0f192c;padding:16px 18px;border-radius:14px;margin-bottom:22px}.simulation strong{font-size:13px}.simulation p{font-size:11px;color:var(--muted);margin:3px 0 0}.simulation-inputs{display:flex;align-items:end;gap:12px}.simulation-inputs label{display:grid;gap:5px;min-width:150px;font-size:10px;color:var(--muted);font-weight:700}.simulation-inputs select{width:100%;padding:10px 12px;min-height:44px;border:1px solid #3c5070;border-radius:9px;background:#17223B;color:var(--white)}.content-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(340px,.93fr);gap:20px;align-items:start}.memory-panel,.details-panel{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:18px;min-width:0}.memory-panel{background:linear-gradient(180deg,#111d34,#10192B)}.panel-top,.memory-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.mono{font-size:10px;letter-spacing:.08em;color:#9eb0ca}.memory{position:relative;overflow:hidden;aspect-ratio:4/4.8;margin:15px 0;background:radial-gradient(circle at 48% 43%,#174fbe 0,transparent 40%),linear-gradient(145deg,#101a38 0%,#143e8a 49%,#5d24a8 100%);border:1px solid #34517f;border-radius:13px;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:7.5%}.poster-grid{position:absolute;inset:0;background:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:35px 35px;opacity:.55;z-index:-1}.aura{position:absolute;inset:auto;width:80%;aspect-ratio:1;border-radius:50%;filter:blur(65px);z-index:-1;opacity:.28}.aura-one{left:-35%;top:12%;background:#00cef2}.aura-two{right:-35%;bottom:-8%;background:#a12cff}.memory-label{font-size:9px;letter-spacing:.14em;color:#e5f6ff;font-weight:800;background:#061b30aa;border:1px solid #d2f1ff55;padding:7px 10px;align-self:flex-start;border-radius:6px}.memory-art{display:grid;place-items:center;align-self:center;position:relative;flex:1;width:100%;max-height:450px}.orbit{position:absolute;border:1px solid #b6eaff88;transform:rotate(-20deg);border-radius:50%;aspect-ratio:1}.orbit-a{width:46%}.orbit-b{width:70%;opacity:.56}.orbit-c{width:96%;opacity:.28}.art-core{position:relative;text-align:center;display:grid;gap:7px;place-items:center;text-shadow:0 3px 30px #07182b;letter-spacing:.12em;font-weight:900;font-size:clamp(12px,1.6vw,18px)}.art-glyph{font-size:clamp(78px,12vw,138px);line-height:1;color:#a3f1ff;filter:drop-shadow(0 0 24px #00cef2aa)}.poster-bottom{display:flex;justify-content:space-between;align-items:end;gap:12px}.poster-small{font-size:10px;letter-spacing:.09em;font-weight:700;color:#edf4ff;max-width:65%}.poster-small span:first-child{color:#75efff;padding:0 3px}.poster-score{text-align:right}.poster-score span{display:block;font-size:9px;font-weight:800;letter-spacing:.15em;color:#c1d8fa}.poster-score strong{font-size:clamp(34px,6vw,60px);line-height:1.05;letter-spacing:-.05em}.memory-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:25px;background:#071121ed;text-align:center}.memory-overlay[hidden]{display:none}.overlay-symbol{font-size:56px;color:var(--cyan)}.memory-overlay strong{font-size:clamp(21px,3vw,30px);line-height:1.2}.memory-overlay p{font-size:13px;color:var(--muted);max-width:310px;margin:0}.memory-footer{font-size:11px;color:var(--muted)}.details-panel{padding:27px 26px}.status-head{display:flex;align-items:center;gap:9px;color:#8fe8ff;font-size:10px;letter-spacing:.12em;font-weight:800}.status-dot{height:8px;width:8px;flex:none;border-radius:50%;background:var(--cyan)}.details-panel h2{font-size:clamp(28px,3vw,41px);line-height:1.16;letter-spacing:-.05em;margin:17px 0 11px}.status-description{color:var(--muted);font-size:13px;line-height:1.7;min-height:46px;margin:0 0 22px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-box{padding:14px;background:#17223B;border:1px solid #30405b;border-radius:12px;min-width:0}.stat-box span{color:var(--muted);font-size:9px;letter-spacing:.08em;display:block;font-weight:800}.stat-box strong{display:block;font-size:25px;letter-spacing:-.04em;line-height:1.3;margin-top:8px}.buttons{display:grid;gap:10px;margin-top:20px}.buttons button{border-radius:10px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;font-size:13px;min-height:53px;font-weight:800}.primary{background:var(--cyan);border:1px solid var(--cyan);color:#041b25}.secondary{border:1px solid #546987;color:#e4efff;background:#1c2b46}.capability{font-size:11px;color:#b0c0d6;line-height:1.55;margin:10px 0 24px}.social-panel{background:#17223B;border:1px solid #304567;padding:17px 18px;border-radius:13px}.social-head{display:flex;justify-content:space-between;gap:9px;align-items:center;color:#b9d3ef;font-size:9px;letter-spacing:.08em;font-weight:800}.social-panel>p:not(.copy-feedback){font-size:13px;line-height:1.6;overflow-wrap:anywhere;margin:13px 0}.copy-btn{background:transparent;border:1px solid #53698a;border-radius:8px;padding:9px 13px;display:flex;align-items:center;gap:18px;color:var(--cyan);font-size:12px;font-weight:800}.copy-feedback{font-size:11px;color:#8ce4ed;min-height:0;margin:9px 0 0}.copy-feedback:empty{display:none}.privacy{border-top:1px solid var(--line);padding-top:19px;margin-top:23px}.privacy strong{font-size:12px}.privacy p{font-size:11px;line-height:1.7;color:var(--muted);margin:7px 0 0}.footer-note{border-top:1px solid var(--line);padding:28px 0 30px;margin-top:35px;display:grid;gap:5px}.footer-note strong{font-size:14px}.footer-note span{color:var(--muted);font-size:12px}footer{border-top:1px solid var(--line);padding:20px 0 27px;color:#8195b0;font-size:11px}body[data-state="processing"] .status-dot{background:#e9b96b}body[data-state="expired"] .status-dot,body[data-state="revoked"] .status-dot,body[data-state="not_found"] .status-dot,body[data-state="unavailable"] .status-dot{background:#a7b1c4}
@media(max-width:980px){.intro{display:block}.journey{margin-top:28px;justify-content:start}.simulation{align-items:stretch}.content-grid{grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}.memory-panel,.details-panel{padding:17px}}
@media(max-width:720px){.lab-shell{padding:0 17px}.brand-header{padding:13px 0}.brand-logo{width:51px;height:51px}.brand-title strong{font-size:11px}.brand-title span{font-size:10px}.environment{font-size:9px;letter-spacing:.045em;line-height:1.4}.intro{padding:24px 0 21px}.intro h1{font-size:clamp(37px,10.2vw,50px)}.intro-copy>p:last-child{font-size:12px}.journey{margin-top:23px;justify-content:center;gap:3px}.journey-step{min-width:70px;font-size:9px}.journey-rule{width:24px}.simulation{display:block;padding:15px;margin-bottom:15px}.simulation-inputs{margin-top:13px}.simulation-inputs label{min-width:0;flex:1}.simulation-inputs select{min-height:45px}.content-grid{grid-template-columns:1fr;gap:15px}.memory-panel,.details-panel{padding:17px;border-radius:15px}.memory{max-width:450px;margin:14px auto}.art-glyph{font-size:clamp(75px,26vw,125px)}.art-core{font-size:15px}.memory-footer{font-size:10px}.details-panel h2{font-size:32px}.status-description{min-height:0}.stat-box strong{font-size:23px}.footer-note{margin-top:15px}.poster-small{font-size:9px}}
@media(max-width:380px){.lab-shell{padding:0 13px}.brand-title strong{font-size:10px}.brand-title span{font-size:9px}.lab-pill{font-size:9px;padding:5px 8px}.environment{font-size:8px}.journey-step{min-width:64px}.journey-rule{width:13px}.social-head .mono{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* WEB-5 ⇄ Stage 2U v0.1 — new isolated compatibility flow elements */
:root{--lab-protocol:#1655FF;--lab-bridge:#A12CFF}
.flow-rail{margin:18px 0 25px;border:1px solid #314469;background:linear-gradient(120deg,#0b1831,#101b34);border-radius:15px;padding:17px;display:flex;align-items:center;gap:10px;justify-content:space-between}
.flow-node{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
.flow-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border:1px solid #2a89b0;border-radius:10px;background:#0b3147;color:var(--cyan);font-size:18px}
.flow-caption{display:grid;gap:1px}.flow-caption strong{font-size:12px;line-height:1.25}.flow-caption small{font-size:10px;color:var(--muted)}
.flow-connector{flex:0 0 20px;border-top:2px dashed #49628a}
.protocol{padding:20px 23px;margin-bottom:22px;border:1px solid #314469;border-radius:14px;background:#0c1629;display:grid;grid-template-columns:1fr auto;gap:13px;align-items:center}
.protocol strong{font-size:14px}.protocol p{margin:5px 0 0;font-size:12px;color:var(--muted)}
.check{font-size:10px;letter-spacing:.11em;color:#b1dfff;background:#173756;border:1px solid #355d80;border-radius:8px;padding:7px 10px;font-weight:800;text-align:center}
.lab-action{border-radius:9px;border:1px solid var(--cyan);background:#122c48;color:#9feaff;min-height:43px;padding:10px 13px;font-size:12px;font-weight:800;cursor:pointer}
.lab-action:focus-visible{outline:2px solid #fff;outline-offset:3px}
.lab-action:disabled{opacity:.45;cursor:not-allowed}
.protocol .check-result{grid-column:1/-1;border-top:1px solid #314469;padding-top:12px;margin:0;color:#a9e3ee;min-height:32px}
.token-rules{margin-top:18px;border:1px solid var(--line);padding:18px;border-radius:12px;background:#0b1628;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.token-rules div{border-left:2px solid #1d6de5;padding-left:11px;min-width:0}.token-rules strong{font-size:11px;color:#d4ebff}.token-rules p{font-size:11px;color:var(--muted);margin:4px 0 0;line-height:1.6}
.trace-note{padding:12px 16px;border-radius:11px;border:1px solid #28435e;color:#b9d6e5;font-size:11px;margin-top:15px;background:#0c1b2b}
.no-live{color:#9fe2fb;font-size:11px;font-weight:800;letter-spacing:.08em}
@media(max-width:780px){.flow-rail{flex-direction:column;align-items:stretch;gap:9px}.flow-node{width:100%}.flow-connector{height:12px;width:2px;flex:none;border-top:0;border-left:2px dashed #49628a;margin-left:17px}.protocol{grid-template-columns:1fr}.protocol .check-result{grid-column:1}.token-rules{grid-template-columns:1fr}}
@media(max-width:370px){.flow-caption strong{font-size:11px}.protocol{padding:16px}.lab-action{width:100%}}