:root{color-scheme:light;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#f5f7ff;background-color:#0b0b14;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#1b1b2a,#0b0b14 55%);touch-action:pan-x pan-y}html.display-portrait-rotate,html.display-portrait-rotate body{height:100%;overflow:hidden}html.display-portrait-rotate #root{position:fixed;top:0;left:0;width:100vh;height:100vw;transform-origin:top left;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}html.display-portrait-rotate.display-portrait-rotate-cw #root{transform:translate(100vw) rotate(90deg)}html.display-portrait-rotate.display-portrait-rotate-ccw #root{transform:translateY(100vh) rotate(-90deg)}html.display-portrait .app-shell--kiosk .footer{display:none}html.display-portrait .app-shell--kiosk .topbar{padding:10px 12px;gap:10px}html.display-portrait .app-shell--kiosk .brand-subtitle{display:none}html.display-portrait .app-shell--kiosk .nav{gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}html.display-portrait .app-shell--kiosk .nav-link{padding:7px 12px;font-size:.85rem;white-space:nowrap}html.display-portrait .page--kiosk{padding:0}html.display-portrait .page--kiosk .stack-xl{gap:0}html.display-portrait .page--kiosk .card{padding:12px;border-radius:16px}html.display-portrait .page--kiosk .section-header{display:none}html.display-portrait .page--kiosk .live-layout{grid-template-columns:1fr;align-items:start}html.display-portrait .page--kiosk .card.live-card{padding:0;border-radius:0;background:transparent;border:0;box-shadow:none}html.display-portrait .page--kiosk .live-view{border-radius:0}html.display-portrait .page--kiosk .live-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}html.display-portrait .page--kiosk .thumb-tile{width:100%;max-width:none}html.display-portrait .page--kiosk .live-view--center{height:min(92vh,calc(100vw * 4 / 3),1400px);width:auto;min-height:0;margin:0 auto;padding:12px}html.display-portrait-rotate .page--kiosk .live-view--center{height:min(92vw,1400px)}html.display-portrait .page--kiosk .reel-capture--center{display:flex;flex-direction:column;align-items:center}html.display-portrait .page--kiosk .card.reel-capture{padding:0;border-radius:0;background:transparent;border:0;box-shadow:none}html.display-portrait .page--kiosk .reel-live{max-width:none;height:min(92vh,calc(100vw * 16 / 9),1400px);width:auto;margin:0 auto;border-radius:0;border:0}html.display-portrait-rotate .page--kiosk .reel-live{height:min(92vw,1400px)}html.display-portrait .page--kiosk .reel-controls{width:min(92vw,520px);padding:12px}html.display-portrait .page--kiosk .results-shell{gap:12px}html.display-portrait .page--kiosk .results-card{padding:0;border-radius:0;background:transparent;box-shadow:none}html.display-portrait .page--kiosk .results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;justify-items:stretch}html.display-portrait .page--kiosk .polaroid{width:100%;max-width:none;border-radius:16px}html.display-portrait .page--kiosk .results-actions{grid-template-columns:1fr;gap:12px}html.display-portrait .page--kiosk .qr-panel{padding:12px;border-radius:16px}html.display-portrait .page--kiosk .qr-card{justify-content:center}html.display-portrait .page--kiosk .qr-box{width:340px;height:340px}html.display-portrait .page--kiosk .qr-box img{width:280px;height:280px}a{text-decoration:none;color:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell--feed{background:var(--feed-bg, transparent);color:var(--feed-text, inherit)}.app-shell--reel-feed{background:var(--reel-bg, transparent);color:var(--reel-text, inherit)}.kiosk-shell{min-height:100vh;display:flex;flex-direction:column}.kiosk-shell.app-shell--feed{background:var(--feed-bg, transparent);color:var(--feed-text, inherit)}.kiosk-shell.app-shell--reel-feed{background:var(--reel-bg, transparent);color:var(--reel-text, inherit)}.kiosk-topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:center;padding:18px 20px;background:#0a0a14e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.app-shell--feed .topbar,.kiosk-shell.app-shell--feed .kiosk-topbar{background:var(--feed-bg, transparent);color:var(--feed-text, inherit);-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell--reel-feed .topbar,.kiosk-shell.app-shell--reel-feed .kiosk-topbar{background:var(--reel-bg, transparent);color:var(--reel-text, inherit);-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell--feed .brand-subtitle,.app-shell--reel-feed .brand-subtitle,.kiosk-shell.app-shell--feed .brand-subtitle,.kiosk-shell.app-shell--reel-feed .brand-subtitle{color:inherit;opacity:.75}.kiosk-page{flex:1;padding:24px 18px 40px}.menu-qr{margin-bottom:24px;text-align:left}.menu-qr h2{margin:0 0 6px}.menu-qr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:16px}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#0a0a14cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px}.brand-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#ff5bd8,#6c63ff);box-shadow:0 0 12px #ff5bd899}.brand-title{margin:0;font-weight:700;font-size:1rem}.brand-subtitle{margin:0;font-size:.85rem;color:#f5f7ff99}.nav{display:flex;gap:12px;flex-wrap:wrap}.nav-link{padding:8px 14px;border-radius:999px;background:#ffffff14;font-size:.9rem;transition:all .2s ease}.nav-link.active{background:linear-gradient(135deg,#6c63ff,#22d3ee);color:#0b0b14;font-weight:600}.page{flex:1;padding:32px 40px 64px}.page--feed{background:var(--feed-bg, transparent);color:var(--feed-text, inherit)}.page--reel-feed{background:var(--reel-bg, transparent);color:var(--reel-text, inherit)}.page--reel-feed,.kiosk-page.page--reel-feed{padding-left:0;padding-right:0}.page--reel-feed .card.reel-feed{padding:0;border-radius:0;background:transparent;border:0;box-shadow:none}.page--reel-feed .reel-grid{grid-template-columns:minmax(0,1fr);gap:0}.page--reel-feed .reel-card{border-radius:0;border-left:0;border-right:0}@media(max-width:720px){.page.page--feed,.kiosk-page.page--feed{padding-left:0;padding-right:0}.page--feed .photo-grid{grid-template-columns:minmax(0,1fr);gap:0}.page--feed .photo-card{border-radius:0;border:0;background:transparent}.page--feed .photo-preview{border-radius:0}}.footer{padding:24px 40px 40px;color:#f5f7ff99;text-align:center;font-size:.9rem}.app-shell--feed .footer{color:var(--feed-text, inherit);opacity:.75}.app-shell--reel-feed .footer{color:var(--reel-text, inherit);opacity:.75}.stack-xl{display:grid;gap:32px}.results-shell{display:grid;gap:32px;text-align:center}.results-card{background:#ffffff14;border-radius:28px;padding:28px;box-shadow:0 24px 60px #00000040}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px;justify-items:center}.polaroid{position:relative;width:150px;aspect-ratio:3 / 4;background:#fff;border-radius:18px;padding:6px;box-shadow:0 12px 30px #00000040}.polaroid-frame{width:100%;height:100%;background:#0b0b14;border-radius:12px;overflow:hidden}.polaroid-frame img{width:100%;height:100%;object-fit:cover}.polaroid-remove{position:absolute;top:-10px;right:-10px;width:32px;height:32px;border-radius:50%;border:2px solid #fff;background:#ef4444;color:#fff;font-size:1.1rem;cursor:pointer}.results-actions{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.qr-panel{background:#ffffff1a;border-radius:24px;padding:20px;text-align:center}.qr-panel h3{margin:0 0 6px}.qr-panel p{margin:0 0 12px;color:#f5f7ffb3}.qr-helper{margin-top:8px;font-size:.8rem;color:#f5f7ff99}.action-panel{display:grid;gap:12px;align-content:center}.session-shell{display:grid;gap:16px;max-width:520px;margin:0 auto}.session-header h2{margin:0 0 4px}.session-header p{margin:0;color:#f5f7ff99}.session-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.session-tile{border:2px solid transparent;border-radius:16px;background:#ffffff14;padding:8px;display:grid;gap:6px;text-align:center;color:#f5f7ffb3}.session-tile img{width:100%;aspect-ratio:1 / 1;border-radius:12px;object-fit:cover}.session-tile.is-selected{border-color:#22d3ee;color:#fff}.session-controls{background:#0a0a14cc;border-radius:20px;padding:12px;display:grid;gap:12px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.card{background:#11111ecc;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;box-shadow:0 20px 60px #00000040}.live-card{display:grid;gap:16px}.live-card--hero{align-items:center}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:16px;align-items:center}.live-main{display:grid;gap:16px;justify-items:start}.live-start{position:absolute;left:-8px;top:50%;transform:translateY(-50%);z-index:4;box-shadow:0 12px 30px #00000059}.live-thumbs{display:grid;gap:8px}.thumb-tile{width:140px;aspect-ratio:1 / 1;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#f5f7ff99;font-weight:600}.thumb-tile img{width:100%;height:100%;object-fit:cover;border-radius:12px}.thumb-tile.thumb-ready{border-color:#fff6}.live-view{position:relative;border-radius:20px;background:linear-gradient(135deg,#6c63ff33,#22d3ee33);border:1px dashed rgba(255,255,255,.2);min-height:280px;padding:18px;display:grid;align-content:space-between}.live-view--center{min-height:520px;display:grid;place-items:center;text-align:center;aspect-ratio:3 / 4;width:min(86vw,820px);margin:0 auto}.live-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:18px;opacity:.85}.live-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:18px;z-index:2;animation:previewPulse .3s ease}.countdown-orb{position:absolute;width:180px;height:180px;border-radius:50%;background:#0f0f1e99;border:6px solid rgba(255,255,255,.6);display:grid;place-items:center;font-size:4rem;font-weight:700;color:#f5f7ff;z-index:4;box-shadow:0 20px 60px #0006}@keyframes previewPulse{0%{transform:scale(1.02)}to{transform:scale(1)}}.live-overlay{display:flex;gap:8px;position:relative;z-index:3}.live-content p{margin:0;font-size:1.1rem}.live-content span{color:#f5f7ff99;font-size:.95rem}.live-content{position:relative;z-index:3}.countdown{display:inline-flex;align-items:baseline;gap:8px;padding:8px 14px;border-radius:999px;background:#0000004d;width:fit-content;position:relative;z-index:1}.countdown strong{font-size:1.4rem}.pill{padding:6px 12px;border-radius:999px;background:#00000059;font-size:.75rem}.pill--interactive{display:flex;align-items:center;gap:6px;cursor:pointer;background:#6c63ff33;border:1px solid rgba(108,99,255,.3);transition:all .2s ease}.pill--interactive:hover{background:#6c63ff66}.pill--interactive input{margin:0;cursor:pointer}.button-row{display:flex;flex-wrap:wrap;gap:12px}.button{border:none;border-radius:999px;padding:10px 22px;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.button:disabled{opacity:.6;cursor:not-allowed}.button.primary{background:linear-gradient(135deg,#ff5bd8,#6c63ff);color:#0b0b14;box-shadow:0 12px 24px #6c63ff4d}.button.ghost{background:#ffffff14;color:#f5f7ff}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:20px}.stat-card{padding:14px 16px;border-radius:18px;background:#ffffff0f}.stat-label{margin:0;font-size:.8rem;color:#f5f7ff99}.stat-value{margin:4px 0;font-size:1.4rem;font-weight:700}.stat-helper{margin:0;font-size:.75rem;color:#f5f7ff80}.section-header h2{margin:0 0 6px;font-size:1.5rem}.section-header p{margin:0;color:#f5f7ff99}.shot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.shot-tile{border-radius:18px;border:1px dashed rgba(255,255,255,.25);min-height:160px;display:grid;place-items:center;color:#f5f7ff99;background:#ffffff0a;font-size:.9rem}.shot-tile.shot-ready{border-style:solid}.shot-action{background:#ffffff0f;cursor:pointer;gap:10px}.shot-action.shot-selected{border-color:#22d3ee;box-shadow:0 0 20px #22d3ee40}.shot-preview{width:100%;height:120px;border-radius:14px;object-fit:cover;aspect-ratio:1 / 1}.qr-card{margin-top:16px;display:flex;align-items:center;gap:16px;background:#ffffff0a;border-radius:20px;padding:16px}.qr-box{width:220px;height:220px;border-radius:16px;border:1px dashed rgba(255,255,255,.3);display:grid;place-items:center;gap:6px;font-size:.7rem;color:#f5f7ff99}.qr-box img{width:170px;height:170px;background:#fff;padding:6px;border-radius:8px}.qr-placeholder{width:48px;height:48px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.7),rgba(255,255,255,.7) 4px,transparent 4px,transparent 8px);border-radius:8px}.qr-title{margin:0;font-weight:600}.qr-code{margin:4px 0 0;color:#f5f7ff99}.edit-panel{display:grid;gap:14px;width:100%}.edit-panel label{display:grid;gap:8px;font-size:.9rem}.edit-panel input[type=range]{width:100%}.editor-grid{display:grid;grid-template-columns:1fr;gap:16px}.editor-preview{background:#ffffff0a;border-radius:16px;padding:12px;display:flex;align-items:center;justify-content:center;position:relative}.editor-preview__frame{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;background:#0b0b14}.editor-preview__frame img{width:100%;height:100%;object-fit:cover;display:block}.editor-text{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-weight:600;text-shadow:0 4px 12px rgba(0,0,0,.6)}.editor-sticker{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none}.editor-canvas{display:none}.edit-options{display:flex;flex-wrap:wrap;gap:10px}.chip{background:#ffffff14;border:none;padding:8px 14px;border-radius:999px;color:#f5f7ff;cursor:pointer}.chip-active{background:#f43f5e33;color:#ffd1dc}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.podium{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:24px;align-items:end}.podium-slot{display:flex}.podium-card{position:relative;width:100%}.podium-crown{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:30px;z-index:3;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}.podium-card .photo-card{position:relative;z-index:1}.podium-gold .podium-crown{color:#facc15}.podium-silver .podium-crown{color:#e2e8f0}.podium-bronze .podium-crown{color:#f59e0b}.podium-1{transform:translateY(-12px) scale(1.05)}.podium-2,.podium-3{opacity:.95}.reaction-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;overflow:visible}.reaction-btn{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:inherit;font-weight:600;font-size:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;cursor:pointer}.reaction-btn:after{content:"";position:absolute;inset:-6px;border-radius:inherit;pointer-events:none;opacity:0;transform:scale(.92);transition:opacity .25s ease,transform .25s ease;box-shadow:0 0 #7a5cff00}.reaction-btn .emoji{font-size:16px}.reaction-btn.share-btn{padding:6px 8px}.share-icon{width:18px;height:18px;display:block}.reaction-count{font-size:12px;font-weight:700;opacity:.9}.wall-reactions{display:flex;gap:10px;align-items:center}.wall-reactions--large{gap:16px}.wall-reaction{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#f6f7ff}.wall-reaction .emoji{font-size:16px}.wall-reactions--large .emoji{font-size:22px}.wall-reaction .count{font-size:14px}.wall-reactions--large .count{font-size:18px}.reaction-btn:hover{transform:translateY(-2px);border-color:#fff3;box-shadow:0 12px 20px #00000040;background:#ffffff0f}.reaction-btn:active{transform:translateY(0) scale(.98)}.reaction-btn:hover .emoji{transform:translateY(-1px) rotate(-6deg)}.reaction-btn .emoji{transition:transform .18s ease}.reaction-btn.reacted{border-color:#7a5cff99;box-shadow:0 0 0 2px #7a5cff26}.reaction-btn.reacted:after{opacity:1;transform:scale(1);box-shadow:0 0 0 10px #7a5cff14}.reaction-btn.locked{opacity:.55}.points-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:inherit;font-weight:700;font-size:12px;white-space:nowrap}.reaction-burst{position:absolute;inset:0;pointer-events:none;animation:reaction-pop .7s ease-out;display:grid;place-items:center;font-size:22px;opacity:0}@keyframes reaction-pop{0%{transform:scale(.55) rotate(-8deg);opacity:0}20%{opacity:1}60%{transform:scale(1.25) rotate(8deg);opacity:.8}to{transform:scale(1.9) rotate(14deg);opacity:0}}.photo-card{background:#ffffff0a;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.photo-preview{aspect-ratio:3 / 4;height:auto;position:relative}.photo-preview img{width:100%;height:100%;object-fit:cover;display:block}.photo-tag{position:absolute;top:12px;left:12px;background:#0006;padding:4px 8px;border-radius:999px;font-size:.75rem}.photo-meta{padding:14px;display:flex;align-items:center;justify-content:space-between}.photo-meta--actions{justify-content:flex-end}.photo-title{margin:0;font-weight:600}.photo-id{margin:0;font-size:.75rem;color:#f5f7ff80}.like-button{border:none;background:#ffffff14;padding:6px 10px;border-radius:999px;color:#f5f7ff;cursor:pointer}.like-button:disabled{opacity:.7;cursor:not-allowed}.like-button--active{background:#f43f5e33;color:#ffd1dc}.action-button{border:none;background:#ffffff14;padding:6px 12px;border-radius:999px;color:#f5f7ff;cursor:pointer}.icon-button{border:none;background:#ffffff14;padding:6px 10px;border-radius:999px;color:#f5f7ff;cursor:pointer}.photo-actions{display:flex;gap:8px}.feed-actions{display:flex;gap:8px;align-items:center}.like-burst-wrap{position:relative}.like-burst{position:absolute;inset:-12px;pointer-events:none}.like-burst span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:like-pop .6s ease-out forwards;opacity:0}.like-burst span:nth-child(1){--dx: -18px;--dy: -22px}.like-burst span:nth-child(2){--dx: 20px;--dy: -18px;animation-delay:60ms}.like-burst span:nth-child(3){--dx: -14px;--dy: 18px;animation-delay:.12s}.like-burst span:nth-child(4){--dx: 16px;--dy: 20px;animation-delay:.18s}.editor-modal{position:fixed;inset:0;background:#070710cc;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.editor-modal__content{width:min(900px,94vw);background:#0b0b14;border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.08);display:grid;gap:16px}@keyframes like-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.2)}}.rank-badge{background:linear-gradient(135deg,#facc15,#f97316);color:#0b0b14;padding:6px 10px;border-radius:999px;font-weight:700}.admin-list{display:grid;gap:12px}.admin-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:16px;background:#ffffff0a}.admin-title{margin:0;font-weight:600}.admin-sub{margin:4px 0 0;font-size:.8rem;color:#f5f7ff99}.admin-pill{padding:6px 12px;border-radius:999px;background:#ffffff1f;font-size:.8rem}.event-form{display:grid;gap:14px;margin-bottom:16px}.event-form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.event-form textarea{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);padding:10px 12px;border-radius:12px;color:#f5f7ff;resize:vertical}.event-list{display:grid;gap:12px}.event-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:16px;background:#ffffff0a}.event-actions{display:flex;gap:8px;align-items:center}.event-pill{padding:6px 12px;border-radius:999px;background:#22c55e33;color:#86efac;font-size:.8rem;font-weight:700}.muted{color:#f5f7ff99;margin:0}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px 16px}.login-card{width:min(420px,94vw);background:#0c0c18e6;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px;display:grid;gap:16px;box-shadow:0 30px 60px #00000059}.login-brand{display:flex;align-items:center;gap:12px}.login-title{margin:0;font-size:1.6rem}.login-subtitle{margin:0;color:#f5f7ff99}.login-form{display:grid;gap:12px}.form-field{display:grid;gap:6px;font-size:.85rem;color:#f5f7ffb3}.form-field input{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);padding:10px 12px;border-radius:12px;color:#f5f7ff}.form-error{margin:0;color:#f87171;font-size:.85rem}.menu-page{display:grid;gap:24px}.menu-header h1{margin:0}.menu-header p{margin:6px 0 0;color:#f5f7ff99}.menu-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.logout-button{border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#f5f7ff;padding:8px 14px;border-radius:999px;cursor:pointer;font-weight:600}.logout-button:hover{border-color:#ffffff40}.menu-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.menu-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;display:grid;gap:8px;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.menu-card:hover{transform:translateY(-4px);box-shadow:0 20px 30px #00000040}.menu-card h2{margin:0;font-size:1.1rem}.menu-card p{margin:0;color:#f5f7ff99}.menu-link{margin-top:6px;font-weight:700;color:#a78bfa}.reel-capture{display:grid;gap:16px;grid-template-columns:minmax(240px,1fr) minmax(220px,280px);align-items:center}.reel-capture--center{grid-template-columns:1fr;justify-items:center;text-align:center}.reel-live{position:relative;border-radius:20px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.08);aspect-ratio:9 / 16;max-width:360px}.reel-overlay{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:8px;align-items:center;z-index:5}.reel-overlay .pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reel-overlay select.pill{flex:1;min-width:0}html.display-portrait .reel-live{max-width:none;width:min(92vw,560px)}html.display-portrait-rotate .reel-live{max-width:none;width:min(92vh,1000px)}.reel-countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:64px;font-weight:800;color:#fff;background:#00000059}.reel-video{width:100%;height:100%;display:block}.reel-video--source{position:absolute;inset:0;opacity:0;pointer-events:none}.reel-video--canvas{position:relative}.reel-badge{position:absolute;top:12px;left:12px;background:#0009;color:#fff;padding:6px 10px;border-radius:999px;font-size:.75rem}.reel-recording{position:absolute;top:64px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:#0a0a10b8;color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:.2px;border:1px solid rgba(255,255,255,.12)}.reel-recording__dot{width:14px;height:14px;border-radius:50%;background:#ef4444;box-shadow:0 0 12px #ef4444cc;animation:reel-recording-blink 1s ease-in-out infinite}@keyframes reel-recording-blink{0%,to{opacity:1}50%{opacity:.25}}.reel-controls{display:grid;gap:12px;justify-items:center}.segmented{display:inline-flex;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px;gap:4px}.segmented__item{appearance:none;border:0;background:transparent;color:#ffffffd1;padding:8px 12px;border-radius:999px;font-weight:600;cursor:pointer}.segmented__item.is-active{background:#ffffff24;color:#fff}.segmented__item:disabled{opacity:.6;cursor:not-allowed}.reel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.reel-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;display:grid}.reel-preview{width:100%;aspect-ratio:9 / 16;object-fit:cover;display:block}.reel-live__placeholder{width:100%;aspect-ratio:9 / 16;display:grid;place-items:center;background:#ffffff0a;border:1px dashed rgba(255,255,255,.14);border-radius:16px;padding:16px}.reel-actions{padding:12px}.reel-modal{position:fixed;inset:0;background:#070710b3;display:grid;place-items:center;z-index:40;padding:20px}.reel-uploading{position:fixed;inset:0;background:#0707109e;display:grid;place-items:center;z-index:45;padding:20px}.reel-uploading__content{background:#0a0a10e6;border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:24px 32px;font-size:1.4rem;font-weight:700;letter-spacing:.2px;color:#fff;box-shadow:0 24px 60px #00000059}.reel-modal__content{background:#0b0b14;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.08);display:grid;gap:10px;text-align:center}.reel-preview-modal{width:min(340px,84vw);margin:0 auto;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#00000059}.reel-preview-modal__video{width:100%;aspect-ratio:9 / 16;object-fit:cover;display:block}.reel-preview-pair{width:min(740px,92vw);display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 auto}.reel-preview-pair__box{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#00000059}.reel-qr{display:grid;place-items:center;margin-top:6px}@media(max-width:720px){.reel-preview-pair{grid-template-columns:1fr;width:min(360px,88vw)}}@media(max-width:900px){.reel-capture{grid-template-columns:1fr}}.hidden-canvas{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@media(max-width:720px){.topbar{flex-direction:column;align-items:flex-start;gap:16px}.page{padding:24px}}