/* Lovely Qom v6.8 — sky-blue glass refresh on top of v5.8 base */
:root{
  --q68-sky-1:#eef8ff;
  --q68-sky-2:#dff2ff;
  --q68-sky-3:#bee9ff;
  --q68-sky-4:#8bd7ff;
  --q68-sky-5:#5fbef1;
  --q68-sky-6:#1989c8;
  --q68-deep:#0d4d86;
  --q68-ink:#173e4b;
  --q68-line:#b9ddf4;
  --q68-glass:rgba(255,255,255,.72);
  --q68-glass-strong:rgba(255,255,255,.82);
  --q68-shadow:0 10px 32px rgba(18,79,130,.13);
}
html,body{background:
  radial-gradient(60rem 60rem at 10% 0%,rgba(149,222,255,.52),transparent 60%),
  radial-gradient(42rem 42rem at 100% 18%,rgba(93,196,247,.24),transparent 56%),
  linear-gradient(180deg,#f4fbff 0%,#edf8ff 27%,#e8f6ff 52%,#f7fcff 100%)!important;
  color:var(--q68-ink);
}
body{overflow-x:hidden}
.app-column{max-width:1180px;margin:auto;position:relative}
.ocean-atmosphere,.ocean-atmosphere i,.ocean-atmosphere span{pointer-events:none}
.ocean-atmosphere i,.ocean-atmosphere span{position:fixed;inset:auto;display:block;filter:blur(40px);opacity:.52;z-index:-1;animation:q68Float 17s ease-in-out infinite}
.ocean-atmosphere i:first-child{width:24rem;height:24rem;top:-4rem;left:-5rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(157,225,255,.95),rgba(93,195,247,.36) 45%,transparent 70%)}
.ocean-atmosphere i:nth-child(2){width:20rem;height:20rem;top:12rem;right:-4rem;border-radius:50%;background:radial-gradient(circle at 45% 40%,rgba(190,235,255,.95),rgba(85,174,232,.28) 45%,transparent 70%);animation-duration:22s}
.ocean-atmosphere .atmosphere-arch{width:28rem;height:10rem;left:14%;bottom:8%;border-radius:999px;background:radial-gradient(ellipse at center,rgba(186,233,255,.6),rgba(120,198,240,.18) 48%,transparent 72%)}
.ocean-atmosphere .atmosphere-arch.second{width:18rem;height:8rem;right:12%;bottom:18%;background:radial-gradient(ellipse at center,rgba(162,224,255,.48),rgba(57,169,231,.13) 52%,transparent 72%);animation-duration:20s}
@keyframes q68Float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}

.app-header{background:transparent!important;border-bottom:0!important;padding:10px 18px 0;height:auto;min-height:76px}
.app-header .brand{padding:0;background:none!important;border:0!important;box-shadow:none!important}
.app-header .brand img{display:none!important}
.app-header .brand,.app-header .brand::after{width:auto;height:auto}
.app-header .brand::after{content:"";display:block;width:clamp(156px,18vw,215px);height:52px;background:url('/brand-wordmark-new.png') center right / contain no-repeat}
.app-header .brand span{display:none!important}
.header-actions{gap:6px}
.header-actions .icon-button{border-radius:999px;background:rgba(255,255,255,.52);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 6px 18px rgba(18,79,130,.08)}
.header-actions .icon-button:hover{background:rgba(255,255,255,.82)}

