:root{--black:#05050c;--paper:#f4f1ea;--lime:#c8ff00;--magenta:#ff2e88;--cyan:#3dfff3;--ink:#0b0b14;--muted:#8a867c;--line:#fff3;--sheet:#14141f99;--glass:#ffffff14;--glass-edge:#fff3;--glass-inner:#fff5;--ok:#c8ff00;--bad:#ff2e88;--font-display:"Anton", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;--tap:44px;--radius:20px;--panel:480px;--bar-h:72px;--dock-h:112px;font-family:var(--font-body);color:var(--paper);background:var(--black);line-height:1.45}*{box-sizing:border-box}html,body,#root{width:100%;max-width:none;min-height:100%;margin:0}html{scrollbar-color:#fff transparent;scrollbar-width:thin}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{background:0 0}html::-webkit-scrollbar-thumb{background:#fff padding-box padding-box;border:3px solid #0000;border-radius:999px}body{background:var(--black);min-height:100dvh}a{color:var(--cyan)}button,input,select{font:inherit}.app{width:100%;max-width:none;min-height:100dvh;position:relative}.app-locked{height:100dvh;overflow:hidden}.app-scroll{overflow:clip visible}.aurora,.map-backdrop{z-index:0;pointer-events:none;background:radial-gradient(90% 75% at 8% -8%,#c8ff00 0%,#6a8a00 18%,#3a4a00 32%,#0000 58%),radial-gradient(80% 70% at 102% 8%,#ff2e88 0%,#7a1848 28%,#0000 62%),radial-gradient(70% 50% at 70% 100%,#3dfff333 0%,#0000 55%),#05050c;position:fixed;inset:0}.map-backdrop:after{content:"";opacity:.22;background:repeating-linear-gradient(0deg,#0000,#0000 39px,#fff2 39px 40px),repeating-linear-gradient(90deg,#0000,#0000 39px,#fff2 39px 40px);position:absolute;inset:0}.map-vignette{z-index:2;pointer-events:none;background:radial-gradient(75% 60% at 0 0,#c8ff0040 0%,#0000 52%),radial-gradient(65% 55% at 100% 12%,#ff2e8848 0%,#0000 58%),linear-gradient(#05050c66 0%,#0000 18% 82%,#05050c73 100%);position:fixed;inset:0}.glass,.status-bar,.dock-capsule,.hud,.tips,.card,.banner,.listing,.dir-card,.dir-row,.pixels-pane,.field-shell,.recap-row,.thumb{background:var(--sheet);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 var(--glass-inner), 0 12px 36px #00000073}.glass-panel,.glass-rail{z-index:5;background:var(--sheet);border:1px solid var(--glass-edge);border-radius:var(--radius);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 var(--glass-inner), 0 12px 36px #00000073;max-height:calc(100dvh - (var(--bar-h) + 16px) - (var(--dock-h) + 8px));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fff transparent;position:relative;overflow-y:auto}.status-bar{z-index:30;min-height:var(--tap);border-radius:var(--radius);color:var(--paper);justify-content:space-between;align-items:center;gap:1rem;padding:10px 20px;display:flex;position:fixed;top:16px;left:16px;right:16px}.wordmark{font-family:var(--font-display);letter-spacing:.08em;color:var(--paper);white-space:nowrap;font-size:1.25rem;text-decoration:none}.tagline{color:var(--muted);flex:1;margin:0;font-size:.85rem}.status-meta{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.roam-hint{color:var(--muted);letter-spacing:.04em;white-space:nowrap;font-size:.75rem;display:none}.status-views{color:var(--muted);font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:.3rem;font-size:.75rem;display:inline-flex}.status-views svg{fill:none;stroke:currentColor;stroke-width:1.8px;flex-shrink:0;width:16px;height:16px}.status-share{width:var(--tap);height:var(--tap);border:1px solid var(--glass-edge);background:var(--glass);color:var(--paper);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.status-share svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:20px;height:20px}.status-share.on{color:var(--lime);background:#c8ff0026}.status-purchase-short{display:none}.wizard-share-modal{z-index:110;-webkit-backdrop-filter:blur(18px)saturate(120%);background:#05050c8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.wizard-share-card{border-radius:var(--radius);background:var(--sheet);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(22px);width:min(520px,100%);box-shadow:inset 0 1px 0 var(--glass-inner), 0 12px 36px #00000073;padding:16px}.wizard-share-card .kicker{margin-top:0}.dock-bar{z-index:30;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;bottom:12px;left:0;right:0}.dock-capsule{pointer-events:auto;border-radius:28px;align-items:center;gap:4px;width:min(420px,100%);min-height:56px;padding:6px;display:flex}.dock-item{min-height:var(--tap);color:var(--muted);border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 2px;font-size:10px;text-decoration:none;display:flex}.dock-item svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:22px;height:22px}.dock-item.active{color:var(--lime);background:#c8ff0026}.stage{z-index:1;width:100%;max-width:none;min-height:100dvh;position:relative}.page,.page-wide{width:100%;max-width:none;padding:calc(var(--bar-h) + 28px) 20px calc(var(--dock-h) + 16px);margin:0}.page-fill{width:100%;max-width:1200px;padding:calc(var(--bar-h) + 28px) 20px calc(var(--dock-h) + 16px);flex-direction:column;gap:1rem;margin-left:auto;margin-right:auto;display:flex}h1{font-family:var(--font-display);letter-spacing:.02em;color:var(--paper);margin:.15rem 0 .7rem;font-size:clamp(2rem,4vw,2.6rem);font-weight:400;line-height:.95}.kicker{text-transform:none;letter-spacing:.08em;font-family:var(--font-mono);color:var(--lime);margin:0 0 .35rem;font-size:12px}.lede,.tutorial{color:var(--muted);margin:0 0 1rem}.muted{color:var(--muted)}.ok{color:var(--lime)}.bad{color:var(--magenta)}.banner{color:var(--paper);border-radius:12px;margin:1rem 0;padding:.75rem .9rem}.banner.bad{border-color:var(--magenta);color:var(--paper)}.btn,.choice{min-height:var(--tap);cursor:pointer;color:var(--ink);background:var(--lime);border:1px solid #ffffff59;border-radius:8px;justify-content:center;align-items:center;padding:.55rem 1rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 0 22px #c8ff0073,inset 0 1px #fff6}.btn-ghost,.choice{color:var(--paper);border:1px solid var(--line);box-shadow:none;background:0 0;font-weight:600}.wizard-nav .btn-ghost{color:var(--cyan)}.choice.on{background:var(--lime);color:var(--ink);border-color:#ffffff59;box-shadow:0 0 22px #c8ff0073,inset 0 1px #fff6}.btn-magenta{background:var(--magenta);color:var(--paper);border:1px solid #ffffff59;box-shadow:0 0 22px #ff2e8873,inset 0 1px #fff6}.btn:disabled{opacity:.5;cursor:not-allowed}.choice-row,.share-row,.nudge,.wizard-nav,.split-head,.secondary-actions,.steppers{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.wizard-nav,.split-head{justify-content:space-between;align-items:center}.secondary-actions a{min-height:var(--tap);align-items:center;display:inline-flex}.share-row{gap:8px}.share-pill{min-height:var(--tap);cursor:pointer;min-width:72px;color:var(--paper);background:var(--sheet);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 var(--glass-inner), 0 12px 36px #00000073;border-radius:999px;flex:auto;justify-content:center;align-items:center;padding:10px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.share-pill-lime{background:var(--lime);color:var(--ink);border-color:#ffffff59;box-shadow:0 0 22px #c8ff0073,inset 0 1px #fff6}.wizard-stage,.place-stage{z-index:1;width:100%;min-height:100dvh;padding:calc(var(--bar-h) + 16px) 16px calc(var(--dock-h) + 8px);position:relative}.glass-panel,.glass-rail{width:min(var(--panel), 100%);padding:24px 28px}.progress{gap:6px;margin:0 0 1rem;padding:0;list-style:none;display:flex}.progress li{background:var(--line);border-radius:2px;width:28px;height:4px;font-size:0}.progress .done{background:var(--lime)}.progress .now{background:var(--magenta)}.wizard-head{min-height:var(--tap);justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.wizard-back{color:var(--cyan);min-height:var(--tap);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.wizard-back svg{fill:none;stroke:currentColor;stroke-width:2px;width:20px;height:20px}.field{flex-direction:column;gap:.35rem;margin:1rem 0;display:flex}.field-shell{border-radius:12px;padding:12px}.field span,.field-shell>span{font-family:var(--font-mono);color:var(--muted);font-size:11px}input[type=email],input[type=url],input[type=number],input[type=file],input[type=text],textarea{width:100%;min-height:var(--tap);border:1px solid var(--line);color:var(--paper);background:#111114;border-radius:8px;padding:.5rem .75rem}textarea{resize:vertical;min-height:8rem}.word-count{font-family:var(--font-mono);color:var(--muted);font-size:11px}.code-row{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.code-row input{text-align:center;font-family:var(--font-mono);font-size:1.25rem}.steppers label{color:var(--muted);font-family:var(--font-mono);flex-direction:column;gap:.35rem;font-size:11px;display:flex}.axis-steppers{flex-wrap:wrap;gap:1rem;margin:1rem 0;display:flex}.axis-stepper{flex-direction:column;gap:.35rem;display:flex}.axis-stepper>span{font-family:var(--font-mono);color:var(--muted);font-size:11px}.stepper-row{align-items:center;gap:6px;display:flex}.stepper-row input{text-align:center;width:5.5rem}.stepper-row .btn{min-width:var(--tap);padding:0 .75rem}.recap{flex-direction:column;gap:10px;margin:1rem 0;padding:0;list-style:none;display:flex}.recap-row{border-radius:10px;justify-content:space-between;gap:1rem;padding:12px 14px;display:flex}.recap-row strong{font-family:var(--font-mono);font-weight:400}.solana-pay-stub{align-items:center;gap:12px;margin:1rem 0;display:flex}.solana-pay-qr{border:1px dashed var(--line);width:72px;height:72px;font-family:var(--font-mono);color:var(--muted);background:#111114;border-radius:8px;place-items:center;font-size:11px;display:grid}.example-total{background:var(--lime);color:var(--ink);border:1px solid #ffffff59;border-radius:10px;margin:1rem 0;padding:16px;box-shadow:0 0 22px #c8ff0073,inset 0 1px #fff6}.example-total p{margin:.2rem 0}.example-kicker{font-family:var(--font-mono);letter-spacing:.06em;font-size:11px}.example-figure{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4rem);line-height:.95}.canvas-stage,.place-stage{min-height:100dvh}.viewer,.viewer-bleed{touch-action:none;background:#05050c;border:0;width:100%;height:100%;position:relative}.viewer-bleed{z-index:1;position:fixed;inset:0}.app-place-step .place-stage{padding:0}.app-place-step .place-stage .viewer-bleed{z-index:1;border:0;border-radius:0;height:100dvh;min-height:100dvh;position:fixed;inset:0;overflow:hidden}.place-popover-wrap{top:calc(var(--bar-h) + 6px);z-index:7;pointer-events:none;justify-content:center;padding:0 12px;display:flex;position:fixed;left:0;right:0}.place-popover{border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(22px);width:min(560px,100%);box-shadow:inset 0 1px 0 var(--glass-inner), 0 12px 36px #00000073;pointer-events:auto;background:#0f0f18de;border-radius:14px;padding:12px}.place-popover .kicker,.place-popover-title,.place-popover-meta{margin:0}.place-popover-title{color:var(--paper);font-size:.95rem;font-weight:600}.place-popover-meta{font-family:var(--font-mono);color:var(--muted);font-size:.74rem}.place-popover-controls{justify-content:space-between;align-items:center;gap:.65rem;margin-top:.45rem;display:flex}.nudge.nudge-compact{gap:.4rem;margin:0}.nudge.nudge-compact .btn{min-width:36px;min-height:36px;padding:0}.place-popover-actions{gap:.45rem;margin-left:auto;display:flex}.place-popover-actions .btn{min-height:36px;padding:.45rem .75rem}.place-popover-error{margin:.5rem 0 0;padding:.45rem .55rem;font-size:.76rem}.viewer>canvas,.viewer-bleed>canvas{cursor:grab;width:100%;height:100%;display:block}.minimap{display:none}.hud{z-index:5;border-radius:var(--radius);width:min(320px,100% - 32px);margin:0;padding:14px;position:relative}.canvas-overlays{z-index:5;padding:calc(var(--bar-h) + 16px) 20px calc(var(--dock-h) + 16px);pointer-events:none;flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:relative}.canvas-overlays>*{pointer-events:auto;margin-top:0;margin-bottom:0}@media (width>=900px){.canvas-overlays:has([data-share-card]){flex-flow:wrap}:is(.canvas-overlays:has([data-share-card])>.banner,.canvas-overlays:has([data-share-card])>.tips){flex-basis:100%}}.hud-focus{border-radius:var(--radius);width:min(420px,100% - 32px);padding:14px}.preview-card{flex-direction:column;gap:.65rem;display:flex}.preview-card .thumb{margin:0}.preview-card .btn{align-self:flex-start}.preview-actions{align-items:center;gap:.5rem;display:flex}.preview-actions .btn{align-self:auto}.preview-share{width:var(--tap);padding:0}.preview-share svg{width:20px;height:20px}[data-share-card] .share-ad{aspect-ratio:16/9;border:1px solid var(--glass-edge);background:#05050c;border-radius:12px;width:100%;min-height:120px;margin:0;overflow:hidden}[data-share-card] .share-ad img{object-fit:cover;width:100%;height:100%}[data-share-card] .share-ad .thumb-empty{min-height:0}.tips{border-radius:12px;padding:12px 14px}.dir-pinned{top:calc(var(--bar-h) + 12px);z-index:20;border:1px solid var(--glass-edge);border-radius:var(--radius);-webkit-backdrop-filter:blur(22px)saturate(150%);background:#05050cd9;flex-direction:column;gap:1rem;padding:12px;display:flex;position:sticky;box-shadow:0 14px 36px #00000059}.dir-head{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dir-head .lede{margin-bottom:0}.dir-tools{flex-direction:row;align-self:flex-start;align-items:center;gap:.6rem;max-width:100%;margin-left:auto;display:flex}.dir-tools .choice-row{flex-wrap:nowrap;justify-content:flex-end;margin:0}.dir-tools .choice-icon{flex:0 0 var(--tap);width:var(--tap);padding:0}.dir-tools .choice-icon svg{stroke-width:2.25px;width:20px;height:20px}.dir-grid{flex-wrap:wrap;place-content:flex-start center;gap:.75rem;width:100%;margin:0;padding:2px 4px 0;list-style:none;display:flex}.dir-card{border-radius:14px;flex-direction:column;flex:0 100%;gap:.5rem;max-width:100%;min-height:0;padding:12px;display:flex;position:relative}.dir-card .thumb{aspect-ratio:2;border-radius:8px;min-height:0}.dir-card-copy{gap:.3rem;min-width:0;display:grid}.dir-card-heading{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.dir-card-location,.dir-card .dest-url{margin:0;line-height:1.35}.dir-card-location{font-size:.875rem}.dir-card .dest-url{text-overflow:ellipsis;white-space:nowrap;word-break:normal;font-size:.75rem;overflow:hidden}.dir-card-link{z-index:1;border-radius:inherit;cursor:pointer;background:0 0;width:100%;position:absolute;inset:0}.dir-card-link:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.dir-card>:not(.dir-card-link),.dir-row>:not(.dir-card-link){pointer-events:none}.dir-card .dest-url a,.dir-row .dest-url a{z-index:2;pointer-events:auto;position:relative}@media (width>=600px){.dir-card{flex-basis:calc(50% - .375rem)}}@media (width>=900px){.dir-card{flex-basis:calc(33.3333% - .5rem)}}@media (width>=1200px){.dir-card{flex-basis:calc(25% - .5625rem)}}.dir-list{flex-direction:column;gap:.75rem;width:100%;margin:0;padding:2px 4px 0;list-style:none;display:flex}.dir-lazy-wrap{flex-direction:column;align-items:center;gap:.55rem;width:100%;margin:.25rem 0 0;display:flex}.dir-lazy-sentinel{width:100%;height:1px}.dir-row{border-radius:var(--radius);grid-template-columns:clamp(132px,20vw,180px) minmax(0,1fr);gap:0;height:144px;padding:0;display:grid;position:relative;overflow:hidden}.dir-row .dir-card-copy{align-self:center;gap:.25rem;min-height:0;padding:12px 16px;overflow:hidden}.dir-row .thumb{aspect-ratio:auto;border:0;border-right:1px solid var(--glass-edge);height:100%;min-height:0;box-shadow:none;border-radius:0;align-self:stretch}.dir-row .dir-card-heading{justify-content:flex-start}.dir-row h2{font-family:var(--font-display);margin:0;font-size:1rem;font-weight:400;line-height:1.1}.dir-row .dir-card-location{font-size:.8rem}.dir-row .dest-url{text-overflow:ellipsis;white-space:nowrap;word-break:normal;margin:0;font-size:.72rem;line-height:1.35;overflow:hidden}.dir-grid .thumb,.dir-row .thumb{background:#05050c}.dir-grid .thumb img,.dir-row .thumb img{object-fit:contain}.dir-card h2{font-family:var(--font-display);margin:0;font-size:1.05rem;font-weight:400;line-height:1.1}.dest-url{font-family:var(--font-mono);word-break:break-all;font-size:13px}.thumb{aspect-ratio:16/9;width:100%;color:var(--muted);border-radius:12px;text-decoration:none;display:block;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb-empty{height:100%;min-height:96px;font-family:var(--font-mono);color:var(--cyan);place-items:center;font-size:.75rem;display:grid}.list{margin:1rem 0;padding:0;list-style:none}.pixels-split{flex-direction:column;gap:1rem;width:100%;display:flex}.pixels-pane{border-radius:var(--radius);padding:24px}button.listing{text-align:left;width:100%;color:inherit;font:inherit}.listing{cursor:pointer;border-radius:12px;grid-template-columns:88px 1fr;gap:.85rem;margin-bottom:.75rem;padding:.85rem;display:grid}.listing .thumb{aspect-ratio:1;min-height:88px}.listing>span:last-child{flex-direction:column;gap:.35rem;display:flex}.pixels-pane h2{font-family:var(--font-display);margin:0 0 .5rem;font-size:2rem;font-weight:400}.listing.on{border-color:var(--lime)}@media (width>=900px){.tagline{display:block}.roam-hint{display:inline}.glass-panel,.glass-rail{width:var(--panel)}.pixels-split{grid-template-columns:minmax(280px,520px) minmax(320px,1fr);align-items:start;display:grid}.minimap{right:16px;bottom:calc(var(--dock-h) + 8px);z-index:6;background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 var(--glass-inner), 0 12px 36px #00000073;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;padding:8px;display:block;position:absolute}.minimap canvas{cursor:pointer;border-radius:6px;width:auto;height:auto;display:block}}@media (width<=899px){.app-purchase.app-locked{height:auto;min-height:100dvh;overflow:clip auto}.app-purchase:not(.app-place-step) .glass-panel,.app-purchase:not(.app-place-step) .glass-rail{max-height:none;overflow-y:visible}.app-purchase .map-vignette,.app-purchase:not(.app-place-step) .place-stage .viewer-bleed{display:none}.app-purchase:not(.app-place-step) .place-stage{display:block}.app-place-step.app-locked{height:100dvh;min-height:100dvh;overflow:hidden}.tagline{display:none}.stage.share-modal-open{z-index:40}.app:has(.stage.share-modal-open) .status-bar{z-index:120}.status-bar{top:10px;left:12px;right:12px}.status-meta{gap:.5rem}.status-purchase{min-width:var(--tap);padding-left:.75rem;padding-right:.75rem}.status-purchase-long{display:none}.status-purchase-short{display:inline}.glass-panel,.glass-rail{width:100%;padding:20px}.place-stage{flex-direction:column;gap:12px;display:flex}.place-stage .viewer-bleed{border-radius:var(--radius);border:1px solid var(--glass-edge);height:46vh;min-height:240px;position:relative;inset:auto;overflow:hidden}.app-place-step .place-stage{display:block}.app-place-step .place-stage .viewer-bleed{border:0;border-radius:0;height:100dvh;min-height:100dvh;position:fixed;inset:0}.place-popover-wrap{top:calc(var(--bar-h) + 4px);padding:0 10px}.place-popover{width:min(480px,100%);padding:10px}.place-popover-controls{flex-wrap:wrap;margin-top:.35rem}.place-popover-actions{justify-content:flex-end;width:100%}.hud-focus,.hud{width:100%}.canvas-overlays:has([data-share-card]){z-index:100;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));pointer-events:auto;isolation:isolate;background:radial-gradient(80% 60% at 12% 4%,#c8ff001f 0%,#0000 56%),radial-gradient(70% 58% at 92% 8%,#ff2e8826 0%,#0000 62%),#05050c52;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.canvas-overlays:has([data-share-card]):before{content:"";z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(20px)saturate(125%);background:#05050c38;position:fixed;inset:0}.canvas-overlays:has([data-share-card])>:not([data-share-card]){display:none}.canvas-overlays:has([data-share-card])>[data-share-card]{width:min(420px,100%);max-height:calc(100dvh - 40px);box-shadow:inset 0 1px 0 var(--glass-inner), 0 24px 80px #000000bf;background:#0b0b14f2;padding:18px;overflow-y:auto}.minimap{display:none}}