:root{--bg:#050810;--panel:hsla(0,0%,100%,.05);--panel2:hsla(0,0%,100%,.08);--text:hsla(0,0%,100%,.93);--muted:hsla(0,0%,100%,.6);--muted2:hsla(0,0%,100%,.38);--stroke:hsla(0,0%,100%,.08);--shadow:0 20px 60px rgba(0,0,0,.6);--radius:20px;--radius2:28px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--maxw:520px;--accent:#6ae3ff;--accent2:#b07cff;--accent3:#f472b6;--glass:hsla(0,0%,100%,.04);--glass-border:hsla(0,0%,100%,.08);--glass-blur:24px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{padding:0;margin:0;height:100%}body{color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 500px at 15% -5%,rgba(106,227,255,.12),transparent 55%),radial-gradient(700px 500px at 85% 5%,rgba(176,124,255,.1),transparent 55%),radial-gradient(800px 600px at 50% 105%,rgba(244,114,182,.08),transparent 55%);animation:ambientDrift 30s ease-in-out infinite alternate}@keyframes ambientDrift{0%{transform:translate(0) scale(1)}50%{transform:translate(-20px,10px) scale(1.02)}to{transform:translate(10px,-15px) scale(.98)}}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.fade-up{animation:fadeUp .4s ease-out both}.fade-in{animation:fadeIn .3s ease-out both}.scale-in{animation:scaleIn .35s ease-out both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.app{min-height:100dvh;display:flex;flex-direction:column;align-items:stretch}.main{flex:1 1;width:100%;max-width:var(--maxw);margin:0 auto;padding:calc(16px + var(--safe-top)) 16px calc(92px + var(--safe-bottom))}.main--center{justify-content:center;padding:32px 16px}.main--center,.topbar{display:flex;align-items:center}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;padding:calc(12px + var(--safe-top)) 16px 12px;backdrop-filter:blur(30px) saturate(1.4);-webkit-backdrop-filter:blur(30px) saturate(1.4);background:rgba(5,8,16,.75);border-bottom:1px solid hsla(0,0%,100%,.05);justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand__dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2),var(--accent3));box-shadow:0 0 12px rgba(106,227,255,.3);animation:pulse 3s ease-in-out infinite}.brand__text{font-weight:800;letter-spacing:.8px;font-size:15px}.topbar__right{display:flex;align-items:center;gap:8px}.iconbtn{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:var(--glass);border:1px solid var(--glass-border);transition:all .2s ease}.iconbtn:hover{background:hsla(0,0%,100%,.08)}.iconbtn:active{transform:scale(.92);transition:transform .1s}.avatar{position:relative;width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);overflow:hidden;transition:transform .2s ease}.avatar:active{transform:scale(.92)}.avatar__ring{position:absolute;inset:-2px;border-radius:999px;background:conic-gradient(from 180deg,var(--accent),var(--accent2),var(--accent3),var(--accent));opacity:.75;z-index:-1}.avatar__face{font-weight:800;font-size:11px;color:hsla(0,0%,100%,.9)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:8px 8px calc(8px + var(--safe-bottom));justify-content:space-between;backdrop-filter:blur(30px) saturate(1.4);-webkit-backdrop-filter:blur(30px) saturate(1.4);background:rgba(5,8,16,.75);border-top:1px solid hsla(0,0%,100%,.05)}.tab,.tabbar{display:flex;gap:4px}.tab{flex:1 1;min-width:0;border-radius:14px;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;color:hsla(0,0%,100%,.45);border:1px solid transparent;transition:all .2s ease}.tab--active{background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.95);border-color:hsla(0,0%,100%,.06)}.tab:active{transform:scale(.94);transition:transform .1s}.tab__label{font-size:10px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stories{margin:6px 0 14px}.stories__scroller{display:flex;gap:12px;overflow:auto;padding-bottom:6px;scrollbar-width:none}.stories__scroller::-webkit-scrollbar{display:none}.story{border:0;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:68px;transition:transform .15s ease}.story:active{transform:scale(.92)}.story__ring{width:54px;height:54px;border-radius:999px;background:conic-gradient(from 180deg,var(--accent),hsla(0,0%,100%,.06),var(--accent));border:1.5px solid hsla(0,0%,100%,.08);box-shadow:0 8px 24px rgba(0,0,0,.3)}.story__label{font-size:10px}.hintpill,.story__label{font-weight:600;color:var(--muted2)}.hintpill{font-size:11px;padding:5px 12px;border-radius:999px;border:1px solid var(--glass-border)}.eventcard,.hintpill{background:var(--glass)}.eventcard{width:100%;border-radius:var(--radius2);backdrop-filter:blur(var(--glass-blur)) saturate(1.3);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);border:1px solid var(--glass-border);box-shadow:var(--shadow),0 0 0 1px hsla(0,0%,100%,.03) inset;transition:box-shadow .3s ease;display:block;text-decoration:none;color:inherit}.eventcard,.eventcard__media{position:relative;overflow:hidden}.eventcard__media{height:320px}.eventcard__cover{position:absolute;inset:0;background-size:cover;background-position:50%;transition:transform .6s ease}.eventcard:hover .eventcard__cover{transform:scale(1.04)}.eventcard__cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,16,.9) 0,rgba(5,8,16,.4) 40%,rgba(5,8,16,.1) 70%,transparent)}.eventcard__gradient{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,hsla(0,0%,100%,.15),hsla(0,0%,100%,.03)),linear-gradient(135deg,var(--a),var(--b));background-size:200% 200%;animation:gradientShift 8s ease infinite}.eventcard__shine{position:absolute;inset:-40% -20%;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.14),transparent 50%);transform:rotate(12deg);pointer-events:none}.eventcard__play{position:absolute;inset:0;display:grid;place-items:center}.eventcard__play span{width:62px;height:62px;border-radius:999px;background:rgba(0,0,0,.25);border:1.5px solid hsla(0,0%,100%,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;transition:transform .2s ease,background .2s ease}.eventcard__play span:hover{transform:scale(1.08);background:rgba(0,0,0,.35)}.eventcard__play span:before{content:"";position:absolute;left:26px;top:20px;border-left:16px solid hsla(0,0%,100%,.92);border-top:10px solid transparent;border-bottom:10px solid transparent}.eventcard__body{padding:16px;position:relative;z-index:2}.eventcard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.eventcard__title{font-size:20px;font-weight:900;letter-spacing:-.3px;line-height:1.15}.eventcard__meta{margin-top:5px;font-size:12px;font-weight:500;color:var(--muted)}.eventcard__bottom{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.host{font-size:12px;font-weight:600;color:var(--muted)}.host__handle{color:var(--muted2);font-weight:500}.tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:7px 12px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);color:hsla(0,0%,100%,.78);transition:all .15s ease}.pill:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.12)}.pill:active{transform:scale(.94);transition:transform .08s}.pill--price{background:hsla(0,0%,100%,.08);font-weight:700}.primary{padding:11px 18px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent2));background-size:200% 200%;color:#050810;font-weight:900;font-size:13px;letter-spacing:.2px;transition:all .2s ease;box-shadow:0 4px 20px rgba(106,227,255,.2)}.primary:hover{background-position:100% 0;box-shadow:0 6px 28px rgba(106,227,255,.3)}.primary:active{transform:scale(.95);transition:transform .08s}.primary:disabled{opacity:.5;pointer-events:none}.card{border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--glass);backdrop-filter:blur(var(--glass-blur)) saturate(1.2);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.2);padding:16px;box-shadow:0 8px 32px rgba(0,0,0,.2),inset 0 0 0 1px hsla(0,0%,100%,.02);animation:fadeUp .35s ease-out both}.cardHeader{border-bottom:1px solid hsla(0,0%,100%,.06);padding-bottom:10px}.h1{font-size:26px;font-weight:900;letter-spacing:-.5px;margin:0 0 6px;line-height:1.1}.sub{color:var(--muted);margin:0 0 16px;font-size:13px;font-weight:500}.section{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:16px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:0 14px 50px rgba(0,0,0,.3)}.row{gap:12px;flex-wrap:wrap}.field,.row{display:flex}.field{flex-direction:column;gap:6px;margin:10px 0}.label{font-size:11px;font-weight:600;color:var(--muted2);text-transform:uppercase;letter-spacing:.5px}.input{height:44px;border-radius:14px;padding:0 14px;border:1px solid hsla(0,0%,100%,.08);background:rgba(0,0,0,.3);color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:rgba(106,227,255,.3);box-shadow:0 0 0 3px rgba(106,227,255,.08)}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid hsla(0,0%,100%,.08);background:rgba(0,0,0,.3);color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(106,227,255,.3);box-shadow:0 0 0 3px rgba(106,227,255,.08)}.field textarea{resize:vertical;min-height:80px}.btn{height:44px;border-radius:14px;border:1px solid var(--glass-border);background:var(--glass);color:var(--text);font-weight:800;letter-spacing:.2px;cursor:pointer;transition:all .15s ease}.btn:active{transform:scale(.97)}.btn--primary{background:linear-gradient(135deg,rgba(106,227,255,.5),rgba(176,124,255,.5))}.grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:760px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.thumb{aspect-ratio:1/1;border-radius:18px;border:1px solid var(--glass-border);background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.12),hsla(0,0%,100%,.03)),linear-gradient(135deg,var(--a),var(--b));transition:transform .2s ease}.thumb:hover{transform:scale(1.03)}.grid2{display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr}@media (min-width:680px){.grid2{grid-template-columns:1fr 1fr}}.kbd{font-size:11px;font-weight:600;color:var(--muted2)}.sep{height:1px;background:hsla(0,0%,100%,.06);margin:14px 0}.countdown{display:inline-flex;gap:8px;align-items:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.countdown__block{text-align:center;padding:6px 8px;background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;min-width:48px}.countdown__num{font-size:20px;font-weight:900;line-height:1;letter-spacing:-.5px}.countdown__label{font-size:9px;font-weight:600;color:var(--muted2);text-transform:uppercase;margin-top:2px;letter-spacing:.5px}.attendees{display:flex;align-items:center}.attendees__avatar{width:28px;height:28px;border-radius:999px;border:2px solid var(--bg);background:hsla(0,0%,100%,.08);display:grid;place-items:center;font-size:9px;font-weight:700;overflow:hidden;margin-left:-8px}.attendees__avatar:first-child{margin-left:0}.attendees__more{font-size:11px;font-weight:700;color:var(--muted);margin-left:6px}.overlay{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}.modal{position:fixed;bottom:0;left:0;right:0;z-index:90;max-height:85vh;overflow-y:auto;border-radius:24px 24px 0 0;background:rgba(15,18,28,.97);border-top:1px solid hsla(0,0%,100%,.08);padding:20px 16px calc(20px + var(--safe-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease-out}.modal__handle{width:36px;height:4px;border-radius:999px;background:hsla(0,0%,100%,.15);margin:0 auto 16px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:999px}::selection{background:rgba(106,227,255,.25);color:#fff}