:root{color-scheme:dark;--bg:#081018;--panel:#0f1a25;--panel-border:#1d3446;--text:#ecf3f8;--muted:#9db1c0;--accent:#4ce2b0;--accent-2:#5db8ff;--warning:#f6c46a}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top,#112131 0,var(--bg) 55%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}button,input,textarea{font:inherit}textarea{width:100%;resize:vertical;border:1px solid #25465f;border-radius:12px;padding:10px 12px;background:#08121c;color:var(--text)}button:disabled{cursor:not-allowed;opacity:.58}pre{margin:0;white-space:pre-wrap;word-break:break-word;background:#08121c;border:1px solid #163247;border-radius:14px;padding:14px;color:#bfe8ff;overflow-x:auto}.pageShell{max-width:1440px;margin:0 auto;padding:40px 20px 72px}.panel{background:rgba(15,26,37,.92);border:1px solid var(--panel-border);border-radius:24px;padding:24px;box-shadow:0 20px 40px rgba(0,0,0,.2)}.hero{margin-bottom:20px}.hero h1{font-size:clamp(2rem,4vw,4rem);line-height:1.05;margin:10px 0 18px;max-width:12ch}.actionRow p,.explanation,.flowPickerHeader span,.flowTab small,.heroCopy,.lede{color:var(--muted)}.heroMeta{display:flex;flex-wrap:wrap;gap:10px}.eyebrow,.heroMeta span,.mintBadge,.panelMeta,.statusPill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:.8rem}.heroMeta span,.mintBadge,.panelMeta{border:1px solid #25465f;color:#c2d6e4;background:rgba(7,16,24,.7)}.flowPicker,.howToPanel{border:1px solid rgba(76,226,176,.18);border-radius:24px;background:rgba(6,14,22,.44);padding:18px;margin-bottom:20px}.howToPanel h2{margin:8px 0 16px}.howToGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.howToCard{display:grid;grid-gap:8px;gap:8px;padding:16px;border:1px solid #234258;border-radius:18px;background:rgba(8,18,28,.72)}.howToCard strong{color:#bfe8ff}.howToCard span{color:var(--muted);font-size:.92rem}.eyebrow{color:var(--accent);background:rgba(76,226,176,.12);border:1px solid rgba(76,226,176,.3);width:-moz-fit-content;width:fit-content;text-transform:uppercase;letter-spacing:.06em}.flowPickerHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.flowTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.flowTab{border:1px solid #234258;background:rgba(8,18,28,.82);color:var(--text);border-radius:20px;padding:16px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px;position:relative;transition:transform .12s ease,border-color .12s ease,background .12s ease}.flowTab:hover{border-color:#5db8ff;transform:translateY(-1px)}.flowTab span{font-weight:800;font-size:1.05rem}.flowTab em{width:-moz-fit-content;width:fit-content;border-radius:999px;border:1px solid #25465f;color:#c2d6e4;background:rgba(7,16,24,.7);font-style:normal;font-size:.75rem;font-weight:700;padding:5px 9px}.flowTab.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px rgba(76,226,176,.5);background:rgba(12,43,38,.72)}.flowTab.active em{color:#041119;background:var(--accent);border-color:var(--accent)}.mainGrid{grid-template-columns:minmax(320px,.95fr) minmax(420px,1.05fr);align-items:start}.leftColumn,.mainGrid,.rightColumn{display:grid;grid-gap:20px;gap:20px}.leftColumn,.rightColumn{align-content:start}.actionRow,.panelHeader,.timelineTitleRow{display:flex;justify-content:space-between;gap:12px}.panelHeader{align-items:start;margin-bottom:18px}.panel h2,.timelineStep h3{margin:8px 0 0}.inputGrid,.jsonGrid,.jsonSectionStack,.stateGrid{display:grid;grid-gap:14px;gap:14px}.inputGrid{grid-template-columns:minmax(0,2fr) minmax(110px,.7fr) minmax(90px,.45fr);margin:14px 0;align-items:start}.inputCard-expectedMint,.inputCard-invoice,.inputCard-mintUrl,.inputCard-token{grid-column:1/-1}.inputCard{display:grid;grid-gap:6px;gap:6px;padding:10px;border-radius:16px;background:#0b1520;border:1px solid #163247;min-width:0}.inputCard input{width:100%;min-width:0;border:1px solid #25465f;border-radius:12px;padding:8px 10px;background:#08121c;color:var(--text)}.inputCard small,.mintBadge{overflow-wrap:anywhere}.actionRow{align-items:center;flex-wrap:wrap}.primaryButton,.secondaryButton{border-radius:14px;padding:11px 16px;border:0;cursor:pointer;min-height:44px;white-space:normal;text-align:center}.primaryButton{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#041119;font-weight:700}.secondaryButton{background:#112131;color:var(--text);border:1px solid #234258}.shareButton{flex:0 1 190px;max-width:190px}.actionRow p{flex:1 1 100%}.timelineList,.timelineStep{display:grid;grid-gap:14px;gap:14px}.timelineStep{border:1px solid #163247;background:#0b1520;border-radius:18px;padding:16px}.endpoint,.jsonLabel,.timelineIndex{margin:0}.jsonLabel,.timelineIndex{color:var(--warning);font-size:.85rem}.statusPill.ready{background:rgba(76,226,176,.12);color:var(--accent)}.statusPill.mocked{background:hsla(39,89%,69%,.12);color:var(--warning)}.statusPill.real-ish{background:rgba(93,184,255,.14);color:var(--accent-2)}.statusPill.live{background:rgba(76,226,176,.16);color:var(--accent)}.jsonGrid,.stateGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.jsonSectionCard{display:grid;grid-gap:8px;gap:8px}.proofDiffGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.proofDiffCard{display:grid;grid-gap:8px;gap:8px;padding:14px;border-radius:16px;background:#0b1520;border:1px solid #163247}.proofDiffCard strong{color:#bfe8ff}.proofDiffCard span{color:var(--muted);font-size:.92rem}@media (max-width:980px){.flowTabs,.howToGrid,.inputGrid,.mainGrid{grid-template-columns:1fr}.flowPickerHeader,.panelHeader,.timelineTitleRow{flex-direction:column}.shareButton{flex:1 1 140px;max-width:none;min-height:40px;padding:8px 10px;font-size:.9rem}}.starterHero h1{max-width:15ch}.starterActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.compactActions{margin-top:0}.heroMeta a,.starterActions a,.starterStep{text-decoration:none}.starterGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;margin:20px 0}.starterCard{display:grid;grid-gap:14px;gap:14px}.implementationBreadcrumbs,.proofBoundary,.tryInSixty{grid-column:1/-1}.boundaryGrid,.breadcrumbGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.breadcrumbGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.boundaryGrid>div,.breadcrumbGrid>div{border:1px solid #234258;border-radius:18px;background:rgba(8,18,28,.72);padding:16px}.boundaryGrid strong,.breadcrumbGrid strong{color:#bfe8ff}.breadcrumbGrid>div{display:grid;grid-gap:10px;gap:10px}.breadcrumbGrid code{width:-moz-fit-content;width:fit-content;max-width:100%;overflow-wrap:anywhere;border:1px solid #163247;border-radius:10px;background:#08121c;color:var(--accent);padding:6px 8px}.breadcrumbGrid span{color:var(--muted);font-size:.92rem}.boundaryGrid ul,.sourceSeam ul{display:grid;grid-gap:8px;gap:8px;margin:10px 0 0;padding-left:20px;color:var(--muted)}.sourceClaim{margin-bottom:20px}.sourceGrid .sourceSeam:last-child{grid-column:1/-1}.sourceSeam code{width:-moz-fit-content;width:fit-content;max-width:100%;overflow-wrap:anywhere;border:1px solid #163247;border-radius:10px;background:#08121c;color:var(--accent);padding:6px 8px}.trySteps{display:grid;grid-gap:10px;gap:10px;margin:0;padding-left:22px}.trySteps li{color:var(--muted)}.trySteps a{color:var(--accent)}.starterSteps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px}.starterStep{border:1px solid #234258;background:#0b1520;border-radius:18px;color:var(--text);display:grid;grid-gap:8px;gap:8px;padding:16px}.starterStep span{color:var(--muted);font-size:.92rem}.errorBox,.successBox{display:grid;grid-gap:8px;gap:8px;border-radius:16px;padding:14px}.successBox{border:1px solid rgba(76,226,176,.36);background:rgba(76,226,176,.1)}.errorBox{border:1px solid hsla(39,89%,69%,.4);background:hsla(39,89%,69%,.1)}@media (max-width:960px){.boundaryGrid,.breadcrumbGrid,.starterGrid,.starterSteps{grid-template-columns:1fr}}