*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#030506;color:#fffff4;font-family:Arial,Helvetica,sans-serif}body{min-height:100svh}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #f9e8c5;outline-offset:5px}.screen{position:relative;max-width:687px;min-height:100svh;margin:auto;padding-top:25px;overflow:hidden}header{height:88px;display:flex;align-items:center;gap:29px;padding:0 20px}.round{flex:none;width:83px;height:83px;border-radius:50%;border:2px solid #44444f;background:radial-gradient(at 40% 20%,#171722,#0d0e17);box-shadow:inset 0 0 0 3px #ffffff03;display:grid;place-items:center}.round svg{width:48px;fill:none;stroke:#fffff6;stroke-width:2.6;stroke-linecap:round}.event{min-width:0;flex:1;height:78px;display:flex;align-items:center;gap:14px;border-radius:45px;background:linear-gradient(120deg,#171822,#11121b);border:1px solid #292a32;box-shadow:0 -2px 2px #ffffff14;padding:8px 16px;text-align:left;font-size:26px;font-weight:700;letter-spacing:-.7px;white-space:nowrap}.event-art{position:relative;overflow:hidden;width:49px;height:51px;flex:none;border-radius:12px}.event-art img{position:absolute;width:687px;max-width:none;left:-151px;top:-47px}.more span{font-size:35px;letter-spacing:1px;line-height:0;transform:translateY(-6px)}.invite{margin:119px 49px 0;padding:20px 18px 19px;border-radius:43px;background:linear-gradient(125deg,#34343d,#34333a 65%,#39373e);box-shadow:inset 0 1px 2px #ffffff09;transform:none}.card-head{display:flex;align-items:center;justify-content:space-between;padding:0 1px 19px}.card-head h1{font-size:31px;letter-spacing:-1.2px;line-height:1.1;margin:0;font-weight:700}.card-head p{font-size:21px;font-weight:600;color:#e3e2dc;margin:3px 0 0}.card-head button{width:53px;height:60px;background:none;border:0;padding:2px}.card-head svg{fill:none;stroke:#fffdef;stroke-width:3.7;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.qr-panel{--qr-inset:20px;position:relative;aspect-ratio:1;background:#faf5e6;border-radius:21px;padding:0;box-shadow:0 0 4px #fff4dca0;overflow:hidden}#qr{position:absolute;inset:var(--qr-inset);display:grid;place-items:center}#qr svg{display:block;width:100%;height:100%;aspect-ratio:1}.portrait{position:absolute;width:21.5%;aspect-ratio:1;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#cda16d;overflow:hidden;box-shadow:0 0 0 5px #faf5e6}.portrait img{position:absolute;width:597.4%;max-width:none;left:-259.1%;top:-476.5%}.portrait.custom img{width:100%;height:100%;inset:0;object-fit:cover}.pages{display:flex;gap:17px;justify-content:center;align-items:center;margin-top:39px}.pages button{border:0;padding:0;width:15px;height:15px;border-radius:50%}.dot{background:#fffff1;box-shadow:0 0 5px #fff4}.add{background:#ada3a5;color:#383239;font-size:14px;line-height:15px}dialog{border:1px solid #44444e;border-radius:24px;background:#24242c;color:#faf7ee;width:min(420px,92vw);padding:26px;box-shadow:0 24px 100px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.dialog-title{display:flex;align-items:center;justify-content:space-between}.dialog-title h2{font-size:23px;margin:0}.dialog-title button{background:none;border:0;font-size:30px}.hint,small{color:#aaa9b2;font-size:12px;line-height:1.5}label{display:block;font-size:14px;margin:19px 0}input{width:100%;display:block;background:#16161c;color:#fff;border:1px solid #484851;padding:12px;border-radius:9px;margin:7px 0}.save,.download{padding:13px;width:100%;border-radius:10px;border:0;background:#f5eddb;color:#25242b;font-weight:600}.download{margin-top:9px;background:#393942;color:#eee}#toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%,20px);opacity:0;background:#eee6d9;color:#16161b;padding:12px 20px;border-radius:30px;transition:.2s;pointer-events:none;font-size:14px;white-space:nowrap}#toast.visible{opacity:1;transform:translate(-50%,0)}.closed{text-align:center;margin:140px auto;width:230px}.closed p{font-weight:700;font-size:26px}body.is-closed .invite,body.is-closed .pages{display:none}@media(max-width:600px){.screen{padding-top:18px}header{padding:0 12px;height:52px;gap:17px}.round{width:49px;height:49px;border-width:1px}.round svg{width:30px}.event{height:46px;gap:8px;padding:4px 10px;font-size:16px;letter-spacing:-.35px}.event-art{width:29px;height:31px;border-radius:7px}.event-art img{width:407px;left:-89.5px;top:-27.8px}.more span{font-size:23px;transform:translateY(-4px)}.invite{margin:71px 7.15% 0;padding:12px 11px 12px;border-radius:26px}.card-head{padding-bottom:13px}.card-head h1{font-size:20px;letter-spacing:-.65px}.card-head p{font-size:13px;margin-top:2px}.card-head button{width:34px;height:37px}.qr-panel{--qr-inset:12px;border-radius:13px}.portrait{box-shadow:0 0 0 3px #faf5e6}.pages{margin-top:25px;gap:11px}.pages button{width:9px;height:9px}.add{font-size:9px;line-height:9px}}@media(min-width:688px){.screen{min-height:1280px}}@media(max-width:350px){header{gap:10px}.event{font-size:14px}.invite{margin-top:65px}}
[hidden]{display:none!important}body.is-closed .screen>header{display:none}body.is-closed .screen{padding-top:0;min-height:100svh}.event-screen{position:relative;min-height:100svh;padding:0 3.8% 130px;isolation:isolate;background:radial-gradient(ellipse at 30% 0%,#160037 0,transparent 55%),radial-gradient(at 100% 40%,#180438,transparent 60%),#080312}.event-screen:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 7% 4%,#52154744,transparent 4%),radial-gradient(circle at 85% 12%,#1c184e77,transparent 10%),radial-gradient(circle at 60% 75%,#3014db55,transparent 8%)}.event-nav{display:flex;justify-content:space-between;align-items:center;height:84px}.event-nav .round{width:73px;height:73px;background:#ffffff12;border:1px solid #fff3;box-shadow:none}.event-nav svg{width:34px}.event-more{font-size:28px;letter-spacing:2px}.event-screen h1{font-size:56px;line-height:1.1;letter-spacing:-1.5px;margin:29px 20px 44px;font-weight:750;white-space:nowrap}.poster{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:36px;background:#29100a}.poster img{position:absolute;width:108.09%;max-width:none;left:-4.04%;top:-58.09%}.ride-card{display:flex;gap:14px;align-items:center;margin-top:25px;border:1.5px solid #ffffff4a;border-radius:35px;background:#bfb0cf1c;padding:19px 24px;box-shadow:inset 0 1px 2px #fff1}.ride-card strong{font-size:24px;white-space:nowrap}.ride-card p{margin:5px 0 0;font-size:22px;color:#aaa1b6}.uber{display:flex;align-items:center;gap:12px;margin-left:auto;text-decoration:none}.ride-icon,.uber-logo{display:grid;place-items:center;width:51px;height:51px;border-radius:13px;background:#065cda;color:#fff;font-size:30px}.uber-logo{background:#030303;font-size:18px;letter-spacing:-1px}.divider{color:#89818c;font-size:23px}.dismiss-ride{background:none;border:0;color:#706577;font-size:36px;padding:0 0 0 4px}.guest-card{display:flex;width:100%;align-items:center;margin-top:22px;padding:20px 23px;gap:21px;border:1.5px solid #ffffff65;border-radius:35px;background:linear-gradient(#7b778a99,#5e596b99);color:#080710;text-align:left;min-height:112px}.guest-avatars{position:relative;display:block;flex:none;width:79px;height:70px}.guest-avatars img{position:absolute;object-fit:cover;object-position:52% 46%;width:42px;height:42px;border-radius:50%}.guest-avatars img:nth-child(2){left:37px;top:7px;filter:hue-rotate(35deg)}.guest-avatars img:nth-child(3){left:21px;top:32px;filter:hue-rotate(-35deg)}.guest-copy{display:flex;flex-direction:column;gap:6px}.guest-copy strong{font-size:25px;white-space:nowrap}.guest-copy small{font-size:17px;color:#11101d}.see-all{font-size:23px;margin-left:auto;white-space:nowrap}.invite-row{display:flex;align-items:center;justify-content:space-between;margin:20px 6px;color:#aaa0b6;font-size:23px}.invite-friends{border:1px solid #fff3;background:#ffffff08;border-radius:40px;padding:6px 15px;font-size:19px}.host-row{display:flex;align-items:center;gap:15px;color:#aaa0b6;margin:8px;font-size:22px}.host-avatar{display:block;width:50px;height:50px;border-radius:50%;background:linear-gradient(#0007,#0007),url(reference.jpg) 52% 46%/600%}.event-actions{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,687px);height:193px;display:flex;justify-content:space-evenly;align-items:flex-end;padding:0 30px 28px;background:linear-gradient(transparent,#05020bc7 40%,#05020bf5);z-index:2}.event-actions>button{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:0;font-size:18px;min-width:95px;padding:0;color:#aaa6b2}.action-circle{width:94px;height:94px;border:1.5px solid #ffffff40;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#2b2f3b,#1c202b);font-size:36px;box-shadow:0 1px 4px #fff1}.action-circle svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}#reopen path{fill:#fff;stroke:none}.event-actions .share-action{color:#fff}.share-action .action-circle{width:135px;height:135px;background:linear-gradient(#f382ee,#c249bb);border-color:#ffb8fa55}.share-action svg{width:44px;height:44px}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.confetti i{position:absolute;width:15px;height:28px;background:#7a2390;box-shadow:0 0 22px #7a2390;transform:rotate(25deg)}.confetti i:nth-child(1){top:0;left:0}.confetti i:nth-child(2){top:12%;left:23%;background:#5a2439;transform:rotate(-60deg)}.confetti i:nth-child(3){top:10%;left:77%;background:#b79735;box-shadow:0 0 20px #f53218}.confetti i:nth-child(4){top:50%;right:0;background:#2304bf}.confetti i:nth-child(5){top:75%;left:64%;background:#4712e1;transform:rotate(-40deg)}.confetti i:nth-child(6){top:81%;left:0;background:#723b5a}.confetti i:nth-child(7){top:90%;right:8%;background:#46202d}.confetti i:nth-child(8){top:49%;left:1%;background:#ab4e32}.event-screen button[aria-pressed=true] .action-circle{border-color:#f189df}
@media(max-width:600px){.event-nav{height:66px}.event-nav .round{width:49px;height:49px}.event-nav svg{width:28px}.event-more{font-size:23px}.event-screen h1{font-size:clamp(28px,9.5vw,53px);letter-spacing:-.8px;margin:15px 15px 28px}.poster{border-radius:25px}.ride-card{margin-top:17px;border-radius:24px;padding:13px 16px;gap:8px}.ride-card strong{font-size:16px}.ride-card p{font-size:15px;margin-top:5px}.ride-icon,.uber-logo{width:35px;height:35px;border-radius:8px;font-size:23px}.uber-logo{font-size:13px}.uber{gap:8px}.divider{font-size:16px}.dismiss-ride{font-size:28px}.guest-card{min-height:76px;margin-top:15px;padding:13px 15px;border-radius:24px;gap:14px}.guest-avatars{width:53px;height:47px}.guest-avatars img{width:28px;height:28px}.guest-avatars img:nth-child(2){left:25px;top:5px}.guest-avatars img:nth-child(3){left:14px;top:21px}.guest-copy{gap:4px}.guest-copy strong{font-size:17px}.guest-copy small{font-size:12px}.see-all{font-size:16px}.invite-row{font-size:16px;margin:14px 4px}.invite-friends{font-size:14px;padding:4px 10px}.host-row{font-size:16px;gap:10px}.host-avatar{width:35px;height:35px}.event-actions{height:150px;padding:0 20px 30px}.event-actions>button{font-size:13px;min-width:65px;gap:8px}.action-circle{width:64px;height:64px;font-size:26px}.action-circle svg{width:28px;height:28px}.share-action .action-circle{width:91px;height:91px}.share-action svg{width:33px;height:33px}.event-screen{padding-bottom:120px}}@media(min-width:688px){.event-screen{min-height:1280px}}
.auth-screen{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:45px 22px;background:radial-gradient(at 0 0,#321052,transparent 60%),radial-gradient(at 100% 100%,#381132,transparent 60%),#08040f}.auth-brand{font-size:62px;letter-spacing:-5px;font-weight:900;color:#19a28e;line-height:1;text-align:center;margin-bottom:34px}.auth-brand span{display:block;color:#f0dbe9;font-size:11px;letter-spacing:3px;font-weight:500;margin-top:12px}.auth-card{width:min(100%,420px);padding:30px 27px;background:#1c1524db;border:1px solid #ffffff1c;border-radius:27px;box-shadow:0 20px 80px #0005}.eyebrow{font-size:10px;letter-spacing:2px;color:#dc8cda;margin:0 0 16px}.auth-card h1{font-size:30px;line-height:1.12;letter-spacing:-1px;margin:0 0 10px}.auth-card>p:not(.eyebrow){color:#b5a8c2;font-size:14px;line-height:1.6}.auth-card label{font-size:13px;color:#e9deec}.auth-card input{background:#0e0a15;border-color:#4e3d5b;padding:14px}.auth-card .save{margin-top:7px;background:linear-gradient(110deg,#eb8ee8,#c35cbb);color:#210c27}.auth-back{display:block;margin:15px auto 0;background:none;border:0;color:#c6b6d1;font-size:14px;text-align:center;padding:8px}.auth-switch{text-align:center;margin-top:25px!important;font-size:13px!important}.auth-switch button{border:0;background:none;color:#ed9ce7;text-decoration:underline;padding:0}.auth-notice{font-size:11px!important;color:#a595b1!important;border-top:1px solid #ffffff12;padding-top:18px;margin-top:24px;line-height:1.6}.auth-footer{font-size:9px;letter-spacing:2px;color:#776783;margin-top:28px;text-align:center}.form-error{color:#ffaaa9;font-size:13px;line-height:1.4;min-height:0;margin:12px 0}.form-error:empty{display:none}.photo-picker{position:relative;display:grid;place-items:center;border:1px dashed #b47ac1;border-radius:24px;width:185px;height:185px;margin:27px auto!important;overflow:hidden;background:#312037}.photo-picker input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.photo-picker img{width:100%;height:100%;object-fit:cover}.photo-picker>span{text-align:center;font-size:44px;color:#ecaaed}.photo-picker small{display:block;color:#d2b4d7;font-size:12px}.profile-notice{text-align:center;color:#a99ab4;font-size:12px}.save:disabled,button:disabled{opacity:.5;cursor:wait}.real-guest{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #ffffff12}.real-guest img{width:46px;height:46px;object-fit:cover;border-radius:50%}.real-guest strong,.real-guest small{display:block}.real-guest small{margin-top:5px;color:#ada0b9}.guest-avatars img{object-fit:cover;object-position:center;filter:none!important}#guestList{max-height:80svh}#realGuests{overflow:auto}.public-photo{width:120px;height:120px;border-radius:50%;object-fit:cover;display:block;margin:23px auto}.ticket-card{text-align:center}.join-event{display:block;text-decoration:none;font-size:14px;margin-top:28px!important}.ticket-card .eyebrow{font-size:9px}.invite-row+.host-row{display:none}.profile-notice:empty{display:none}

.delete-profile{font-size:12px;color:#d39da9;margin-top:3px}

.event-actions{gap:12px;padding-bottom:max(28px,env(safe-area-inset-bottom));pointer-events:none}.event-actions>button{flex:0 0 auto;width:auto;min-width:0;min-height:44px;font-weight:400;pointer-events:auto;touch-action:manipulation}.event-actions>button>span{pointer-events:none}.event-actions #reopen{background:none;border:0;border-radius:0;padding:0;color:#aaa6b2}.share-link-row{display:flex;gap:9px;align-items:center}.share-link-row input{min-width:0;flex:1;font-size:13px}.share-link-row button{flex:none;width:auto;padding:13px 16px;border:0;border-radius:9px;background:#edb2e6;color:#29142b;font-weight:600}#shareDialog label{margin-bottom:7px}#shareFeedback{min-height:20px;font-size:13px;color:#cab8d3;line-height:1.5}#shareDialog .dialog-title button{min-width:44px;min-height:44px}.card-head button{flex:none}@media(max-width:600px){.event-actions{padding-bottom:max(24px,env(safe-area-inset-bottom));gap:16px}.event-actions>button{min-width:64px}}

.event-screen{padding-top:max(12px,env(safe-area-inset-top))}

:is(#authScreen,#passwordScreen){background:#fff;color:#171717;padding:32px 24px}:is(#authScreen,#passwordScreen) .auth-card{max-width:340px;padding:0;background:none;border:0;border-radius:0;box-shadow:none}:is(#authScreen,#passwordScreen) .auth-card h1{font-size:22px;letter-spacing:0;margin:0 0 28px;font-weight:600}:is(#authScreen,#passwordScreen) label{color:#171717;font-size:14px;margin:18px 0}:is(#authScreen,#passwordScreen) input{background:#fff;color:#111;border:1px solid #ccc;border-radius:4px;padding:12px;margin-top:8px}:is(#authScreen,#passwordScreen) input:focus{outline:2px solid #333;outline-offset:1px}:is(#authScreen,#passwordScreen) .save{background:#171717;color:#fff;border-radius:4px;padding:13px;font-size:14px}:is(#authScreen,#passwordScreen) .auth-switch{font-size:13px!important;color:#666;margin-top:22px!important}:is(#authScreen,#passwordScreen) .auth-switch button{color:#171717}:is(#authScreen,#passwordScreen) .auth-back{color:#555}:is(#authScreen,#passwordScreen) .photo-picker{width:160px;height:160px;border-color:#aaa;background:#fafafa;border-radius:6px}:is(#authScreen,#passwordScreen) .photo-picker>span,:is(#authScreen,#passwordScreen) .photo-picker small{color:#555}:is(#authScreen,#passwordScreen) .profile-notice{color:#666;font-size:11px}:is(#authScreen,#passwordScreen) .form-error{color:#b42318}:is(#authScreen,#passwordScreen) button:focus-visible{outline-color:#333}#bidLink{font-size:12px}