:root{--space-950: #050514;--space-900: #0b0b22;--space-800: #141432;--space-700: #1e1e46;--nebula: #7b5cff;--nebula-deep: #9d4edd;--cosmic: #4cc9f0;--star: #f4f2ff;--pink: #f72585;--gold: #ffd166;--muted: #9a96c8}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(123,92,255,.25),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(76,201,240,.18),transparent 60%),var(--space-950);color:var(--star);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.center{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.logo{font-size:44px;letter-spacing:.28em;font-weight:700;background:linear-gradient(120deg,var(--cosmic),var(--nebula),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.logo-sm{font-weight:700;letter-spacing:.2em;font-size:14px;background:linear-gradient(120deg,var(--cosmic),var(--nebula),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.event-name{font-weight:600;font-size:22px}.event-sm{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw}.muted{color:var(--muted);font-size:15px}.join-form{display:flex;flex-direction:column;gap:12px;width:min(320px,86vw);margin-top:8px}.join-form input{background:var(--space-800);border:1px solid var(--space-700);color:var(--star);padding:14px 16px;border-radius:14px;font-size:16px;outline:none}.join-form input:focus{border-color:var(--nebula)}.btn-primary{background:linear-gradient(120deg,var(--nebula),var(--pink));color:#fff;border:none;padding:15px 18px;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 6px 24px #7b5cff73}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(env(safe-area-inset-top) + 10px) 14px 10px;background:#050514a6;backdrop-filter:blur(10px)}.sync{font-size:12px;padding:4px 10px;border-radius:999px;white-space:nowrap}.sync.done{color:#6ee7b7;background:#6ee7b71f}.sync.pending{color:var(--gold);background:#ffd1661f}.camera-wrap{position:relative;flex:1;overflow:hidden;background:#000}.camera-wrap video{width:100%;height:100%;object-fit:cover}.camera-wrap video.mirror{transform:scaleX(-1)}.camera-error{padding:40px 24px;text-align:center;color:var(--muted)}.flash{position:absolute;inset:0;background:#fff;opacity:.7;animation:fade .18s ease-out}@keyframes fade{0%{opacity:.7}to{opacity:0}}.camera-controls{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 22px);left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.shots-left{font-size:13px;color:var(--star);background:#0505148c;padding:6px 12px;border-radius:999px;min-width:54px;text-align:center}.shutter{width:76px;height:76px;border-radius:50%;cursor:pointer;border:5px solid rgba(244,242,255,.9);background:radial-gradient(circle at 35% 30%,var(--cosmic),var(--nebula) 55%,var(--pink));box-shadow:0 0 34px #7b5cffa6}.shutter:active{transform:scale(.92)}.shutter:disabled{filter:grayscale(1);opacity:.5}.flip{width:48px;height:48px;border-radius:50%;border:1px solid var(--space-700);background:#141432b3;color:var(--star);font-size:20px;cursor:pointer}.done-banner{position:fixed;bottom:0;left:0;right:0;padding:14px 18px calc(env(safe-area-inset-bottom) + 14px);background:#0b0b22eb;text-align:center;font-size:14px;color:var(--star)}.link-btn{background:none;border:none;color:var(--cosmic);font-size:13px;cursor:pointer;padding:4px 8px}.rec-pill{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#f72585d9;color:#fff;font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px}.mode-toggle{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 116px);left:50%;transform:translate(-50%);display:flex;gap:4px;background:#05051499;border-radius:999px;padding:4px}.mode-toggle button{border:none;background:transparent;color:var(--muted);font-size:13px;padding:7px 16px;border-radius:999px;cursor:pointer}.mode-toggle button.on{background:var(--space-700);color:var(--star)}.shutter.video{background:radial-gradient(circle at 35% 30%,var(--pink),#c11568)}.shutter.recording{border-radius:26%;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 24px #f7258580}50%{box-shadow:0 0 44px #f72585e6}}.gallery-scroll{flex:1;overflow-y:auto;padding-bottom:30px}.pad{padding:18px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:10px}.mini-ph{aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--space-800);display:block}.mini-ph img,.mini-ph video{width:100%;height:100%;object-fit:cover}.cta-card{margin:22px 16px;padding:24px;border-radius:18px;text-align:center;background:#14143299;border:1px solid var(--space-700);display:flex;flex-direction:column;gap:12px;align-items:center}.cta-card p{color:var(--star);font-size:15px}.orbit-loader{width:46px;height:46px;border-radius:50%;border:3px solid var(--space-700);border-top-color:var(--nebula);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}