@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=JetBrains+Mono:wght@400;600&family=Poppins:wght@400;600;700;900&display=swap";*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-height:100vh;min-height:100dvh}body{margin:0;font-family:Poppins,system-ui,sans-serif;background:#000;color:#f0f3f6;overflow-x:clip}.appShell{min-height:100vh;min-height:100dvh;position:relative;isolation:isolate;display:flex;flex-direction:column}.smokeRoot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:#000}.smokeLayer{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background-image:url(/assets/smoke-Chg72ZGd.svg);background-repeat:no-repeat;background-size:cover;background-position:center;will-change:transform,opacity}.smokeLayerBack{opacity:.2;filter:blur(8px) brightness(.9);transform:scale(1.25);animation:smokeDriftBack 90s linear infinite}.smokeLayerMid{opacity:.28;filter:blur(4px) brightness(1.02);transform:scale(1.1);animation:smokeDriftMid 55s linear infinite}.smokeLayerFront{opacity:.34;filter:blur(2px) brightness(1.06);transform:scale(1.02);animation:smokeDriftFront 30s linear infinite}@keyframes smokeDriftBack{0%{transform:translate3d(-18%,-4%,0) scale(1.25)}50%{transform:translate3d(16%,4%,0) scale(1.28)}to{transform:translate3d(-18%,-4%,0) scale(1.25)}}@keyframes smokeDriftMid{0%{transform:translate3d(14%,3%,0) scale(1.1)}50%{transform:translate3d(-14%,-3%,0) scale(1.14)}to{transform:translate3d(14%,3%,0) scale(1.1)}}@keyframes smokeDriftFront{0%{transform:translate3d(-10%,2%,0) scale(1.02)}50%{transform:translate3d(10%,-2%,0) scale(1.08)}to{transform:translate3d(-10%,2%,0) scale(1.02)}}.headerWrap{position:relative;z-index:10;flex-shrink:0}.headerInner{max-width:1120px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brandBlock{display:flex;flex-direction:column;text-decoration:none;transition:transform .18s ease}.brandBlock:hover{transform:scale(1.035);text-decoration:none}.brandTitle{display:flex;align-items:baseline;gap:8px;font-weight:900;letter-spacing:-.02em}.brandWhite,.brandRed,.brandSub{font-family:Archivo Black,Impact,Haettenschweiler,sans-serif}.brandWhite{color:#fff;font-size:30px}.brandRed{color:#c94d5b;font-size:30px}.brandSub{color:#ffffff94;font-size:11px;letter-spacing:.09em;text-transform:uppercase}@media (max-width: 639px){.brandTitle{gap:6px}.brandWhite,.brandRed{font-size:23px}.brandSub{font-size:9px;letter-spacing:.075em}}.headerNav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.statusPill{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;letter-spacing:.04em;color:#ffffffd9;white-space:nowrap}.statusPillShort{display:none}.statusDot{width:8px;height:8px;border-radius:50%;background:#c94d5b;animation:pulseDot 1.6s ease-in-out infinite}.statusDot.is-ok{background:#00f0ff}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.wrap{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:44px 20px 68px;flex:1 1 auto;width:100%}.demoLead{margin:0 0 .85rem;max-width:none;font-size:1.02rem;line-height:1.5;color:#c5cad1}.panel{margin-top:1.25rem;padding:1.25rem 1.15rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(to bottom,#ffffff17,#ffffff08);box-shadow:0 8px 30px -8px #00000073}.sectionTitle{margin:0 0 .6rem;font-size:1.1rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#f0f3f6}.meta{margin:0 0 1rem;font-size:.86rem;color:#c5cad1}.inlineCode{font-family:JetBrains Mono,ui-monospace,monospace;color:#f5f8fcf2;font-size:.8rem}.divider-subtle{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);margin:16px 0}.demoGrid{display:grid;gap:1.25rem}@media (min-width: 900px){.demoGrid--2{grid-template-columns:1fr 1fr}}.customerForm{display:grid;gap:12px;margin-bottom:1.25rem}@media (min-width: 640px){.customerForm{grid-template-columns:1fr 1fr auto;align-items:end}}.enterpriseLabel{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#ffffff94;font-weight:700}.enterpriseInput{width:100%;padding:.68rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#0a0c10d9;color:#e8eaef;font-size:.92rem;font-family:JetBrains Mono,ui-monospace,monospace;transition:border-color .2s ease,box-shadow .2s ease}.enterpriseInput::-moz-placeholder{color:#ffffff59}.enterpriseInput::placeholder{color:#ffffff59}.enterpriseInput:focus{outline:none;border-color:#00f0ffa6;box-shadow:0 0 0 2px #00f0ff38}.button,button{padding:.45rem .9rem;border-radius:6px;border:1px solid #7a8490;background:#3a4552;color:#f0f3f6;cursor:pointer;font-size:.9rem;font-family:inherit}.button:hover,button:hover{background:#46525f}.button:focus-visible,button:focus-visible{outline:2px solid #00f0ff;outline-offset:2px}.button:disabled,button:disabled{opacity:.65;cursor:not-allowed}.authCardButton{padding:.72rem 1rem;border-radius:10px;border:1px solid rgba(0,240,255,.45);background:linear-gradient(180deg,#00f0ff38,#00646e59);color:#fff;font-size:.9rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.authCardButton:hover:not(:disabled){transform:translateY(-1px);border-color:#00f0ffbf;background:linear-gradient(180deg,#00f0ff52,#00788273);box-shadow:0 10px 28px -8px #00f0ff40}.authCardButton:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.authCardButton.ghost{background:#0a0c10bf;border-color:#ffffff38}.authCardButton.ghost:hover:not(:disabled){border-color:#fff6;background:#141820e6;box-shadow:none;transform:translateY(-1px)}.authCardButton.danger{border-color:#c94d5b8c;background:linear-gradient(180deg,#c94d5b47,#641e2866)}.authCardButton.danger:hover:not(:disabled){border-color:#c94d5bd9;background:linear-gradient(180deg,#c94d5b66,#78232d80);box-shadow:0 10px 28px -8px #c94d5b4d}.authCardButton.compact{padding:.4rem .75rem;font-size:.75rem;width:auto}.customerList{list-style:none;margin:0;padding:0}.customerRow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.customerRow:last-child{border-bottom:none}.customerName{margin:0;font-weight:700;color:#f0f3f6}.customerId{font-size:.75rem;font-weight:500;color:#fff6;font-family:JetBrains Mono,ui-monospace,monospace}.customerEmail{margin:.2rem 0 0;font-size:.86rem;color:#c5cad1;font-family:JetBrains Mono,ui-monospace,monospace}.tombList{list-style:none;margin:0;padding:0}.tombItem{display:flex;align-items:center;gap:10px;padding:.35rem 0;font-size:.86rem;color:#c5cad1bf;font-family:JetBrains Mono,ui-monospace,monospace}.tombDot{width:6px;height:6px;border-radius:50%;background:#c94d5bb3;flex-shrink:0}.statDl{margin:0}.statRow{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.9rem}.statRow dt{color:#c5cad1b3}.statRow dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,monospace;color:#f0f3f6}.receiptList{list-style:none;margin:0;padding:0;max-height:12rem;overflow-y:auto}.receiptBtn{display:block;width:100%;text-align:left;padding:.55rem .75rem;margin-bottom:.4rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0a0c108c;color:#f5f8fcd9;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;word-break:break-all;cursor:pointer;transition:border-color .15s ease,background .15s ease}.receiptBtn:hover{border-color:#00f0ff73;background:#00f0ff14}.flash{margin:0 0 1rem;padding:10px 12px;border-radius:10px;font-size:.88rem}.flash--error{color:#ffb4a9;background:#c94d5b1f;border:1px solid rgba(201,77,91,.35)}.flash--ok{color:#a8f0f5;background:#00f0ff14;border:1px solid rgba(0,240,255,.28)}.noticeBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:noticeFadeIn .16s ease-out}.noticePopup{width:min(100%,26rem);padding:1.1rem 1.15rem 1rem;border-radius:14px;border:1px solid #353b47;background:#0c0e12;box-shadow:0 18px 48px #0000008c;animation:noticePopIn .18s ease-out}.noticePopup--ok{border-color:#2fae6a8c}.noticePopup--error{border-color:#c94d5b99}.noticePopup--info{border-color:#00f0ff66}.noticeLabel{margin:0 0 .45rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9aa3b2}.noticePopup--ok .noticeLabel{color:#5fd992}.noticePopup--error .noticeLabel{color:#f0a29a}.noticePopup--info .noticeLabel{color:#7de8ef}.noticeMessage{margin:0;color:#e8eaef;font-size:.95rem;line-height:1.45}.noticeActions{display:flex;justify-content:flex-end;margin-top:1rem}@keyframes noticeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes noticePopIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#0000009e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modalDialog{width:100%;max-width:42rem;padding:1.35rem 1.4rem 1.25rem;border-radius:14px;border:1px solid #353b47;background-color:#0c0e12;background-image:linear-gradient(165deg,#1c2028,#0c0e12);box-shadow:0 24px 48px -12px #0000008c;max-height:min(92vh,48rem);display:flex;flex-direction:column;overflow:hidden}.modalTitle{margin:0 0 .35rem;font-size:1.05rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#f0f3f6}.modalIntro{margin:0;font-size:.8rem;line-height:1.45;color:#c5cad1eb;font-family:JetBrains Mono,ui-monospace,monospace;word-break:break-all}.modalActions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem;flex-shrink:0}.modalActions .authCardButton{flex:0 0 auto;margin-top:0;width:auto}.cvdrPre{margin:1rem 0 0;flex:1;overflow:auto;padding:.85rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#00000059;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem;line-height:1.5;color:#f5f8fcd1;white-space:pre-wrap;word-break:break-word}.appFooter{position:relative;z-index:1;flex-shrink:0;padding:1.25rem 20px 1.75rem;border-top:1px solid rgba(255,255,255,.06)}.appFooterText{margin:0;text-align:center;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#fff6}.panelHead{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.panelHead .sectionTitle{margin-bottom:.15rem}.panelHead .meta{margin-bottom:0}.demoSegment{display:flex;gap:.25rem;margin:0 0 1.1rem;padding:.25rem;border-radius:.875rem;border:1px solid rgba(255,255,255,.1);background:#00000059}.demoSegmentBtn{flex:1;min-width:0;border:none;border-radius:.625rem;background:transparent;padding:.5rem .625rem;text-align:center;color:#ffffff73;cursor:pointer;transition:color .18s,background .18s}.demoSegmentBtn:hover{color:#ffffffd9}.demoSegmentBtn.is-active{background:#c1121f;color:#fff;box-shadow:0 0 0 1px #c1121f66}.demoSegmentLabel{display:block;font-size:.72rem;font-weight:600}.demoSegmentShort{display:block;font-size:.58rem;opacity:.8;margin-top:.1rem}.dbModalPanel{width:min(1100px,96vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#f5f5f5;color:#1a1a1a;box-shadow:0 24px 80px #0000008c}.dbModalPanel--pg{background:#f0f4f8;border-color:#33679173}.dbModalPanel--mongo{background:#001e2b;border-color:#00684a8c;color:#e3fcef}.dbEngineBar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .75rem;background:#2c2c2c;border-bottom:1px solid rgba(255,255,255,.12)}.dbEngineTabs{display:flex;flex-wrap:wrap;gap:.25rem}.dbEngineTab{border:1px solid transparent;border-radius:8px;background:transparent;padding:.4rem .75rem;text-align:left;cursor:pointer;color:#fff}.dbEngineTab.is-active{border-color:#ffffff40;background:#454545}.dbEngineTabLabel{display:block;font-size:.75rem;font-weight:600}.dbEngineTabSub{display:block;font-size:.62rem;color:#ffffff8c}.dbViewer{display:flex;flex-direction:column;min-height:0;flex:1}.dbViewerToolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid rgba(0,0,0,.1);background:#e8e8e8}.dbViewer--pg .dbViewerToolbar{background:#dbe4ec;border-color:#33679140}.dbViewer--mongo .dbViewerToolbar{background:#003d4d;border-color:#00684a66}.dbViewerBreadcrumb{margin:0;font-family:JetBrains Mono,monospace;font-size:.68rem;color:#555}.dbViewer--mongo .dbViewerBreadcrumb{color:#9bbfb3}.dbViewerBreadcrumb span{font-weight:600;color:#336791}.dbViewer--mongo .dbViewerBreadcrumb span{color:#13aa52}.dbViewerTitle{margin:.25rem 0 0;font-size:1.05rem}.dbViewer--mongo .dbViewerTitle{color:#e3fcef}.dbViewerBadge{align-self:flex-start;border:1px solid rgba(0,0,0,.15);border-radius:6px;padding:.25rem .5rem;font-family:JetBrains Mono,monospace;font-size:.7rem;background:#fff}.dbViewer--mongo .dbViewerBadge{background:#001e2b;border-color:#13aa5266;color:#13aa52}.dbViewerTableWrap{flex:1;overflow:auto;background:#fff}.dbViewerTable{width:100%;border-collapse:collapse;font-family:JetBrains Mono,monospace;font-size:.7rem}.dbViewerTable th{position:sticky;top:0;text-align:left;padding:.45rem .55rem;border:1px solid rgba(0,0,0,.12);background:#d3dce3;white-space:nowrap}.dbViewer--pg .dbViewerTable th{background:#336791;color:#fff;border-color:#3367914d}.dbViewerTable td{padding:.4rem .55rem;border:1px solid rgba(0,0,0,.08);white-space:nowrap}.dbViewerTable tr.is-odd td{background:#f7fafc}.dbViewerEmpty{padding:2rem;text-align:center;color:#777;font-style:italic}.mongoDocList{flex:1;overflow:auto;padding:.75rem;display:flex;flex-direction:column;gap:.55rem}.mongoDoc{margin:0;padding:.75rem;border-radius:8px;border:1px solid rgba(19,170,82,.35);background:#001e2b;color:#e3fcef;font-family:JetBrains Mono,monospace;font-size:.68rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}@media (prefers-reduced-motion: reduce){.smokeLayerBack,.smokeLayerMid,.smokeLayerFront,.statusDot{animation:none!important}}.cloudPanel{margin-top:.75rem}.cloudDrop{margin:.75rem 0 1.1rem;padding:1.5rem 1rem;border:1px dashed rgba(0,240,255,.35);border-radius:12px;background:#00f0ff0a;text-align:center;cursor:pointer;transition:border-color .14s ease,background .14s ease}.cloudDrop:hover,.cloudDrop.is-over{border-color:#00f0ffb3;background:#00f0ff1a}.cloudDropTitle{margin:0 0 .25rem;font-weight:600;color:#e8eaef}.cloudSplit{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 800px){.cloudSplit{grid-template-columns:1fr}}.cloudRow{cursor:pointer;padding-left:.75rem;padding-right:.75rem;border-radius:8px}.cloudRow.is-selected{outline:1px solid rgba(0,240,255,.45);background:#00f0ff14}.cloudDestroyBtn{margin-top:1rem}.cloudDestroyed{display:flex;align-items:flex-start;gap:.5rem}.cloudDestroyedBody{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.resetOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#000000c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.resetOverlayCard{max-width:26rem;padding:1.4rem 1.5rem;border-radius:14px;border:1px solid #353b47;background:linear-gradient(165deg,#1c2028,#0c0e12);text-align:center}.resetOverlayTitle{margin:0 0 .45rem;font-size:1.05rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#f0f3f6}.resetOverlayBody{margin:0;font-size:.85rem;line-height:1.45;color:#c5cad1eb}.panelActions{margin-top:.85rem}.fakeCard{margin:.85rem 0 1.1rem;min-height:10.1rem;padding:1.25rem 1.25rem 1.15rem;border-radius:14px;background:linear-gradient(145deg,#1a2332,#0d121c 55%,#162033);border:1px solid rgba(255,255,255,.12);color:#f4f6f8;box-shadow:0 12px 28px #00000059;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.fakeCardTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.fakeCardBrand{font-size:.8rem;font-weight:800;letter-spacing:.18em}.fakeCardChip{width:2.2rem;height:1.5rem;border-radius:4px;background:linear-gradient(135deg,#d4af37,#f0e6b8 45%,#b8962e);opacity:.9}.fakeCardNumber{margin:.7rem 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.08rem;letter-spacing:.12em}.fakeCardBottom{display:flex;justify-content:space-between;gap:1rem;margin-top:auto}.fakeCardLabel{display:block;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;margin-bottom:.15rem}.fakeCardValue{display:block;font-size:.78rem;font-weight:600;letter-spacing:.04em}.payPackLabel{margin:.75rem 0 .45rem;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#c5cad1d9}.payDialog .enterpriseLabel,.payDialog .enterpriseInput{margin-top:.35rem}.payPackRow{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.1rem}.payPackBtn{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0a;color:#e8ebef;padding:.45rem .75rem;font-size:.82rem;font-weight:600;cursor:pointer}.payPackBtn:hover{border-color:#ffffff47}.payPackBtn.is-active{border-color:#5ea8ffa6;background:#5ea8ff29}.payDialog{max-width:26rem}@media (max-width: 767px){.headerInner{flex-direction:column;align-items:stretch;gap:12px;padding:12px 14px}.headerNav{gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;margin:0 -2px}.headerNav::-webkit-scrollbar{display:none}.statusPill{flex-shrink:0;gap:6px;font-size:.72rem;letter-spacing:.03em;padding:.28rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.statusPillFull{display:none}.statusPillShort{display:inline}.headerNav .authCardButton.compact{flex-shrink:0}.wrap{padding:20px 14px 48px}.demoLead{font-size:.95rem;max-width:none}.panel{margin-top:1rem;padding:1rem .9rem;border-radius:14px}.panelHead{flex-direction:column;align-items:stretch}.panelHead .authCardButton{width:100%}.sectionTitle{font-size:.95rem}.demoSegment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.35rem}.demoSegmentBtn{flex:none;padding:.55rem .4rem}.demoSegmentLabel{font-size:.78rem}.demoSegmentShort{display:none}.customerForm .authCardButton{width:100%}.customerRow{align-items:stretch;flex-direction:column}.customerRow .authCardButton{width:100%}.statRow{flex-direction:column;align-items:flex-start;gap:.2rem}.statRow dd{word-break:break-all;font-size:.82rem}.receiptBtn{font-size:.72rem;padding:.65rem .7rem}.modalBackdrop,.noticeBackdrop,.resetOverlay{padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));align-items:flex-end}.modalDialog,.payDialog,.resetOverlayCard,.noticePopup{max-width:none;width:100%;max-height:min(92dvh,92vh);border-radius:16px 16px 10px 10px}.modalActions{flex-direction:column}.modalActions .authCardButton{width:100%}.cvdrPre{font-size:.65rem}.dbModalPanel{width:100%;max-height:min(94dvh,94vh);border-radius:12px 12px 0 0}.dbEngineBar{flex-direction:column;align-items:stretch}.dbEngineTabs{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dbEngineTab{text-align:center}.dbViewerTable{font-size:.65rem}.dbViewerTable th,.dbViewerTable td{padding:.35rem .4rem}.fakeCardNumber{font-size:.92rem;letter-spacing:.08em}.appFooter{padding:1rem 14px calc(1.25rem + env(safe-area-inset-bottom))}.appFooterText{font-size:.68rem;letter-spacing:.04em}}@media (max-width: 380px){.brandWhite,.brandRed{font-size:20px}.demoSegment{grid-template-columns:1fr}}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.break-all{word-break:break-all}.border{border-width:1px}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--zd-black: #0a0a0a;--zd-red: #c94d5b;--zd-muted: #5c6570;--zd-line: rgba(10, 10, 10, .12);--zd-soft: #f4f5f6}body{background:#fff;color:var(--zd-black)}.appShell{background:#fff}.smokeRoot{display:none}.brandWhite{color:var(--zd-black)}.brandRed{color:var(--zd-red)}.brandSub,.statusPill{color:var(--zd-muted)}.statusDot.is-ok{background:var(--zd-red)}.meta{color:var(--zd-muted)}.inlineCode{color:var(--zd-black);background:var(--zd-soft);padding:.1em .35em;border-radius:4px}.flash--error{color:#8b2432;background:#c94d5b14;border:1px solid rgba(201,77,91,.35)}.flash--ok{color:#1a5c40;background:#1a5c400f;border:1px solid rgba(26,92,64,.25)}.appFooter{border-top:1px solid var(--zd-line)}.appFooterText{color:var(--zd-muted)}.button:focus-visible,button:focus-visible{outline:2px solid var(--zd-red);outline-offset:2px}.authCardButton{border-color:#c94d5b73;background:linear-gradient(180deg,#c94d5b29,#c94d5b14);color:var(--zd-black)}.authCardButton:hover:not(:disabled){border-color:#c94d5bbf;background:linear-gradient(180deg,#c94d5b47,#c94d5b24);box-shadow:0 10px 28px -12px #c94d5b59}.authCardButton.ghost{background:#fff;border-color:var(--zd-line);color:var(--zd-black)}.authCardButton.ghost:hover:not(:disabled){border-color:#0a0a0a47;background:var(--zd-soft);box-shadow:none}.authCardButton.danger{border-color:var(--zd-red);background:var(--zd-red);color:#fff}.authCardButton.danger:hover:not(:disabled){border-color:#b03d4a;background:#b03d4a;box-shadow:0 10px 28px -10px #c94d5b73}.tombItem{color:var(--zd-muted)}.tombDot{background:var(--zd-red)}.glowCard{margin:.35rem 0;padding:.85rem .95rem .8rem;border-radius:12px;border:1px solid var(--zd-line);background:#fff;box-shadow:0 8px 24px -18px #0a0a0a59;transition:border-color .2s ease,box-shadow .2s ease}.glowCard.is-selected,.glowCard.aiPrompt{border-color:#c94d5b73;box-shadow:0 0 0 3px #c94d5b14,0 14px 32px -18px #c94d5b47}.glowCard.is-muted{opacity:.72;border-color:var(--zd-line);box-shadow:none}.aiPrompt{display:flex;flex-direction:column;gap:.65rem;margin:.35rem 0 1rem}.aiPromptHead{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.aiPromptLabel{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--zd-red);font-family:JetBrains Mono,ui-monospace,monospace}.aiPromptHint{font-size:.7rem;color:var(--zd-muted);font-family:JetBrains Mono,ui-monospace,monospace}.aiPromptInput{width:100%;min-height:6.5rem;resize:vertical;padding:.85rem .9rem;border-radius:10px;border:1px solid var(--zd-line);background:var(--zd-soft);color:var(--zd-black);font-size:.98rem;line-height:1.55;font-family:JetBrains Mono,ui-monospace,monospace;caret-color:var(--zd-red)}.aiPromptInput::-moz-placeholder{color:#0a0a0a59;font-family:Poppins,system-ui,sans-serif}.aiPromptInput::placeholder{color:#0a0a0a59;font-family:Poppins,system-ui,sans-serif}.aiPromptInput:focus{outline:none;border-color:#c94d5b8c;background:#fff}.aiPromptInput:disabled{opacity:.55;cursor:not-allowed}.aiPromptFoot{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.aiPromptMeta{font-size:.7rem;color:var(--zd-muted);font-family:JetBrains Mono,ui-monospace,monospace}.wrap{padding-top:1.25rem}.wrap.storyWrap{max-width:1120px;padding-top:1.5rem;padding-bottom:4rem}.wrap>.panel:first-child,.wrap>.stepSection:first-of-type,.wrap>.storyIntro,.wrap>.storyTop{margin-top:0}.storyIntro{margin:0 0 1.75rem;padding:0 0 1.35rem;border-radius:0;background:transparent;border-left:none;border-bottom:1px solid var(--zd-line);box-shadow:none}.storyTopline{margin:0 0 .7rem;font-family:Archivo Black,Impact,Haettenschweiler,sans-serif;font-size:clamp(1.15rem,2.4vw,1.55rem);line-height:1.25;letter-spacing:-.01em;color:var(--zd-black)}.storyTopline:after{content:"";display:block;width:3.5rem;height:3px;margin-top:.85rem;background:var(--zd-red)}.storyExplainer{margin:0;max-width:52rem;font-size:.95rem;line-height:1.55;color:#2a2e33}.storyTop{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start}.storyTopLeft,.storyTopRight{display:flex;flex-direction:column;gap:1.35rem;min-width:0}.storyTopLeft .stepSection,.storyTopRight .stepSection{margin-top:0}@media (min-width: 960px){.storyTop{grid-template-columns:minmax(220px,.72fr) minmax(420px,1.45fr);gap:1.75rem}.storyTopLeft{position:sticky;top:1rem;align-self:start}}.stepSection{margin-top:1.5rem;padding:1.15rem 1.05rem 1.2rem;border-radius:14px;border:1px solid var(--zd-line);background:#fff;box-shadow:0 10px 28px -20px #0a0a0a59}.stepSection--flow{padding:1.45rem 1.3rem 1.5rem;border-radius:16px;border-color:#0a0a0a24;background:#fff;box-shadow:0 16px 36px -22px #0a0a0a66,0 0 0 1px #c94d5b0f}.stepSection--flow.is-done{border-color:#c94d5b66;box-shadow:0 16px 36px -22px #0a0a0a59,0 0 0 1px #c94d5b1f}.stepSection--aside{padding:.85rem .85rem .95rem;border-radius:10px;border-color:var(--zd-line);background:var(--zd-soft);box-shadow:none}.stepSection--aside .stepNum{width:1.55rem;height:1.55rem;font-size:.78rem;background:#b0b6be;color:#fff;box-shadow:none}.stepSection--aside .stepTitle{font-size:.92rem;font-weight:700;color:var(--zd-black)}.stepSection--aside .stepHint{font-size:.76rem;color:var(--zd-muted)}.stepSection.is-done{border-color:#c94d5b59}.stepHead{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:.85rem}.stepSection--flow .stepHead{gap:1rem;margin-bottom:1.1rem}.stepNum{flex:0 0 auto;width:2rem;height:2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;color:#fff;background:var(--zd-red);box-shadow:0 0 0 3px #c94d5b24}.stepSection--flow .stepNum{width:2.55rem;height:2.55rem;font-size:1.15rem;border-radius:10px;box-shadow:0 0 0 4px #c94d5b1f}.stepHeadText{min-width:0;flex:1 1 auto}.stepTitle{margin:.15rem 0 .25rem;font-size:1.05rem;font-weight:800;letter-spacing:.02em;color:var(--zd-black);text-transform:none}.stepSection--flow .stepTitle{margin:.1rem 0 .35rem;font-size:clamp(1.2rem,2vw,1.45rem);letter-spacing:-.01em;color:var(--zd-black)}.stepHint{margin:0;font-size:.84rem;line-height:1.45;color:var(--zd-muted)}.stepSection--flow .stepHint{font-size:.9rem;color:#3a4149}.stepBody{display:flex;flex-direction:column;gap:.85rem}.stepSection--flow .stepBody{gap:1rem}.noteRail{display:flex;flex-direction:column;gap:.75rem}.notePrimary{padding:.75rem .8rem .8rem;border-radius:8px;border:1px solid var(--zd-line);background:#fff}.notePrimary.is-selected{border-color:#c94d5b73}.notePrimaryHead{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.4rem}.noteEyebrow{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--zd-muted);font-family:JetBrains Mono,ui-monospace,monospace}.notePrimaryTitle{margin:0 0 .4rem;font-size:.92rem;font-weight:700;line-height:1.35;color:var(--zd-black)}.notePrimaryBody{margin:0;font-size:.8rem;line-height:1.45;color:#3a4149;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.notePrimaryMeta{margin:.55rem 0 0;font-size:.72rem;color:var(--zd-muted);font-family:JetBrains Mono,ui-monospace,monospace}.noteOthers{padding-top:.15rem}.noteOthersLabel{margin:0 0 .35rem;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--zd-muted)}.noteOthersList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.noteOtherBtn{all:unset;box-sizing:border-box;display:block;width:100%;padding:.4rem .5rem;border-radius:6px;cursor:pointer;font-size:.78rem;line-height:1.35;color:#2a2e33;border:1px solid transparent}.noteOtherBtn:hover{color:var(--zd-black);background:#fff;border-color:var(--zd-line)}.noteTombs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.noteTomb{padding:.65rem .7rem;border-radius:8px;border:1px dashed rgba(10,10,10,.18);background:#fff;opacity:.9}.noteTombHead{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.noteTombTitle{margin:0;font-size:.82rem;font-weight:700;color:var(--zd-black)}.noteTombMeta{margin:.25rem 0 0;font-size:.72rem;color:var(--zd-muted)}.resultStack{display:flex;flex-direction:column;gap:.75rem}.resultCard{padding:.85rem .9rem;border-radius:10px;border:1px solid var(--zd-line);background:var(--zd-soft)}.resultCardHead{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-bottom:.45rem}.resultCardTitle{margin:0;font-size:.88rem;font-weight:700;color:var(--zd-black)}.resultCardBody{margin:0;white-space:pre-wrap;color:#1a1a1a;font-size:.9rem;line-height:1.5}.receiptTimeline{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.85rem}.receiptTimelineItem{display:grid;grid-template-columns:1rem 1fr;gap:.75rem;align-items:start}.receiptTimelineTick{width:.7rem;height:.7rem;margin-top:.35rem;border-radius:999px;background:var(--zd-red);box-shadow:0 0 0 3px #c94d5b1f}.receiptTimelineLabel{margin:0;font-weight:700;color:var(--zd-black);font-size:.92rem}.receiptTimelineTime{margin:.15rem 0 .25rem;font-size:.78rem;color:var(--zd-muted);font-family:JetBrains Mono,ui-monospace,monospace}.detailsToggle{margin-top:.85rem;padding:0;border:none;background:none;color:var(--zd-red);font-size:.82rem;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.hexBlock{margin-top:.5rem}.hexDetails{margin-top:.45rem;color:var(--zd-muted);font-size:.8rem}.hexDetails summary{cursor:pointer;color:var(--zd-red);font-weight:600}.sectionHeadRow{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:space-between;gap:.75rem 1.25rem;margin-bottom:.35rem}.sectionHeadRow .sectionTitle{margin-bottom:0;flex:0 0 auto;white-space:nowrap;color:var(--zd-black)}.sectionHeadAside{margin:0;flex:1 1 auto;min-width:0;text-align:right;font-size:.82rem;line-height:1.4;color:var(--zd-muted)}@media (max-width: 639px){.sectionHeadRow{flex-wrap:wrap}.sectionHeadAside{flex-basis:100%;text-align:left}}.panelActions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.targetStrong{color:var(--zd-black)}