/* hero */
.qom-live-hero{position:relative}
.immersive-hero{margin:4px 0 22px!important;border-radius:34px!important;overflow:hidden!important;background:linear-gradient(160deg,#0d5fa5,#52b6ea)!important;box-shadow:0 16px 44px rgba(17,89,138,.16)!important;padding:0!important;min-height:500px!important}
.immersive-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 28%,rgba(5,46,92,.18) 100%)}
.immersive-hero .hero-scene{position:absolute!important;inset:0!important;height:100%!important;z-index:0!important;overflow:hidden!important;mask-image:linear-gradient(to bottom, #000 0%, #000 26%, rgba(0,0,0,.94) 42%, rgba(0,0,0,.62) 68%, transparent 100%)!important;-webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 26%, rgba(0,0,0,.94) 42%, rgba(0,0,0,.62) 68%, transparent 100%)!important}
.qom-live-hero .hero-scene>img.scene-active,.qom-live-hero .hero-scene-controls,.qom-live-controls,.gallery-entry-link{display:none!important}
.qom-live-hero .qom-live-layers{position:absolute;inset:-3% -3% 0 -3%;z-index:1;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform .4s ease-out;pointer-events:none}
.qom-live-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 44%;opacity:0;transform:scale(1.045);transition:opacity .95s ease,transform 8s ease;pointer-events:none;filter:saturate(1.04) contrast(1.01)}
.qom-live-photo[data-active=true]{opacity:1;transform:scale(1)}
.qom-live-hero .hero-content{position:relative;z-index:3;padding:172px 22px 24px!important}
.qom-live-hero .hero-content .hero-kicker{color:#d6f1ff!important;text-shadow:0 2px 10px rgba(0,48,84,.28)}
.qom-live-hero .hero-content h1.qom-wordmark{display:flex!important;justify-content:center;align-items:center;min-height:72px;margin:0 0 12px!important;font-size:0!important}
.qom-live-hero .hero-content h1.qom-wordmark>*{display:none!important}
.qom-live-hero .hero-content h1.qom-wordmark::before{content:"";display:block;width:min(92%,420px);height:88px;background:url('/brand-wordmark-new.png') center / contain no-repeat;filter:drop-shadow(0 10px 22px rgba(0,28,56,.18))}
.qom-live-hero .hero-content p{max-width:42rem;margin-inline:auto;text-align:center;color:#eff9ff!important;text-shadow:0 2px 14px rgba(0,44,82,.22)}
.qom-live-hero .hero-content .sky-search{width:min(740px,100%)!important;margin:0 auto!important;min-height:62px!important;padding:10px 14px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.84)!important;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:0 12px 28px rgba(10,66,104,.18)!important;text-align:center!important}
.qom-live-hero .hero-content .sky-search b,.qom-live-hero .hero-content .sky-search small{flex:1;text-align:center!important}
.qom-live-hero .hero-content .sky-search>span{background:linear-gradient(180deg,#e9f8ff,#cfeefe)!important;color:#0c7db9!important;box-shadow:inset 0 1px rgba(255,255,255,.9)}

/* cards and general tone */
main{padding-top:18px!important}
.panel,.city-widget,.home-lists>.section,.sheet,.settings-section,.service-essentials,.urban-highlight,.capsule-shortcuts>a,.notification-capsule,.install-card,.notification-permission,.now-surface,.service-tile,.more-grid>a,.urban-links>a,.discovery-band,.inner-main{
  border-radius:30px!important;
  border:1px solid rgba(185,221,244,.92)!important;
  background:var(--q68-glass)!important;
  box-shadow:var(--q68-shadow)!important;
  backdrop-filter:blur(18px) saturate(118%);
  -webkit-backdrop-filter:blur(18px) saturate(118%);
}
.section-heading h2,.city-widget h2,.home-lists .section h2{color:#1b4f67}
.chip.active,.segment-control button.active,.bottom-navigation>a.active,.desktop-navigation>a.active{background:#dff3ff!important;color:#1374ac!important;border-color:#9ed9f7!important}
.button,.update-action{background:linear-gradient(180deg,#4eb7eb,#1992d0)!important;border-color:#1992d0!important;box-shadow:0 10px 22px rgba(23,138,197,.18)}
.button.secondary{background:rgba(255,255,255,.85)!important;color:#1679ad!important;border-color:#b5e0f6!important}
.text-link{color:#1588c5!important}

/* essentials rename area and gallery */
.qom-gallery,.gallery-more,.gallery-entry-link{display:none!important}

/* desktop full-height sidebar */
@media (min-width:1100px){
  .bottom-navigation{display:none!important}
  .desktop-navigation{display:flex!important;position:fixed;top:18px;right:18px;bottom:18px;width:108px;z-index:70;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;padding:18px 10px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(233,247,255,.66));border:1px solid rgba(184,220,240,.95);border-radius:34px;box-shadow:0 20px 42px rgba(14,77,134,.15);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}
  .desktop-navigation::before{content:"";display:block;flex:none;width:100%;height:58px;border-radius:20px;background:url('/brand-wordmark-new.png') center / 82px auto no-repeat, linear-gradient(180deg,rgba(237,248,255,.9),rgba(225,243,254,.72));box-shadow:inset 0 1px rgba(255,255,255,.9)}
  .desktop-navigation>a{min-height:68px;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:8px 6px;border-radius:24px;color:#5a7384;transition:transform .24s ease, background .24s ease, color .24s ease, box-shadow .24s ease}
  .desktop-navigation>a:hover{background:rgba(255,255,255,.7);color:#0e75ad;transform:translateX(-4px)}
  .desktop-navigation>a.active{background:linear-gradient(180deg,#f0fbff,#dff3ff)!important;color:#1181bd!important;box-shadow:inset 0 1px rgba(255,255,255,.88),0 8px 18px rgba(27,131,191,.12);transform:translateX(-6px)}
  .desktop-navigation>a.active::after{display:none!important}
  .app-column{max-width:none!important;margin:0!important;padding-right:148px;padding-left:20px}
  .app-header,.app-footer{margin-right:0!important}
  main{padding-right:0!important}
}

/* mobile */
@media (max-width:1099px){
  .desktop-navigation{display:none!important}
}
@media (max-width:649px){
  .app-header{padding:10px 14px 0!important}
  .app-header .brand::after{width:148px;height:44px}
  .qom-live-hero .hero-content{padding:146px 16px 18px!important}
  .qom-live-hero .hero-content h1.qom-wordmark::before{width:min(94%,320px);height:70px}
  .qom-live-hero .hero-content .sky-search{margin-top:0!important}
  .immersive-hero{min-height:438px!important;border-radius:28px!important}
}
@media (max-width:420px){
  .qom-live-hero .hero-content .hero-kicker{margin-bottom:10px}
  .qom-live-hero .hero-content .sky-search{margin-top:12px!important}
}
@media (prefers-reduced-motion:reduce){
  .ocean-atmosphere i,.ocean-atmosphere span,.qom-live-photo,.qom-live-hero .qom-live-layers,.desktop-navigation>a{animation:none!important;transition:none!important}
}
html[data-motion=minimal] .ocean-atmosphere i,html[data-motion=minimal] .ocean-atmosphere span,html[data-motion=minimal] .qom-live-photo,html[data-motion=minimal] .qom-live-hero .qom-live-layers{animation:none!important;transition:none!important}