*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
:root{--p:#FF5C5C;--t:#06D6A0;--a:#FFD166;--d:#1A1A2E;--bg:#F4F6FB;--m:#8A8FA8;--b:#E8EAF0;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:#111;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;}
.phone{width:390px;height:844px;border-radius:44px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.6),0 0 0 12px #111,0 0 0 14px #333;position:relative;background:var(--bg);}
.screen{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateX(40px);transition:opacity .28s,transform .28s;z-index:1;background:var(--bg);overflow-x:hidden;}
.screen.active{opacity:1;pointer-events:all;transform:translateX(0);z-index:10;}
.screen.out{opacity:0;transform:translateX(-40px);transition:opacity .2s,transform .2s;}
.scroller{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;}
.scroller::-webkit-scrollbar{display:none;}
@keyframes up{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
@keyframes pop{0%{transform:scale(.9);opacity:0;}100%{transform:scale(1);opacity:1;}}

/* NAV */
.bnav{position:absolute;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--b);padding:10px 0 20px;display:flex;justify-content:space-around;z-index:50;}
.ni{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px 10px;position:relative;transition:transform .15s;}
.ni:active{transform:scale(.88);}
.ni-icon{font-size:20px;}
.ni-lbl{font-size:10px;font-weight:600;color:var(--m);}
.ni.act .ni-lbl{color:var(--p);}
.ni-badge{position:absolute;top:0;left:50%;transform:translateX(4px);background:var(--p);color:white;font-size:9px;font-weight:800;padding:1px 5px;border-radius:10px;}
.fab{position:absolute;bottom:80px;left:16px;width:52px;height:52px;background:linear-gradient(135deg,var(--p),#FF8A8A);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 6px 20px rgba(255,92,92,.45);cursor:pointer;border:3px solid white;z-index:51;transition:transform .2s;}
.fab:active{transform:scale(.9);}

/* SHARED */
.topbar{background:white;border-bottom:1px solid var(--b);padding:44px 16px 14px;flex-shrink:0;}
.topbar-row{display:flex;align-items:center;gap:10px;}
.back{width:36px;height:36px;border-radius:50%;background:var(--bg);border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.scrtitle{font-size:20px;font-weight:900;color:var(--d);flex:1;}
.card{background:white;border-radius:20px;padding:16px;margin-bottom:12px;}
.sec-title{font-size:14px;font-weight:800;color:var(--d);margin-bottom:12px;}
.form-lbl{font-size:12px;font-weight:800;color:var(--d);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;}
.form-in{width:100%;max-width:100%;padding:12px 14px;border:1.5px solid var(--b);border-radius:14px;font-family:inherit;font-size:14px;color:var(--d);background:white;outline:none;direction:rtl;transition:border-color .2s;margin-bottom:14px;box-sizing:border-box;}
.form-in:focus{border-color:var(--p);}
textarea.form-in{height:80px;resize:none;line-height:1.5;}
.btn-p{padding:14px;background:linear-gradient(135deg,var(--p),#FF8A8A);color:white;border:none;border-radius:16px;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;width:100%;transition:transform .2s;}
.btn-p:active{transform:scale(.97);}
.tag{padding:6px 12px;border-radius:20px;background:var(--bg);border:1.5px solid var(--b);font-size:12px;font-weight:700;color:var(--d);display:inline-block;margin:0 5px 5px 0;}
.chip{padding:6px 14px;border-radius:20px;border:1.5px solid var(--b);background:white;font-size:12px;font-weight:700;color:var(--m);cursor:pointer;transition:all .2s;flex-shrink:0;white-space:nowrap;}
.chip.act{background:var(--p);border-color:var(--p);color:white;}

/* AUTH */
#s-auth{background:linear-gradient(160deg,#1A1A2E,#0F3460);}
.auth-logo{font-size:48px;font-weight:900;color:white;letter-spacing:-2px;margin-bottom:6px;}
.auth-logo span{color:var(--p);}
.auth-sub{font-size:13px;color:rgba(255,255,255,.5);margin-bottom:24px;line-height:1.5;}
.auth-card{background:white;border-radius:28px;padding:22px;margin:0 20px;}
.auth-tabs{display:flex;gap:0;background:var(--bg);border-radius:14px;padding:3px;margin-bottom:18px;}
.auth-tab{flex:1;padding:8px;border:none;background:transparent;font-family:inherit;font-size:13px;font-weight:700;color:var(--m);cursor:pointer;border-radius:11px;transition:all .2s;}
.auth-tab.act{background:white;color:var(--d);box-shadow:0 2px 8px rgba(0,0,0,.08);}
.auth-wrap{display:flex;align-items:center;background:var(--bg);border-radius:14px;padding:0 12px;margin-bottom:12px;border:1.5px solid transparent;transition:border-color .2s;}
.auth-wrap:focus-within{border-color:var(--p);background:white;}
.auth-icon{font-size:16px;margin-left:8px;}
.auth-in{flex:1;border:none;background:transparent;padding:12px 0;font-family:inherit;font-size:14px;color:var(--d);outline:none;}
.auth-divider{text-align:center;color:var(--m);font-size:12px;margin:14px 0;position:relative;}
.auth-divider::before,.auth-divider::after{content:'';position:absolute;top:50%;width:40%;height:1px;background:var(--b);}
.auth-divider::before{right:0;}
.auth-divider::after{left:0;}

#forgotUI{background:var(--bg);border-radius:14px;padding:14px;margin-bottom:12px;}

/* ADMIN */
.admin-stat-card{background:white;border-radius:16px;padding:16px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.admin-stat-num{font-size:28px;font-weight:900;color:var(--p);margin-bottom:4px;}
.admin-stat-lbl{font-size:12px;color:var(--m);font-weight:600;}
.admin-section{background:white;border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.admin-sec-title{font-size:14px;font-weight:900;color:var(--d);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--bg);}
.admin-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--bg);}
.admin-row:last-child{border-bottom:none;}
.admin-row-em{width:36px;height:36px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.admin-row-main{font-size:13px;font-weight:700;color:var(--d);}
.admin-row-sub{font-size:11px;color:var(--m);margin-top:2px;}
.admin-new-badge{background:linear-gradient(135deg,var(--p),#FF8A8A);color:white;font-size:10px;font-weight:800;padding:2px 7px;border-radius:10px;margin-right:auto;flex-shrink:0;}

/* LOCATION BAR */
.loc-bar{background:white;border-bottom:1px solid var(--b);padding:8px 16px;flex-shrink:0;}
.loc-bar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.loc-name{font-size:12px;font-weight:700;color:var(--d);display:flex;align-items:center;gap:5px;}
.loc-dist{font-size:13px;font-weight:900;color:var(--p);}
.loc-slider{width:100%;-webkit-appearance:none;height:4px;border-radius:2px;background:var(--b);outline:none;}
.loc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--p);cursor:pointer;box-shadow:0 2px 6px rgba(255,92,92,.4);}
.loc-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--p);cursor:pointer;border:none;}

/* FEED */
.feed-hdr{background:white;border-bottom:1px solid var(--b);padding:44px 16px 0;flex-shrink:0;}
.feed-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.feed-logo{font-size:22px;font-weight:900;color:var(--d);}
.feed-logo span{color:var(--p);}
.feed-icons{display:flex;gap:8px;}
.icon-btn{width:36px;height:36px;border-radius:50%;background:var(--bg);border:none;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;}
.tabs-wrap{display:flex;gap:0;margin-bottom:0;}
.ftab{flex:1;padding:10px;border:none;background:transparent;font-family:inherit;font-size:13px;font-weight:700;color:var(--m);cursor:pointer;border-bottom:2px solid transparent;}
.ftab.act{color:var(--p);border-bottom-color:var(--p);}
.frow{display:flex;gap:8px;padding:10px 16px;overflow-x:auto;scrollbar-width:none;background:white;flex-shrink:0;}
.frow::-webkit-scrollbar{display:none;}
.feed-scr{flex:1;overflow-y:auto;padding:12px 16px 90px;scrollbar-width:none;}
.feed-scr::-webkit-scrollbar{display:none;}

/* EVENT CARD */
.ecard{background:white;border-radius:22px;margin-bottom:14px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);cursor:pointer;animation:up .3s ease both;transition:transform .2s,box-shadow .2s;}
.ecard:active{transform:scale(.98);box-shadow:0 2px 10px rgba(0,0,0,.06);}
.ecard-img{height:160px;display:flex;align-items:center;justify-content:center;font-size:44px;position:relative;}
.eprice{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:800;color:var(--p);box-shadow:0 2px 8px rgba(0,0,0,.1);}
.eprice.fr{color:var(--t);}
.ebody{padding:14px 16px 8px;}
.ecat{font-size:11px;font-weight:700;color:var(--m);margin-bottom:5px;text-transform:uppercase;letter-spacing:.3px;}
.etitle{font-size:16px;font-weight:900;color:var(--d);margin-bottom:6px;line-height:1.3;}
.emeta{font-size:12px;color:var(--m);line-height:1.5;}
.efooter{padding:10px 16px 14px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--bg);}
.join-btn{padding:8px 20px;background:linear-gradient(135deg,var(--p),#FF8A8A);color:white;border:none;border-radius:20px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 3px 10px rgba(255,92,92,.3);}
.join-btn.joined{background:var(--t);box-shadow:0 3px 10px rgba(6,214,160,.3);}

/* EVENT DETAIL */
.ev-hero{height:200px;display:flex;align-items:center;justify-content:center;font-size:64px;position:relative;flex-shrink:0;}
.ev-back{position:absolute;top:44px;right:14px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.9);border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.ev-body{padding:16px;}
.ev-title{font-size:20px;font-weight:900;color:var(--d);margin-bottom:8px;line-height:1.3;}
.ev-meta-row{display:flex;gap:12px;font-size:12px;color:var(--m);font-weight:600;margin-bottom:10px;flex-wrap:wrap;}
.ev-desc{font-size:13px;color:var(--m);line-height:1.6;margin-bottom:14px;}
.ev-host{display:flex;align-items:center;gap:10px;background:var(--bg);border-radius:14px;padding:10px 12px;margin-bottom:14px;}
.ev-host-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--p),#FF8A8A);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.ev-cta{position:absolute;bottom:0;left:0;right:0;background:white;padding:12px 16px 28px;border-top:1px solid var(--b);display:flex;gap:10px;}

/* CHAT */
.chat-msgs{flex:1;overflow-y:auto;padding:12px 14px;scrollbar-width:none;}
.chat-msgs::-webkit-scrollbar{display:none;}
.mrow{display:flex;flex-direction:row;align-items:flex-end;gap:8px;margin-bottom:10px;}
.mrow.me{flex-direction:row-reverse;}
.m-name{font-size:10px;color:var(--m);margin-bottom:3px;}
.bubble{max-width:75%;padding:10px 14px;border-radius:18px 18px 18px 4px;background:white;color:var(--d);font-size:13px;box-shadow:0 1px 4px rgba(0,0,0,.08);}
.mrow.me .bubble{background:var(--p);color:white;border-radius:18px 18px 4px 18px;}
.m-time{font-size:10px;color:var(--m);margin-top:3px;}
.chat-bar{padding:10px 14px 28px;background:white;border-top:1px solid var(--b);display:flex;gap:8px;align-items:center;}
.chat-in{flex:1;padding:10px 14px;border:1.5px solid var(--b);border-radius:20px;font-family:inherit;font-size:14px;color:var(--d);outline:none;direction:rtl;background:var(--bg);}
.chat-in:focus{border-color:var(--p);background:white;}
.chat-send{width:38px;height:38px;border-radius:50%;background:var(--p);border:none;color:white;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;}

/* PROFILE */
.profile-hero{background:linear-gradient(160deg,#1A1A2E,#0F3460);padding:44px 20px 24px;}
.profile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.p-av{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--p),#FF8A8A);display:flex;align-items:center;justify-content:center;font-size:36px;border:3px solid rgba(255,255,255,.3);margin-left:14px;flex-shrink:0;}
.p-name{font-size:20px;font-weight:900;color:white;}
.p-sub{font-size:12px;color:rgba(255,255,255,.5);margin-top:3px;}
.p-bio{font-size:12px;color:rgba(255,255,255,.6);margin-top:4px;font-style:italic;}
.p-stats{display:flex;background:white;margin:0 16px;border-radius:18px;margin-top:-18px;padding:14px 0;box-shadow:0 4px 16px rgba(0,0,0,.08);}
.ps{flex:1;text-align:center;border-left:1px solid var(--b);}
.ps:last-child{border-left:none;}
.ps-num{font-size:20px;font-weight:900;color:var(--d);}
.ps-lbl{font-size:10px;color:var(--m);font-weight:600;margin-top:2px;}
.p-info{display:flex;align-items:center;}
.p-btn{width:100%;padding:14px;background:white;border:1.5px solid var(--b);border-radius:16px;font-family:inherit;font-size:14px;font-weight:700;color:var(--d);cursor:pointer;margin-bottom:10px;text-align:right;}
.p-btn.danger{color:var(--p);background:#fff0f0;border-color:rgba(255,92,92,.2);}

/* ONBOARDING */
#s-onboard-profile, #s-onboard-interests, #s-onboard-photos{background:linear-gradient(160deg,#1A1A2E,#0F3460);}
.ob-wrap{flex:1;display:flex;flex-direction:column;padding:50px 24px 30px;}
.ob-step{font-size:12px;color:rgba(255,255,255,.4);font-weight:700;margin-bottom:8px;text-align:center;}
.ob-progress{height:4px;background:rgba(255,255,255,.15);border-radius:2px;margin-bottom:28px;}
.ob-bar{height:4px;background:var(--p);border-radius:2px;transition:width .4s;}
.ob-title{font-size:26px;font-weight:900;color:white;text-align:center;margin-bottom:6px;line-height:1.3;}
.ob-sub{font-size:13px;color:rgba(255,255,255,.45);text-align:center;margin-bottom:28px;line-height:1.5;}
.ob-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--p),#FF8A8A);display:flex;align-items:center;justify-content:center;font-size:50px;border:3px solid rgba(255,255,255,.2);cursor:pointer;position:relative;margin:0 auto 8px;}
.ob-avatar-badge{position:absolute;bottom:2px;right:2px;width:28px;height:28px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;}
.ob-input{width:100%;padding:14px 16px;border:1.5px solid rgba(255,255,255,.15);border-radius:16px;font-family:inherit;font-size:15px;color:white;background:rgba(255,255,255,.08);outline:none;direction:rtl;margin-bottom:12px;}
.ob-input::placeholder{color:rgba(255,255,255,.3);}
.ob-input:focus{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.12);}
.ob-skip{text-align:center;font-size:12px;color:rgba(255,255,255,.3);cursor:pointer;margin-top:8px;padding:8px;}
.ob-btn{width:100%;padding:16px;border-radius:20px;border:none;font-family:inherit;font-size:16px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,var(--p),#FF8A8A);color:white;box-shadow:0 8px 28px rgba(255,92,92,.4);transition:transform .2s;margin-top:auto;}
.ob-btn:active{transform:scale(.97);}
.ob-btn:disabled{opacity:.4;}
.gender-opt{flex:1;padding:14px 8px;border:2px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.06);cursor:pointer;transition:all .2s;text-align:center;color:white;}
.gender-opt:active{transform:scale(.96);}
.gender-opt.sel{border-color:var(--p);background:rgba(255,92,92,.2);}
.gender-opt-edit{flex:1;padding:13px 8px;border:2px solid var(--b);border-radius:16px;background:var(--bg);cursor:pointer;transition:all .2s;text-align:center;font-size:14px;font-weight:700;color:var(--m);}
.gender-opt-edit.sel{border-color:var(--p);background:#fff0f0;color:var(--p);}
.edit-photo-slot{width:calc(33% - 7px);aspect-ratio:3/4;border-radius:16px;border:2px dashed var(--b);background:var(--bg);overflow:hidden;cursor:pointer;flex-shrink:0;}
.edit-photo-slot:first-child{width:calc(34% - 7px);}
.edit-interest-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--b);cursor:pointer;}
.edit-interest-item:last-child{border-bottom:none;}
.edit-interest-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--b);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;transition:all .2s;}
.edit-interest-check.sel{background:var(--p);border-color:var(--p);color:white;}
.edit-sel-tag{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:#fff0f0;border:1.5px solid #ffcccc;border-radius:20px;font-size:12px;font-weight:700;color:var(--p);cursor:pointer;}
.social-link-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:20px;font-size:13px;font-weight:700;border:none;cursor:pointer;text-decoration:none;}
.profile-interest-tag{padding:6px 13px;border-radius:20px;background:#fff5f5;border:1.5px solid #ffe0e0;font-size:12px;font-weight:700;color:#e55;}

.interest-card{padding:14px 16px;border:2px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.06);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.interest-card.sel{border-color:var(--p);background:rgba(255,92,92,.15);}
.interest-card:active{transform:scale(.98);}
.interest-card-em{font-size:28px;width:44px;text-align:center;flex-shrink:0;}
.interest-card-title{font-size:15px;font-weight:800;color:white;}
.interest-card-sub{font-size:12px;color:rgba(255,255,255,.45);margin-top:2px;}
.interest-check{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.2);margin-right:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.interest-card.sel .interest-check{background:var(--p);border-color:var(--p);color:white;font-size:12px;}

/* MAP */
#feedMap{background:#e8f0e8;}
.map-pin{background:var(--p);color:white;font-size:11px;font-weight:800;padding:5px 10px;border-radius:20px;white-space:nowrap;box-shadow:0 3px 10px rgba(255,92,92,.4);border:2px solid white;cursor:pointer;transition:transform .2s;}
.map-pin:hover,.map-pin.active{transform:scale(1.15);background:var(--d);}
.map-pin.free{background:var(--t);box-shadow:0 3px 10px rgba(6,214,160,.4);}
.map-mini-card{min-width:180px;background:white;border-radius:16px;padding:10px 12px;box-shadow:0 2px 10px rgba(0,0,0,.1);cursor:pointer;flex-shrink:0;border:2px solid transparent;transition:all .2s;}
.map-mini-card.active{border-color:var(--p);}
.map-mini-card:active{transform:scale(.97);}
.map-mini-em{font-size:22px;margin-bottom:4px;}
.map-mini-title{font-size:13px;font-weight:800;color:var(--d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;}
.map-mini-meta{font-size:11px;color:var(--m);margin-top:2px;}

/* MOOD */
#s-mood{background:linear-gradient(160deg,#1A1A2E,#0F3460);}
.mood-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 24px 40px;position:relative;z-index:2;}
.mood-greet{font-size:14px;color:rgba(255,255,255,.5);margin-bottom:4px;font-weight:600;}
.mood-q{font-size:28px;font-weight:900;color:white;text-align:center;line-height:1.2;margin-bottom:6px;}
.mood-sub{font-size:13px;color:rgba(255,255,255,.4);text-align:center;margin-bottom:28px;}
.mood-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-bottom:24px;}
.mood-card{border-radius:22px;padding:20px 14px;text-align:center;cursor:pointer;border:2px solid transparent;transition:all .25s;position:relative;overflow:hidden;}
.mood-card:active{transform:scale(.97);}
.mood-card.sel{border-color:white;transform:scale(1.04);}
.mood-em{font-size:36px;margin-bottom:8px;}
.mood-title{font-size:15px;font-weight:900;color:white;margin-bottom:3px;}
.mood-desc{font-size:11px;color:rgba(255,255,255,.6);line-height:1.4;}
.mood-btn{width:100%;padding:16px;border-radius:20px;border:none;font-family:inherit;font-size:16px;font-weight:800;cursor:pointer;transition:transform .2s;background:linear-gradient(135deg,var(--p),#FF8A8A);color:white;box-shadow:0 8px 28px rgba(255,92,92,.4);opacity:.4;pointer-events:none;}
.mood-btn.ready{opacity:1;pointer-events:all;}
.mood-btn.ready:active{transform:scale(.97);}
.sph-c{position:absolute;border-radius:50%;filter:blur(50px);}
.c1{width:300px;height:300px;background:#FF5C5C;opacity:.12;top:-80px;right:-60px;}
.c2{width:250px;height:250px;background:#06D6A0;opacity:.1;bottom:100px;left:-60px;}

/* CREATE EVENT */
.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;}
.type-opt{padding:12px 8px;border:1.5px solid var(--b);border-radius:16px;text-align:center;cursor:pointer;background:white;transition:all .2s;}
.type-opt.sel{border-color:var(--p);background:#fff0f0;}
.type-em{font-size:22px;margin-bottom:4px;}
.type-lbl{font-size:11px;font-weight:700;color:var(--m);}
.type-opt.sel .type-lbl{color:var(--p);}
.create-cta{position:absolute;bottom:0;left:0;right:0;background:white;padding:12px 16px 28px;border-top:1px solid var(--b);display:flex;gap:10px;}
.price-row{display:flex;gap:8px;margin-bottom:14px;}
.price-opt{flex:1;padding:11px;border:2px solid var(--b);border-radius:14px;text-align:center;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s;}
.price-opt.sel{border-color:var(--t);background:#f0fff8;color:var(--t);}

/* MY EVENTS */
.my-ev-item{background:white;border-radius:18px;padding:14px;margin-bottom:10px;display:flex;gap:12px;align-items:center;cursor:pointer;}
.my-ev-em{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}
.my-ev-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:10px;margin-top:4px;display:inline-block;}
.badge-upcoming{background:#fff0f0;color:var(--p);}
.badge-past{background:var(--bg);color:var(--m);}

/* EDIT PROFILE */
.edit-av-wrap{display:flex;flex-direction:column;align-items:center;padding:20px 0 10px;}
.edit-av{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#4facfe,#00f2fe);display:flex;align-items:center;justify-content:center;font-size:44px;border:3px solid var(--b);}
.int-opt{padding:8px 14px;border-radius:20px;border:1.5px solid var(--b);background:white;font-size:12px;font-weight:700;color:var(--m);cursor:pointer;transition:all .2s;}
.int-opt.sel{background:#fff0f0;border-color:var(--p);color:var(--p);}

/* SEARCH */

.search-bar{display:flex;align-items:center;background:var(--bg);border-radius:14px;padding:0 12px;border:1.5px solid var(--b);}
.search-bar:focus-within{border-color:var(--p);}
.search-in{flex:1;border:none;background:transparent;padding:12px 8px;font-family:inherit;font-size:14px;color:var(--d);outline:none;direction:rtl;}
.res-card{background:white;border-radius:16px;padding:12px;margin-bottom:8px;display:flex;gap:12px;cursor:pointer;animation:up .3s ease both;}
.res-img{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;}
.res-title{font-size:14px;font-weight:800;color:var(--d);margin-bottom:3px;}
.res-meta{font-size:12px;color:var(--m);}

/* RESET PASSWORD */
#s-reset-password{background:linear-gradient(160deg,#1A1A2E,#0F3460);}

/* LOADING */
.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;}
.spinner{width:36px;height:36px;border:3px solid var(--b);border-top-color:var(--p);border-radius:50%;animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

/* EMPTY STATE */
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px 24px;text-align:center;}
.empty-em{font-size:56px;margin-bottom:14px;}
.empty-title{font-size:17px;font-weight:800;color:var(--d);margin-bottom:8px;}
.empty-sub{font-size:13px;color:var(--m);margin-bottom:22px;line-height:1.5;}
/* TOUR */
.tour-slide{width:25%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:60px;position:relative;}
.tour-anim{width:100%;height:260px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.tour-content{padding:0 28px;text-align:center;}
.tour-tag{font-size:11px;font-weight:800;color:rgba(255,255,255,.5);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;}
.tour-title{font-size:32px;font-weight:900;color:white;margin-bottom:14px;line-height:1.1;}
.tour-body{font-size:15px;color:rgba(255,255,255,.75);line-height:1.7;}
.tdot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25);transition:all .3s;}
.tdot.act{width:24px;border-radius:4px;background:white;}

/* אנימציית שקף 1 */
.tour-emoji-big{font-size:80px;animation:tourFloat 2.5s ease-in-out infinite;}
.tour-circle{position:absolute;border-radius:50%;opacity:.15;}
.tc1{width:200px;height:200px;background:radial-gradient(circle,#FF5C5C,transparent);animation:tourPulse 3s ease-in-out infinite;}
.tc2{width:140px;height:140px;background:radial-gradient(circle,#4facfe,transparent);animation:tourPulse 3s ease-in-out infinite .5s;}
@keyframes tourFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
@keyframes tourPulse{0%,100%{transform:scale(1);opacity:.15;}50%{transform:scale(1.2);opacity:.25;}}

/* אנימציית שקף 2 — פינים */
.tour-pins-wrap{position:relative;width:260px;height:220px;}
.tour-pin{position:absolute;font-size:24px;display:flex;flex-direction:column;align-items:center;}
.tp1{top:20px;left:30px;animation:pinPop .6s .2s both;}
.tp2{top:60px;right:20px;animation:pinPop .6s .5s both;}
.tp3{bottom:30px;left:60px;animation:pinPop .6s .8s both;}
.tour-pin-card{background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:6px 10px;font-size:11px;font-weight:700;color:white;margin-top:4px;white-space:nowrap;}
.tour-pin-dist{font-size:10px;color:rgba(255,255,255,.6);margin-top:2px;}
@keyframes pinPop{from{transform:translateY(20px);opacity:0;}to{transform:translateY(0);opacity:1;}}

/* אנימציית שקף 3 — צ'אט */
.tour-chat-wrap{display:flex;flex-direction:column;gap:8px;padding:0 20px;width:100%;}
.tour-msg{max-width:75%;padding:10px 14px;border-radius:16px;font-size:13px;font-weight:600;line-height:1.4;}
.tm-other{background:rgba(255,255,255,.12);color:white;border-radius:16px 16px 16px 4px;align-self:flex-start;animation:msgIn .4s ease both;}
.tm-me{background:linear-gradient(135deg,var(--p),#FF8A8A);color:white;border-radius:16px 16px 4px 16px;align-self:flex-end;animation:msgIn .4s ease both;}
.tour-msg:nth-child(1){animation-delay:.3s;opacity:0;}
.tour-msg:nth-child(2){animation-delay:.7s;opacity:0;}
.tour-msg:nth-child(3){animation-delay:1.1s;opacity:0;}
.tour-msg:nth-child(4){animation-delay:1.5s;opacity:0;}
@keyframes msgIn{from{transform:translateY(10px);opacity:0;}to{transform:translateY(0);opacity:1;}}

/* אנימציית שקף 4 — כרטיס */
.tour-create-wrap{display:flex;align-items:center;justify-content:center;width:100%;}
.tour-create-card{background:rgba(255,255,255,.1);backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.2);border-radius:22px;padding:24px;text-align:center;animation:cardIn .6s .3s both;}
.tour-join-btn{margin-top:14px;background:linear-gradient(135deg,var(--t),#04b589);color:white;border-radius:20px;padding:10px 24px;font-size:13px;font-weight:800;animation:btnPulse 1.5s 1s ease-in-out infinite;}
@keyframes cardIn{from{transform:scale(.8);opacity:0;}to{transform:scale(1);opacity:1;}}
@keyframes btnPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}

.preview-btn{padding:10px 8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:white;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;text-align:center;transition:all .15s;}
.preview-btn:hover{background:rgba(255,255,255,.15);}
.search-cat-card{display:flex;align-items:center;gap:14px;padding:16px;background:white;border:1.5px solid var(--b);border-radius:20px;margin-bottom:10px;cursor:pointer;transition:all .2s;}
.search-cat-card:active{transform:scale(.98);}
.search-cat-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;}
.search-cat-info{flex:1;min-width:0;}
.search-cat-title{font-size:15px;font-weight:900;color:var(--d);margin-bottom:2px;}
.search-cat-sub{font-size:12px;color:var(--m);}
.search-cat-arrow{font-size:22px;color:var(--m);transition:transform .25s;font-weight:300;}
.search-cat-arrow.open{transform:rotate(90deg);}
.search-cat-items{overflow:hidden;max-height:0;transition:max-height .35s ease;margin-bottom:0;}
.search-cat-items.open{max-height:2000px;margin-bottom:10px;}
.search-sub-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1.5px solid var(--b);border-radius:50px;background:var(--bg);font-size:13px;font-weight:700;color:var(--d);cursor:pointer;transition:all .15s;margin:4px;}
.search-sub-chip:active,.search-sub-chip.act{background:var(--p);color:white;border-color:var(--p);}
.search-sub-chip.safe{border-color:rgba(106,90,205,.3);color:#6a5acd;}
.search-sub-chip.safe.act{background:#6a5acd;color:white;border-color:#6a5acd;}
@keyframes confettiFly {
  0%   { opacity:1; transform:translateY(0) rotate(0deg); }
  100% { opacity:0; transform:translateY(-120px) rotate(360deg); }
}
@keyframes popIn { from{transform:scale(.8);opacity:0;} to{transform:scale(1);opacity:1;} }
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1);} 50%{opacity:.5;transform:scale(1.4);} }
@keyframes slideUp { from{transform:translateY(100%);} to{transform:translateY(0);} }
.rating-star{font-size:36px;cursor:pointer;transition:transform .15s;filter:grayscale(1);opacity:.4;}
.rating-star.active{filter:none;opacity:1;transform:scale(1.15);}
@keyframes fadeOut { to{opacity:0;transform:translateY(-8px);} }
@keyframes pulse { 0%,100%{opacity:1;} 50%{opacity:.4;} }
.time-drum{cursor:grab;user-select:none;-webkit-user-select:none;}
.time-drum:active{cursor:grabbing;}
.time-drum-item{height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--m);transition:color .15s,font-size .15s;}
.time-drum-item.selected{color:var(--d);font-size:22px;font-weight:900;}