:root{color-scheme:dark;--bg: #050506;--text: #f5f7fb;--muted: rgba(245, 247, 251, .62);--line: rgba(255, 255, 255, .16);--glass: rgba(255, 255, 255, .06);--danger: #ff8d8d;--accent: #7ad7ff;--font: "Outfit", "Segoe UI", system-ui, sans-serif}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font:500 16px/1.45 var(--font)}button,.pick,textarea{font:inherit}button{cursor:pointer}.screen{box-sizing:border-box;max-width:32rem;margin:0 auto;padding:16px 16px 32px;display:grid;gap:12px}h1,h2{margin:0;font-weight:300;letter-spacing:-.03em}h1{font-size:1.7rem}h2{font-size:1.15rem}p{margin:0}.hint,.note{color:var(--muted)}.actions,.group{display:grid;gap:8px}.qr{width:min(100%,320px);height:auto;justify-self:center}button,.pick{display:block;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:999px;min-height:52px;padding:12px 14px;background:#fff;color:#111216;text-align:center}button.secondary,.pick{background:var(--glass);color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}button.selected{outline:2px solid var(--accent);outline-offset:0}.pick{position:relative;cursor:pointer}.pick input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}textarea{width:100%;box-sizing:border-box;min-height:8rem;padding:12px;border-radius:16px;border:1px solid var(--line);resize:vertical;background:var(--glass);color:var(--text)}textarea::placeholder{color:var(--muted)}.error{color:var(--danger)}.photos{margin:0;padding-left:1.2rem}.photo-preview{display:block;width:100%;max-height:18rem;object-fit:contain;border-radius:16px;background:var(--glass)}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.photo-grid .photo-preview{aspect-ratio:1;max-height:none;object-fit:cover}.home{position:relative;isolation:isolate;box-sizing:border-box;min-height:100dvh;max-width:32rem;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.home-fluid,.home-fade,.home-grain{position:absolute;pointer-events:none}.home-fluid{top:-14%;left:-22%;width:144%;height:92%;background:url(/fluid.png) center 28% / cover no-repeat;filter:blur(26px);transform:scale(1.12)}.home-fade{top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 38%,rgba(5,5,6,.55) 62%,#050506 84%)}.home-grain{top:0;right:0;bottom:0;left:0;opacity:.72;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='1.6 0 0 0 -0.3  0 1.6 0 0 -0.3  0 0 1.6 0 -0.3  0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px}.home-stage{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto}.home-hero{margin-block:auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:22px;padding:28px 20px 12px}.avatar{width:168px;height:168px;box-sizing:border-box;padding:3px;border-radius:50%;background:linear-gradient(160deg,#fff,#7ad7ff 42%,#1a4dff);box-shadow:0 0 0 10px #3ecbff1f,0 0 56px #3ecbff6b}.avatar-photo,.avatar-fallback{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 32% 24%,#5ee0ff,transparent 46%),linear-gradient(165deg,#1640d4,#061018 74%)}.avatar-photo{display:block;object-fit:cover}.avatar-fallback{display:grid;place-items:center;color:#fff;font-size:3.4rem;font-weight:300;line-height:1}.balance-row{display:grid;grid-template-columns:1fr;gap:10px;width:min(100%,22rem)}.balance-chip{display:grid;justify-items:center;gap:6px;padding:16px 12px 14px;border-radius:24px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.balance-value{display:block;min-height:1.9rem;font-size:1.9rem;font-weight:300;letter-spacing:-.03em;line-height:1}.balance-label{color:var(--muted);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.balance-topup{width:min(100%,22rem);height:48px;border-radius:999px;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.invite-block{display:grid;justify-items:center;gap:8px;width:min(100%,22rem)}.invite-code{margin:0;font-size:1.05rem;letter-spacing:.18em}.invite-hint{margin:0;color:var(--muted);font-size:.85rem;text-align:center}.home .queue-list{width:min(100%,22rem)}.queue-list{display:grid;gap:8px}.queue-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:24px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.kind-icon{width:22px;height:22px;flex:none}.home-dock{position:relative;z-index:1;display:grid;gap:10px;padding:8px 20px calc(18px + env(safe-area-inset-bottom))}.home-dock .pill{height:52px;border:0;border-radius:999px;background:#fff;color:#111216;font-weight:500}.home-dock .pill-glass{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.28)}.spinner{width:18px;height:18px;margin-left:auto;flex:none;border:2px solid rgba(245,247,251,.28);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.spinner-large{width:42px;height:42px;margin:0;border-width:3px}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;align-content:center;gap:12px;background:color-mix(in srgb,var(--bg) 78%,transparent)}@keyframes spin{to{transform:rotate(360deg)}}