@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600;700&family=Rokkitt:wght@900&display=swap";
:root{--body:#1e1d19;--film:#0a0a09;--deep:#12110e;--panel:#0f0f0e;--surface:#2a2924;--surface-2:#2e2c25;--surface-dim:#151412;--line:#3e3c35;--muted:#8e8c82;--muted-2:#5e5c53;--accent:#fdb813;--danger:#e50914;--paper:#fbf9f3;--paper-line:#e5d9c4;--ink:#1e1d19;--sticker-ink:#3a3830;--cream:#fbf9f3;--flash:#fff;--font:"IBM Plex Mono",ui-monospace,Menlo,monospace;--font-brand:"Rokkitt","Times New Roman",serif}
html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--cream);background:var(--deep);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.developing-page{background:var(--body);min-height:100dvh;color:var(--cream);font-family:var(--font);-webkit-font-smoothing:antialiased;border-radius:0;flex-direction:column;display:flex}.developing-page .status{font-variant-numeric:tabular-nums;height:44px;color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 22px;font-size:12px;display:flex}.developing-page .brand{font-family:var(--font-brand);letter-spacing:.02em;color:var(--cream);font-size:22px;font-weight:900}.developing-page .pad{flex-direction:column;flex:1;padding:28px 22px 24px;display:flex}.developing-page .developing-pad{text-align:center}.developing-page .meta{color:var(--muted);margin-top:10px;font-size:16px;line-height:1.5}.developing-page .developing-kicker{margin-top:48px}.developing-page .clock{font-variant-numeric:tabular-nums;justify-content:center;gap:10px;margin:28px 0 8px;display:flex}.developing-page .clock div{text-align:center;min-width:72px}.developing-page .clock b{letter-spacing:-.02em;color:var(--cream);font-size:40px;font-weight:700;display:block}.developing-page .clock span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.developing-page .grow{flex:1}.gallery-page{background:var(--paper);height:100dvh;min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;--develop-total-ms:1.4s;--develop-ease:cubic-bezier(.4,0,.2,1);border-radius:0;flex-direction:column;display:flex;overflow:hidden}.gallery-page .status{font-variant-numeric:tabular-nums;height:44px;color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 22px;font-size:12px;display:flex}.gallery-page .brand{font-family:var(--font-brand);letter-spacing:.02em;color:var(--ink);font-size:22px;font-weight:900}.gallery-page .pad{padding:28px 22px 24px}.gallery-page .event{letter-spacing:-.01em;font-size:28px;font-weight:600;line-height:1.15}.gallery-page .meta{color:var(--sticker-ink);margin-top:10px;font-size:16px;line-height:1.5}.gallery-page .seg{border:1px solid var(--paper-line);border-radius:0;margin:16px 0;display:flex}.gallery-page .seg button{height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:0;flex:1;font-family:inherit;font-size:14px}.gallery-page .seg button.on{background:var(--ink);color:var(--paper)}.gallery-page .gallery-name{margin:0 0 8px}.gallery-page .gallery-name label{color:var(--sticker-ink);font-size:14px;display:block}.gallery-page .gallery-name-input{background:var(--paper);border:1px solid var(--paper-line);width:100%;height:44px;color:var(--ink);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;outline:none;margin:8px 0;padding:0 12px;font-family:inherit;font-size:16px}.gallery-page .gallery-name-input:focus{border-color:var(--ink)}.gallery-page .gallery-name-row{gap:8px;display:flex}.gallery-page .gallery-name-row button{border:1px solid var(--paper-line);height:40px;color:var(--ink);cursor:pointer;background:0 0;border-radius:0;flex:1;font-family:inherit;font-size:14px}.gallery-page .grid{flex:1;grid-template-columns:repeat(3,1fr);gap:4px;min-height:0;padding:0 12px 12px;display:grid;overflow-y:auto}.gallery-page .grid.is-painting{touch-action:none}.gallery-page .thumb-wrap{position:relative}.gallery-page .thumb-check{z-index:2;touch-action:none;justify-content:center;align-items:center;width:22px;height:22px;margin:0;display:flex;position:absolute;top:6px;left:6px}.gallery-page .thumb-check input{width:18px;height:18px;accent-color:var(--ink);touch-action:none;border-radius:0;margin:0}.gallery-page .gallery-download{z-index:3;padding:12px 22px calc(12px + env(safe-area-inset-bottom,0px));background:var(--paper);flex-shrink:0;position:static}.gallery-page .cta:disabled{opacity:.4;cursor:default}.gallery-page .gallery-download-error{color:var(--sticker-ink);margin:8px 0 0;font-size:14px}.gallery-page .thumb{aspect-ratio:1;background:#d7c4a3;border-radius:0;display:block;position:relative;overflow:hidden}.gallery-page .thumb img{object-fit:cover;width:100%;height:100%;display:block}.gallery-page .thumb:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,transparent 40%,rgba(30,29,25,.18));position:absolute;top:0;bottom:0;left:0;right:0}.gallery-page.is-developing .thumb{opacity:0;animation:gallery-develop var(--develop-total-ms)var(--develop-ease)forwards;animation-delay:var(--stagger-ms,0s);transform:scale(.96)}@keyframes gallery-develop{to{opacity:1;transform:scale(1)}}.gallery-page .cta{background:var(--accent);width:100%;height:52px;color:var(--ink);cursor:pointer;border:0;border-radius:0;justify-content:center;align-items:center;font-family:inherit;font-size:16px;font-weight:600;display:flex}.gallery-page .cta.dark{background:var(--ink);color:var(--paper)}@media (prefers-reduced-motion:reduce){.gallery-page.is-developing .thumb{opacity:1;animation:none;transform:none}}.viewer-page{background:var(--film);min-height:100dvh;color:var(--cream);font-family:var(--font);-webkit-font-smoothing:antialiased;border-radius:0;flex-direction:column;display:flex}.viewer-page .status{font-variant-numeric:tabular-nums;height:44px;color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 22px;font-size:12px;display:flex}.viewer-page .brand{font-family:var(--font-brand);letter-spacing:.02em;color:var(--cream);font-size:22px;font-weight:900}.viewer-page .status a,.viewer-page .status button{color:var(--cream);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.viewer-page .status span button+span,.viewer-page .status span button+a,.viewer-page .status span span+a{margin-left:16px}.viewer-page .hero{touch-action:none;background:#d7c4a3;border-radius:0;flex:1;justify-content:center;align-items:center;min-height:0;margin:12px 16px;display:flex}.viewer-page .hero img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.host-shell{background:var(--deep);justify-content:center;align-items:center;min-height:100dvh;padding:24px 0;display:flex}@media (min-width:422px){.host-shell{padding:24px 16px}}.host-page{background:var(--body);width:100%;max-width:390px;min-height:844px;color:var(--cream);font-family:var(--font);-webkit-font-smoothing:antialiased;border-radius:0;flex-direction:column;display:flex;box-shadow:0 24px 80px rgba(0,0,0,.55)}@media (max-width:390px){.host-shell{padding:0}.host-page{min-height:100dvh;box-shadow:none}}.host-page .status{font-variant-numeric:tabular-nums;height:44px;color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 22px;font-size:12px;display:flex}.host-page .brand{font-family:var(--font-brand);letter-spacing:.02em;color:var(--cream);font-size:22px;font-weight:900}.host-page .pad{flex-direction:column;flex:1;padding:28px 22px 24px;display:flex}.host-page .event{letter-spacing:-.01em;font-size:28px;font-weight:600;line-height:1.15}.host-page .meta{color:var(--muted);margin-top:10px;font-size:16px;line-height:1.5}.host-page .grow{flex:1}.host-page .hint{color:var(--muted);text-align:center;margin-top:12px;font-size:13px}.host-page .hint.error{color:var(--danger)}.host-page .field{margin-bottom:16px}.host-page .field label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.host-page .field input,.host-page .field select{border:1px solid var(--line);background:var(--panel);width:100%;height:44px;color:var(--cream);caret-color:var(--accent);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;outline:none;padding:0 12px;font-family:inherit;font-size:16px}.host-page .field select{background-image:linear-gradient(45deg,transparent 50%,var(--muted)50%),linear-gradient(135deg,var(--muted)50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 1px),calc(100% - 12px) calc(50% - 1px);background-repeat:no-repeat;background-size:6px 6px;padding-right:36px}.host-page .field input:focus,.host-page .field select:focus{border-color:var(--accent)}.host-page .chips{flex-wrap:wrap;gap:6px;display:flex}.host-page .chip{border:1px solid var(--line);height:36px;color:var(--cream);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;padding:0 12px;font-family:inherit;font-size:14px;font-weight:500}.host-page .chip.on{border-color:var(--accent);color:var(--accent)}.host-page .film-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.host-page .film-card{border:1px solid var(--line);color:var(--cream);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;flex-direction:column;padding:0;font-family:inherit;font-size:13px;font-weight:500;display:flex;overflow:hidden}.host-page .film-card img{aspect-ratio:4/3;object-fit:cover;background:var(--surface);width:100%;display:block}.host-page .film-card span{padding:8px}.host-page .film-card.on{border-color:var(--accent);color:var(--accent)}.host-page .cta,.host-page a.cta{background:var(--accent);width:100%;height:52px;color:var(--ink);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;justify-content:center;align-items:center;font-family:inherit;font-size:16px;font-weight:600;display:flex}.host-page .chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.host-page .film-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.host-page .cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.host-page a.cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.host-page .cta:disabled{opacity:.55;cursor:default}.host-page .cta.ghost,.host-page a.cta.ghost{color:var(--cream);border:1px solid var(--line);background:0 0;margin-top:8px}.host-page .roll-list{flex-direction:column;gap:8px;margin:22px 0;display:flex}.host-page .roll-list a{border:1px solid var(--line);border-radius:0;padding:14px;display:block}.host-page .roll-list b{font-size:16px;font-weight:600;display:block}.host-page .roll-list span{color:var(--muted);font-size:13px}.host-page .stats{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;margin:18px 0 22px;display:grid}.host-page .stats div{background:var(--body);padding:16px 14px}.host-page .stats b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:28px;display:block}.host-page .stats span{color:var(--muted);font-size:12px}.host-page .hidden-strip{flex-direction:column;gap:12px;margin:16px 0;display:flex}.host-page .hidden-row{align-items:center;gap:12px;display:flex}.host-page .hidden-row img{object-fit:cover;background:var(--surface);pointer-events:none;width:56px;height:56px}.host-page .notice{border:1px solid var(--line);color:var(--muted);border-radius:0;margin:12px 0 18px;padding:12px 14px;font-size:13px}.host-page .qr{background:repeating-linear-gradient(90deg,var(--cream)0 8px,var(--body)8px 16px),repeating-linear-gradient(0deg,var(--cream)0 8px,var(--body)8px 16px);background-blend-mode:difference;border:12px solid var(--cream);border-radius:0;width:180px;height:180px;margin:12px auto 18px}.host-page .qr-img{border:12px solid var(--cream);background:var(--paper);border-radius:0;width:180px;height:180px;margin:12px auto 8px;display:block}.host-page .pay-row{flex-direction:column;gap:8px;display:flex}.host-page .cta.dark,.host-page a.cta.dark{background:var(--ink);color:var(--paper)}.host-page .confirm-overlay{z-index:20;background:rgba(30,29,25,.86);justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.host-page .confirm{background:var(--paper);width:100%;max-width:346px;color:var(--ink);border-radius:0;padding:22px}.host-page .confirm p{margin:0 0 18px;font-size:16px;line-height:1.5}.host-page .confirm .cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.host-page .confirm .cta.ghost:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.marketing-page{background:var(--deep);min-height:100dvh;color:var(--cream);font-family:var(--font);-webkit-font-smoothing:antialiased;border-radius:0}.marketing-page:has(.legal-document){background:var(--paper);color:var(--ink)}.marketing-col{width:100%;max-width:560px;margin:0 auto;padding:0 22px}.marketing-hero{background:var(--deep);min-height:100dvh;color:var(--cream);border-radius:0;align-items:center;display:flex}.marketing-hero .marketing-col{opacity:1;padding-top:48px;padding-bottom:48px;transform:none}.marketing-brand{font-family:var(--font-brand);letter-spacing:.02em;color:var(--cream);font-size:44px;font-weight:900;line-height:1}.marketing-headline{letter-spacing:-.01em;margin-top:28px;font-size:28px;font-weight:600;line-height:1.15}.marketing-support{color:var(--muted);margin-top:14px;font-size:16px;line-height:1.5}.marketing-cta{background:var(--accent);width:100%;height:52px;color:var(--ink);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;border-radius:0;justify-content:center;align-items:center;margin-top:28px;font-family:inherit;font-size:16px;font-weight:600;transition:background-color .18s ease-out,color .18s ease-out;display:flex}.marketing-cta:hover{background:var(--cream);color:var(--ink)}.marketing-cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.marketing-paper{background:var(--paper);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:0}.marketing-paper:has(.legal-document){min-height:100dvh}.marketing-section{opacity:1;padding:56px 0 8px;transform:none}.marketing-how{animation-delay:80ms}.marketing-pricing{animation-delay:.16s}.marketing-faq{animation-delay:.24s}.marketing-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--sticker-ink);margin-bottom:18px;font-size:13px;font-weight:500}.marketing-steps,.marketing-tiers,.marketing-faq-list{background:var(--paper-line);border:1px solid var(--paper-line);flex-direction:column;gap:1px;list-style:none;display:flex}.marketing-step,.marketing-tier,.marketing-faq-item{background:var(--paper);border-radius:0;padding:18px 16px}.marketing-step b,.marketing-tier-head b,.marketing-faq-item dt{font-size:16px;font-weight:600;display:block}.marketing-step span,.marketing-tier p,.marketing-faq-item dd,.marketing-note{color:var(--sticker-ink);margin-top:8px;font-size:14px;line-height:1.5;display:block}.marketing-tier-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.marketing-tier-head span{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:22px;font-weight:700}.marketing-note{background:0 0;border:0;margin-top:14px;padding:0}.marketing-footer{color:var(--sticker-ink);padding:40px 0 36px;font-size:13px}.marketing-footer .marketing-col{align-items:center;gap:10px;display:flex}.marketing-footer a{color:var(--ink)}.marketing-footer a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.legal-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.marketing-copy{margin-left:auto}@keyframes marketing-reveal-hero{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes marketing-reveal-section{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.legal-document{padding-bottom:24px}.legal-title{letter-spacing:-.01em;font-size:28px;font-weight:600;line-height:1.15}.legal-meta{color:var(--sticker-ink);margin-top:10px;font-size:13px}.legal-draft{border:1px solid var(--paper-line);background:var(--paper);color:var(--sticker-ink);border-radius:0;margin-top:18px;padding:14px 16px;font-size:13px;line-height:1.5}.legal-body{flex-direction:column;gap:28px;margin-top:28px;display:flex}.legal-section h2{margin-bottom:10px;font-size:16px;font-weight:600}.legal-section p{color:var(--sticker-ink);font-size:14px;line-height:1.55}.legal-section p+p{margin-top:10px}.legal-back{color:var(--ink);margin-top:36px;font-size:14px;font-weight:500;display:inline-block}.legal-back:hover{color:var(--sticker-ink)}@media (prefers-reduced-motion:no-preference){.marketing-hero .marketing-col{animation:.48s cubic-bezier(.4,0,.2,1) forwards marketing-reveal-hero}.marketing-section{animation:.48s cubic-bezier(.4,0,.2,1) forwards marketing-reveal-section}}@media (prefers-reduced-motion:reduce){.marketing-cta{transition:none}}
