:root{--bg:#09090b;--panel:#111114;--line:#2a2a30;--text:#f6f3f0;--muted:#9b989e;--acid:#d9ff43;--pink:#ff3fa4;--purple:#9b5cff;--gold:#f5a623;--radius:24px;font-family:'DM Sans','Noto Sans KR',sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;padding-bottom:72px;background:var(--bg);color:var(--text);overflow-x:hidden}button,input,select,textarea{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:30;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
.topbar{height:82px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);position:absolute;top:0;width:100%;z-index:40}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:12px;font-weight:800;line-height:.92;letter-spacing:.08em}.brand-mark{width:25px;height:25px;display:flex;gap:2px;transform:skew(-10deg)}.brand-mark i{display:block;height:100%;flex:1;border-radius:10px}.brand-mark i:nth-child(1){background:#ff405c}.brand-mark i:nth-child(2){background:#d9ff43}.brand-mark i:nth-child(3){background:#8d62ff}.topbar nav{display:flex;gap:38px}.topbar nav a{color:#c5c2c7;text-decoration:none;font-size:13px;font-weight:600}.topbar nav a:hover{color:#fff}.topbar-actions{display:flex;align-items:center;gap:8px}.lang-button{width:43px;height:40px;border:1px solid #48484f;background:rgba(10,10,12,.45);color:#fff;border-radius:99px;font-size:10px;font-weight:800;cursor:pointer}.lang-button:hover{border-color:var(--acid);color:var(--acid)}.saved-button{border:1px solid #48484f;background:rgba(10,10,12,.45);color:#fff;border-radius:99px;padding:10px 14px;display:flex;align-items:center;gap:7px;cursor:pointer}.saved-button i{font-style:normal}.saved-button span{font-size:17px}.saved-button b{background:#fff;color:#111;min-width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px}.saved-button.active{background:var(--acid);color:#111;border-color:var(--acid)}
.hero{min-height:760px;height:92vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:110px 20px 70px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 70%,rgba(128,68,255,.12),transparent 40%),linear-gradient(180deg,#0b0b0e 0%,#09090b 100%)}.hero:before{content:'';position:absolute;width:760px;height:760px;border:1px solid rgba(255,255,255,.06);border-radius:50%;top:15%;left:50%;transform:translateX(-50%);box-shadow:0 0 0 120px rgba(255,255,255,.018),0 0 0 240px rgba(255,255,255,.012)}.hero>*:not(.hero-orb){position:relative;z-index:2}.hero-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.34}.orb-one{width:290px;height:290px;background:#6528ff;left:14%;top:29%}.orb-two{width:250px;height:250px;background:#ff2b91;right:10%;top:48%}.eyebrow{font-size:11px;letter-spacing:.26em;font-weight:800;color:var(--acid);margin:0 0 22px}.hero h1{font-family:'Noto Sans KR',sans-serif;font-size:clamp(48px,7.2vw,104px);line-height:1.08;letter-spacing:-.065em;margin:0;font-weight:800}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #fff;position:relative}.hero h1 em:after{content:'';position:absolute;height:7px;width:108%;left:-3%;bottom:3px;background:linear-gradient(90deg,#ff3fa4,#9b5cff,#d9ff43);border-radius:99px;transform:rotate(-1deg)}.hero-copy{font-size:16px;color:#a9a5ad;margin:28px 0 34px}.search-shell{width:min(720px,92vw);height:66px;border:1px solid #46464d;background:rgba(18,18,22,.82);backdrop-filter:blur(14px);border-radius:99px;display:flex;align-items:center;padding:7px 7px 7px 22px;box-shadow:0 22px 70px rgba(0,0,0,.36)}.search-icon{font-size:29px;color:#aaa;transform:rotate(-16deg)}.search-shell input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;padding:0 14px;font-size:14px}.search-shell input::placeholder{color:#77747b}.search-shell button{height:50px;border:0;border-radius:99px;padding:0 24px;background:var(--acid);color:#111;font-weight:800;cursor:pointer}.search-shell button:hover{transform:scale(1.02)}.quick-links{display:flex;gap:10px;align-items:center;margin-top:19px;flex-wrap:wrap;justify-content:center}.quick-links span{font-size:11px;color:#777}.quick-links button{border:0;background:transparent;color:#c1bdc5;font-size:12px;border-bottom:1px solid #59565d;padding:2px;cursor:pointer}.quick-links button:hover{color:var(--acid);border-color:var(--acid)}.scroll-cue{position:absolute!important;bottom:26px;font-size:9px;letter-spacing:.18em;color:#67646a;display:flex;flex-direction:column;gap:8px}.scroll-cue span{font-size:16px;color:#bbb}
.stats-strip{min-height:116px;border-top:1px solid #242429;border-bottom:1px solid #242429;display:grid;grid-template-columns:repeat(4,1fr);padding:0 4.5vw}.stats-strip>div{display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid #242429}.stats-strip>div:last-child{border:0}.stats-strip strong{font-size:27px}.stats-strip span{font-size:9px;letter-spacing:.16em;color:#747178}.stats-strip .live strong{font-size:14px;color:var(--acid)}.live i{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-right:7px;box-shadow:0 0 14px var(--acid)}
.section{padding:110px 6vw}.explore{background:#0c0c0f}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-heading h2{font-family:'Noto Sans KR';font-size:clamp(33px,4vw,58px);letter-spacing:-.05em;margin:0}.section-heading>p{color:#858188;font-size:13px;line-height:1.8;margin:0}.filter-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;gap:24px;align-items:center}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #34343a;background:#151519;color:#aaa7ae;padding:11px 17px;border-radius:99px;cursor:pointer;font-size:12px;font-weight:700}.chip:hover,.chip.active{background:#f4f2ef;color:#111;border-color:#f4f2ef}.filter-tools{display:flex;align-items:end;gap:10px}.filter-tools label{display:flex;flex-direction:column;gap:6px}.filter-tools label>span{font-size:9px;letter-spacing:.14em;color:#666}.filter-tools select{width:145px;background:#151519;color:#ddd;border:1px solid #34343a;border-radius:9px;padding:10px 12px;outline:none}.reset{background:transparent;border:0;color:#858188;font-size:11px;text-decoration:underline;padding:12px 5px;cursor:pointer}.results-bar{display:flex;justify-content:space-between;align-items:center;margin:30px 0 18px;color:#77747b;font-size:11px}.results-bar p{margin:0}.results-bar strong{color:#fff;font-size:18px;margin-right:4px}.venue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.venue-card{background:#131317;border:1px solid #232328;border-radius:18px;overflow:hidden;cursor:pointer;transition:.25s ease;outline:0}.venue-card:hover,.venue-card:focus{transform:translateY(-6px);border-color:#56565f;box-shadow:0 20px 60px rgba(0,0,0,.35)}.card-visual{height:215px;position:relative;display:grid;place-items:center;overflow:hidden}.card-visual:before,.modal-visual:before{content:'';position:absolute;width:210px;height:210px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.025)}.venue-initial{font-size:70px;font-weight:800;letter-spacing:-.08em;color:rgba(255,255,255,.9);z-index:1;text-shadow:0 10px 40px rgba(0,0,0,.3)}.type-badge{position:absolute;left:14px;top:14px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.32);backdrop-filter:blur(9px);padding:7px 10px;border-radius:99px;font-size:9px;font-weight:700}.heart{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.32);color:#fff;font-size:18px;cursor:pointer;z-index:3}.heart.saved{background:#fff;color:#ff3f7e;border-color:#fff}.tone-violet{background:radial-gradient(circle at 65% 30%,#a966ff 0,transparent 34%),linear-gradient(135deg,#281047,#7230c3)}.tone-blue{background:radial-gradient(circle at 30% 22%,#38b8ff 0,transparent 32%),linear-gradient(135deg,#081d44,#2459aa)}.tone-orange{background:radial-gradient(circle at 70% 20%,#ffc05a 0,transparent 30%),linear-gradient(135deg,#3f1505,#bd5522)}.tone-pink{background:radial-gradient(circle at 35% 20%,#ff90d0 0,transparent 31%),linear-gradient(135deg,#4a082d,#d52872)}.tone-purple{background:radial-gradient(circle at 70% 25%,#d77aff 0,transparent 30%),linear-gradient(135deg,#251042,#7337b0)}.tone-cyan{background:radial-gradient(circle at 30% 24%,#53f1e5 0,transparent 30%),linear-gradient(135deg,#063239,#0e8094)}.tone-red{background:radial-gradient(circle at 68% 20%,#ff786d 0,transparent 31%),linear-gradient(135deg,#3d080b,#a61f2b)}.tone-amber{background:radial-gradient(circle at 35% 20%,#ffe47a 0,transparent 31%),linear-gradient(135deg,#3a2205,#a46b0e)}.tone-green{background:radial-gradient(circle at 70% 20%,#9aff83 0,transparent 30%),linear-gradient(135deg,#0b361e,#287a42)}.card-body{padding:20px}.card-title{display:flex;justify-content:space-between;align-items:center}.card-title p{font-size:9px;letter-spacing:.09em;color:#817e84;margin:0 0 6px;text-transform:uppercase}.card-title h3{font-size:22px;margin:0;letter-spacing:-.03em}.card-title>span{color:#777;font-size:18px}.card-note{color:#9d99a1;font-size:12px;line-height:1.7;margin:15px 0}.vibes{display:flex;gap:6px}.vibes span{font-size:9px;color:#79767d;background:#1c1c21;border-radius:99px;padding:5px 8px}.empty-state{text-align:center;padding:90px 20px;color:#777}.empty-state span{font-size:32px;color:var(--acid)}.empty-state h3{color:#fff}
.cities{background:#f0ede7;color:#111}.cities .eyebrow{color:#7b42e9}.cities .section-heading>p{color:#777}.city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.city-card{height:270px;border:0;border-radius:18px;padding:23px;color:#fff;text-align:left;position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.city-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(0,0,0,.65));transition:.3s}.city-card:hover:after{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(0,0,0,.52))}.city-card>*{position:relative;z-index:1}.city-number{align-self:flex-end;font-size:10px;border:1px solid rgba(255,255,255,.45);width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.city-card p{font-size:9px;text-transform:uppercase;letter-spacing:.18em;margin:0 0 5px}.city-card h3{font-size:38px;margin:0;letter-spacing:-.055em}.city-card div span{font-size:12px;color:rgba(255,255,255,.75)}.city-card b{font-size:9px;letter-spacing:.15em;margin-top:16px}
.guide{display:grid;grid-template-columns:1fr 1.1fr;gap:9vw;background:#0b0b0d;align-items:center}.guide-copy h2{font-family:'Noto Sans KR';font-size:clamp(36px,4vw,58px);letter-spacing:-.055em;line-height:1.18;margin:0 0 25px}.guide-copy>p:not(.eyebrow){color:#8d8991;line-height:1.85;font-size:13px;max-width:520px}.guide-copy a{display:inline-flex;gap:22px;color:#111;background:var(--acid);text-decoration:none;font-size:12px;font-weight:800;padding:14px 19px;border-radius:99px;margin-top:18px}.guide-list{border-top:1px solid #2a2a30}.guide-list article{display:grid;grid-template-columns:65px 1fr;border-bottom:1px solid #2a2a30;padding:25px 0;gap:10px}.guide-list article>b{font-size:11px;color:var(--acid)}.guide-list h3{margin:0 0 8px;font-size:17px}.guide-list p{margin:0;color:#858188;font-size:12px;line-height:1.65}footer{min-height:170px;padding:45px 6vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #242429;background:#08080a}.footer-brand{width:180px}.footer-brand+ p{font-size:11px;color:#aaa;line-height:1.7}.footer-brand+ p span{color:#555}footer>a{color:#aaa;text-decoration:none;font-size:11px}
dialog{width:min(580px,92vw);max-height:88vh;border:1px solid #3b3b43;border-radius:22px;padding:0;background:#111115;color:#fff;box-shadow:0 40px 120px rgba(0,0,0,.72);overflow-y:auto}dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(8px)}.modal-close{position:absolute;right:13px;top:13px;width:36px;height:36px;border:1px solid rgba(255,255,255,.32);background:rgba(0,0,0,.5);color:#fff;border-radius:50%;font-size:23px;z-index:3;cursor:pointer}.modal-visual{height:180px;display:grid;place-items:center;overflow:hidden;position:relative}.modal-visual>span{font-size:62px;font-weight:800;z-index:2}.modal-visual~*{margin-left:28px;margin-right:28px}dialog .eyebrow{margin-top:24px;margin-bottom:9px}dialog h2{font-size:38px;margin-top:0;margin-bottom:4px}.modal-location{color:#777;font-size:11px}.modal-note{font-size:15px;line-height:1.7;margin-top:18px}.modal-warning{background:#1c1c21;border-radius:12px;padding:15px;margin-top:22px}.modal-warning b{font-size:11px;color:var(--acid)}.modal-warning p{font-size:11px;color:#aaa;line-height:1.55;margin:5px 0 0}.hotel-box{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 15px;margin-top:12px;background:linear-gradient(135deg,rgba(245,166,35,.12),rgba(255,63,164,.08));border:1px solid rgba(245,166,35,.32);border-radius:13px}.hotel-box b{font-size:12px}.hotel-box p{margin:5px 0 0;color:#aaa;font-size:10px}.hotel-box a{flex:0 0 auto;padding:10px 12px;border-radius:9px;background:var(--gold);color:#111;text-decoration:none;font-size:10px;font-weight:800}.modal-actions{display:grid;grid-template-columns:1.5fr 1fr;gap:8px;margin-top:18px;margin-bottom:28px}.modal-actions-three{grid-template-columns:1fr 1.4fr 1fr}.modal-actions a,.modal-actions button{border:0;border-radius:10px;padding:13px 10px;text-align:center;text-decoration:none;font-size:10px;font-weight:700;cursor:pointer}.modal-actions a{background:var(--acid);color:#111}.modal-actions button{background:#29292f;color:#fff}.toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,30px);padding:12px 18px;background:#fff;color:#111;border-radius:99px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:150}.toast.show{opacity:1;transform:translate(-50%,0)}
.tab-page[hidden],footer[hidden]{display:none!important}.talk-page,.saved-page,.portal-page{min-height:calc(100vh - 72px);padding-top:145px;background:radial-gradient(circle at 75% 14%,rgba(155,92,255,.14),transparent 28%),#0c0c0f}.talk-layout{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(360px,1.25fr);gap:24px;align-items:start}.talk-form{position:sticky;top:24px;padding:22px;background:#131317;border:1px solid #29292f;border-radius:18px;display:flex;flex-direction:column;gap:14px}.talk-form label{display:flex;flex-direction:column;gap:7px}.talk-form label>span{font-size:9px;letter-spacing:.15em;color:#777;text-transform:uppercase}.talk-form input,.talk-form textarea{width:100%;border:1px solid #34343a;background:#0d0d10;color:#fff;border-radius:10px;padding:12px 13px;outline:none}.talk-form textarea{min-height:130px;resize:vertical}.talk-form input:focus,.talk-form textarea:focus{border-color:var(--purple)}.talk-tags{display:flex;gap:7px;flex-wrap:wrap}.talk-tag{border:1px solid #34343a;background:#1a1a20;color:#aaa;border-radius:99px;padding:8px 12px;font-size:10px;cursor:pointer}.talk-tag.active{border-color:var(--pink);background:rgba(255,63,164,.13);color:#fff}.talk-submit{border:0;border-radius:10px;padding:13px;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;font-size:11px;font-weight:800;cursor:pointer}.local-note{margin:0;color:#5f5c64;font-size:9px;line-height:1.5}.post-feed{display:flex;flex-direction:column;gap:10px}.post-card{padding:18px 19px;background:#131317;border:1px solid #29292f;border-radius:16px}.post-card>div{display:flex;gap:8px;align-items:center}.post-card strong{font-size:12px}.post-card span{color:var(--pink);font-size:9px;font-weight:700}.post-card time{margin-left:auto;color:#68656d;font-size:9px}.post-card p{margin:13px 0 0;color:#c4c0c8;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.bottom-nav{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:120;width:min(510px,calc(100vw - 28px));height:58px;padding:6px;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(17,17,21,.9);border:1px solid rgba(255,255,255,.13);border-radius:18px;backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(0,0,0,.55)}.bottom-nav-item{border:0;border-radius:12px;background:transparent;color:#777;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.bottom-nav-item span{font-size:18px}.bottom-nav-item b{font-size:10px}.bottom-nav-item.active{background:#f4f2ef;color:#111}.saved-page .venue-grid{margin-top:10px}.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portal-card{min-height:220px;padding:22px;display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(25,25,31,.96),rgba(14,14,18,.96));border:1px solid #2b2b33;border-radius:18px;color:#fff;text-decoration:none;transition:.22s}.portal-card:hover,.portal-card:focus{transform:translateY(-4px);border-color:var(--purple);box-shadow:0 20px 55px rgba(0,0,0,.35);outline:0}.portal-topline{display:flex;justify-content:space-between;gap:12px;align-items:center}.portal-topline span{color:var(--pink);font-size:12px;font-weight:700}.portal-topline b{color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.portal-card h3{margin:28px 0 10px;font-size:22px;letter-spacing:-.03em}.portal-card p{margin:0;color:#aaa6ae;font-size:14px;line-height:1.7}.portal-open{margin-top:auto;padding-top:22px;color:var(--acid);font-size:12px;font-weight:800}.portal-notice{margin:20px 0 0;color:#68656d;font-size:12px;line-height:1.6}
.filter-stack{min-width:0;display:flex;flex-direction:column;gap:12px}.quick-filter-scroll{max-width:min(680px,55vw);display:flex;gap:7px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.quick-filter-scroll::-webkit-scrollbar,.quick-question-row::-webkit-scrollbar{display:none}.quick-filter{flex:0 0 auto;border:1px solid #34343a;background:#111115;color:#8d8991;border-radius:99px;padding:8px 12px;font-size:12px;cursor:pointer}.quick-filter:hover,.quick-filter.active{border-color:var(--purple);background:rgba(155,92,255,.18);color:#fff}.card-hours{margin:0 0 11px;color:var(--acid);font-size:12px}.modal-facts{display:flex;flex-direction:column;gap:10px;padding:15px;margin-top:16px;background:#17171c;border:1px solid #2b2b31;border-radius:13px}.modal-facts p{display:grid;grid-template-columns:100px 1fr;gap:12px;margin:0}.modal-facts b{color:var(--acid);font-size:12px}.modal-facts span{color:#c6c2ca;font-size:12px;line-height:1.55}.quick-question-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.quick-question{flex:0 0 auto;border:1px solid #34343a;background:#111115;color:#c1bdc5;border-radius:99px;padding:8px 11px;font-size:12px;cursor:pointer}.quick-question:hover{border-color:var(--pink);color:#fff}
.venue-detail-link{color:inherit;text-decoration:none}.venue-detail-link:hover{text-decoration:underline;text-decoration-color:var(--acid);text-underline-offset:4px}.seo-body{padding:0;background:#09090b;color:#f6f3f0}.seo-header{min-height:74px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29292f;background:rgba(9,9,11,.96)}.seo-brand{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.06em}.seo-header nav{display:flex;gap:24px}.seo-header nav a{color:#b7b3bb;text-decoration:none;font-size:14px}.seo-header nav a:hover{color:var(--acid)}.seo-wrap{width:min(1180px,90vw);margin:0 auto;padding:70px 0 100px}.seo-hero{padding:65px 0 70px;border-bottom:1px solid #29292f;margin-bottom:34px}.seo-hero>p{margin:0 0 16px;color:var(--acid);font-size:12px;font-weight:800;letter-spacing:.18em}.seo-hero h1{max-width:900px;margin:0;font-family:'Noto Sans KR';font-size:clamp(42px,6vw,78px);line-height:1.12;letter-spacing:-.055em}.seo-hero>div{max-width:720px;margin-top:24px;color:#aaa6ae;font-size:17px;line-height:1.75}.seo-hero-compact{padding-top:40px}.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.seo-city-card,.seo-venue-card{min-height:235px;padding:24px;display:flex;flex-direction:column;border:1px solid #29292f;border-radius:18px;background:linear-gradient(145deg,#15151a,#0f0f13);color:#fff;text-decoration:none}.seo-city-card:hover,.seo-venue-card:hover{border-color:var(--purple)}.seo-city-card>span,.seo-venue-card>p{margin:0;color:var(--pink);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.seo-city-card h2,.seo-venue-card h2{margin:24px 0 9px;font-size:28px;letter-spacing:-.04em}.seo-city-card p,.seo-venue-card>div{margin:0;color:#aaa6ae;font-size:15px;line-height:1.65}.seo-city-card b{margin-top:auto;padding-top:22px;color:var(--acid);font-size:12px}.seo-venue-card h2 a{color:#fff;text-decoration:none}.seo-venue-card>span{margin-top:16px;color:var(--acid);font-size:13px}.seo-more{margin-top:auto;padding-top:20px;color:#fff;text-decoration:none;font-size:13px;font-weight:700}.seo-notice{margin:30px 0 0;padding:18px;border:1px solid #2b2b31;border-radius:12px;color:#8d8991;font-size:14px;line-height:1.65}.seo-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#777;font-size:13px;overflow-x:auto;white-space:nowrap}.seo-breadcrumb a{color:#bbb;text-decoration:none}.seo-breadcrumb b{color:#fff}.seo-detail{max-width:940px}.seo-detail-hero{min-height:390px;padding:50px;border-radius:26px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.seo-detail-hero:before{content:'';position:absolute;width:500px;height:500px;right:-120px;top:-180px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.04),0 0 0 140px rgba(255,255,255,.025)}.seo-detail-hero>*{position:relative;z-index:1}.seo-detail-hero p{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.12em}.seo-detail-hero h1{margin:0;font-size:clamp(42px,7vw,76px);letter-spacing:-.06em;line-height:1}.seo-detail-hero div{max-width:720px;margin-top:22px;font-size:17px;line-height:1.7;color:rgba(255,255,255,.82)}.seo-facts{display:grid;grid-template-columns:1fr;gap:1px;margin-top:22px;background:#29292f;border:1px solid #29292f;border-radius:18px;overflow:hidden}.seo-facts article{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:22px;background:#131317}.seo-facts span{color:var(--acid);font-size:13px;font-weight:700}.seo-facts b{font-size:15px;line-height:1.65}.seo-actions{display:flex;gap:10px;margin-top:16px}.seo-actions a{flex:1;padding:15px;border-radius:12px;background:#24242a;color:#fff;text-align:center;text-decoration:none;font-size:14px;font-weight:800}.seo-actions a:first-child{background:var(--acid);color:#111}.seo-related{margin-top:60px}.seo-related h2{font-size:28px}.seo-related>div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.seo-related a{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid #29292f;border-radius:13px;color:#fff;text-decoration:none}.seo-related span{color:var(--pink);font-size:12px}.seo-related b{font-size:16px}
@media(max-width:900px){.topbar nav{display:none}.venue-grid,.city-grid{grid-template-columns:repeat(2,1fr)}.filter-panel{align-items:flex-start;flex-direction:column}.filter-stack,.filter-tools{width:100%}.quick-filter-scroll{max-width:100%}.filter-tools{flex-wrap:wrap}.guide{grid-template-columns:1fr;gap:70px}.stats-strip{grid-template-columns:repeat(2,1fr);padding:0}.stats-strip>div{min-height:80px;border-bottom:1px solid #242429}.stats-strip>div:nth-child(2){border-right:0}.section{padding:85px 5vw}.talk-page,.saved-page,.portal-page{padding-top:125px}.talk-layout{grid-template-columns:1fr}.talk-form{position:static}}
@media(max-width:600px){.topbar{height:68px;padding:0 15px}.topbar-actions{gap:5px}.lang-button{width:38px;height:36px}.hero{min-height:700px;height:92vh;padding-left:16px;padding-right:16px}.hero h1{font-size:49px}.hero-copy{font-size:13px;max-width:320px}.search-shell{height:58px;padding-left:15px}.search-shell button{height:44px;padding:0 15px;font-size:11px}.search-icon{display:none}.quick-links span{width:100%}.section-heading{display:block}.section-heading>p{margin-top:17px}.venue-grid,.city-grid,.portal-grid{grid-template-columns:1fr}.card-visual{height:200px}.filter-tools label{width:calc(50% - 5px)}.filter-tools select{width:100%}.results-bar>span{display:none}.city-card{height:240px}.guide-list article{grid-template-columns:45px 1fr}footer{align-items:flex-start;gap:28px;flex-direction:column}.footer-brand+ p{margin:0}.modal-actions-three{grid-template-columns:1fr}.hotel-box{align-items:flex-start;flex-direction:column}.saved-button{font-size:0}.saved-button i{display:none}.saved-button span,.saved-button b{font-size:12px}.talk-page,.saved-page,.portal-page{padding:105px 16px 100px}.talk-form{padding:17px}.bottom-nav{bottom:8px;height:56px}.bottom-nav-item{gap:4px}.bottom-nav-item b{font-size:8px}.bottom-nav-item span{font-size:16px}.portal-card{min-height:200px;padding:18px}}
@media(max-width:800px){.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-detail-hero{padding:34px;min-height:340px}}
@media(max-width:560px){.seo-header{align-items:flex-start;gap:16px;padding:18px 20px;flex-direction:column}.seo-header nav{width:100%;gap:14px;justify-content:space-between}.seo-header nav a{font-size:12px}.seo-wrap{width:calc(100vw - 32px);padding:35px 0 80px}.seo-hero{padding:35px 0 45px}.seo-hero h1{font-size:39px}.seo-hero>div{font-size:16px}.seo-grid{grid-template-columns:1fr}.seo-city-card,.seo-venue-card{min-height:210px;padding:20px}.seo-detail-hero{padding:25px;min-height:360px;border-radius:20px}.seo-detail-hero h1{font-size:43px}.seo-detail-hero div{font-size:16px}.seo-facts article{grid-template-columns:1fr;gap:8px;padding:18px}.seo-actions{flex-direction:column}.seo-related>div{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.brand-wordmark{display:flex;flex-direction:column;gap:4px}.brand-wordmark strong{font-size:16px;line-height:1;letter-spacing:.13em}.brand-wordmark small{font-size:7px;line-height:1;letter-spacing:.16em;color:#aaa6ae;white-space:nowrap}.footer-brand+ p strong{display:inline-block;margin:2px 0;color:#d7d3da;font-size:12px}
.lang-select{max-width:112px;height:36px;padding:0 28px 0 10px;border:1px solid #34343a;border-radius:99px;background:#151519;color:#f4f2ef;font-size:11px;font-weight:700;outline:0;cursor:pointer}.lang-select:focus{border-color:var(--purple)}
.afterora-story{background:radial-gradient(circle at 80% 20%,rgba(155,92,255,.11),transparent 30%),#09090b;border-bottom:1px solid var(--line)}.story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;align-items:start}.story-headline h2{font-family:'Noto Sans KR';font-size:clamp(33px,4.3vw,62px);line-height:1.3;letter-spacing:-.055em;margin:22px 0 0}.story-headline h2 span{color:#eae7ec}.story-headline h2 em{font-style:normal;background:linear-gradient(90deg,var(--purple),var(--pink),var(--acid));-webkit-background-clip:text;background-clip:text;color:transparent}.story-headline h2 strong{display:inline-block;margin-top:15px;letter-spacing:.12em;font-size:.55em}.story-detail{padding-top:46px}.story-toggle{border:1px solid #3a3941;background:#151519;color:#f4f2ef;border-radius:99px;padding:12px 17px;font-weight:800;cursor:pointer}.story-detail>p{white-space:pre-line;color:#aaa6ae;font-size:14px;line-height:1.9;margin:24px 0 0;max-width:620px}.story-detail>p[hidden]{display:none}
.country-explorer{padding:20px 0;border-bottom:1px solid var(--line)}.country-explorer-label{margin:0 0 14px;color:#79767d;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.country-city-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.country-city-group{padding:14px;background:#121216;border:1px solid #29292f;border-radius:13px}.country-city-group h3{margin:0 0 10px;color:#c6c2ca;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.country-city-group>div{display:flex;gap:6px;flex-wrap:wrap}.country-city-chip{border:1px solid #34343a;background:#19191e;color:#8f8b93;border-radius:99px;padding:7px 9px;font-size:10px;cursor:pointer}.country-city-chip:hover,.country-city-chip.active{border-color:var(--acid);color:#111;background:var(--acid)}
.events{background:#0a0a0d}.event-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:15px;scrollbar-width:none}.event-filters::-webkit-scrollbar{display:none}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.event-card{display:flex;flex-direction:column;min-height:360px;padding:22px;border:1px solid #2b2b33;border-radius:18px;background:linear-gradient(145deg,rgba(25,25,31,.96),rgba(14,14,18,.96))}.event-topline{display:flex;justify-content:space-between;gap:10px;align-items:center}.event-topline>span{color:var(--pink);font-size:9px;font-weight:800;letter-spacing:.14em}.event-save{border:1px solid #3a3941;border-radius:99px;background:transparent;color:#8d8991;padding:7px 10px;font-size:9px;cursor:pointer}.event-save.active{background:#fff;color:#111}.event-place{margin:28px 0 7px!important;color:#79767d!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.09em}.event-card h3{margin:0 0 10px;font-size:23px;line-height:1.2}.event-card time{color:var(--acid);font-size:11px;font-weight:700}.event-card>p{color:#aaa6ae;font-size:13px;line-height:1.7}.event-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:20px}.event-actions a,.event-actions button{border:1px solid #37363e;background:#17171c;color:#d6d2da;text-decoration:none;border-radius:8px;padding:9px 10px;font-size:9px;font-weight:700;cursor:pointer}.event-actions a:first-of-type{border-color:var(--purple)}
.local-signals-cta{margin:0 0 24px;padding:25px;border:1px solid rgba(155,92,255,.4);border-radius:18px;background:radial-gradient(circle at 85% 20%,rgba(255,63,164,.16),transparent 35%),#131317}.local-signals-cta h3{margin:10px 0;font-size:clamp(22px,3vw,36px)}.local-signals-cta>p:not(.eyebrow){max-width:760px;white-space:pre-line;color:#aaa6ae;font-size:13px;line-height:1.75}.local-signals-cta button{border:0;border-radius:99px;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;padding:12px 17px;font-size:11px;font-weight:800;cursor:pointer}
.source-policy{margin:0 0 22px;padding:22px;border:1px solid rgba(133,255,50,.22);border-radius:18px;background:rgba(133,255,50,.04)}.source-policy h3{margin:10px 0;font-size:24px}.source-policy>p:not(.eyebrow){color:#aaa6ae;font-size:12px;line-height:1.7}.source-policy strong{display:block;margin:16px 0;padding:12px;border-radius:9px;background:#111116;color:var(--acid);font-size:11px;letter-spacing:.04em}.review-rating{margin:4px 0;padding:12px;border:1px solid rgba(255,190,70,.28);border-radius:10px;color:#ffc45d;font-weight:800}.review-summary{padding:15px;border:1px solid #34343a;border-radius:12px;background:#111116}.review-summary p{color:#bbb7bf;line-height:1.7}.review-summary small{color:#69666d}.modal-actions-three{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.story-grid{grid-template-columns:1fr;gap:18px}.story-detail{padding-top:0}.country-city-groups,.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.brand-wordmark strong{font-size:14px}.brand-wordmark small{font-size:6px}.lang-select{max-width:88px;height:34px;padding-left:8px;font-size:9px}.afterora-story{padding-top:72px;padding-bottom:72px}.story-headline h2{font-size:34px;line-height:1.36}.story-detail>p{font-size:13px}.country-city-groups,.event-grid{grid-template-columns:1fr}.country-city-group{padding:12px}.event-card{min-height:330px}.local-signals-cta{padding:19px}.source-policy{padding:18px}.modal-actions-three{grid-template-columns:1fr}}


/* AFTERORA location hierarchy + mobile-safe refinements */
.story-headline h2,.story-headline h2 span,.story-headline h2 em,.afterora-story p{word-break:keep-all;overflow-wrap:normal}
.filter-tools{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;align-items:end}
.filter-tools label{width:100%;min-width:0}
.filter-tools select{width:100%;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:28px}
.filter-tools .reset{grid-column:1/-1;justify-self:end}
.bottom-nav{bottom:calc(8px + env(safe-area-inset-bottom,0px))}
body{padding-bottom:calc(90px + env(safe-area-inset-bottom,16px))}
@media(max-width:900px){.filter-tools{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.filter-tools .reset{grid-column:1/-1}}
@media(max-width:600px){.filter-tools label{width:100%}.talk-page,.saved-page,.portal-page,#exploreTab{padding-bottom:calc(120px + env(safe-area-inset-bottom,20px))}}
@media(max-width:600px){#events{padding-bottom:calc(120px + env(safe-area-inset-bottom,20px))}}

/* AFTERORA navigation/accessibility patch: compact country explorer + five-item mobile nav */
.country-explorer{margin-top:18px;border:1px solid #29292f;border-radius:14px;background:#101014}
.country-explorer>summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.country-explorer>summary::-webkit-details-marker{display:none}
.country-explorer>summary:after{content:'＋';color:#777;font-size:14px}
.country-explorer[open]>summary:after{content:'−'}
.country-explorer[open] .country-city-groups{padding:0 12px 12px}
#events{scroll-margin-top:82px}
@media(max-width:600px){.bottom-nav-item{gap:2px}.bottom-nav-item b{font-size:7px}.bottom-nav-item span{font-size:15px}}

/* Compact country selector + one active country detail panel for the main Queer Cities section. */
.cities .country-directory{width:min(980px,100%);margin:0 auto;display:grid;gap:12px}
.cities .country-directory-selector{background:#121216;border:1px solid #29292f;border-radius:18px;padding:16px;color:#fff;box-shadow:0 8px 28px rgba(0,0,0,.08)}
.cities .country-directory-intro{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:12px}
.cities .country-directory-intro strong{font-size:15px;letter-spacing:-.02em}
.cities .country-directory-intro span{font-size:10px;color:#858188}
.cities .country-selector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cities .country-selector-btn{min-width:0;min-height:52px;border:1px solid #33333a;background:#1a1a20;color:#eee;border-radius:12px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer;transition:.16s ease}
.cities .country-selector-btn>span{min-width:0;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cities .country-selector-btn>small{flex:0 0 auto;color:#8e8a91;font-size:8px;font-weight:800;letter-spacing:.04em}
.cities .country-selector-btn:hover,.cities .country-selector-btn:focus-visible{border-color:#696972;outline:0}
.cities .country-selector-btn.active{border-color:var(--acid);background:var(--acid);color:#111}
.cities .country-selector-btn.active>small{color:#313313}
.cities .country-directory-more{margin-top:10px;border-top:1px solid #29292f;padding-top:10px}
.cities .country-directory-more>summary{list-style:none;cursor:pointer;color:#aaa6ae;font-size:11px;font-weight:750;display:flex;justify-content:space-between;align-items:center;padding:4px 1px}
.cities .country-directory-more>summary::-webkit-details-marker{display:none}
.cities .country-directory-more[open]>summary span{transform:rotate(45deg)}
.cities .country-directory-more>summary span{transition:transform .18s ease}
.cities .country-region-groups{display:grid;gap:14px;padding-top:12px}
.cities .country-region-group h3{margin:0 0 7px;color:#8e8a91;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.cities .country-selector-grid-secondary{grid-template-columns:repeat(4,minmax(0,1fr))}
.cities .country-directory-detail{background:#121216;border:1px solid #6f41c7;border-radius:18px;padding:17px;color:#fff;box-shadow:0 10px 34px rgba(0,0,0,.1)}
.cities .country-directory-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:10px}
.cities .country-directory-detail-head>div{display:flex;align-items:center;gap:9px;min-width:0}
.cities .country-directory-detail-head strong{font-size:20px;letter-spacing:-.03em}
.cities .country-directory-detail-head span{border:1px solid rgba(194,255,71,.25);background:rgba(194,255,71,.08);color:var(--acid);border-radius:99px;padding:4px 8px;font-size:8px;font-weight:800;letter-spacing:.06em}
.cities .country-directory-detail-head small{max-width:260px;color:#858188;font-size:9px;line-height:1.5;text-align:right}
.cities .country-directory-detail>p{max-width:760px;margin:0 0 13px;color:#aaa6ae;font-size:12px;line-height:1.65}
.cities .city-chips-wrapper{display:flex;flex-wrap:wrap;gap:7px}
.cities .city-chip-btn{border:1px solid #37373e;background:#1a1a20;color:#d6d2d9;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:750;cursor:pointer;transition:.16s ease}
.cities .city-chip-btn:hover,.cities .city-chip-btn:focus-visible,.cities .city-chip-btn.active{border-color:var(--acid);background:var(--acid);color:#111;outline:0}
.cities .city-chip-btn:active,.cities .country-selector-btn:active{transform:scale(.98)}
@media(max-width:600px){
  .cities .country-directory{gap:9px}
  .cities .country-directory-selector{padding:13px;border-radius:16px}
  .cities .country-directory-intro{display:block;margin-bottom:10px}
  .cities .country-directory-intro strong{display:block;font-size:14px}
  .cities .country-directory-intro span{display:block;margin-top:4px;font-size:9px;line-height:1.45}
  .cities .country-selector-grid,.cities .country-selector-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .cities .country-selector-btn{min-height:48px;padding:8px 9px}
  .cities .country-selector-btn>span{font-size:12px}
  .cities .country-directory-detail{padding:14px;border-radius:16px}
  .cities .country-directory-detail-head{display:block;margin-bottom:9px}
  .cities .country-directory-detail-head>div{gap:7px}
  .cities .country-directory-detail-head strong{font-size:18px}
  .cities .country-directory-detail-head small{display:block;text-align:left;margin-top:5px;max-width:none}
  .cities .country-directory-detail>p{font-size:11px;line-height:1.6;margin-bottom:11px}
  .cities .city-chip-btn{padding:8px 10px;font-size:10px}
}

/* AFTERORA UX reorder: the country selector is now the primary destination navigator.
   Keep the legacy in-filter country explorer in DOM for strict preservation, but hide it visually. */
.explore .country-explorer{display:none}

/* ===== AFTERORA FINAL MOBILE UX BATCH ===== */
.browse-prompt{grid-column:1/-1;min-height:180px;border:1px solid #29292f;border-radius:18px;background:linear-gradient(145deg,#141419,#0e0e12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 20px;text-align:center}
.browse-prompt>span{color:var(--acid);font-size:28px}
.browse-prompt p{margin:0;color:#aaa6ae;font-size:13px;line-height:1.6}
.browse-prompt button{margin-top:4px;padding:10px 15px;border-radius:999px;border:1px solid #3a3a42;background:#1b1b20;color:#ddd;font-size:11px;font-weight:700;cursor:pointer}
.browse-prompt button:hover,.browse-prompt button:focus-visible{border-color:var(--acid);color:var(--acid);outline:0}
.local-signal-badge{display:inline-flex;align-items:center;width:max-content;margin:0 0 12px;padding:5px 9px;border:1px solid rgba(217,255,67,.34);border-radius:999px;background:rgba(217,255,67,.08);color:var(--acid);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

/* ===== AFTERORA CLEAN MOCKUP HOME — 2026-09-03 ===== */
:root{--home-bg:#f7f7f4;--home-card:#fff;--home-ink:#111216;--home-muted:#72727a;--home-line:#e5e5e1;--home-purple:#7c3cff;--home-pink:#ef3aa8;--home-acid:#cfff3f}
body{background:var(--home-bg);color:var(--home-ink)}
.noise{display:none!important}
.topbar{position:sticky;top:0;z-index:50;background:rgba(247,247,244,.94)!important;border-bottom:1px solid var(--home-line)!important;backdrop-filter:blur(16px);color:var(--home-ink)!important}
.topbar .brand-wordmark strong{color:var(--home-ink)!important}.topbar .brand-wordmark small{color:#777!important}.topbar nav{display:none!important}
.topbar-actions{gap:8px}.lang-select,.saved-button{background:#fff!important;color:#111!important;border:1px solid #d9d9d5!important}
#exploreTab{background:var(--home-bg)!important;color:var(--home-ink)!important;padding-bottom:120px}
.home-hero{max-width:1180px;margin:0 auto;padding:72px 28px 34px;background:transparent!important;min-height:0!important;position:relative;overflow:visible!important}
.home-kicker{font-size:12px;font-weight:800;letter-spacing:.22em;color:var(--home-purple);margin-bottom:18px}
.home-hero h1{margin:0;color:var(--home-ink)!important;font-family:'Noto Sans KR','DM Sans',sans-serif;font-size:clamp(42px,7vw,76px);line-height:1.05;letter-spacing:-.055em;font-weight:800;background:none!important;-webkit-text-fill-color:initial!important;text-shadow:none!important}
.home-hero h1::first-letter{color:inherit}.home-hero h1 em{color:var(--home-purple)}
.home-subtitle{margin:18px 0 28px;color:var(--home-muted);font-size:clamp(15px,2vw,19px);line-height:1.6}
.home-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 9px 8px 18px;border:1px solid #d9d9d5;border-radius:18px;background:#fff;box-shadow:0 10px 32px rgba(18,18,22,.06)}
.home-search-icon{font-size:20px;color:#888}.home-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:#111!important;font-size:16px!important;padding:14px 0!important;box-shadow:none!important}
.home-search input::placeholder{color:#aaa}.home-search button{border:0;border-radius:13px;background:#111216;color:#fff;font-weight:800;font-size:14px;padding:16px 25px;cursor:pointer;white-space:nowrap}
.home-trending{display:flex!important;align-items:center;flex-wrap:wrap;gap:9px;margin-top:18px;color:#777!important}.home-trending>span{font-size:13px;margin-right:3px;color:#666!important}.home-trending button{border:1px solid #d8d8d4!important;background:#fff!important;color:#242429!important;border-radius:999px!important;padding:9px 14px!important;font-size:13px!important;box-shadow:none!important}
.home-country,.home-explore{max-width:1180px;margin:0 auto!important;padding:34px 28px!important;background:transparent!important;color:var(--home-ink)!important}
.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.home-section-heading>div{display:flex;align-items:center;gap:10px}.home-section-heading h2{margin:0!important;color:var(--home-ink)!important;font-size:28px!important;letter-spacing:-.04em!important}.home-section-heading p{margin:0;color:var(--home-muted);font-size:13px}.home-section-icon{font-size:18px}
.home-country-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-country-grid button{min-height:84px;border:1px solid var(--home-line);border-radius:16px;background:#fff;color:#151519;display:flex;align-items:center;gap:12px;padding:18px;cursor:pointer;box-shadow:0 4px 16px rgba(18,18,22,.035);transition:.18s}.home-country-grid button:hover,.home-country-grid button:focus-visible{border-color:#bba7ff;transform:translateY(-1px);outline:0}.home-country-grid button.active{border-color:var(--home-purple);box-shadow:0 0 0 2px rgba(124,60,255,.12);background:#fbf9ff}.home-country-grid button>span{font-size:26px}.home-country-grid button>b{font-size:15px}
.home-country-city-panel{margin-top:14px;padding:14px;border:1px solid #e3def0;border-radius:15px;background:#fbf9ff}.home-country-city-panel strong{display:block;margin-bottom:10px;font-size:13px;color:#5d36c6}.home-country-city-panel>div{display:flex;flex-wrap:wrap;gap:8px}.home-country-city-panel button{border:1px solid #d8cff2;background:#fff;color:#302a3a;border-radius:999px;padding:8px 12px;font-size:12px;cursor:pointer}.home-country-city-panel button.active{background:var(--home-purple);border-color:var(--home-purple);color:#fff}
.home-stats{max-width:1124px;margin:8px auto 24px;display:grid;grid-template-columns:repeat(4,1fr);background:#101115;color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 44px rgba(13,13,17,.12)}.home-stats>div{min-height:126px;padding:24px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;column-gap:12px;border-right:1px solid #2b2c31}.home-stats>div:last-child{border-right:0}.home-stats strong{grid-row:1/3;font-size:34px;line-height:1;color:#fff}.home-stats span{align-self:end;font-size:13px;font-weight:800}.home-stats small{align-self:start;color:#8f9098;font-size:10px;margin-top:4px}.home-stats .live strong{color:var(--home-acid);font-size:24px}.home-stats .live i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--home-acid);margin-right:7px}
.home-type-chips{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 28px}.home-type-chips .chip{border:1px solid #ddd!important;background:#fff!important;color:#222!important;border-radius:999px!important;padding:12px 14px!important;font-weight:750!important;font-size:13px!important}.home-type-chips .chip.active{background:linear-gradient(135deg,var(--home-purple),#9e49ff)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 22px rgba(124,60,255,.2)}
.home-results-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.home-results-head>div{display:flex;align-items:center;gap:8px}.home-results-head strong{font-size:17px}.home-results-head p{margin:0;color:#888;font-size:12px}.home-results-head p strong{font-size:13px;color:#555}
.home-venue-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.home-venue-grid .venue-card{background:#fff!important;border:1px solid var(--home-line)!important;border-radius:16px!important;overflow:hidden!important;color:#111!important;box-shadow:0 7px 24px rgba(20,20,24,.05)!important}.home-venue-grid .card-visual{height:122px!important;background:#111216!important;position:relative}.home-venue-grid .venue-initial{font-size:34px!important;color:#fff!important}.home-venue-grid .type-badge{background:rgba(124,60,255,.9)!important;color:#fff!important}.home-venue-grid .heart{background:rgba(255,255,255,.12)!important;color:#fff!important}.home-venue-grid .card-body{padding:14px!important;color:#111!important}.home-venue-grid .card-title p{color:#888!important;font-size:10px!important}.home-venue-grid .card-title h3,.home-venue-grid .venue-detail-link{color:#111!important;font-size:15px!important}.home-venue-grid .card-note{display:none!important}.home-venue-grid .card-hours{color:#4b8d77!important;font-size:11px!important;margin:10px 0 0!important}.home-venue-grid .vibes{display:none!important}
#events,#guide{max-width:1180px;margin:0 auto!important;background:#fff!important;color:#111!important;border-radius:20px;padding:38px 28px!important}.section-heading h2,#guide h2{color:#111!important}.section-heading>p,#guide p{color:#777!important}.event-card{background:#fff!important;color:#111!important;border-color:#e6e6e2!important}.guide-list article{background:#fafafa!important;border-color:#e6e6e2!important;color:#111!important}
.bottom-nav{background:rgba(255,255,255,.96)!important;border:1px solid #e3e3df!important;box-shadow:0 12px 36px rgba(20,20,24,.14)!important}.bottom-nav-item{color:#666!important}.bottom-nav-item.active{background:#f2edff!important;color:var(--home-purple)!important}
@media(max-width:760px){
  .topbar{padding-top:max(10px,env(safe-area-inset-top));min-height:64px}.topbar .brand-wordmark small{display:block}.topbar-actions{margin-left:auto}.saved-button i{display:none}.saved-button{min-width:54px}
  .home-hero{padding:44px 16px 22px}.home-kicker{font-size:10px;margin-bottom:13px}.home-hero h1{font-size:44px;line-height:1.1}.home-subtitle{font-size:14px;margin:14px 0 21px}
  .home-search{grid-template-columns:auto 1fr auto;padding-left:13px;border-radius:15px}.home-search input{font-size:14px!important}.home-search button{font-size:12px;padding:14px 18px;border-radius:11px}
  .home-trending{gap:7px}.home-trending>span{width:100%;font-size:12px}.home-trending button{font-size:12px!important;padding:8px 12px!important}
  .home-country,.home-explore{padding:28px 16px!important}.home-section-heading{display:block}.home-section-heading>div{margin-bottom:6px}.home-section-heading h2{font-size:24px!important}.home-section-heading p{font-size:12px}
  .home-country-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.home-country-grid button{min-height:78px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:10px 4px;border-radius:13px}.home-country-grid button>span{font-size:22px}.home-country-grid button>b{font-size:11px}
  .home-stats{margin:6px 16px 14px;grid-template-columns:repeat(2,1fr);border-radius:15px}.home-stats>div{min-height:96px;padding:17px;border-bottom:1px solid #2b2c31}.home-stats>div:nth-child(2){border-right:0}.home-stats>div:nth-child(3),.home-stats>div:nth-child(4){border-bottom:0}.home-stats strong{font-size:28px}.home-stats span{font-size:11px}.home-stats small{font-size:9px}.home-stats .live strong{font-size:20px}
  .home-type-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.home-type-chips .chip{font-size:11px!important;padding:10px 5px!important}
  .home-venue-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.home-venue-grid .card-visual{height:96px!important}.home-venue-grid .card-body{padding:11px!important}.home-venue-grid .card-title>span{display:none}.home-venue-grid .card-title h3,.home-venue-grid .venue-detail-link{font-size:12px!important;line-height:1.3}.home-venue-grid .card-hours{font-size:9px!important}.home-venue-grid .type-badge{font-size:8px!important}.home-venue-grid .venue-initial{font-size:25px!important}
  #events,#guide{border-radius:0;padding:30px 16px!important}
}
@media(max-width:390px){.home-hero h1{font-size:39px}.home-country-grid{grid-template-columns:repeat(4,1fr)}.home-country-grid button>b{font-size:10px}.home-search button{padding-inline:14px}}

/* exact two-stat layout requested for the clean home */
.home-stats{grid-template-columns:repeat(2,1fr)}
.home-stats>div:nth-child(2){border-right:0}
@media(max-width:760px){.home-stats{grid-template-columns:repeat(2,1fr)}.home-stats>div{border-bottom:0!important}.home-stats>div:nth-child(1){border-right:1px solid #2b2c31}.home-stats>div:nth-child(2){border-right:0}}

/* ===== AFTERORA MOCKUP POLISH — 2026-09-03 ===== */
.home-hero{padding-top:56px;padding-bottom:26px}
.home-hero h1{font-size:clamp(40px,6.1vw,68px);max-width:760px}
.home-subtitle{margin-top:14px;margin-bottom:24px}
.home-country{padding-top:28px!important;padding-bottom:28px!important}
.home-explore{padding-top:26px!important}
.home-stats{max-width:1124px;margin-top:0;margin-bottom:12px}
.home-stats>div{min-height:102px;padding:19px 24px}
.home-stats strong{font-size:31px}
.home-stats span{font-size:12px}
.home-stats small{font-size:9px}
.home-venue-grid .card-visual{height:112px!important;display:flex;align-items:center;justify-content:center;overflow:hidden}
.home-venue-grid .card-visual:before,.home-venue-grid .card-visual:after{content:'';position:absolute;border-radius:999px;pointer-events:none}
.home-venue-grid .card-visual:before{width:150px;height:150px;right:-46px;top:-70px;border:1px solid rgba(255,255,255,.11)}
.home-venue-grid .card-visual:after{width:110px;height:110px;left:-45px;bottom:-68px;background:rgba(255,255,255,.035)}
.home-venue-grid .venue-visual-club{background:radial-gradient(circle at 50% 40%,rgba(137,75,255,.6),transparent 35%),linear-gradient(145deg,#14131a,#09090c)!important}
.home-venue-grid .venue-visual-bar{background:radial-gradient(circle at 50% 40%,rgba(239,58,168,.48),transparent 35%),linear-gradient(145deg,#171118,#09090c)!important}
.home-venue-grid .venue-visual-sauna{background:radial-gradient(circle at 50% 40%,rgba(255,155,42,.5),transparent 35%),linear-gradient(145deg,#19130e,#09090c)!important}
.home-venue-grid .venue-symbol{position:relative;z-index:1;width:62px;height:62px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:rgba(124,60,255,.92);box-shadow:0 12px 30px rgba(0,0,0,.24)}
.home-venue-grid .venue-visual-bar .venue-symbol{background:rgba(226,51,153,.92)}
.home-venue-grid .venue-visual-sauna .venue-symbol{background:rgba(224,115,22,.94)}
.home-venue-grid .venue-symbol span{font-size:25px;line-height:1}
.home-venue-grid .venue-symbol small{margin-top:3px;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.86}
.home-venue-grid .type-badge{top:12px!important;left:12px!important}
.home-venue-grid .heart{top:11px!important;right:11px!important}
#events{margin-top:14px!important;box-shadow:0 8px 28px rgba(18,18,22,.035)!important}
#guide{margin-top:16px!important;margin-bottom:24px!important;background:linear-gradient(135deg,#f5f0ff,#f8fbff)!important;border:1px solid #e4dcff!important}
#guide .guide-copy a{background:#111216!important;color:#fff!important;border-radius:12px!important}

@media(max-width:760px){
  .home-hero{padding:34px 16px 18px}
  .home-hero h1{font-size:38px;line-height:1.08;max-width:330px}
  .home-subtitle{font-size:13px;margin:12px 0 18px}
  .home-search{border-radius:14px}
  .home-search button{padding:13px 16px}
  .home-country,.home-explore{padding:22px 16px!important}
  .home-section-heading{margin-bottom:14px}
  .home-section-heading h2{font-size:23px!important}
  .home-country-grid{gap:7px}
  .home-country-grid button{min-height:72px}
  .home-stats{margin:0 16px 8px;border-radius:14px}
  .home-stats>div{min-height:82px;padding:14px 16px}
  .home-stats strong{font-size:26px}
  .home-stats span{font-size:10px}
  .home-stats small{font-size:8px;margin-top:2px}
  .home-type-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:22px}
  .home-type-chips .chip{min-height:42px;font-size:11px!important;padding:10px 8px!important}
  .home-results-head{margin-bottom:11px}
  .home-venue-grid{gap:9px!important}
  .home-venue-grid .card-visual{height:94px!important}
  .home-venue-grid .venue-symbol{width:52px;height:52px}
  .home-venue-grid .venue-symbol span{font-size:21px}
  .home-venue-grid .venue-symbol small{font-size:6px}
  .home-venue-grid .card-body{padding:10px!important}
  .home-venue-grid .card-title p{font-size:8px!important;line-height:1.3}
  .home-venue-grid .card-title h3,.home-venue-grid .venue-detail-link{font-size:11.5px!important;line-height:1.28}
  .home-venue-grid .card-hours{font-size:8.5px!important;line-height:1.35}
  #events,#guide{padding:26px 16px!important}
}

/* ===== AFTERORA FINAL MOCKUP MATCH — 2026-09-03 ===== */
.home-hero{padding-top:44px;padding-bottom:20px}
.home-subtitle{margin-bottom:18px}
.home-trending{margin-top:14px}
.home-country{padding-top:20px!important;padding-bottom:20px!important}
.home-section-heading{margin-bottom:16px}
.home-stats{margin-bottom:6px}
.home-explore{padding-top:20px!important;padding-bottom:26px!important}
.home-type-chips{margin-bottom:18px}
.home-results-head{margin-bottom:10px}

#events{padding-top:26px!important;padding-bottom:30px!important}
#events .section-heading{align-items:flex-start;margin-bottom:16px}
#events .section-heading h2{font-size:clamp(28px,3.3vw,42px)!important;line-height:1.08}
#events .section-heading>p{max-width:420px;line-height:1.55;font-size:11px}
#events .eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:8px}
.event-filters{padding-bottom:8px;gap:6px}
.event-filters .chip{padding:8px 12px;font-size:10px;background:#f7f6f4;color:#555;border-color:#e6e3df}
.event-filters .chip.active{background:#7c3cff;color:#fff;border-color:#7c3cff}
.event-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.event-card.event-card-compact{min-height:0;padding:0;overflow:hidden;border-radius:15px;box-shadow:0 5px 18px rgba(18,18,22,.045)}
.event-visual{height:118px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#fff;overflow:hidden;background:linear-gradient(145deg,#331463,#7c3cff)}
.event-visual:before,.event-visual:after{content:'';position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.15)}
.event-visual:before{width:150px;height:150px;right:-70px;top:-90px}
.event-visual:after{width:90px;height:90px;left:-42px;bottom:-50px;background:rgba(255,255,255,.05)}
.event-visual-festival{background:linear-gradient(145deg,#48123a,#e33d9f)}
.event-visual-parade{background:linear-gradient(145deg,#102d52,#276bc4)}
.event-visual-icon{position:relative;z-index:1;font-size:30px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
.event-visual small{position:relative;z-index:1;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.9}
.event-visual .event-save{position:absolute;right:9px;top:9px;z-index:2;width:31px;height:31px;padding:0;border-radius:50%;background:rgba(20,20,25,.32);border-color:rgba(255,255,255,.35);color:#fff;font-size:16px}
.event-visual .event-save.active{background:#fff;color:#e33d9f}
.event-card-copy{padding:12px 13px 13px;display:flex;flex-direction:column;min-height:154px}
.event-card-copy .event-topline{margin-bottom:5px}
.event-card-copy .event-topline span{font-size:8px;letter-spacing:.1em;color:#7c3cff}
.event-card-copy h3{font-size:14px;line-height:1.25;margin:0 0 7px;color:#111}
.event-card-copy time{font-size:9px;color:#6c45d1}
.event-card-copy .event-place{margin:6px 0 0!important;font-size:8px!important;letter-spacing:.04em!important;color:#888!important;text-transform:none}
.event-card-copy .event-description{font-size:9px;line-height:1.45;color:#777;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.event-card-copy .event-actions{padding-top:10px;gap:5px}
.event-card-copy .event-actions a,.event-card-copy .event-actions button{padding:7px 8px;font-size:8px;background:#fafafa;color:#444;border-color:#e6e3df}

#guide{padding:28px!important;grid-template-columns:.9fr 1.1fr;gap:34px!important}
#guide .guide-copy h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:14px}
#guide .guide-copy>p:not(.eyebrow){font-size:11px;line-height:1.6}
#guide .guide-copy a{margin-top:10px;padding:11px 15px;font-size:10px}
#guide .guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0}
#guide .guide-list article{display:block;padding:16px;border:1px solid #e4dcff!important;border-radius:14px;background:rgba(255,255,255,.72)!important}
#guide .guide-list article>b{font-size:9px;color:#7c3cff}
#guide .guide-list h3{font-size:13px;margin:7px 0 5px;color:#111}
#guide .guide-list p{font-size:9px;line-height:1.5;color:#777!important}

@media(max-width:760px){
  .home-hero{padding:26px 16px 14px}
  .home-hero h1{font-size:36px}
  .home-subtitle{margin:10px 0 15px}
  .home-trending{margin-top:11px}
  .home-country{padding-top:16px!important;padding-bottom:16px!important}
  .home-section-heading{margin-bottom:12px}
  .home-stats{margin-bottom:4px}
  .home-explore{padding-top:16px!important;padding-bottom:22px!important}
  #events{padding:22px 16px 26px!important;overflow:hidden}
  #events .section-heading{display:block;margin-bottom:12px}
  #events .section-heading h2{font-size:25px!important;max-width:310px}
  #events .section-heading>p{margin-top:7px;font-size:10px;max-width:330px}
  .event-filters{margin-right:-16px;padding-right:16px}
  .event-grid{display:flex;overflow-x:auto;gap:10px;margin:10px -16px 0;padding:0 16px 8px;scroll-snap-type:x proximity;scrollbar-width:none}
  .event-grid::-webkit-scrollbar{display:none}
  .event-card.event-card-compact{flex:0 0 205px;scroll-snap-align:start}
  .event-visual{height:105px}
  .event-card-copy{min-height:146px;padding:11px 12px 12px}
  .event-card-copy .event-description{display:none}
  .event-card-copy .event-actions a:last-child{display:none}
  #guide{display:block;padding:24px 16px!important;margin-top:10px!important}
  #guide .guide-copy{margin-bottom:17px}
  #guide .guide-copy h2{font-size:27px}
  #guide .guide-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #guide .guide-list article{padding:13px 11px}
  #guide .guide-list h3{font-size:11px}
  #guide .guide-list p{font-size:8px}
}

/* === 2026-09-03 Mockup polish v3: tighter home + compact event strip + photo-ready cards === */
.home-hero{padding-top:34px!important;padding-bottom:12px!important}
.home-kicker{margin-bottom:10px!important}
.home-hero h1{font-size:clamp(38px,5.8vw,62px)!important}
.home-subtitle{margin:10px 0 17px!important}
.home-search{margin-bottom:12px!important}
.home-trending{margin-top:10px!important;margin-bottom:0!important}
.home-country{padding-top:24px!important;padding-bottom:18px!important}
.home-country .home-section-heading{margin-bottom:13px!important}
.home-stats{margin-top:4px!important;margin-bottom:20px!important}
.home-explore{padding-top:20px!important}

/* Photo-ready behavior: real/licensed venue/event images can be supplied through imageUrl/photoUrl/image. */
.home-venue-grid .card-visual.has-photo,
.event-visual.has-photo{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.home-venue-grid .card-visual.has-photo:before,
.home-venue-grid .card-visual.has-photo:after,
.event-visual.has-photo:before,
.event-visual.has-photo:after{display:none!important}
.home-venue-grid .card-visual.has-photo .venue-symbol,
.event-visual.has-photo .event-visual-icon,
.event-visual.has-photo>small{display:none!important}

/* Home event section follows the approved mockup: title + immediate cards; filters are secondary. */
#events.home-events{padding:24px 28px 28px!important;margin-top:8px!important}
.home-events-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:5px}
.home-events-head>div{display:flex;align-items:center;gap:9px}
.home-events-head h2{margin:0;color:#111;font-size:24px;line-height:1.1;letter-spacing:-.035em}
.home-events-icon{font-size:18px;color:#111}
.home-events-more{border:0;background:transparent;color:#743cff;font-size:11px;font-weight:800;padding:8px 0;cursor:pointer;white-space:nowrap}
.home-events-note{margin:0 0 12px!important;color:#8b898e!important;font-size:10px!important;line-height:1.5!important}
.home-events-eyebrow{display:none!important}
#events .event-filters:not([hidden]){display:flex;margin:0 0 10px;padding:0 0 2px}
#events .event-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
#events .event-card.event-card-compact{border-radius:13px!important;box-shadow:0 4px 14px rgba(18,18,22,.04)!important}
#events .event-visual{height:96px!important}
#events .event-card-copy{padding:9px 10px 10px!important;min-height:122px!important}
#events .event-card-copy h3{font-size:12px!important;margin-bottom:5px!important}
#events .event-card-copy time{font-size:8px!important}
#events .event-card-copy .event-place{font-size:8px!important;margin-top:5px!important}
#events .event-card-copy .event-description{display:none!important}
#events .event-card-copy .event-actions{display:none!important}
#events .event-visual .event-save{width:28px!important;height:28px!important;right:7px!important;top:7px!important}
#events .event-visual-icon{font-size:25px!important}
#events .event-visual>small{font-size:7px!important}
#events .event-grid.expanded{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:5px}
#events .event-grid.expanded .event-card-copy .event-actions{display:flex!important}
#events .event-grid.expanded .event-card-copy{min-height:154px!important}

/* Keep the lower guide closer to the approved compact card language. */
#guide{padding:28px!important}
#guide .guide-copy{margin-bottom:18px}
#guide .guide-copy h2{font-size:clamp(26px,3vw,39px)!important;margin-bottom:8px}
#guide .guide-copy>p:not(.eyebrow){font-size:11px!important;line-height:1.55!important}
#guide .guide-list{gap:10px!important}
#guide .guide-list article{padding:15px!important;border-radius:14px!important}

@media(max-width:600px){
  .home-hero{padding-top:20px!important;padding-bottom:8px!important}
  .home-kicker{margin-bottom:8px!important}
  .home-hero h1{font-size:34px!important;line-height:1.06!important}
  .home-subtitle{margin:8px 0 14px!important;font-size:13px!important}
  .home-search{margin-bottom:8px!important}
  .home-trending{margin-top:7px!important}
  .home-country{padding-top:19px!important;padding-bottom:14px!important}
  .home-country .home-section-heading{margin-bottom:10px!important}
  .home-stats{margin-bottom:15px!important}
  .home-explore{padding-top:15px!important}
  #events.home-events{padding:20px 16px 22px!important}
  .home-events-head h2{font-size:21px}
  .home-events-more{font-size:10px}
  .home-events-note{margin-bottom:10px!important}
  #events .event-grid,
  #events .event-grid.expanded{display:flex!important;overflow-x:auto!important;gap:9px!important;margin:0 -16px!important;padding:0 16px 7px!important;scroll-snap-type:x proximity;scrollbar-width:none}
  #events .event-grid::-webkit-scrollbar{display:none}
  #events .event-card.event-card-compact{flex:0 0 148px!important;scroll-snap-align:start!important}
  #events .event-visual{height:88px!important}
  #events .event-card-copy{min-height:112px!important;padding:9px!important}
  #events .event-card-copy h3{font-size:11px!important}
  #events .event-grid.expanded .event-card.event-card-compact{flex-basis:185px!important}
  #events .event-grid.expanded .event-card-copy{min-height:148px!important}
  #guide{padding:23px 16px!important}
  #guide .guide-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #guide .guide-list article{display:block!important;padding:13px!important}
  #guide .guide-list article>b{display:block;margin-bottom:8px}
  #guide .guide-list article h3{font-size:12px!important}
  #guide .guide-list article p{font-size:9px!important;line-height:1.45!important}
}

/* === 2026-09-03 Mockup polish v5: final density pass === */
/* Keep the approved structure; only tighten header/hero and controls. */
.topbar{height:72px!important;min-height:72px!important;padding-top:0!important}
.topbar .brand{gap:10px!important}
.topbar .brand-mark{width:23px!important;height:23px!important}
.topbar .brand-wordmark strong{font-size:15px!important}
.topbar .brand-wordmark small{font-size:6px!important}
.topbar .lang-select{height:36px!important}
.topbar .saved-button{min-height:36px!important;padding:8px 13px!important}

.home-hero{padding-top:26px!important;padding-bottom:8px!important}
.home-kicker{margin-bottom:7px!important}
.home-hero h1{font-size:clamp(36px,5.4vw,58px)!important;line-height:1.04!important}
.home-subtitle{margin:7px 0 13px!important}
.home-search{min-height:58px!important;margin-bottom:7px!important}
.home-search input{min-height:56px!important}
.home-search button{min-height:48px!important}
.home-trending{margin-top:6px!important}
.home-country{padding-top:16px!important;padding-bottom:13px!important}
.home-country .home-section-heading{margin-bottom:9px!important}
.home-country-grid button{min-height:72px!important}
.home-stats{margin-top:2px!important;margin-bottom:12px!important}
.home-explore{padding-top:12px!important}
.home-type-chips{margin-bottom:14px!important}
.home-type-chips .chip{min-height:38px!important;padding:8px 10px!important}

@media(max-width:600px){
  .topbar{height:58px!important;min-height:58px!important;padding:0 16px!important}
  .topbar .brand{gap:8px!important}
  .topbar .brand-mark{width:21px!important;height:21px!important}
  .topbar .brand-wordmark strong{font-size:13px!important}
  .topbar .brand-wordmark small{font-size:5.5px!important}
  .topbar .lang-select{height:32px!important;max-width:82px!important;font-size:9px!important}
  .topbar .saved-button{min-width:50px!important;min-height:32px!important;padding:6px 10px!important}

  .home-hero{padding:14px 16px 6px!important}
  .home-kicker{margin-bottom:6px!important;font-size:9px!important}
  .home-hero h1{font-size:31px!important;line-height:1.04!important;max-width:310px!important}
  .home-subtitle{margin:6px 0 11px!important;font-size:12px!important}
  .home-search{min-height:54px!important;margin-bottom:6px!important}
  .home-search input{min-height:52px!important;font-size:14px!important}
  .home-search button{min-height:44px!important;padding-inline:16px!important;font-size:11px!important}
  .home-trending{margin-top:5px!important;gap:6px!important}
  .home-trending>span{font-size:11px!important;margin-bottom:1px!important}
  .home-trending button{padding:7px 11px!important;font-size:11px!important}

  .home-country{padding-top:13px!important;padding-bottom:11px!important}
  .home-country .home-section-heading{margin-bottom:8px!important}
  .home-section-heading h2{font-size:22px!important}
  .home-section-heading p{font-size:11px!important}
  .home-country-grid{gap:6px!important}
  .home-country-grid button{min-height:68px!important;padding:8px 3px!important;gap:5px!important}
  .home-country-grid button>span{font-size:20px!important}
  .home-country-grid button>b{font-size:10px!important}

  .home-stats{margin:0 16px 10px!important}
  .home-stats>div{min-height:76px!important;padding:12px 14px!important}
  .home-stats strong{font-size:25px!important}
  .home-stats span{font-size:10px!important}
  .home-stats small{font-size:8px!important}

  .home-explore{padding-top:10px!important;padding-bottom:18px!important}
  .home-type-chips{gap:7px!important;margin-bottom:13px!important}
  .home-type-chips .chip{min-height:38px!important;padding:8px 7px!important;font-size:10.5px!important}
}


.cities .country-profile{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 14px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}
.cities .country-profile section{min-width:0}.cities .country-profile section>small{display:block;margin-bottom:5px;color:var(--acid);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cities .country-profile section>p{margin:0;color:#c5c1c9;font-size:11px;line-height:1.65}
.cities .country-profile-scene{grid-column:1/-1}.cities .country-profile-scene>div{display:flex;flex-wrap:wrap;gap:6px}.cities .country-profile-scene span{padding:5px 8px;border:1px solid rgba(194,255,71,.18);border-radius:999px;background:rgba(194,255,71,.06);color:#ddd9e2;font-size:9px;font-weight:800}
.cities .country-profile footer{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;padding-top:2px}.cities .country-profile footer a{color:#918c98;font-size:9px;text-decoration:none}.cities .country-profile footer a:hover{color:var(--acid)}
@media(max-width:700px){.cities .country-profile{grid-template-columns:1fr;padding:11px}.cities .country-profile-scene,.cities .country-profile footer{grid-column:auto}}

.footer-indie{display:inline-block;margin-top:8px;color:#777;font-size:10px;line-height:1.65;font-style:normal;max-width:680px}

.city-scene-guide{margin:14px 0;padding:16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.035)}
.city-scene-guide small{display:block;font-weight:800;letter-spacing:.02em;margin-bottom:8px}
.city-scene-guide p{margin:0;line-height:1.7}
.city-scene-guide footer{margin-top:10px;font-size:.78rem;opacity:.62}

/* AFTERORA v83 — community corrections / production trust UX */
.community-tip-card{margin:28px 0 14px;padding:18px;border:1px solid var(--line,#2b2b2b);border-radius:18px;display:flex;gap:18px;align-items:center;justify-content:space-between;background:rgba(255,255,255,.025)}
.community-tip-card strong{font-size:1rem}.community-tip-card p{margin:5px 0 0;opacity:.72;font-size:.9rem}
.community-tip-open{white-space:nowrap;border-radius:999px;padding:10px 14px;cursor:pointer}
.community-tip-dialog{width:min(92vw,520px);border:1px solid #444;border-radius:20px;padding:0;background:#111;color:#fff}
.community-tip-dialog::backdrop{background:rgba(0,0,0,.7)}
.community-tip-dialog form{padding:22px}.community-tip-dialog h3{margin:0 0 18px}
.community-tip-dialog label{display:block;margin:12px 0;font-size:.88rem}
.community-tip-dialog input,.community-tip-dialog select,.community-tip-dialog textarea{box-sizing:border-box;width:100%;margin-top:6px;padding:11px;border-radius:10px;border:1px solid #444;background:#191919;color:inherit}
.community-tip-privacy{font-size:.78rem;opacity:.62;line-height:1.45}
.community-tip-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.community-tip-actions button{padding:9px 13px;border-radius:10px;cursor:pointer}
@media(max-width:620px){.community-tip-card{align-items:flex-start;flex-direction:column}.community-tip-open{width:100%}}


/* AFTERORA v85 — creator / tips / caffeine / live update */
.afterora-human-layer{padding:34px 24px 18px;border-top:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 84% 12%,rgba(172,95,255,.12),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.018),transparent)}
.afterora-human-inner{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:12px}
.human-card{position:relative;overflow:hidden;min-height:210px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(15,14,19,.88);box-shadow:0 18px 50px rgba(0,0,0,.16)}
.human-card h3{margin:7px 0 10px;font-size:20px;line-height:1.2}.human-card p{margin:0;color:#bdb8c5;font-size:12px;line-height:1.75}
.human-card .eyebrow{margin:0;color:#bb77ff;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.human-card .human-action{display:inline-flex;margin-top:16px;padding:9px 13px;border:1px solid rgba(187,119,255,.35);border-radius:999px;background:rgba(187,119,255,.08);color:#e8d8ff;font-size:10px;font-weight:900;text-decoration:none;cursor:pointer}
.human-card button.human-action{font:inherit;font-size:10px;font-weight:900}.human-card button[disabled]{cursor:default;opacity:.62}
.human-about{grid-row:span 2;padding-right:168px}.human-about strong{color:#f1ecf7}.human-about .brand-line{display:block;margin-top:14px;color:#eee7f6;font-size:13px;font-weight:800}
.human-mascot{position:absolute;right:8px;bottom:6px;width:158px;max-height:178px;object-fit:cover;object-position:60% 48%;border-radius:18px;opacity:.98}
.human-update time{display:block;margin:11px 0 2px;color:#fff;font-size:15px;font-weight:900}.human-update .relative-update{color:#a98ebc;font-size:10px}
.human-update .coffee-line{display:inline-flex;gap:6px;align-items:center;color:#e5d8ef;font-weight:800}
.human-tip .human-action{border-color:rgba(77,226,169,.32);background:rgba(77,226,169,.06);color:#8af0c8}
.human-support .human-action{border-color:rgba(255,112,190,.3);background:rgba(255,112,190,.06);color:#ffb3dc}
.human-note{display:block;margin-top:9px;color:#6f6a74;font-size:9px;line-height:1.5}
@media(max-width:900px){.afterora-human-inner{grid-template-columns:1fr 1fr}.human-about{grid-column:1/-1;grid-row:auto}}
@media(max-width:620px){.afterora-human-layer{padding:24px 16px 12px}.afterora-human-inner{grid-template-columns:1fr}.human-card{min-height:auto;padding:18px}.human-about{grid-column:auto;padding-right:118px;min-height:224px}.human-mascot{width:118px;height:140px}.human-card h3{font-size:18px}}


/* ===== AFTERORA v95 — AURA polish, cross-platform flags, mobile readability ===== */
:root{--aura-pink:#ff4fa8;--aura-purple:#8b5cff;--aura-blue:#51a9ff}
.home-hero::before,.home-hero::after{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:999px;filter:blur(52px);opacity:.17}
.home-hero::before{width:260px;height:150px;left:4%;top:4%;background:linear-gradient(135deg,var(--aura-purple),var(--aura-blue))}
.home-hero::after{width:230px;height:130px;right:7%;bottom:2%;background:linear-gradient(135deg,var(--aura-pink),var(--aura-purple))}
.home-search{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.home-search:focus-within{transform:translateY(-1px);border-color:#c8b8ff;box-shadow:0 16px 42px rgba(96,56,180,.12)}
.home-country-grid button,.home-venue-grid .venue-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
.home-country-grid button:hover,.home-country-grid button:focus-visible,.home-venue-grid .venue-card:hover,.home-venue-grid .venue-card:focus-within{transform:translateY(-3px)!important;box-shadow:0 14px 34px rgba(40,31,73,.10)!important}
.country-flag{width:30px;height:20px;display:inline-flex!important;flex:0 0 auto;align-items:center;justify-content:center;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(20,20,24,.10)}
.country-flag svg{display:block;width:100%;height:100%}
.home-stats{position:relative;background:linear-gradient(135deg,#111218 0%,#17151f 58%,#11151d 100%)!important;box-shadow:0 22px 50px rgba(28,20,50,.16)!important}
.home-stats::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--aura-pink),var(--aura-purple),var(--aura-blue));opacity:.8}
.home-stats strong{font-weight:900;letter-spacing:-.045em;text-shadow:0 0 24px rgba(155,92,255,.12)}
.home-country::before,.home-explore::before{content:"";display:block;width:58px;height:2px;margin:0 0 18px;border-radius:99px;background:linear-gradient(90deg,var(--aura-pink),var(--aura-purple),var(--aura-blue));opacity:.6}

/* Dark sections: keep the night mood but restore readable contrast. */
.afterora-story,.afterora-human-layer{color:#f5f1f7}
.local-signals-cta,.source-policy,.human-card{background:linear-gradient(145deg,rgba(31,29,39,.96),rgba(22,21,29,.96))!important;border-color:rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 45px rgba(0,0,0,.15)}
.local-signals-cta h3,.source-policy h3,.human-card h3{color:#f7f3fa!important;text-shadow:none!important}
.local-signals-cta>p:not(.eyebrow),.source-policy>p:not(.eyebrow),.human-card p{color:#c9c4ce!important}
.source-policy strong{background:rgba(7,7,10,.66)!important;color:#dfff58!important;border:1px solid rgba(217,255,67,.09)}
.human-card .eyebrow{color:#d19dff!important}.human-card .brand-line{color:#fff!important}.human-note{color:#9d97a3!important}
.human-card{backdrop-filter:blur(14px)}

/* Prevent headings and body copy from clipping in narrow layouts. */
.local-signals-cta h3,.source-policy h3,.human-card h3,.story-headline h2{overflow:visible!important;text-wrap:pretty;word-break:keep-all;overflow-wrap:anywhere}
.local-signals-cta p,.source-policy p,.human-card p{overflow:visible!important;max-width:100%}
#exploreTab{padding-bottom:138px!important}

@media(max-width:760px){
  .home-hero::before{width:180px;height:110px;left:-35px;top:0;opacity:.14}.home-hero::after{width:160px;height:100px;right:-25px;bottom:0;opacity:.13}
  .home-country-grid button{overflow:visible!important}.country-flag{width:28px;height:18px}
  .home-country::before,.home-explore::before{margin-bottom:12px}
  .home-section-heading h2{line-height:1.22!important;overflow:visible!important}.home-section-heading p{line-height:1.55!important}
  .bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}.tab-page{padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:620px){
  .afterora-human-layer{padding:24px 14px 20px!important}
  .human-card{padding:18px!important;overflow:hidden!important}
  .human-about{padding-right:18px!important;padding-bottom:132px!important;min-height:0!important}
  .human-mascot{width:108px!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;right:12px!important;bottom:10px!important;border-radius:14px!important}
  .human-card h3{font-size:19px!important;line-height:1.3!important}.human-card p{font-size:12.5px!important;line-height:1.72!important}
  .local-signals-cta,.source-policy{padding:19px!important}.local-signals-cta h3,.source-policy h3{font-size:clamp(21px,7vw,29px)!important;line-height:1.28!important}
}
@media(prefers-reduced-motion:reduce){.home-search,.home-country-grid button,.home-venue-grid .venue-card{transition:none!important}}


/* AFTERORA v96 — surface ORA and support earlier without adding a second mascot */
.afterora-human-layer-home{margin:18px 0 8px;padding:20px 24px 22px;border-top:0;border-bottom:1px solid rgba(255,255,255,.06);border-radius:24px;background:radial-gradient(circle at 82% 8%,rgba(172,95,255,.14),transparent 30%),linear-gradient(180deg,rgba(20,18,27,.98),rgba(14,14,19,.98))}
.afterora-human-layer-home .human-support{border-color:rgba(255,112,190,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 48px rgba(96,48,120,.12)}
.afterora-human-layer-home .human-support .human-action{box-shadow:0 0 0 1px rgba(255,112,190,.05),0 8px 26px rgba(255,112,190,.08)}
@media(max-width:620px){.afterora-human-layer-home{margin:12px 0 4px;padding:16px 14px 18px;border-radius:20px}.afterora-human-layer-home .human-support{order:2}.afterora-human-layer-home .human-update{order:3}.afterora-human-layer-home .human-tip{order:4}}

/* v96 revised — AURA surface pass: materially reduce pure-white canvas without turning the guide into a neon club site */
:root{--home-bg:#f1eef6;--home-card:rgba(255,255,255,.78);--home-line:rgba(91,73,126,.14)}
body{background:#f1eef6}
#exploreTab{background:
  radial-gradient(900px 520px at 8% 2%,rgba(239,58,168,.095),transparent 62%),
  radial-gradient(820px 500px at 92% 12%,rgba(77,116,255,.105),transparent 60%),
  linear-gradient(180deg,#f4f0f8 0%,#efedf5 46%,#f3f1f6 100%)!important}
.home-hero{position:relative;isolation:isolate}
.home-hero:before{content:"";position:absolute;inset:-50px -20px -30px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 32% 25%,rgba(239,58,168,.10),transparent 48%),radial-gradient(ellipse at 70% 38%,rgba(124,60,255,.11),transparent 52%);filter:blur(8px)}
.home-search{background:rgba(255,255,255,.74)!important;border-color:rgba(103,85,132,.18)!important;box-shadow:0 16px 40px rgba(56,39,83,.075);backdrop-filter:blur(18px)}
.home-country-grid button{background:rgba(255,255,255,.70)!important;border-color:rgba(93,75,122,.14)!important;box-shadow:0 7px 22px rgba(55,43,77,.045)!important;backdrop-filter:blur(12px)}
.home-country-grid button:nth-child(3n+1){background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(251,244,255,.68))!important}
.home-country-grid button:nth-child(3n+2){background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(243,247,255,.70))!important}
.home-type-chips .chip{background:rgba(255,255,255,.68)!important;border-color:rgba(93,75,122,.14)!important}
.home-type-chips .chip.active{background:#17151d!important;color:#fff!important}
.home-venue-grid .venue-card{background:rgba(255,255,255,.80)!important;border-color:rgba(93,75,122,.13)!important;box-shadow:0 9px 26px rgba(44,33,65,.055)!important;backdrop-filter:blur(10px)}
#events,#guide{background:rgba(248,246,251,.82)!important;border:1px solid rgba(94,75,123,.10);box-shadow:0 18px 45px rgba(47,35,67,.045);backdrop-filter:blur(14px)}
.event-card{background:rgba(255,255,255,.70)!important;border-color:rgba(93,75,122,.13)!important}
.guide-list article{background:rgba(255,255,255,.58)!important;border-color:rgba(93,75,122,.12)!important}
.home-stats,.home-country-section,.home-venues-section{position:relative}
.home-stats:after,.home-country-section:after{content:"";display:block;height:1px;margin:26px 0 0;background:linear-gradient(90deg,transparent,rgba(239,58,168,.28),rgba(124,60,255,.30),rgba(77,116,255,.24),transparent)}
@media(max-width:600px){#exploreTab{background:radial-gradient(520px 330px at 10% 0%,rgba(239,58,168,.09),transparent 60%),radial-gradient(520px 360px at 100% 16%,rgba(77,116,255,.09),transparent 58%),linear-gradient(180deg,#f4f0f8,#efedf5 55%,#f3f1f6)!important}.home-search{background:rgba(255,255,255,.78)!important}#events,#guide{background:rgba(248,246,251,.88)!important}}


/* ===== AFTERORA v97 — visible AURA pass =====
   Goal: the public page should read as a refined night-travel guide, not a white template.
   This block intentionally sits last so earlier white-card rules cannot win the cascade. */
:root{
  --home-bg:#eae6f0;
  --home-card:rgba(250,248,252,.80);
  --home-line:rgba(91,73,126,.16);
}
html{background:#e7e3ed}
body{
  background:
    radial-gradient(1000px 620px at -5% 2%,rgba(239,58,168,.10),transparent 58%),
    radial-gradient(900px 620px at 105% 20%,rgba(79,104,255,.11),transparent 58%),
    linear-gradient(180deg,#ece8f1 0%,#e8e5ee 46%,#eeebf2 100%)!important;
}
#exploreTab{
  background:
    radial-gradient(820px 520px at 4% 0%,rgba(241,72,176,.13),transparent 60%),
    radial-gradient(780px 520px at 98% 13%,rgba(87,106,255,.14),transparent 60%),
    radial-gradient(760px 520px at 48% 72%,rgba(158,93,255,.06),transparent 62%),
    linear-gradient(180deg,#eeeaf3 0%,#e7e4ed 48%,#eeebf2 100%)!important;
}
.home-hero:before{
  inset:-70px -26px -36px;
  background:
    radial-gradient(ellipse at 25% 25%,rgba(239,58,168,.15),transparent 46%),
    radial-gradient(ellipse at 74% 38%,rgba(124,60,255,.15),transparent 50%),
    radial-gradient(ellipse at 55% 70%,rgba(67,118,255,.08),transparent 54%);
  filter:blur(10px);
}
.home-search{
  background:rgba(249,247,251,.76)!important;
  border-color:rgba(91,73,126,.20)!important;
  box-shadow:0 18px 44px rgba(52,35,78,.10)!important;
}
.home-country-grid button{
  background:linear-gradient(145deg,rgba(251,249,252,.82),rgba(238,233,246,.78))!important;
  border-color:rgba(91,73,126,.17)!important;
  box-shadow:0 8px 24px rgba(54,41,78,.065)!important;
}
.home-country-grid button:nth-child(3n+1){background:linear-gradient(145deg,rgba(252,248,252,.85),rgba(244,230,246,.75))!important}
.home-country-grid button:nth-child(3n+2){background:linear-gradient(145deg,rgba(249,248,252,.84),rgba(232,238,250,.77))!important}
.home-country-grid button:nth-child(3n){background:linear-gradient(145deg,rgba(250,248,252,.84),rgba(239,232,250,.76))!important}
.home-explore{
  margin-top:10px!important;
  padding:26px 22px 28px!important;
  border:1px solid rgba(91,73,126,.10)!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,rgba(244,240,248,.72),rgba(235,232,242,.78))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 18px 44px rgba(51,37,74,.045);
}
.home-type-chips .chip{
  background:rgba(249,247,251,.82)!important;
  border-color:rgba(91,73,126,.17)!important;
  box-shadow:0 6px 16px rgba(48,35,68,.035);
}
.home-type-chips .chip.active{
  background:linear-gradient(135deg,#7737ff,#a83df2)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(126,55,255,.20)!important;
}
.home-venues-section{
  margin-top:26px;
  padding-top:4px;
}
.home-venue-grid .venue-card{
  background:linear-gradient(180deg,rgba(249,247,251,.86),rgba(240,236,246,.84))!important;
  border-color:rgba(91,73,126,.15)!important;
  box-shadow:0 11px 30px rgba(44,33,65,.07)!important;
}
#events,#guide{
  background:linear-gradient(145deg,rgba(244,240,248,.86),rgba(233,231,241,.84))!important;
  border-color:rgba(91,73,126,.13)!important;
}
.event-card,.guide-list article{
  background:rgba(249,247,251,.74)!important;
  border-color:rgba(91,73,126,.15)!important;
}
.bottom-nav{
  background:rgba(246,243,249,.90)!important;
  border-color:rgba(91,73,126,.13)!important;
  box-shadow:0 12px 36px rgba(44,33,65,.16)!important;
  backdrop-filter:blur(20px) saturate(1.1);
}
@media(max-width:600px){
  body{background:linear-gradient(180deg,#ebe7f0,#e6e3eb 52%,#ece9f0)!important}
  #exploreTab{
    background:
      radial-gradient(540px 360px at 5% 0%,rgba(239,58,168,.13),transparent 60%),
      radial-gradient(540px 380px at 100% 18%,rgba(77,116,255,.13),transparent 58%),
      linear-gradient(180deg,#eeeaf3,#e5e2eb 55%,#ece9f0)!important;
  }
  .home-explore{margin:8px 14px 0!important;padding:20px 14px 22px!important;border-radius:22px!important}
  .home-search{background:rgba(249,247,251,.82)!important}
  .home-country-grid button{background:linear-gradient(145deg,rgba(250,248,252,.88),rgba(238,233,246,.82))!important}
  .home-venue-grid .venue-card{background:linear-gradient(180deg,rgba(249,247,251,.89),rgba(239,235,245,.87))!important}
  #events,#guide{background:rgba(239,235,245,.88)!important}
}

/* ===== AFTERORA v98 — compact human layer, bigger ORA ===== */
.afterora-human-layer-home{padding:14px 24px 16px!important;margin:14px 0 6px!important;border-radius:20px!important}
.afterora-human-layer-home .afterora-human-inner{grid-template-columns:1.45fr .85fr .85fr!important;gap:10px!important}
.afterora-human-layer-home .human-card{min-height:138px!important;padding:16px 18px!important;border-radius:16px!important}
.afterora-human-layer-home .human-about{grid-row:span 2!important;padding-right:224px!important;min-height:286px!important}
.afterora-human-layer-home .human-mascot{right:8px!important;bottom:0!important;width:220px!important;height:260px!important;max-height:none!important;object-fit:contain!important;object-position:center bottom!important;border-radius:0!important}
.afterora-human-layer-home .human-card h3{margin:5px 0 7px!important;font-size:17px!important}
.afterora-human-layer-home .human-card p{font-size:11px!important;line-height:1.58!important}
.afterora-human-layer-home .human-card .human-action{margin-top:10px!important;padding:7px 11px!important}
.afterora-human-layer-home .human-note{margin-top:6px!important}
@media(max-width:900px){
 .afterora-human-layer-home .afterora-human-inner{grid-template-columns:1.2fr 1fr!important}
 .afterora-human-layer-home .human-about{grid-column:1/-1!important;grid-row:auto!important;min-height:220px!important;padding-right:205px!important}
 .afterora-human-layer-home .human-mascot{width:198px!important;height:210px!important}
}
@media(max-width:620px){
 .afterora-human-layer-home{padding:10px 12px 12px!important;margin:10px 0 4px!important;border-radius:18px!important}
 .afterora-human-layer-home .afterora-human-inner{grid-template-columns:1fr!important;gap:8px!important}
 .afterora-human-layer-home .human-card{min-height:auto!important;padding:14px 15px!important}
 .afterora-human-layer-home .human-about{min-height:210px!important;padding-right:150px!important}
 .afterora-human-layer-home .human-mascot{right:0!important;width:158px!important;height:202px!important}
 .afterora-human-layer-home .human-card h3{font-size:16px!important}
 .afterora-human-layer-home .human-card p{font-size:10.5px!important;line-height:1.55!important}
}

/* ===== AFTERORA v98.1 — horizontal scroll stability hotfix =====
   Preserve the v98 design while preventing page-level sideways drift on touch/trackpad. */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
  overscroll-behavior-x:none;
}
#root,.app,.tab-page,#exploreTab{
  max-width:100%;
  overflow-x:clip;
}
.home-hero{
  max-width:100%;
  overflow:clip!important;
}
.home-hero::before,.home-hero::after{
  pointer-events:none!important;
}
.home-country-grid,.home-country-grid button{
  min-width:0;
  max-width:100%;
}
@media(max-width:760px){
  .home-country-grid button{overflow:hidden!important}
}
#events{
  overflow:hidden!important;
  max-width:100%;
}
@media(max-width:600px){
  #events .event-grid,
  #events .event-grid.expanded{
    max-width:none;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  #events .event-card{
    min-width:0;
  }
}

/* ===== AFTERORA v100 — unified night glass UI =====
   Dark, cohesive home surface; dimensional venue cards; circular flag badges;
   compact swipeable safety/help cards on mobile. */
:root{
  --night-0:#09090d;
  --night-1:#0f0e15;
  --night-2:#15131d;
  --night-3:#1c1926;
  --night-line:rgba(255,255,255,.10);
  --night-line-strong:rgba(255,255,255,.16);
  --night-text:#f6f4fb;
  --night-muted:#aaa5b3;
}
body{
  background:
    radial-gradient(900px 620px at 10% -6%,rgba(239,58,168,.11),transparent 62%),
    radial-gradient(880px 640px at 100% 18%,rgba(92,76,255,.13),transparent 58%),
    var(--night-0)!important;
  color:var(--night-text)!important;
}
#exploreTab{
  background:
    radial-gradient(760px 520px at 8% 3%,rgba(239,58,168,.10),transparent 64%),
    radial-gradient(820px 580px at 96% 22%,rgba(92,76,255,.12),transparent 62%),
    linear-gradient(180deg,#0b0a10 0%,#0f0d14 46%,#09090d 100%)!important;
  color:var(--night-text)!important;
}
.topbar{
  background:rgba(10,9,14,.76)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(22px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.15)!important;
}
.topbar .brand-wordmark strong{color:#fff!important}
.topbar .brand-wordmark small{color:#908a99!important}
.lang-select,.saved-button{
  background:rgba(255,255,255,.065)!important;
  color:#eeeaf4!important;
  border-color:rgba(255,255,255,.11)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.home-kicker{color:#b990ff!important}
.home-hero h1,.home-section-heading h2,.home-results-head strong,.home-events-head h2,#guide h2{color:var(--night-text)!important}
.home-subtitle,.home-section-heading p,.home-results-head p,.home-events-note,#guide .guide-copy>p:not(.eyebrow){color:var(--night-muted)!important}
.home-search{
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 52px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(20px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.2)!important;
}
.home-search input{color:#fff!important}.home-search input::placeholder{color:#77717f!important}.home-search-icon{color:#9d96a7!important}
.home-search button{
  background:linear-gradient(135deg,#7d3cff,#b13fec)!important;
  color:#fff!important;
  box-shadow:0 9px 24px rgba(126,60,255,.28)!important;
}
.home-trending>span{color:#8f8998!important}
.home-trending button{
  background:rgba(255,255,255,.055)!important;
  color:#dcd7e2!important;
  border-color:rgba(255,255,255,.10)!important;
  backdrop-filter:blur(12px)!important;
}
.home-country,.home-explore{color:var(--night-text)!important}
.home-country::before,.home-explore::before{opacity:.9!important}

/* Country selector: circular flag tokens instead of rectangular stickers. */
.home-country-grid button{
  position:relative;
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.038))!important;
  color:#f4f1f8!important;
  border:1px solid rgba(255,255,255,.105)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 13px 34px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15)!important;
}
.home-country-grid button::after{
  content:"";
  position:absolute;
  inset:auto -18px -26px auto;
  width:70px;height:70px;border-radius:50%;
  background:radial-gradient(circle,rgba(151,79,255,.20),transparent 68%);
  pointer-events:none;
}
.home-country-grid button:hover,.home-country-grid button:focus-visible{
  border-color:rgba(190,154,255,.52)!important;
  background:linear-gradient(145deg,rgba(144,78,255,.15),rgba(255,255,255,.055))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 18px 42px rgba(0,0,0,.25),0 0 0 1px rgba(155,91,255,.08)!important;
}
.home-country-grid button.active{
  border-color:rgba(187,142,255,.74)!important;
  background:linear-gradient(145deg,rgba(127,60,255,.24),rgba(229,62,179,.09))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 16px 38px rgba(104,49,194,.20)!important;
}
.country-flag{
  width:38px!important;height:38px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  flex:0 0 38px!important;
  background:#fff!important;
  border:2px solid rgba(255,255,255,.22)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.28),inset 0 0 0 1px rgba(0,0,0,.05)!important;
}
.country-flag svg{
  width:57px!important;height:38px!important;
  max-width:none!important;flex:none!important;
  display:block!important;
}
.home-country-city-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 15px 36px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.home-country-city-panel strong{color:#c6a6ff!important}
.home-country-city-panel button{background:rgba(255,255,255,.055)!important;color:#dcd6e4!important;border-color:rgba(255,255,255,.11)!important}
.home-country-city-panel button.active{background:linear-gradient(135deg,#7c3cff,#a942ee)!important;color:#fff!important}

/* Stats + filter shell stay in the same night material family. */
.home-stats{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.032))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 22px 54px rgba(0,0,0,.23)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.home-stats>div{border-color:rgba(255,255,255,.08)!important}
.home-stats small{color:#8d8796!important}
.home-explore{
  border:1px solid rgba(255,255,255,.09)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.048),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 24px 60px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.home-type-chips .chip{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.105)!important;
  color:#c8c3cf!important;
  box-shadow:none!important;
}
.home-type-chips .chip.active{background:linear-gradient(135deg,#7939ff,#ad3dea)!important;color:#fff!important;box-shadow:0 10px 25px rgba(124,60,255,.24)!important}
.home-results-head p strong{color:#dcd6e5!important}

/* Venue recommendation cards: translucent glass, one continuous dark surface, dimensional highlights. */
.home-venue-grid .venue-card{
  position:relative!important;
  isolation:isolate;
  background:linear-gradient(155deg,rgba(255,255,255,.105),rgba(255,255,255,.045) 44%,rgba(90,47,132,.08))!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.115)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.085),0 18px 46px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(20px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.18)!important;
}
.home-venue-grid .venue-card::before{
  content:"";
  position:absolute;
  z-index:0;
  left:-12%;top:-38%;width:74%;height:65%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(190,114,255,.16),transparent 68%);
  pointer-events:none;
}
.home-venue-grid .venue-card:hover,.home-venue-grid .venue-card:focus-within{
  transform:translateY(-5px)!important;
  border-color:rgba(195,157,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 25px 62px rgba(0,0,0,.34),0 0 34px rgba(123,60,255,.08)!important;
}
.home-venue-grid .card-visual{
  z-index:1;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  box-shadow:inset 0 -28px 55px rgba(8,7,12,.20)!important;
}
.home-venue-grid .card-body{
  position:relative;z-index:1;
  color:#f5f2f8!important;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008))!important;
}
.home-venue-grid .card-title p{color:#9993a2!important}
.home-venue-grid .card-title h3,.home-venue-grid .venue-detail-link{color:#f8f6fb!important}
.home-venue-grid .card-title>span{color:#817b89!important}
.home-venue-grid .card-hours{color:#9ad7bf!important}
.home-venue-grid .type-badge{
  background:rgba(28,20,39,.50)!important;
  border-color:rgba(255,255,255,.19)!important;
  backdrop-filter:blur(12px)!important;
}
.home-venue-grid .heart{background:rgba(20,16,27,.44)!important;border-color:rgba(255,255,255,.20)!important;backdrop-filter:blur(12px)!important}

/* Events and safety/help now belong to the same dark glass family. */
#events,#guide{
  background:linear-gradient(145deg,rgba(255,255,255,.062),rgba(255,255,255,.026))!important;
  color:var(--night-text)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 58px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.home-events-more{color:#b990ff!important}
.event-card{
  background:linear-gradient(160deg,rgba(255,255,255,.095),rgba(255,255,255,.04))!important;
  color:#f4f1f7!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 30px rgba(0,0,0,.15)!important;
}
.event-card-copy h3{color:#f6f3f9!important}.event-card-copy time{color:#b69af0!important}.event-card-copy .event-place{color:#9b95a4!important}
.event-filters .chip{background:rgba(255,255,255,.055)!important;color:#c9c4d0!important;border-color:rgba(255,255,255,.10)!important}.event-filters .chip.active{background:#7c3cff!important;color:#fff!important}

#guide{grid-template-columns:.78fr 1.35fr!important;gap:28px!important;overflow:hidden!important}
#guide .guide-copy a{background:linear-gradient(135deg,#d7ff52,#bdf63e)!important;color:#111!important;box-shadow:0 10px 26px rgba(203,255,63,.13)!important}
#guide .guide-list{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  border:0!important;
  min-width:0;
}
#guide .guide-list article{
  display:block!important;
  min-width:0;
  padding:15px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
  color:#f4f1f7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 26px rgba(0,0,0,.13)!important;
}
#guide .guide-list article>b{color:#b68cff!important}
#guide .guide-list h3{color:#f6f3f9!important}
#guide .guide-list p{color:#9993a3!important}

.bottom-nav{
  background:rgba(14,12,19,.84)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(22px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
}
.bottom-nav-item{color:#918b9a!important}.bottom-nav-item.active{background:rgba(139,75,255,.16)!important;color:#c7a7ff!important}

@media(max-width:760px){
  body{background:#09090d!important}
  #exploreTab{
    background:
      radial-gradient(520px 390px at 0% 1%,rgba(239,58,168,.12),transparent 62%),
      radial-gradient(540px 400px at 100% 22%,rgba(77,89,255,.13),transparent 60%),
      linear-gradient(180deg,#0b0a10,#0e0c13 55%,#09090d)!important;
  }
  .home-country-grid button{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.038))!important}
  .country-flag{width:34px!important;height:34px!important;flex-basis:34px!important}
  .country-flag svg{width:51px!important;height:34px!important}
  .home-explore{margin:8px 12px 0!important;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02))!important}
  .home-venue-grid .venue-card{background:linear-gradient(155deg,rgba(255,255,255,.10),rgba(255,255,255,.04) 48%,rgba(91,43,137,.09))!important}
  #events,#guide{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important}

  /* Replace the tall vertical help stack with a compact horizontal swipe rail. */
  #guide{display:block!important;padding:23px 16px 24px!important}
  #guide .guide-copy{margin-bottom:15px!important}
  #guide .guide-list{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    margin:0 -16px!important;
    padding:2px 16px 10px!important;
    scroll-snap-type:x mandatory!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  #guide .guide-list::-webkit-scrollbar{display:none}
  #guide .guide-list article{
    flex:0 0 min(76vw,270px)!important;
    scroll-snap-align:start!important;
    min-height:145px!important;
    padding:16px!important;
  }
  #guide .guide-list h3{font-size:13px!important;margin:8px 0 7px!important}
  #guide .guide-list p{font-size:10px!important;line-height:1.55!important}
}

/* ===== AFTERORA v101 — cinematic app home =====
   Final visual-system pass: dark split hero, circular country rail,
   dimensional glass recommendation cards, compact swipe rails and unified chrome. */
:root{
  --v101-bg:#080910;
  --v101-panel:rgba(19,18,28,.72);
  --v101-glass:rgba(255,255,255,.072);
  --v101-line:rgba(255,255,255,.115);
  --v101-text:#f7f5fb;
  --v101-muted:#a7a1b3;
  --v101-purple:#a96bff;
  --v101-pink:#ff4ca8;
}
html{background:var(--v101-bg)!important}
body{background:var(--v101-bg)!important}
#exploreTab{
  background:
    radial-gradient(850px 620px at 86% 2%,rgba(93,71,255,.18),transparent 66%),
    radial-gradient(720px 580px at 12% 8%,rgba(248,65,169,.12),transparent 66%),
    linear-gradient(180deg,#090a12 0%,#0b0b13 46%,#080910 100%)!important;
}
.topbar{height:76px!important;padding:0 max(24px,calc((100vw - 1240px)/2))!important;background:rgba(8,9,16,.74)!important}
.topbar nav{gap:30px!important}.topbar nav a{color:#d9d5e2!important;font-size:12px!important;font-weight:650!important}
.topbar-actions{gap:9px!important}.topbar-community,.topbar-support{height:40px;border-radius:999px;padding:0 15px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.15);text-decoration:none;color:#f5f1fb;background:rgba(255,255,255,.055);font:inherit;font-size:11px;font-weight:700;cursor:pointer;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.topbar-community:hover{border-color:rgba(181,132,255,.55);background:rgba(127,70,233,.14)}
.topbar-support{background:linear-gradient(135deg,rgba(220,49,158,.90),rgba(143,62,244,.92));border-color:rgba(255,255,255,.22);box-shadow:0 8px 28px rgba(211,53,169,.24)}
.lang-select,.saved-button{height:40px!important}

.home-hero{
  width:min(1240px,calc(100% - 48px))!important;
  min-height:490px!important;
  margin:0 auto!important;
  padding:76px 0 50px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr)!important;
  grid-template-rows:auto auto auto auto auto!important;
  column-gap:54px!important;
  align-items:center!important;
  text-align:left!important;
  background:none!important;
}
.home-hero::before{content:""!important;position:absolute!important;inset:34px -18px 26px 48%!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:34px!important;background:linear-gradient(135deg,rgba(44,34,65,.38),rgba(7,9,18,.12))!important;box-shadow:0 34px 90px rgba(0,0,0,.32)!important;transform:none!important;width:auto!important;height:auto!important}
.home-hero::after{content:""!important;position:absolute!important;left:44%!important;right:-9%!important;top:10%!important;bottom:3%!important;background:radial-gradient(circle at 61% 42%,rgba(255,63,158,.21),transparent 24%),radial-gradient(circle at 75% 25%,rgba(101,80,255,.20),transparent 35%)!important;filter:blur(8px)!important;opacity:1!important}
.home-kicker,.home-hero h1,.home-subtitle,.home-search,.home-trending{grid-column:1!important;position:relative;z-index:3!important}
.home-kicker{grid-row:1!important;margin-bottom:16px!important;letter-spacing:.22em!important;font-size:11px!important}
.home-hero h1{grid-row:2!important;font-size:clamp(52px,5.6vw,78px)!important;line-height:.98!important;letter-spacing:-.055em!important;max-width:650px!important;margin:0!important;background:linear-gradient(180deg,#fff 0%,#f7efff 55%,#d9b8ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.home-subtitle{grid-row:3!important;font-size:16px!important;line-height:1.55!important;max-width:520px!important;margin:18px 0 24px!important;color:#b8b3c4!important}
.hero-support-cta{display:none;color:#e8dcf8;text-decoration:none}
.home-search{grid-row:4!important;width:min(100%,620px)!important;height:58px!important;margin:0!important;border-radius:999px!important;padding:6px 6px 6px 18px!important;background:linear-gradient(135deg,rgba(43,41,59,.82),rgba(21,21,31,.74))!important;border-color:rgba(188,167,255,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 24px 65px rgba(0,0,0,.30)!important}
.home-search button{height:46px!important;border-radius:999px!important;padding-inline:22px!important;background:linear-gradient(135deg,#c8b3ff,#a57cff)!important;color:#17131f!important;box-shadow:0 8px 25px rgba(154,111,255,.26)!important}
.home-trending{grid-row:5!important;justify-content:flex-start!important;margin-top:14px!important;gap:8px!important}
.home-trending button{border-radius:999px!important;padding:7px 13px!important}
.home-hero-visual{grid-column:2!important;grid-row:1/6!important;position:relative;z-index:2;align-self:stretch;min-height:380px;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:linear-gradient(155deg,rgba(31,25,47,.34),rgba(12,13,23,.22));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.28)}
.hero-visual-glow{position:absolute;inset:0;background:radial-gradient(circle at 68% 40%,rgba(255,67,164,.32),transparent 22%),radial-gradient(circle at 34% 54%,rgba(112,83,255,.30),transparent 28%),linear-gradient(180deg,rgba(9,10,17,.08),rgba(8,8,14,.58));pointer-events:none}
.hero-ora{position:absolute;right:2%;bottom:-1%;width:min(74%,430px);max-height:92%;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(0,0,0,.38));border-radius:24px;mix-blend-mode:normal}
.hero-handline{position:absolute;left:8%;top:15%;z-index:2;margin:0;color:#f5eefd;font-family:"DM Sans",sans-serif;font-size:clamp(20px,2.1vw,31px);font-style:italic;font-weight:500;line-height:1.25;transform:rotate(-4deg);text-shadow:0 5px 28px rgba(0,0,0,.48)}
.hero-trust-card{position:absolute;right:4%;bottom:6%;z-index:3;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(135deg,rgba(221,123,255,.20),rgba(255,87,168,.14));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 42px rgba(0,0,0,.28)}
.hero-trust-card strong{font-size:10px;letter-spacing:.09em;color:#f9f5ff}.hero-trust-card span{font-size:10px;letter-spacing:.09em;color:#d8c9e8}

.home-country{width:min(1240px,calc(100% - 48px))!important;margin:0 auto!important;padding:24px 0 18px!important;border-top:1px solid rgba(255,255,255,.08)!important}
.home-country .home-section-heading{margin-bottom:12px!important}.home-country .home-section-heading>div{display:flex;align-items:center;gap:10px}.home-country .home-section-heading h2{font-size:19px!important;letter-spacing:-.02em!important}.home-country .home-section-heading p{display:none!important}
.home-country-grid{display:flex!important;grid-template-columns:none!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:3px 2px 13px!important;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.home-country-grid::-webkit-scrollbar{display:none}
.home-country-grid button{flex:0 0 76px!important;min-height:84px!important;padding:8px 4px!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;scroll-snap-align:start;border-radius:18px!important}
.home-country-grid button::after{display:none!important}.home-country-grid button:hover,.home-country-grid button.active{background:rgba(255,255,255,.045)!important;box-shadow:none!important}
.country-flag{width:52px!important;height:52px!important;flex:0 0 52px!important;border:3px solid rgba(255,255,255,.16)!important;box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 0 1px rgba(166,104,255,.26)!important}
.country-flag svg{width:78px!important;height:52px!important}.home-country-grid button>b{font-size:10px!important;line-height:1.15!important;text-align:center!important;color:#eee9f3!important;font-weight:600!important}
.home-country-city-panel{margin-top:4px!important;border-radius:16px!important}

.home-stats{display:none!important}
.afterora-human-layer-home{margin-top:6px!important}
.home-explore{width:min(1240px,calc(100% - 48px))!important;margin:0 auto 18px!important;padding:25px 0 32px!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.home-venue-heading{display:none!important}.home-type-chips{display:flex!important;grid-template-columns:none!important;gap:7px!important;overflow-x:auto!important;margin-bottom:16px!important;padding-bottom:5px!important;scrollbar-width:none}.home-type-chips::-webkit-scrollbar{display:none}.home-type-chips .chip{flex:0 0 auto!important;border-radius:999px!important;padding:8px 13px!important;min-height:34px!important;font-size:10px!important}
.home-results-head{margin:0 0 12px!important}.home-results-head>div{gap:7px!important}.home-results-head>div strong{font-size:19px!important}.home-results-head p{font-size:10px!important}
.home-venue-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
.home-venue-grid .venue-card{border-radius:17px!important;overflow:hidden!important;background:linear-gradient(160deg,rgba(255,255,255,.095),rgba(255,255,255,.035) 64%,rgba(212,55,156,.09))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.085),0 14px 40px rgba(0,0,0,.23)!important}
.home-venue-grid .card-visual{height:136px!important}.home-venue-grid .card-body{padding:12px!important}.home-venue-grid .card-title h3,.home-venue-grid .venue-detail-link{font-size:13px!important}.home-venue-grid .card-hours{font-size:9px!important}

#events{width:min(1240px,calc(100% - 48px))!important;margin:0 auto 18px!important;padding:24px 0 30px!important;border:0!important;border-top:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.home-events-head h2{font-size:19px!important}.home-events-note,.home-events-eyebrow{display:none!important}.event-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.event-card{border-radius:17px!important;overflow:hidden!important}.event-visual{height:120px!important}.event-card-copy{min-height:146px!important}

#guide{width:min(1240px,calc(100% - 48px))!important;margin:0 auto 28px!important;padding:24px 0!important;border:0!important;border-top:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:block!important}
#guide .guide-copy{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:20px!important;margin-bottom:14px!important}#guide .guide-copy .eyebrow,#guide .guide-copy>p,#guide .guide-copy>a{display:none!important}#guide .guide-copy h2{font-size:19px!important;margin:0!important}
#guide .guide-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
#guide .guide-list article{min-height:96px!important;border-radius:16px!important;padding:15px!important;background:linear-gradient(145deg,rgba(116,77,173,.24),rgba(255,91,161,.09))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.17)!important}
#guide .guide-list article>b{font-size:11px!important}#guide .guide-list h3{font-size:12px!important;margin:8px 0 5px!important}#guide .guide-list p{font-size:9px!important;line-height:1.45!important;margin:0!important}
footer{background:#07080d!important;border-top:1px solid rgba(255,255,255,.08)!important}

@media(max-width:980px){
  .topbar nav{display:none!important}.topbar-community b,.topbar-support b{display:none}.topbar-community,.topbar-support{width:40px;padding:0;justify-content:center}.home-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.86fr)!important;column-gap:24px!important}.home-venue-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .topbar{height:68px!important;padding:0 14px!important}.topbar-community,.topbar-support{display:none!important}.lang-select{max-width:118px!important}.saved-button{min-width:66px!important}
  .home-hero{width:100%!important;min-height:0!important;padding:34px 16px 18px!important;display:block!important;text-align:left!important}.home-hero::before,.home-hero::after{display:none!important}.home-hero h1{font-size:44px!important;max-width:340px!important}.home-subtitle{font-size:13px!important;max-width:320px!important;margin:12px 0 10px!important}.hero-support-cta{display:inline-flex;align-items:center;min-height:32px;margin:0 0 16px;padding:7px 11px;border:1px solid rgba(206,158,255,.24);border-radius:999px;background:linear-gradient(135deg,rgba(158,91,255,.10),rgba(255,80,166,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);color:#ddd1eb;font-size:10px;font-weight:800;letter-spacing:.01em}.hero-support-cta:active{transform:scale(.98);background:linear-gradient(135deg,rgba(158,91,255,.18),rgba(255,80,166,.12))}.home-search{width:100%!important;height:56px!important;border-radius:17px!important}.home-search button{height:44px!important;border-radius:14px!important}.home-trending{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;justify-content:flex-start!important;margin:13px -16px 0!important;padding:0 16px 7px!important;scrollbar-width:none}.home-trending::-webkit-scrollbar{display:none}.home-trending>span{flex:0 0 auto!important}.home-trending button{flex:0 0 auto!important}
  .home-hero-visual{display:block!important;min-height:190px!important;margin-top:15px!important;border-radius:22px!important}.hero-ora{width:52%!important;right:2%!important;bottom:-4%!important}.hero-handline{left:7%!important;top:18%!important;font-size:19px!important}.hero-trust-card{right:4%!important;bottom:8%!important;padding:9px 10px!important}.hero-trust-card strong,.hero-trust-card span{font-size:7px!important}
  .home-country{width:100%!important;padding:18px 16px 10px!important}.home-country-grid{margin:0 -16px!important;padding:3px 16px 12px!important}.home-country-grid button{flex-basis:68px!important}.country-flag{width:46px!important;height:46px!important;flex-basis:46px!important}.country-flag svg{width:69px!important;height:46px!important}
  .afterora-human-layer-home{margin-top:0!important}.home-explore{width:100%!important;margin:0!important;padding:18px 16px 24px!important}.home-type-chips{margin:0 -16px 13px!important;padding:0 16px 7px!important}.home-results-head>div strong{font-size:18px!important}
  .home-venue-grid{display:flex!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;margin:0 -16px!important;padding:2px 16px 13px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important}.home-venue-grid::-webkit-scrollbar{display:none}.home-venue-grid .venue-card{flex:0 0 min(75vw,270px)!important;scroll-snap-align:start!important}.home-venue-grid .card-visual{height:145px!important}.home-venue-grid .card-title h3,.home-venue-grid .venue-detail-link{font-size:13px!important}
  #events{width:100%!important;margin:0!important;padding:20px 16px 24px!important}.event-grid,.event-grid.expanded{display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;margin:0 -16px!important;padding:2px 16px 12px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important}.event-grid::-webkit-scrollbar{display:none}.event-card{flex:0 0 min(78vw,290px)!important;scroll-snap-align:start!important}.event-visual{height:132px!important}
  #guide{width:100%!important;margin:0!important;padding:20px 16px 28px!important}#guide .guide-list{display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;margin:0 -16px!important;padding:2px 16px 10px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important}#guide .guide-list::-webkit-scrollbar{display:none}#guide .guide-list article{flex:0 0 min(78vw,280px)!important;min-height:108px!important;scroll-snap-align:start!important}
}
@media(max-width:390px){.home-hero h1{font-size:40px!important}.home-hero-visual{min-height:174px!important}.hero-handline{font-size:17px!important}}


/* === AFTERORA v102 final home polish ===
   Scope: presentation/order only. No venue/city data changes. */
@media (min-width:761px){
  .home-hero{
    min-height:430px!important;
    padding:58px 0 38px!important;
    column-gap:50px!important;
  }
  .home-hero-visual{min-height:330px!important}
  .hero-ora{
    width:min(57%,330px)!important;
    max-height:82%!important;
    right:3%!important;
    bottom:-1%!important;
  }
  .hero-handline{left:7%!important;top:14%!important;max-width:50%!important}
}
.home-country-grid button{
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 22px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.home-country-grid button:hover,.home-country-grid button:focus-visible,.home-country-grid button.active{
  background:linear-gradient(145deg,rgba(166,105,255,.14),rgba(255,72,166,.075))!important;
  border-color:rgba(190,147,255,.24)!important;
  transform:translateY(-2px)!important;
}
/* Keep the title opaque even if earlier generic heading rules win the cascade. */
.home-hero #homeTitle{
  background:linear-gradient(180deg,#fff 0%,#f7efff 55%,#d9b8ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:#fff!important;
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .home-hero #homeTitle{color:transparent!important}
}
@media(max-width:760px){
  .home-hero{padding:28px 16px 14px!important}
  .home-hero-visual{min-height:174px!important;margin-top:12px!important}
  .hero-ora{width:43%!important;max-height:82%!important;right:3%!important;bottom:-3%!important}
  .hero-handline{max-width:54%!important}
  .home-country-grid button{background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018))!important}
}

/* === AFTERORA v103 visual final: circular country rail + photo-first discovery cards === */
.home-country-grid{gap:18px!important;padding-top:5px!important}
.home-country-grid button:nth-child(n),
.home-country-grid button:nth-child(n):hover,
.home-country-grid button:nth-child(n):focus-visible,
.home-country-grid button:nth-child(n).active{
  flex:0 0 78px!important;
  min-height:88px!important;
  padding:4px 2px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
}
.country-flag{
  width:58px!important;height:58px!important;flex:0 0 58px!important;
  border:3px solid rgba(255,255,255,.18)!important;
  border-radius:50%!important;overflow:hidden!important;
  background:#11131d!important;
  box-shadow:0 10px 28px rgba(0,0,0,.34),0 0 0 1px rgba(177,110,255,.32)!important;
}
.country-flag svg{width:88px!important;height:58px!important;max-width:none!important;transform:translateX(-15px)!important}
.home-country-grid button>b{font-size:10px!important;color:#f4f0f7!important}
.home-country-grid button:hover .country-flag,.home-country-grid button.active .country-flag{
  border-color:rgba(233,174,255,.72)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.36),0 0 0 2px rgba(184,92,255,.30),0 0 24px rgba(255,73,174,.20)!important;
}
.home-venue-grid .venue-card{border:1px solid rgba(255,255,255,.10)!important}
.home-venue-grid .card-visual{height:172px!important;background-position:center!important;background-size:cover!important}
.home-venue-grid .card-visual.has-photo{min-height:172px!important}
.home-venue-grid .card-visual.has-photo::after{content:""!important;display:block!important;position:absolute!important;inset:auto 0 0!important;height:52%!important;background:linear-gradient(180deg,transparent,rgba(7,8,14,.78))!important;pointer-events:none!important}
.home-venue-grid .card-body{padding:11px 12px 13px!important;background:linear-gradient(180deg,rgba(17,18,29,.78),rgba(13,14,23,.96))!important}
.home-venue-grid .card-note{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
#events .event-visual{height:145px!important;background-position:center!important;background-size:cover!important}
@media(max-width:760px){
  .home-country-grid{gap:13px!important}.home-country-grid button{flex-basis:72px!important}.country-flag{width:54px!important;height:54px!important;flex-basis:54px!important}.country-flag svg{width:82px!important;height:54px!important;transform:translateX(-14px)!important}
  .home-venue-grid .card-visual,.home-venue-grid .card-visual.has-photo{height:178px!important;min-height:178px!important}
  #events .event-visual{height:150px!important}
}

/* Keep the selected light theme above legacy night-glass rules. */
html[data-theme="light"] body{background:#f7f7f4!important;color:#17171a!important}
html[data-theme="light"] .topbar{background:rgba(247,247,244,.94)!important;border-bottom-color:rgba(17,17,20,.10)!important;color:#17171a!important}
html[data-theme="light"] .brand,
html[data-theme="light"] .brand-wordmark,
html[data-theme="light"] .brand-wordmark strong,
html[data-theme="light"] .brand-wordmark small{color:#17171a!important}
html[data-theme="light"] #exploreTab{background:radial-gradient(900px 520px at 8% 0%,rgba(239,58,168,.07),transparent 62%),radial-gradient(900px 600px at 100% 12%,rgba(77,116,255,.07),transparent 60%),#f7f7f4!important;color:#17171a!important}
html[data-theme="light"] .home-hero #homeTitle{background:linear-gradient(180deg,#17171a 0%,#29232f 58%,#70429a 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#17171a!important}
html[data-theme="light"] .home-kicker{color:#7c3cff!important}
html[data-theme="light"] .home-subtitle,
html[data-theme="light"] .home-trending>span,
html[data-theme="light"] .home-results-head p{color:#68686f!important}
html[data-theme="light"] .home-search{background:#fff!important;border-color:#d9d9d5!important;box-shadow:0 12px 34px rgba(37,31,48,.08)!important}
html[data-theme="light"] .home-search input{color:#17171a!important}
html[data-theme="light"] .home-trending button{background:#fff!important;color:#3e3e44!important;border-color:#ddd!important}
html[data-theme="light"] .home-section-heading h2,
html[data-theme="light"] .home-results-head strong{color:#17171a!important}
html[data-theme="light"] .home-country-grid button:nth-child(n),
html[data-theme="light"] .home-country-grid button:nth-child(n):hover,
html[data-theme="light"] .home-country-grid button:nth-child(n):focus-visible,
html[data-theme="light"] .home-country-grid button:nth-child(n).active{background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important}
html[data-theme="light"] .home-country-grid button>b{color:#29292e!important}
html[data-theme="light"] .country-flag{background:#fff!important;border-color:rgba(45,39,55,.16)!important;box-shadow:0 9px 24px rgba(46,39,59,.12),0 0 0 1px rgba(124,60,255,.18)!important}
html[data-theme="light"] .home-type-chips .chip{background:#fff!important;color:#4d4d53!important;border-color:#ddd!important}
html[data-theme="light"] .home-type-chips .chip.active{background:linear-gradient(135deg,#7540e8,#a84cff)!important;color:#fff!important;border-color:transparent!important}
html[data-theme="light"] .home-venue-grid .venue-card{background:#fff!important;color:#17171a!important;border-color:#e0e0dc!important;box-shadow:0 10px 30px rgba(40,34,52,.08)!important}
html[data-theme="light"] .home-venue-grid .card-body{background:#fff!important;color:#17171a!important}
html[data-theme="light"] .home-venue-grid .card-title h3,
html[data-theme="light"] .home-venue-grid .venue-detail-link{color:#17171a!important}
html[data-theme="light"] #events,
html[data-theme="light"] #guide{background:#fff!important;color:#17171a!important;border-color:#e3e3df!important}
html[data-theme="light"] footer{background:#f0f0ed!important;color:#17171a!important;border-top-color:#d9d9d4!important}

/* === 2026-09-04 v105: user-selectable Light / Dark theme === */
html{color-scheme:dark}
html[data-theme="light"]{color-scheme:light;--bg:#f7f7f4;--panel:#ffffff;--line:#dfdfda;--text:#17171a;--muted:#68686f;--home-bg:#f7f7f4;--home-ink:#17171a;--home-muted:#6f6f76;--home-line:#dfdfda}
html[data-theme="dark"]{color-scheme:dark;--bg:#09090b;--panel:#111114;--line:#2a2a30;--text:#f6f3f0;--muted:#9b989e;--home-bg:#09090b;--home-ink:#f6f3f0;--home-muted:#aaa6ae;--home-line:#2b2b31}

.theme-toggle{height:36px;border:1px solid #48484f;background:rgba(10,10,12,.45);color:#fff;border-radius:999px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:10px;font-weight:800;white-space:nowrap}
.theme-toggle span{font-size:15px;line-height:1}.theme-toggle:hover{border-color:var(--acid);color:var(--acid)}

/* Light mode: convert every dark surface and its typography, controls and chrome. */
html[data-theme="light"] body{background:#f7f7f4;color:#17171a}
html[data-theme="light"] .noise{opacity:.012}
html[data-theme="light"] .topbar{background:rgba(247,247,244,.9);border-bottom-color:rgba(17,17,20,.1);backdrop-filter:blur(16px)}
html[data-theme="light"] .brand{color:#111216}
html[data-theme="light"] .topbar nav a{color:#616168}
html[data-theme="light"] .topbar nav a:hover{color:#111216}
html[data-theme="light"] .lang-select,
html[data-theme="light"] .saved-button,
html[data-theme="light"] .topbar-community,
html[data-theme="light"] .topbar-support,
html[data-theme="light"] .theme-toggle{background:rgba(255,255,255,.92)!important;color:#1a1a1e!important;border-color:#d7d7d2!important}
html[data-theme="light"] .saved-button b{background:#111216;color:#fff}
html[data-theme="light"] .theme-toggle:hover{border-color:#7c3cff!important;color:#6a33db!important}
html[data-theme="light"] #exploreTab{background:#f7f7f4!important;color:#17171a!important}
html[data-theme="light"] .home-search{background:#fff;border-color:#d9d9d5}
html[data-theme="light"] .home-search input{color:#111!important}
html[data-theme="light"] .home-trending button,
html[data-theme="light"] .home-country-grid button,
html[data-theme="light"] .home-country-city-panel button,
html[data-theme="light"] .home-type-chips .chip{background:#fff!important;color:#222!important;border-color:#ddd!important}
html[data-theme="light"] .home-country-city-panel{background:#fbf9ff;border-color:#e3def0}
html[data-theme="light"] .home-stats{background:#101115;color:#fff}
html[data-theme="light"] .home-venue-grid .venue-card{background:#fff!important;color:#111!important;border-color:#e2e2de!important}
html[data-theme="light"] .home-venue-grid .card-body,
html[data-theme="light"] .home-venue-grid .card-title h3,
html[data-theme="light"] .home-venue-grid .venue-detail-link{color:#111!important}
html[data-theme="light"] #events,
html[data-theme="light"] #guide{background:#fff!important;color:#111!important;border-color:#e4dcff!important}
html[data-theme="light"] #events h2,
html[data-theme="light"] #guide h2,
html[data-theme="light"] .home-events-head h2,
html[data-theme="light"] .home-events-icon{color:#111!important}
html[data-theme="light"] .event-card,
html[data-theme="light"] #guide .guide-list article{background:#fff!important;color:#111!important;border-color:#e6e6e2!important}
html[data-theme="light"] #guide .guide-list h3{color:#111!important}
html[data-theme="light"] .talk-page,
html[data-theme="light"] .saved-page,
html[data-theme="light"] .portal-page{background:radial-gradient(circle at 75% 14%,rgba(155,92,255,.08),transparent 28%),#f7f7f4;color:#17171a}
html[data-theme="light"] .talk-form,
html[data-theme="light"] .post-card,
html[data-theme="light"] .portal-card,
html[data-theme="light"] .source-policy,
html[data-theme="light"] .local-signals-cta,
html[data-theme="light"] .afterora-human-layer{background:#fff!important;color:#17171a!important;border-color:#deded9!important}
html[data-theme="light"] .talk-form input,
html[data-theme="light"] .talk-form textarea,
html[data-theme="light"] .filter-tools select{background:#fff!important;color:#17171a!important;border-color:#d7d7d2!important}
html[data-theme="light"] .talk-form input::placeholder,
html[data-theme="light"] .talk-form textarea::placeholder{color:#999!important}
html[data-theme="light"] .chip:not(.home-type-chips .chip){background:#fff;color:#525258;border-color:#d7d7d2}
html[data-theme="light"] .chip:hover,
html[data-theme="light"] .chip.active{background:#17171a;color:#fff;border-color:#17171a}
html[data-theme="light"] .venue-card:not(.home-venue-grid .venue-card){background:#fff;color:#17171a;border-color:#deded9}
html[data-theme="light"] .card-title h3{color:#17171a}
html[data-theme="light"] .vibes span{background:#efefec;color:#66666d}
html[data-theme="light"] dialog{background:#fff;color:#17171a;border-color:#d8d8d3;box-shadow:0 40px 120px rgba(30,30,35,.2)}
html[data-theme="light"] dialog::backdrop{background:rgba(20,20,24,.42)}
html[data-theme="light"] .modal-warning{background:#f3f3ef}
html[data-theme="light"] .modal-warning p,
html[data-theme="light"] .hotel-box p,
html[data-theme="light"] .modal-location{color:#6d6d73}
html[data-theme="light"] .modal-actions button{background:#ededeb;color:#17171a}
html[data-theme="light"] footer{background:#f0f0ed;border-top-color:#d9d9d4;color:#17171a}
html[data-theme="light"] .footer-brand+ p,html[data-theme="light"] footer>a{color:#55555c}
html[data-theme="light"] .footer-brand+ p span{color:#77777d}
html[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.96)!important;border-color:#e3e3df!important}
html[data-theme="light"] .bottom-nav-item{color:#666!important}
html[data-theme="light"] .bottom-nav-item.active{background:#f2edff!important;color:#6e36df!important}
html[data-theme="light"] .toast{background:#111216;color:#fff}

/* Dark mode: keep the same approved layout while switching all formerly white home surfaces to dark. */
html[data-theme="dark"] body{background:#09090b;color:#f6f3f0}
html[data-theme="dark"] .topbar{background:rgba(9,9,11,.76);border-bottom-color:rgba(255,255,255,.08);backdrop-filter:blur(16px)}
html[data-theme="dark"] #exploreTab{background:#09090b!important;color:#f6f3f0!important}
html[data-theme="dark"] .home-hero h1,
html[data-theme="dark"] .home-section-heading h2{color:#f6f3f0!important}
html[data-theme="dark"] .home-subtitle,
html[data-theme="dark"] .home-section-heading p{color:#aaa6ae!important}
html[data-theme="dark"] .home-search{background:#121216;border-color:#34343b;box-shadow:0 10px 32px rgba(0,0,0,.22)}
html[data-theme="dark"] .home-search input{color:#f7f7f8!important}
html[data-theme="dark"] .home-search input::placeholder{color:#77747b}
html[data-theme="dark"] .home-trending>span{color:#8c8990!important}
html[data-theme="dark"] .home-trending button{background:#151519!important;color:#d8d5dc!important;border-color:#34343a!important}
html[data-theme="dark"] .home-country-grid button{background:#121216;color:#f2eff5;border-color:#2f2f35;box-shadow:0 4px 16px rgba(0,0,0,.12)}
html[data-theme="dark"] .home-country-grid button.active{background:#1b1528;border-color:#8c5cff;box-shadow:0 0 0 2px rgba(140,92,255,.16)}
html[data-theme="dark"] .home-country-city-panel{background:#121017;border-color:#332947}
html[data-theme="dark"] .home-country-city-panel strong{color:#b899ff}
html[data-theme="dark"] .home-country-city-panel button{background:#17151b;color:#e7e2eb;border-color:#403650}
html[data-theme="dark"] .home-type-chips .chip{background:#151519!important;color:#c8c5cc!important;border-color:#34343a!important}
html[data-theme="dark"] .home-type-chips .chip.active{background:linear-gradient(135deg,#7540e8,#a84cff)!important;color:#fff!important}
html[data-theme="dark"] .home-results-head p{color:#96929a}
html[data-theme="dark"] .home-results-head p strong{color:#f6f3f0}
html[data-theme="dark"] .home-venue-grid .venue-card{background:#121216!important;color:#f6f3f0!important;border-color:#2b2b31!important;box-shadow:0 7px 24px rgba(0,0,0,.16)!important}
html[data-theme="dark"] .home-venue-grid .card-body{color:#f6f3f0!important}
html[data-theme="dark"] .home-venue-grid .card-title p{color:#8f8b93!important}
html[data-theme="dark"] .home-venue-grid .card-title h3,
html[data-theme="dark"] .home-venue-grid .venue-detail-link{color:#f6f3f0!important}
html[data-theme="dark"] #events,
html[data-theme="dark"] #guide{background:#111115!important;color:#f6f3f0!important;border-color:#2d2d34!important}
html[data-theme="dark"] #events h2,
html[data-theme="dark"] #guide h2,
html[data-theme="dark"] .home-events-head h2,
html[data-theme="dark"] .home-events-icon{color:#f6f3f0!important}
html[data-theme="dark"] .home-events-note{color:#9a969e!important}
html[data-theme="dark"] .event-card{background:#151519!important;color:#f6f3f0!important;border-color:#2d2d34!important}
html[data-theme="dark"] #guide .guide-list article{background:#151519!important;border-color:#2d2d34!important;color:#f6f3f0!important}
html[data-theme="dark"] #guide .guide-list h3{color:#f6f3f0!important}
html[data-theme="dark"] #guide .guide-list p{color:#99959d!important}
html[data-theme="dark"] #guide .guide-copy a{background:#d9ff43!important;color:#111!important}
html[data-theme="dark"] .bottom-nav{background:rgba(14,14,17,.96)!important;border-color:#2d2d33!important;box-shadow:0 12px 36px rgba(0,0,0,.34)!important}
html[data-theme="dark"] .bottom-nav-item{color:#99969d!important}
html[data-theme="dark"] .bottom-nav-item.active{background:#241a39!important;color:#c7adff!important}

@media(max-width:760px){
  .theme-toggle{width:32px;height:32px;padding:0;justify-content:center}
  .theme-toggle b{display:none}
}

/* === 2026-09-04 v106: preview polish === */
/* Keep the theme control legible on desktop/tablet. */
.theme-toggle{min-width:78px;padding:0 14px;justify-content:center}
.theme-toggle b{display:inline-block}

/* Bottom tab bar is a mobile navigation pattern; keep desktop content unobstructed. */
@media(min-width:761px){
  .bottom-nav{display:none!important}
  body{padding-bottom:0!important}
  .tab-page{padding-bottom:0!important}
}

/* Compact icon-only theme button on phones where header space is limited. */
@media(max-width:760px){
  .theme-toggle{min-width:36px;width:36px;height:32px;padding:0;justify-content:center}
  .theme-toggle b{display:none}
  .bottom-nav{display:grid!important}
}

/* === v107 mobile event filter wrap fix === */
@media(max-width:760px){
  #events .event-filters{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  #events .event-filters::-webkit-scrollbar{display:none}
  #events .event-filters .chip{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    line-height:1!important;
    padding:10px 16px!important;
  }
}

/* === v108 mobile country flag centering / edge-safe carousel === */
@media(max-width:760px){
  .home-country-grid{
    margin-inline:-16px!important;
    padding-left:24px!important;
    padding-right:24px!important;
    scroll-padding-inline:24px!important;
    scroll-snap-type:x mandatory!important;
  }
  .home-country-grid button{
    scroll-snap-align:center!important;
    scroll-snap-stop:always;
  }
  .country-flag{
    position:relative!important;
    overflow:hidden!important;
  }
  .country-flag svg{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:auto!important;
    height:100%!important;
    min-width:100%!important;
    max-width:none!important;
    transform:translate(-50%,-50%)!important;
  }
  .home-country-grid button:first-child{margin-left:0!important}
  .home-country-grid button:last-child{margin-right:0!important}
}

/* === v109 mobile AFTERORA story mascot overlap fix === */
@media(max-width:760px){
  .afterora-human-layer-home .human-about{
    min-height:auto!important;
    padding-right:15px!important;
    overflow:hidden!important;
  }
  .afterora-human-layer-home .human-about .human-mascot{
    position:static!important;
    display:block!important;
    width:156px!important;
    height:auto!important;
    max-height:none!important;
    margin:12px auto -14px!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }
  .afterora-human-layer-home .human-about h3,
  .afterora-human-layer-home .human-about p,
  .afterora-human-layer-home .human-about .brand-line{
    position:relative!important;
    z-index:1!important;
    max-width:none!important;
  }
}