:root{--brand: #2f2a6b;--on-brand: #fff;--brand-deep: #2f2a6b;--brand-soft: color-mix(in srgb, var(--brand) 13%, #fff);--brand-ring: color-mix(in srgb, var(--brand) 18%, transparent);--paper: #f7f4ee;--bg: color-mix(in srgb, var(--brand) 5%, var(--paper));--card: #fff;--ink: #17140f;--ink-2: #47423a;--ink-3: #6b655b;--line: rgba(23, 20, 15, .11);--line-2: rgba(23, 20, 15, .2);--butter: #ffd84d;--butter-tint: #fff3c4;--coral: #ff4f2b;--lilac: #c9bfff;--mint: #a8e6c8;--bad: #c4330f;--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-ui: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease: cubic-bezier(.25, .5, .35, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font:15px/1.5 var(--font-ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:12px}::selection{background:var(--butter);color:var(--ink)}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{position:relative;max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}@media(min-width:600px){body{background:radial-gradient(60vmax 60vmax at 0% 0%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 62%),radial-gradient(50vmax 50vmax at 100% 100%,rgba(255,216,77,.35),transparent 62%),var(--paper);background-attachment:fixed}.app{margin:32px auto;min-height:calc(100vh - 64px);border-radius:36px;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 24px 60px -20px #17140f59}}.loading{text-align:center;color:var(--ink-3);padding-top:40vh;margin:0;font:600 15px/1 var(--font-display)}h1,h2{margin:0;font:780 30px/1.02 var(--font-display);letter-spacing:-.035em;color:var(--ink);text-wrap:balance}h2{font-size:27px}p{margin:0}.c-p,.dim{font-size:15px;line-height:1.45;color:var(--ink-2)}.fine{font-size:12.5px;line-height:1.4;color:var(--ink-3)}.center{text-align:center;align-items:center}.body>*{animation:rise .7s var(--ease) backwards}.body>:nth-child(2){animation-delay:50ms}.body>:nth-child(3){animation-delay:.1s}.body>:nth-child(4){animation-delay:.15s}.body>:nth-child(5){animation-delay:.2s}.body>:nth-child(6){animation-delay:.25s}.body>:nth-child(n+7){animation-delay:.3s}@keyframes rise{0%{opacity:0;translate:0 18px}}.c-head{display:flex;align-items:center;gap:10px;padding:calc(16px + env(safe-area-inset-top,0px)) 20px 2px;font:750 16px/1.1 var(--font-display);flex:none}.c-head .av{width:34px;height:34px;border-radius:11px;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;font:800 13px/1 var(--font-display);letter-spacing:-.02em;flex:none;transform:rotate(-6deg)}.c-head b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-head .logo{display:inline-flex;align-items:center;height:40px;padding:5px 12px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line)}.c-head .logo.on-brand{background:var(--brand);box-shadow:none}.c-head .logo img{max-height:30px;max-width:180px;object-fit:contain}.dots{display:flex;gap:5px;margin-left:auto;flex:none}.dots i{width:7px;height:7px;border-radius:99px;background:color-mix(in srgb,var(--brand) 22%,transparent)}.dots i.on{background:var(--brand)}.dots i.cur{width:18px}.body{padding:18px 20px calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px;flex:1}.body.center{justify-content:center}.body.center>.c-card{align-self:stretch}.c-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;padding:12px 18px;border:0;border-radius:999px;background:var(--brand);color:var(--on-brand);font:680 17px/1.15 var(--font-display);text-align:center;text-decoration:none;box-shadow:0 4px 0 var(--ink);transition:transform .4s var(--ease),box-shadow .3s var(--ease),opacity .2s;-webkit-tap-highlight-color:transparent}.c-btn svg{flex:none}@media(hover:hover){.c-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}}.c-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.c-btn.alt{background:#fff;color:var(--brand-deep);box-shadow:inset 0 0 0 2px var(--brand)}.c-btn.alt:active{transform:translateY(1px)}.c-btn.sm{min-height:42px;font-size:14.5px;padding:8px 14px;box-shadow:inset 0 0 0 1.5px var(--line-2);color:var(--ink)}.c-btn:disabled{opacity:.5;cursor:default;transform:none}.c-row{display:flex;gap:10px}.c-row .c-btn{flex:1;min-height:48px;font-size:15.5px}.file{cursor:pointer}.c-photo{position:relative;border-radius:24px;overflow:hidden;margin:6px 8px 4px;transform:rotate(-2deg);box-shadow:0 0 0 4px #fff,0 14px 28px -12px #17140f73;background:var(--brand)}.c-photo img{width:100%;aspect-ratio:4 / 3.4;object-fit:cover}.c-photo .tag{position:absolute;right:12px;top:12px;font:780 13px/1 var(--font-display);background:var(--butter);color:var(--ink);padding:8px 10px;border-radius:10px;transform:rotate(6deg)}.c-photo .ex{position:absolute;left:12px;bottom:12px;background:#17140f8c;color:#fff;font:600 11.5px/1 var(--font-ui);padding:6px 9px;border-radius:99px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.c-reward{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:var(--brand-soft);font:500 15px/1.35 var(--font-ui);color:var(--ink)}.c-reward b{font:720 16.5px/1.2 var(--font-display)}.c-reward .gi{width:38px;height:38px;border-radius:12px;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;flex:none;transform:rotate(-8deg)}.notice{background:var(--butter-tint);border-radius:18px;padding:12px 14px;font-size:14px;line-height:1.45}.field{display:flex;flex-direction:column;gap:6px}.c-lab{font:600 13px/1.2 var(--font-ui);color:var(--ink)}.c-input{width:100%;height:50px;border-radius:14px;border:1.5px solid var(--line-2);background:#fff;padding:0 14px;font-size:16px;outline:none;transition:border-color .2s var(--ease),box-shadow .3s var(--ease)}.c-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-ring)}.c-input.bad{border-color:var(--bad)}.err{color:var(--bad);font-size:13.5px;line-height:1.4;font-weight:500}.c-check{position:relative;display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line);color:var(--ink-2);cursor:pointer}.c-check input{position:absolute;opacity:0;width:22px;height:22px;margin:0}.c-check .box{width:24px;height:24px;border-radius:8px;border:1.5px solid var(--line-2);background:#fff;flex:none;display:grid;place-items:center;color:var(--on-brand);transition:transform .45s var(--ease),background .2s,border-color .2s}.c-check .box svg{opacity:0;transition:opacity .2s}.c-check input:checked+.box{background:var(--brand);border-color:var(--brand);transform:rotate(-8deg)}.c-check input:checked+.box svg{opacity:1}.c-check input:focus-visible+.box{outline:3px solid var(--brand);outline-offset:2px}.c-check.bad{box-shadow:0 0 0 1.5px var(--bad)}.c-check .opt{color:var(--ink-3)}.tips{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none}.tip{padding:14px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line)}.tip .ti{width:34px;height:34px;border-radius:11px;background:var(--brand-soft);color:var(--brand-deep);display:grid;place-items:center;margin-bottom:10px}.tip b{font:700 15px/1.2 var(--font-display);display:block}.tip span{font-size:13px;color:var(--ink-3);line-height:1.35;display:block;margin-top:3px}.tip-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.tip-list li{display:flex;gap:12px;align-items:center;font-size:15px}.tip-list li i{width:32px;height:32px;border-radius:10px;background:var(--brand-soft);color:var(--brand-deep);display:grid;place-items:center;flex:none}.qchips{display:flex;flex-wrap:wrap;gap:7px}.qchips span{font-size:13.5px;line-height:1.3;padding:8px 12px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--line)}.qchips span:before{content:"“"}.qchips span:after{content:"”"}.cam{position:fixed;top:0;right:0;bottom:0;left:0;max-width:480px;margin:0 auto;background:#000;color:#fff;z-index:10;overflow:hidden}.cam video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.cam .guide{position:absolute;top:14%;right:9%;bottom:30%;left:9%;border-radius:50%;border:2px dashed rgba(255,255,255,.5);pointer-events:none}.cam .tm{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#00000080;font:600 15px/1 var(--font-mono);font-feature-settings:"tnum";backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cam .tm .max{opacity:.7}.cam .tm i{width:9px;height:9px;border-radius:50%;background:var(--coral);display:none}.cam.rec .tm i{display:block;animation:pulse 1.2s var(--ease) infinite}@keyframes pulse{50%{opacity:.3}}.cam .hint{position:absolute;left:20px;right:20px;bottom:calc(150px + env(safe-area-inset-bottom,0px));margin:0 auto;max-width:340px;padding:12px 16px;border-radius:18px;background:#ffffffed;color:var(--ink);font:680 16px/1.25 var(--font-display);text-align:center;transform:rotate(-1.5deg)}.cam .rb{position:absolute;bottom:calc(40px + env(safe-area-inset-bottom,0px));left:50%;width:80px;height:80px;margin-left:-40px;border-radius:50%;border:5px solid #fff;background:transparent;padding:0;display:grid;place-items:center;transition:transform .4s var(--ease);-webkit-tap-highlight-color:transparent}.cam .rb i{width:60px;height:60px;border-radius:50%;background:var(--coral);transition:width .45s var(--ease),height .45s var(--ease),border-radius .45s var(--ease),opacity .3s}.cam .rb:active{transform:scale(.94)}.cam.rec .rb i{width:28px;height:28px;border-radius:8px;opacity:.55}.cam.rec.ready .rb i{opacity:1}.cam .side-b{position:absolute;bottom:calc(59px + env(safe-area-inset-bottom,0px));right:34px;width:44px;height:44px;border-radius:50%;border:0;background:#00000073;color:#fff;display:grid;place-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.vid-tile{position:relative;align-self:center;width:100%;max-width:260px;aspect-ratio:9 / 16;max-height:440px;border-radius:22px;overflow:hidden;background:#111;box-shadow:0 0 0 4px #fff,0 14px 28px -12px #17140f73;margin:6px 0 4px;transform:rotate(1.5deg);flex:none}.vid-tile.tilt-l{transform:rotate(-1.5deg)}.vid-tile.small{max-width:200px}.vid-tile video{width:100%;height:100%;object-fit:cover;display:block}.c-card{padding:16px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:10px}.c-card>b{font:700 17px/1.2 var(--font-display)}.bar{width:100%;height:12px;border-radius:99px;background:var(--brand-soft);overflow:hidden}.bar span{display:block;height:100%;width:0;background:var(--brand);border-radius:99px;transition:width .25s linear}.pct{font:600 14px/1 var(--font-mono);font-feature-settings:"tnum";color:var(--ink-2)}.hero{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.sparkle{display:block;margin:4px auto 0}.code-ticket{position:relative;display:block;width:100%;padding:20px 18px;border:0;border-radius:24px;background:var(--brand);color:var(--on-brand);text-align:center;font:inherit;overflow:hidden;transition:transform .4s var(--ease);-webkit-tap-highlight-color:transparent}.code-ticket:before,.code-ticket:after{content:"";position:absolute;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:var(--bg)}.code-ticket:before{left:-12px}.code-ticket:after{right:-12px}.code-ticket:active{transform:scale(.985)}.code-ticket .rw{display:block;font:700 17px/1.25 var(--font-display)}.code-ticket .cd{display:block;font:800 40px/1 var(--font-display);font-feature-settings:"tnum";letter-spacing:.06em;margin:12px 0 10px;word-break:break-all}.code-ticket small{display:block;font-size:12.5px;line-height:1.4;opacity:.88}.code-ticket .cp{position:absolute;right:14px;top:14px;opacity:.75}.making .mk-row{display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.45;color:var(--ink-2)}.spin{width:26px;height:26px;border:3px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;animation:spin .9s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.asks p{font-size:14px;line-height:1.45;color:var(--ink-2)}.socials{display:flex;flex-direction:column;gap:8px}.soc{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 12px;border-radius:16px;background:var(--bg);color:var(--ink);text-decoration:none;transition:background .2s var(--ease)}.soc:active{background:var(--brand-soft)}.soc svg{flex:none}.soc .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.soc .t b{font:680 15px/1.2 var(--font-display)}.soc .t small{font-size:12.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soc .go{flex:none;background:var(--brand);color:var(--on-brand);font:680 13.5px/1 var(--font-display);padding:9px 14px;border-radius:99px}.sharebox{display:flex;flex-direction:column;gap:10px;width:100%}.capbox{border-radius:16px;background:var(--bg);padding:12px 14px;display:flex;flex-direction:column;gap:8px;text-align:left}.capbox p{font-size:14px;line-height:1.45;word-break:break-word}.body>.sharebox .capbox{background:#fff;box-shadow:0 0 0 1px var(--line)}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:var(--ink);color:var(--paper);font:600 14.5px/1 var(--font-display);transform:translate(-50%);animation:toast-in .45s var(--ease) backwards;transition:opacity .35s var(--ease),translate .35s var(--ease)}.toast.out{opacity:0;translate:0 8px}@keyframes toast-in{0%{opacity:0;translate:0 12px}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;overflow:hidden}.confetti i{position:absolute;width:8px;height:12px;border-radius:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important}}
