/* A landscape behind the interface gives translucent surfaces real depth. */
body{background:#1e1530;isolation:isolate}
.ambient{z-index:-1;background:linear-gradient(160deg,#27305d,#97587e 50%,#efb99f);overflow:hidden}
.ambient:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11152b80,#21173120 65%),url('coast.svg') center bottom/cover no-repeat;pointer-events:none}
.ambient .sunset-canvas{position:absolute;z-index:0;inset:0;width:100%;height:100%;opacity:.8}
.sidebar{background:linear-gradient(135deg,#ffffff17,#14152966);backdrop-filter:blur(24px) saturate(135%);border-color:#ffffff30;box-shadow:inset -1px 0 #fff1,10px 0 45px #0b10271a}
.topbar{background:#171b3026;backdrop-filter:blur(18px) saturate(140%);border-color:#ffffff25}
.hero{background:none;min-height:350px;border:0;border-radius:0;box-shadow:none;overflow:visible;padding:28px 0 36px;isolation:auto}
.hero:before,.hero:after,.hero .skyline,.hero-caption{display:none}
.hero-content{max-width:650px}.hero h2{font-size:clamp(55px,5.5vw,82px);letter-spacing:-3.8px;line-height:1.02;margin:23px 0 20px;text-shadow:0 6px 40px #21173155;font-weight:600}
.hero h2 em{background:linear-gradient(120deg,#fff6ef,#ffc7df 80%);background-clip:text;-webkit-background-clip:text}
.hero p{font-size:14px;color:#f1eaf4;max-width:420px}.hero .eyebrow{color:#e9e4f4}.page-heading{margin-bottom:15px}.page-heading h1{font-size:25px;letter-spacing:-.8px}.page-heading p{color:#d4cce0;font-size:12px}.eyebrow{color:#ffe0f1}.date-label{color:#e1d1e1}.breadcrumb,.breadcrumb b{color:#dfd5e8}
.stat,.panel,.tool-card,.catalog-card,.ad-preview,.ad-preview.rail{background:linear-gradient(130deg,#ffffff25 0%,#ffffff0a 48%,#1a183338 100%);backdrop-filter:blur(20px) saturate(135%);border:1px solid #ffffff38;box-shadow:inset 0 1px 0 #ffffff65,inset 1px 0 0 #ffffff20,inset 0 -1px 0 #fff1,0 12px 35px #14112d20;border-radius:20px}
.stat:first-child{background:linear-gradient(135deg,#ffd9f02b,#24213c33)}.stat-label,.stat-note{color:#e2d6e9}.stat-icon{color:#ffe0ee}.stat .number{color:#fff7ff;text-shadow:0 2px 18px #ffffff16}.stat:nth-child(2) .number{color:#b9ffe4}.panel p,.tool-copy p{color:#e0d6e8}.panel .subtle,.empty p{color:#d6cce0!important}.panel-top .text-button{color:#e8d8f0}.muted{color:#bfb2d0}
.button,.button.secondary{border-radius:999px;border:1px solid #ffffff70;background:linear-gradient(135deg,#ffffff50,#ffffff16 50%,#ffffff28);color:white;backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 1px 0 #fffd,inset 0 -1px 0 #ffffff40,0 8px 22px #22182f25;padding:12px 20px;position:relative;overflow:hidden}
.button:not(.secondary){background:linear-gradient(135deg,#fff0f8d9,#f5bfdcaa);color:#302039}.button:hover,.button.secondary:hover{background:linear-gradient(135deg,#ffffff65,#ffffff28);box-shadow:inset 0 1px #fff,0 8px 25px #fff2;transform:translateY(-2px)}.button:not(.secondary):hover{background:#ffe2f1}
.hero-actions .button{border-radius:999px;padding:14px 25px}.nav-link{color:#e3d7ed}.nav-link.active{background:linear-gradient(130deg,#fff4,#fff1);color:white;border-color:#ffffff40;box-shadow:inset 0 1px #ffffff80,0 4px 15px #10152920;border-radius:14px}.nav-link:hover{background:#ffffff17}.nav-caption,.sidebar-footer{color:#d0bfd9}.sidebar-bottom p{color:#c7b8d1}.local-badge{color:#d8ffeb}
.tool-art{background:linear-gradient(135deg,#86dcc81a,#192f4a40);border-bottom:1px solid #ffffff20;height:130px}.tool-card:nth-child(2) .tool-art,.tool-card:nth-child(3) .tool-art,.tool-card:nth-child(4) .tool-art{background:linear-gradient(130deg,#ffffff16,#2f244944)}.tool-art svg{opacity:.95;filter:drop-shadow(0 0 8px #fff2)}.tool-art .tag{background:#20203b50;color:#f0e1f5}.tool-card:hover{border-color:#fff8;box-shadow:inset 0 1px #fff8,0 16px 30px #1b163540}.section-heading p{color:#e4d6e9}.tag{border-color:#ffffff35;color:#e9dced}.tag.live{color:#c0ffe7}.ad-kicker{color:#eadfec}.ad-title{color:#fff2ff}.ad-preview p{color:#d4c5dd}.ad-size{color:#eee0f4;border-color:#ffffff45}.notice{background:#151b3038;border-color:#ffffff25;color:#ddd0e5;backdrop-filter:blur(12px)}.notice strong{color:#ffe6f6}
.page-footer{border-color:#ffffff25;background:#15182f20;color:#eee0f4;backdrop-filter:blur(10px)}.field input,.field textarea,.route-stop input,.backup-area,.search-input{background:#18192c65;border-color:#ffffff30}.tab{background:#20203a40;color:#ebdff2;border-color:#ffffff30;backdrop-filter:blur(10px)}.tab.active{background:#fff2;border-color:#fff6;color:white}.list-row{background:#17192e22;border-color:#ffffff25}.map-board.blank{background-color:#151b3540;backdrop-filter:blur(15px)}.empty{background:#171b3425;border-color:#ffffff30}.community{background:linear-gradient(135deg,#ffdbf02b,#24213c44)}
.low-effects .ambient{display:block}.low-effects .ambient .sunset-canvas{display:none}.low-effects .stat,.low-effects .panel,.low-effects .tool-card,.low-effects .catalog-card,.low-effects .ad-preview{background:#25243ee8;backdrop-filter:none}
@supports not (backdrop-filter:blur(1px)){.panel,.stat,.tool-card,.catalog-card,.ad-preview{background:#28243de8}}
@media(max-width:1150px){.hero{padding:25px 0 30px;min-height:330px}.hero h2{font-size:68px}.hero-content{max-width:580px}}
@media(max-width:850px){.hero h2{font-size:62px}.hero{min-height:330px}.page-heading h1{font-size:24px}.dashboard-side .ad-preview.rail{min-height:155px}}
@media(max-width:580px){.ambient:after{background-position:70% bottom}.ambient .sunset-canvas{opacity:.65}.sidebar{background:linear-gradient(135deg,#ffffff32,#191c3566);backdrop-filter:blur(20px) saturate(135%)}main{padding-top:24px}.page-heading h1{font-size:23px;line-height:1.2}.page-heading p{font-size:11px}.page-heading>.date-label{display:none}.hero{padding:24px 0 30px;min-height:330px}.hero h2{font-size:57px;letter-spacing:-2.8px;line-height:1.02;margin:23px 0 19px}.hero p{font-size:12px;max-width:300px}.hero .eyebrow{font-size:7px;letter-spacing:1.3px;max-width:300px}.hero-actions{margin-top:25px;gap:10px}.hero-actions .button{padding:13px 17px;font-size:10px}.stat,.panel,.tool-card,.catalog-card,.ad-preview{backdrop-filter:blur(12px) saturate(125%)}.stats{margin-top:5px}.tool-art{height:105px}.ad-preview{border-radius:16px}.hero-content{max-width:100%}}

.ambient.animated-coast:after{background:linear-gradient(90deg,#11152b66,#21173115 65%)}
.city-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.ambient.animated-coast:after{z-index:2}