@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url("./space-grotesk-latin-wght-normal-LIGEH75C.woff2") format("woff2-variations")}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./hanken-grotesk-latin-wght-normal-ZZ3K7K5Y.woff2") format("woff2-variations")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url("./ibm-plex-mono-latin-400-normal-A2WATXFY.woff2") format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url("./ibm-plex-mono-latin-600-normal-IIV3OB4N.woff2") format("woff2")}:root{--field-top: #1B0B33;--field-bottom: #0C0620;--magenta: #FF3D8B;--magenta-soft: #FF8FBE;--violet: #C44DF0;--cyan: #2DE2E6;--text: #F4ECFF;--muted: #9C8AC6;--dim: #6E5E92;--body: #B7A6E0;--card: rgba(255, 255, 255, .08);--card-stroke: rgba(255, 255, 255, .12);--success: #86E5A9;--gold: #E7C45A;--amber: #FFB020;--alarm: #FF3B3B;--tabbar: #160A2C;--sheet: #120726;--wallet-grad: linear-gradient(135deg, #FF3D8B, #C44DF0 55%, #5B2BB5);--font-display: "Space Grotesk Variable", system-ui, sans-serif;--font-ui: "Hanken Grotesk Variable", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:linear-gradient(170deg,var(--field-top),var(--field-bottom)) fixed;background-color:var(--field-bottom);color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.4;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}body.sheet-open{overflow:hidden}a{color:var(--muted)}button{font:inherit;color:inherit}input{font:inherit}.page{max-width:560px;margin:0 auto;padding:calc(12px + var(--safe-top)) 16px 24px;display:flex;flex-direction:column;gap:16px}.tabs-body{padding-bottom:calc(72px + var(--safe-bottom))}.center-screen{min-height:100vh;justify-content:center;align-items:center}.page-title{font-family:var(--font-display);font-size:24px;font-weight:700;margin:4px 0 0}.muted{color:var(--muted)}.dim{color:var(--dim)}.gold{color:var(--gold)}.cyan{color:var(--cyan)}.good{color:var(--success)}.amber{color:var(--amber)}.warn{color:var(--magenta-soft);margin:0}.bold{font-weight:700}.big{font-size:20px}.small{font-size:13px}.tiny{font-size:12px}.center{text-align:center}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pre{white-space:pre-line;margin:0}.label{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:1px;margin:4px 0 6px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:2px}.headline{font-size:26px;font-weight:700}.headline-big{font-size:32px;font-weight:700}.amount-big{font-size:38px}.note{color:#c9bce6;margin:0}.note-center{color:var(--muted);text-align:center;margin:16px 20px}.note-center:empty{display:none}.result{font-size:18px;font-weight:700;margin:0}p{margin:0}.card{background:var(--card);border:1px solid var(--card-stroke);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:10px}.card-alarm{border-color:var(--alarm)}.ended-title{color:var(--alarm);font-size:30px;font-weight:800}.ended-machine{font-family:var(--font-display);font-size:20px}.ended-detail{color:var(--amber);font-weight:700}.ended-calm{font-size:20px;font-weight:700}.tap-card{height:180px;justify-content:center;align-items:center}.tap-glyph{font-size:56px;color:var(--cyan);line-height:1}.held{color:var(--body)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:14px;border:1px solid transparent;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none;width:100%;transition:opacity .15s,transform .05s}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--magenta);color:#fff}.btn-outline{background:transparent;color:var(--magenta-soft);border-color:var(--magenta)}.btn-quiet{background:transparent;color:var(--muted);font-weight:600}.btn-success{background:var(--success);color:#0b3b22}.btn-white{background:#fff;color:#0e6f5c}.btn-glass{background:#0e6f5c33;color:#fff;border-color:#fff}.btn-cyan{background:var(--cyan);color:var(--field-bottom)}.btn-big{min-height:56px;font-size:18px;border-radius:16px}.btn-wallet{background:#000;color:#fff;border-color:#444}button.plain{background:none;border:0;padding:0;cursor:pointer}button.plain:disabled{cursor:default}.form{gap:8px}.field{width:100%;min-height:48px;padding:10px 14px;border-radius:12px;border:1px solid var(--card-stroke);background:#00000040;color:var(--text);font-size:17px}.field:focus{outline:2px solid var(--violet);outline-offset:1px}.check{display:flex;align-items:center;gap:8px;color:var(--muted)}.check input{width:20px;height:20px;accent-color:var(--magenta)}.amount-entry{display:flex;align-items:center;gap:4px;font-size:34px}.amount-entry input{flex:1;min-width:0;background:transparent;border:0;border-bottom:1px solid var(--card-stroke);font-size:34px}.signin{padding-top:calc(40px + var(--safe-top))}.logo{width:84px;height:84px;margin:0 auto;border-radius:24px;background:var(--wallet-grad);display:grid;place-items:center;font-family:var(--font-display);font-size:40px;font-weight:700}.brand{font-family:var(--font-display);font-size:30px;text-align:center;margin:0}.footer-legal{margin-top:8px}.session-machine{font-family:var(--font-display);font-size:22px}.credit{font-size:30px;font-weight:600}.split{display:grid;grid-template-columns:1fr auto;gap:2px 12px;margin-top:4px;align-items:baseline}.figures{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rows{display:flex;flex-direction:column;gap:4px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left}.idle-note{color:var(--gold);font-size:14px}.idle-note.urgent{color:var(--alarm);font-weight:700;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.55}}.release{display:flex;flex-direction:column;gap:6px}.wins{display:flex;flex-direction:column;gap:2px}.actions{display:flex;flex-direction:column;gap:12px}.action{background:#ff3d8b24;border:1px solid rgba(255,61,139,.45);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}.action-title{font-size:18px;font-weight:700}.greeting-name{font-family:var(--font-display);font-size:28px;font-weight:700}.strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -4px}.strip::-webkit-scrollbar{display:none}.strip-page{flex:0 0 100%;scroll-snap-align:center;padding:0 4px}.wallet-card{border-radius:22px;padding:18px 22px;min-height:196px;color:#fff;display:flex;flex-direction:column;gap:6px}.wallet-amount{font-size:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caption{color:#ffffffe6;font-size:14px}.card-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;align-items:center}.card-buttons .btn{min-height:40px;font-size:14px;padding:0 6px;border-radius:12px}.dots{display:flex;justify-content:center;gap:8px;margin-top:-8px}.dot{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:#ffffff4d;cursor:pointer}.dot.on{background:var(--magenta-soft)}.playing{display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.live-dot{width:12px;height:12px;border-radius:50%;background:var(--success);flex:none}.playing-text{flex:1;display:flex;flex-direction:column;color:var(--text);text-decoration:none}.list{display:flex;flex-direction:column}.list-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:8px 0;background:none;border:0;width:100%;text-align:left}.list-row-tap{cursor:pointer}.list-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:16px;color:#fff}.list-text{display:flex;flex-direction:column;min-width:0}.list-title{font-size:15px;display:block}.list-sub{font-size:12px;color:var(--dim);display:block}.list-amount{font-size:15px;white-space:nowrap}.queue-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;cursor:pointer}.queue-row:disabled{cursor:default}.steps{display:flex;flex-direction:column;gap:10px}.step{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.recall-frame{width:100%;height:70vh;border:0;border-radius:12px;background:#000}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brand-tile{min-height:84px;border-radius:14px;padding:14px 16px;border:3px solid transparent;color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;cursor:pointer}.brand-tile.chosen{border-color:#fff}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:8px 16px;border-radius:12px;border:0;background:#2c2545;color:var(--text);cursor:pointer}.chip.on{background:var(--magenta)}.summary{color:#c9bce6;min-height:1.4em}.demo-badge{background:#fc3;color:#000;font-size:13px;font-weight:700;letter-spacing:1.5px;padding:3px 10px;border-radius:8px;vertical-align:middle}.demo-note{color:#fc3}.gift-face{border-radius:20px;padding:20px 22px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.gift-top{display:flex;justify-content:space-between;align-items:center}.field-read{display:flex;flex-direction:column;gap:2px;background:none;border:0;padding:0;text-align:left;cursor:pointer}.barcode{background:#fff;border-radius:14px;padding:14px 12px;color:#000;display:flex;flex-direction:column;align-items:center;gap:6px}.barcode img{width:100%;height:90px;image-rendering:pixelated}.profile{flex-direction:row;align-items:center;gap:14px}.avatar{width:60px;height:60px;border-radius:50%;background:var(--wallet-grad);display:grid;place-items:center;font-family:var(--font-display);font-size:24px;font-weight:700;flex:none}.profile-name{font-family:var(--font-display);font-size:20px;font-weight:700}.stats{flex-direction:row;justify-content:space-around;text-align:center}.stat{font-family:var(--font-display);font-size:18px;font-weight:700}.menu{padding:4px 16px;gap:0}.menu-row{display:flex;justify-content:space-between;align-items:center;min-height:52px;color:var(--text);text-decoration:none;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.06);width:100%;text-align:left;cursor:pointer;font-size:15px}.menu-row:last-child{border-bottom:0}.menu-row span{color:var(--dim);font-size:20px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:center;gap:4px;background:var(--tabbar);border-top:1px solid var(--card-stroke);padding:6px 8px calc(6px + var(--safe-bottom))}.tab{position:relative;flex:1;max-width:140px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border:0;border-radius:14px;background:none;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer}.tab.on{color:var(--magenta-soft);background:#ffffff0f}.tab-icon{font-size:20px;line-height:1}.tab-live{position:absolute;top:6px;right:calc(50% - 18px);width:8px;height:8px;border-radius:50%;background:var(--success)}.banner{position:sticky;top:0;z-index:20;text-align:center;font-size:13px;font-weight:700;padding:calc(6px + var(--safe-top)) 12px 6px}.banner-slow{background:#5a4300;color:#ffe7a0}.banner-bad{background:#5a1020;color:#ffc2cf}.sheet{position:fixed;inset:0;z-index:30;background:var(--sheet);overflow-y:auto;animation:up .18s ease-out}@keyframes up{0%{transform:translateY(24px);opacity:0}}.sheet-body{max-width:560px;margin:0 auto;padding:calc(28px + var(--safe-top)) 20px calc(30px + var(--safe-bottom));display:flex;flex-direction:column;gap:16px}.sheet-title{font-size:26px;font-weight:700;margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sheet-light{background:#fff;color:#1c1730}.sheet-light .btn-quiet{background:#1c1730;color:#fff}.ticket-amount{font-size:36px;font-weight:700;text-align:center}.ticket-sub{color:#5d567a;text-align:center}.ticket{display:flex;justify-content:center;min-height:200px;align-items:center}.ticket img{width:100%;max-height:60vh;object-fit:contain}.skill-sheet{display:flex;flex-direction:column;overflow:hidden;padding-top:var(--safe-top)}.skill-head{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;gap:8px}.skill-head .btn{width:auto}.skill-frame{flex:1;width:100%;border:0;background:#000}.ask-backdrop{position:fixed;inset:0;z-index:50;background:#060210b3;display:grid;place-items:center;padding:24px}.ask{width:100%;max-width:360px;background:#221338;border:1px solid var(--card-stroke);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:10px}.ask h2{margin:0;font-size:18px}.ask p{color:var(--body)}.ask-buttons{display:flex;gap:10px;margin-top:6px}.spinner{width:28px;height:28px;margin:8px auto;border-radius:50%;border:3px solid rgba(45,226,230,.25);border-top-color:var(--cyan);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}