:root{--lightningcss-light: ;--lightningcss-dark:initial;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}html,body{background:radial-gradient(circle at top, #112131 0%, var(--bg) 55%);color:var(--text);margin:0;padding:0;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{resize:vertical;width:100%;color:var(--text);background:#08121c;border:1px solid #25465f;border-radius:12px;padding:10px 12px}button:disabled{cursor:not-allowed;opacity:.58}pre{white-space:pre-wrap;word-break:break-word;color:#bfe8ff;background:#08121c;border:1px solid #163247;border-radius:14px;margin:0;padding:14px;overflow-x:auto}.pageShell{max-width:1440px;margin:0 auto;padding:40px 20px 72px}.panel{border:1px solid var(--panel-border);background:#0f1a25eb;border-radius:24px;padding:24px;box-shadow:0 20px 40px #0003}.hero{margin-bottom:20px}.hero h1{max-width:12ch;margin:10px 0 18px;font-size:clamp(2rem,4vw,4rem);line-height:1.05}.heroCopy,.lede,.actionRow p,.explanation,.flowTab small,.flowPickerHeader span{color:var(--muted)}.heroMeta{flex-wrap:wrap;gap:10px;display:flex}.heroMeta span,.panelMeta,.mintBadge,.statusPill,.eyebrow{border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;display:inline-flex}.heroMeta span,.panelMeta,.mintBadge{color:#c2d6e4;background:#071018b3;border:1px solid #25465f}.howToPanel,.flowPicker{background:#060e1670;border:1px solid #4ce2b02e;border-radius:24px;margin-bottom:20px;padding:18px}.howToPanel h2{margin:8px 0 16px}.howToGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.howToCard{background:#08121cb8;border:1px solid #234258;border-radius:18px;gap:8px;padding:16px;display:grid}.howToCard strong{color:#bfe8ff}.howToCard span{color:var(--muted);font-size:.92rem}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;background:#4ce2b01f;border:1px solid #4ce2b04d;width:fit-content}.flowPickerHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.flowTabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.flowTab{color:var(--text);text-align:left;cursor:pointer;background:#08121cd1;border:1px solid #234258;border-radius:20px;flex-direction:column;gap:8px;padding:16px;transition:transform .12s,border-color .12s,background .12s;display:flex;position:relative}.flowTab:hover{border-color:#5db8ff;transform:translateY(-1px)}.flowTab span{font-size:1.05rem;font-weight:800}.flowTab em{color:#c2d6e4;background:#071018b3;border:1px solid #25465f;border-radius:999px;width:fit-content;padding:5px 9px;font-size:.75rem;font-style:normal;font-weight:700}.flowTab.active{border-color:var(--accent);background:#0c2b26b8;box-shadow:inset 0 0 0 1px #4ce2b080}.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;gap:20px;display:grid}.leftColumn,.rightColumn{align-content:start;gap:20px;display:grid}.panelHeader,.actionRow,.timelineTitleRow{justify-content:space-between;gap:12px;display:flex}.panelHeader{align-items:start;margin-bottom:18px}.panelHeaderActions,.resourceLinks{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.panelTextLink,.resourceLinks a{color:#c2d6e4;background:#071018b3;border:1px solid #25465f;border-radius:999px;padding:6px 10px;font-size:.8rem;text-decoration:none}.resourceLinks{justify-content:flex-start;margin:0 0 14px}.panelTextLink:hover,.resourceLinks a:hover{border-color:var(--accent-2);color:var(--text)}.panel h2,.timelineStep h3{margin:8px 0 0}.inputGrid,.stateGrid,.jsonGrid,.jsonSectionStack{gap:14px;display:grid}.inputGrid{grid-template-columns:minmax(0,2fr) minmax(110px,.7fr) minmax(90px,.45fr);align-items:start;margin:14px 0}.inputCard-mintUrl,.inputCard-token,.inputCard-expectedMint,.inputCard-invoice{grid-column:1/-1}.inputCard{background:#0b1520;border:1px solid #163247;border-radius:16px;gap:6px;min-width:0;padding:10px;display:grid}.inputCard input{width:100%;min-width:0;color:var(--text);background:#08121c;border:1px solid #25465f;border-radius:12px;padding:8px 10px}.inputCard small,.mintBadge{overflow-wrap:anywhere}.actionRow{flex-wrap:wrap;align-items:center}.primaryButton,.secondaryButton{cursor:pointer;white-space:normal;text-align:center;border:0;border-radius:14px;min-height:44px;padding:11px 16px}.primaryButton{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#041119;font-weight:700}.secondaryButton{color:var(--text);background:#112131;border:1px solid #234258}.shareButton{flex:0 190px;max-width:190px}.actionRow p{flex:100%}.timelineList{gap:14px;display:grid}.timelineStep{background:#0b1520;border:1px solid #163247;border-radius:18px;gap:14px;padding:16px;display:grid}.timelineIndex,.jsonLabel,.endpoint{margin:0}.jsonLabel,.timelineIndex{color:var(--warning);font-size:.85rem}.statusPill.ready{color:var(--accent);background:#4ce2b01f}.statusPill.mocked{color:var(--warning);background:#f6c46a1f}.statusPill.real-ish{color:var(--accent-2);background:#5db8ff24}.statusPill.live{color:var(--accent);background:#4ce2b029}.timelineBadges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.sourceBadge{letter-spacing:.01em;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.sourceBadge.live,.sourceBadge.on-run{color:var(--accent);background:#4ce2b01a;border-color:#4ce2b066}.sourceBadge.example{color:var(--accent-2);background:#5db8ff1a;border-color:#5db8ff66}.sourceBadge.local{color:#c2d6e4;background:#c2d6e414;border-color:#c2d6e459}.sourceBadge.simulated{color:var(--warning);background:#f6c46a1a;border-color:#f6c46a6b}.sourceReason{color:var(--muted);margin:-4px 0 0;font-size:.86rem}.stateGrid,.jsonGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.jsonSectionCard{gap:8px;display:grid}.proofDiffGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px;display:grid}.proofDiffCard{background:#0b1520;border:1px solid #163247;border-radius:16px;gap:8px;padding:14px;display:grid}.proofDiffCard strong{color:#bfe8ff}.proofDiffCard span{color:var(--muted);font-size:.92rem}@media (max-width:980px){.howToGrid,.flowTabs,.mainGrid,.inputGrid{grid-template-columns:1fr}.panelHeader,.timelineTitleRow,.flowPickerHeader{flex-direction:column}.panelHeaderActions{justify-content:flex-start}.shareButton{flex:140px;max-width:none;min-height:40px;padding:8px 10px;font-size:.9rem}}.starterHero h1{max-width:15ch}.starterActions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.compactActions{margin-top:0}.starterActions a,.starterStep,.heroMeta a{text-decoration:none}.starterGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0;display:grid}.starterCard{gap:14px;display:grid}.tryInSixty,.proofBoundary,.implementationBreadcrumbs{grid-column:1/-1}.boundaryGrid,.breadcrumbGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.breadcrumbGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.boundaryGrid>div,.breadcrumbGrid>div{background:#08121cb8;border:1px solid #234258;border-radius:18px;padding:16px}.boundaryGrid strong,.breadcrumbGrid strong{color:#bfe8ff}.breadcrumbGrid>div{gap:10px;display:grid}.breadcrumbGrid code{overflow-wrap:anywhere;width:fit-content;max-width:100%;color:var(--accent);background:#08121c;border:1px solid #163247;border-radius:10px;padding:6px 8px}.breadcrumbGrid span{color:var(--muted);font-size:.92rem}.boundaryGrid ul,.sourceSeam ul{color:var(--muted);gap:8px;margin:10px 0 0;padding-left:20px;display:grid}.sourceClaim{margin-bottom:20px}.sourceGrid .sourceSeam:last-child{grid-column:1/-1}.sourceSeam code{overflow-wrap:anywhere;width:fit-content;max-width:100%;color:var(--accent);background:#08121c;border:1px solid #163247;border-radius:10px;padding:6px 8px}.trySteps{gap:10px;margin:0;padding-left:22px;display:grid}.trySteps li{color:var(--muted)}.trySteps a{color:var(--accent)}.starterSteps{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.starterStep{color:var(--text);background:#0b1520;border:1px solid #234258;border-radius:18px;gap:8px;padding:16px;display:grid}.starterStep span{color:var(--muted);font-size:.92rem}.successBox,.errorBox{border-radius:16px;gap:8px;padding:14px;display:grid}.successBox{background:#4ce2b01a;border:1px solid #4ce2b05c}.errorBox{background:#f6c46a1a;border:1px solid #f6c46a66}@media (max-width:960px){.starterGrid,.starterSteps,.boundaryGrid,.breadcrumbGrid{grid-template-columns:1fr}}