@import "https://fonts.googleapis.com/css2?family=Shrikhand&family=Nunito:wght@400;600;700;800;900&family=JetBrains+Mono:wght@400;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg:#fff4e8;--bg-2:#fde8d0;--ink:#1a0e2e;--ink-soft:#3b2a5a;--orange:#ff6b35;--violet:#6a3fbf;--violet-deep:#2d1b4e;--mint:#7bd8b4;--card:#fff;--shadow:0 6px 0 var(--ink);--shadow-sm:0 3px 0 var(--ink);--shadow-lg:0 10px 0 var(--ink)}[data-theme=night]{--bg:#1a0e2e;--bg-2:#2d1b4e;--ink:#fff4e8;--ink-soft:#e5d5f0;--card:#2d1b4e;--orange:#ff8c66;--violet:#c9a6ff;--mint:#9de3c4}[data-theme=candy]{--bg:#ffe5f0;--bg-2:#ffd1e5;--ink:#5b1f4a;--ink-soft:#8a3e76;--orange:#ff4791;--violet:#9a5bff;--mint:#5be0c4;--card:#fff}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0;font-family:Nunito,system-ui,sans-serif;font-weight:700;transition:background .4s,color .4s;overflow-x:hidden}.bg-stars{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-stars .star{color:var(--violet);opacity:.15;animation:4s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:.35;transform:scale(1.1)}}.topbar{z-index:10;justify-content:space-between;align-items:center;padding:20px 28px;display:flex;position:relative}.logo{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:8px;font-family:Shrikhand,serif;font-size:28px;display:flex}.logo .dot{background:var(--orange);width:14px;height:14px;box-shadow:0 0 0 3px var(--ink);border-radius:50%;animation:2.4s infinite pulse;display:inline-block}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.progress-track{background:var(--card);border:2px solid var(--ink);max-width:400px;height:14px;box-shadow:var(--shadow-sm);border-radius:999px;flex:1;margin:0 24px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--orange), var(--violet));border-right:2px solid var(--ink);height:100%;transition:width .5s cubic-bezier(.5,1.6,.4,1)}.round-counter{color:var(--ink-soft);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.stage{z-index:1;flex-direction:column;align-items:center;max-width:980px;min-height:calc(100vh - 80px);margin:0 auto;padding:24px 28px 80px;display:flex;position:relative}.intro{text-align:center;margin-top:40px;animation:.6s cubic-bezier(.3,1.5,.4,1) both rise}.intro h1{color:var(--ink);margin:0;font-family:Shrikhand,serif;font-size:clamp(56px,10vw,120px);font-weight:400;line-height:.95}.intro h1 .wiggle{transform-origin:50% 80%;animation:3s ease-in-out infinite wiggle;display:inline-block}@keyframes wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(6deg)}}.intro .tag{background:var(--ink);color:var(--bg);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-bottom:20px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:13px;display:inline-block}.intro p{max-width:560px;color:var(--ink-soft);margin:24px auto 32px;font-size:22px;line-height:1.4}.btn{border:3px solid var(--ink);background:var(--card);color:var(--ink);cursor:pointer;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;padding:18px 32px;font-family:Nunito,sans-serif;font-size:18px;font-weight:800;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:0 10px 0 var(--ink);transform:translate(-2px,-2px)}.btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.btn.primary{background:var(--orange);color:var(--ink)}.btn.violet{background:var(--violet);color:#fff}.btn.ghost{box-shadow:none;background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--card);border-color:var(--ink);box-shadow:var(--shadow-sm);transform:translate(-1px,-1px)}.btn.big{padding:24px 44px;font-size:22px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:var(--shadow-sm)!important;transform:none!important}.round-head{text-align:center;width:100%;margin-top:12px;margin-bottom:28px}.round-head .kicker{color:var(--violet);letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:12px}.round-head h2{margin:0;font-family:Shrikhand,serif;font-size:clamp(40px,6vw,72px);font-weight:400;line-height:1}.round-head .vibes-only{color:var(--ink-soft);font-family:Shrikhand,serif;font-size:clamp(30px,4vw,44px);font-style:italic;font-weight:400}.round-head .prompt-tag{background:var(--mint);border:3px solid var(--ink);text-transform:uppercase;letter-spacing:.1em;box-shadow:var(--shadow-sm);border-radius:999px;padding:6px 18px;font-family:JetBrains Mono,monospace;font-size:14px;display:inline-block}.round-head .hint{color:var(--ink-soft);margin-top:10px;font-size:15px;font-weight:600}.emoji-grid{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;max-width:640px;margin:0 auto;display:grid}.emoji-cell{aspect-ratio:1;background:var(--card);border:3px solid var(--ink);cursor:pointer;box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;border-radius:22px;justify-content:center;align-items:center;font-size:clamp(42px,7vw,64px);transition:transform .15s cubic-bezier(.3,1.6,.4,1),box-shadow .15s,background .2s;display:flex;position:relative;overflow:hidden}.emoji-cell:hover{box-shadow:0 10px 0 var(--ink);transform:translate(-2px,-3px)rotate(-3deg)}.emoji-cell:active{box-shadow:var(--shadow-sm);transform:translateY(2px)}.emoji-cell.selected{background:var(--orange);box-shadow:0 10px 0 var(--ink);animation:.4s cubic-bezier(.3,1.6,.4,1) both land-bounce;transform:scale(1.02)rotate(-2deg)}.emoji-cell .order-badge{background:var(--ink);width:26px;height:26px;color:var(--card);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;display:flex;position:absolute;top:6px;right:6px}.emoji-grid.spinning{box-shadow:0 0 0 4px var(--orange), 0 0 0 7px var(--ink);border-radius:28px;padding:6px;animation:.15s linear infinite slot-shake}@keyframes slot-shake{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}}.emoji-cell.reel{background:var(--card);animation:80ms linear infinite reel-blur;cursor:default!important;box-shadow:var(--shadow-sm)!important;transform:none!important}@keyframes reel-blur{0%{filter:blur(.3px)}50%{filter:blur(1.2px)}to{filter:blur(.3px)}}@keyframes land-bounce{0%{transform:scale(.85)rotate(0)}60%{transform:scale(1.08)rotate(-4deg)}to{transform:scale(1.02)rotate(-2deg)}}.round-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:32px;display:flex}.selection-pill{background:var(--card);border:3px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-family:JetBrains Mono,monospace;font-size:14px;display:inline-flex}.selection-pill .count-num{color:var(--orange);font-weight:800}.readout{text-align:center;width:100%;max-width:720px;animation:.6s cubic-bezier(.3,1.5,.4,1) both rise}.readout .ball{background:radial-gradient(circle at 35% 30%, #fff, var(--violet) 60%, var(--violet-deep));border:4px solid var(--ink);width:220px;height:220px;box-shadow:var(--shadow-lg), inset 0 -20px 40px #0000004d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 32px;font-size:42px;animation:4s ease-in-out infinite floaty;display:flex}.readout .ball .emoji-stack{filter:drop-shadow(0 2px #0006);flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;max-width:160px;display:flex}.readout .ball .emoji-stack span{animation:6s ease-in-out infinite swirl}@keyframes swirl{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(-4px,-3px)rotate(-6deg)}66%{transform:translate(3px,2px)rotate(8deg)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.readout .kicker{color:var(--violet);letter-spacing:.3em;text-transform:uppercase;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:12px}.readout .quote{color:var(--ink);max-width:640px;margin:0 auto;font-family:Shrikhand,serif;font-size:clamp(28px,3.8vw,44px);font-style:italic;font-weight:400;line-height:1.15}.readout .loading-dots{letter-spacing:4px;color:var(--violet);font-family:Shrikhand,serif;font-size:40px}.readout .loading-dots span{animation:1.2s infinite bounce-dot;display:inline-block}.readout .loading-dots span:nth-child(2){animation-delay:.15s}.readout .loading-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce-dot{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}}.readout .actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:40px;display:flex}.edit-overlay{z-index:50;background:#1a0e2e80;justify-content:center;align-items:center;padding:24px;animation:.25s both fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.edit-card{background:var(--card);border:3px solid var(--ink);width:100%;max-width:520px;box-shadow:var(--shadow-lg);border-radius:28px;padding:28px}.edit-card h3{margin:0 0 8px;font-family:Shrikhand,serif;font-size:32px;font-weight:400}.edit-card p{color:var(--ink-soft);margin:0 0 18px;font-size:15px}.edit-card textarea{border:3px solid var(--ink);resize:vertical;background:var(--bg);width:100%;min-height:100px;color:var(--ink);border-radius:16px;padding:14px;font-family:Nunito,sans-serif;font-size:16px;font-weight:600}.edit-card .edit-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.blueprint-wrap{width:100%;max-width:1040px;animation:.8s cubic-bezier(.3,1.2,.4,1) both rise}.blueprint-header{text-align:center;margin-bottom:32px}.blueprint-header .kicker{color:var(--orange);letter-spacing:.3em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:12px}.blueprint-header h1{margin:8px 0 12px;font-family:Shrikhand,serif;font-size:clamp(56px,9vw,96px);font-weight:400;line-height:1}.blueprint-header .tagline{color:var(--ink-soft);max-width:560px;margin:0 auto;font-family:Shrikhand,serif;font-size:20px;font-style:italic;font-weight:400}.blueprint-grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.bp-card{background:var(--card);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:24px;padding:24px}.bp-card h3{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 14px;font-family:JetBrains Mono,monospace;font-size:12px}.bp-card .body{color:var(--ink);font-size:16px;font-weight:600;line-height:1.5}.bp-card ul{margin:0;padding-left:20px}.bp-card ul li{margin-bottom:8px;font-weight:600;line-height:1.45}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-7{grid-column:span 7}.col-6{grid-column:span 6}.col-5{grid-column:span 5}.col-4{grid-column:span 4}@media (max-width:820px){.col-12,.col-8,.col-7,.col-6,.col-5,.col-4{grid-column:span 12}}.bp-card.hero{background:var(--orange)}.bp-card.violet{background:var(--violet);color:#fff}.bp-card.violet h3{color:#ffffffb3}.bp-card.mint{background:var(--mint)}.bp-card.dark{background:var(--ink);color:var(--bg)}.bp-card.dark h3{color:#fff4e899}.swatch-row{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:3px solid var(--ink);width:76px;height:76px;color:var(--ink);border-radius:18px;flex-direction:column;justify-content:flex-end;padding:8px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.swatch.dark{color:var(--bg)}.type-row{flex-wrap:wrap;align-items:baseline;gap:24px;margin-top:14px;display:flex}.type-row .sample{flex-direction:column;gap:4px;display:flex}.type-row .sample .meta{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:10px}.mocks{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.phone{background:var(--ink);border-radius:34px;flex-shrink:0;width:200px;height:420px;padding:10px;position:relative}.phone:before{content:"";z-index:2;background:#fff3;border-radius:999px;width:64px;height:6px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--bg);border-radius:26px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.flow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.flow-step{background:var(--bg);border:3px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:14px;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.flow-arrow{color:var(--orange);font-family:Shrikhand,serif;font-size:22px}.receipt{flex-direction:column;gap:12px;display:flex}.receipt-row{background:var(--bg);border:2px solid var(--ink);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.receipt-row .rlabel{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.15em;flex-shrink:0;width:80px;font-family:JetBrains Mono,monospace;font-size:11px}.receipt-row .remo{letter-spacing:2px;font-size:24px}.tweaks-panel{z-index:100;background:var(--card);border:3px solid var(--ink);box-shadow:var(--shadow-lg);border-radius:20px;width:260px;padding:18px;animation:.3s both rise;position:fixed;bottom:20px;right:20px}.tweaks-panel h4{margin:0 0 12px;font-family:Shrikhand,serif;font-size:22px;font-weight:400}.tweak-row{margin-bottom:14px}.tweak-row label{text-transform:uppercase;letter-spacing:.15em;color:var(--ink-soft);margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:10px;display:block}.tweak-row .choices{flex-wrap:wrap;gap:6px;display:flex}.tweak-row .choice{border:2px solid var(--ink);background:var(--bg);cursor:pointer;border-radius:999px;padding:6px 12px;font-family:Nunito,sans-serif;font-size:12px;font-weight:700}.tweak-row .choice.active{background:var(--orange)}.tweak-row input[type=range]{width:100%;accent-color:var(--orange)}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.copy-btn{background:var(--ink);color:var(--bg);cursor:pointer;letter-spacing:.05em;border:none;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;display:inline-flex}.copy-btn:hover{background:var(--violet)}.prompt-block{background:var(--ink);color:var(--bg);white-space:pre-wrap;border-radius:16px;max-height:240px;margin-top:10px;padding:18px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.55;overflow-y:auto}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}