:root{
  --bg:#050d18;--bg2:#071421;--panel:rgba(9,24,40,.76);--panel2:rgba(13,31,49,.92);
  --line:rgba(130,190,235,.17);--text:#f4f8fc;--muted:#8ea9c0;--accent:#2fb8ff;--accent2:#2878ff;
  --good:#4ae3a2;--warn:#ffd05b;--shadow:0 24px 90px rgba(0,0,0,.38);--radius:24px;
  --font:"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;font-family:var(--font);color:var(--text);background:radial-gradient(circle at 20% 0%,#102844 0,transparent 33%),radial-gradient(circle at 95% 25%,#0b3051 0,transparent 27%),linear-gradient(180deg,#050d18 0,#06101d 100%);overflow-x:hidden}
button,input{font:inherit}button{color:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.22;z-index:-1}.ambient-a{width:460px;height:460px;background:#008bff;top:-180px;left:-120px}.ambient-b{width:500px;height:500px;background:#00e1ff;right:-250px;bottom:-240px;opacity:.08}
.topbar{height:78px;padding:0 clamp(18px,3vw,54px);display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line);background:rgba(2,10,19,.72);backdrop-filter:blur(22px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;cursor:pointer;min-width:max-content}.brand-mark{width:42px;height:42px;border:2px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);box-shadow:0 0 22px rgba(47,184,255,.28)}.brand b{display:block;font-size:20px;letter-spacing:.2px}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:2.1px;margin-top:2px}.nav-tabs{display:flex;align-items:stretch;gap:5px;height:100%;margin-inline:auto}.nav-tab{position:relative;border:0;background:none;padding:0 16px;color:#b7c8d8;cursor:pointer}.nav-tab:hover,.nav-tab.active{color:#fff}.nav-tab.active:after{content:"";height:2px;position:absolute;inset-inline:12px;bottom:0;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 14px var(--accent)}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:rgba(15,33,50,.7);border-radius:12px;cursor:pointer;display:grid;place-items:center;font-size:22px}.icon-btn:hover{border-color:rgba(76,192,255,.6);background:rgba(30,66,97,.72)}.lang-switch{display:flex;padding:3px;background:#071524;border:1px solid var(--line);border-radius:12px;direction:ltr}.lang-switch button{border:0;background:transparent;color:#91a9bd;padding:8px 11px;border-radius:8px;cursor:pointer;font-size:12px}.lang-switch button.active{background:linear-gradient(135deg,#129cff,#2778ff);color:#fff;box-shadow:0 7px 18px rgba(32,132,255,.28)}
.app-shell{min-height:calc(100vh - 78px);padding:0 clamp(18px,3vw,54px) 45px}.section-shell{max-width:1520px;margin:0 auto}.glass{background:linear-gradient(180deg,rgba(16,39,61,.78),rgba(8,25,40,.78));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(24px);border-radius:var(--radius)}
/* shared */
.kicker{color:var(--accent);font-weight:700;font-size:12px;letter-spacing:1.7px;text-transform:uppercase}.muted{color:var(--muted)}.flag{font-size:25px;line-height:1}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(8,24,39,.65);border-radius:999px;padding:7px 11px;color:#b8ccdc;font-size:12px}.utc{direction:ltr;unicode-bidi:isolate}.empty{padding:42px;text-align:center;color:var(--muted)}
.hero-search{max-width:580px;height:56px;border:1px solid rgba(180,220,250,.25);border-radius:18px;background:rgba(245,250,255,.96);display:flex;align-items:center;gap:12px;padding:0 18px;color:#182a3b;box-shadow:0 14px 44px rgba(0,0,0,.25);cursor:text}.hero-search input{border:0;outline:0;width:100%;background:transparent;color:#22384d}.hero-search span{font-size:21px}.stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{padding:18px 14px;text-align:center}.stat b{font-size:24px;display:block}.stat small{color:var(--muted)}
/* cinematic */
.cinema{position:relative;min-height:calc(100vh - 78px);display:flex;align-items:center;padding:46px 0 30px;overflow:hidden}.cinema:before{content:"";position:absolute;width:min(880px,72vw);aspect-ratio:1;border-radius:50%;left:-9vw;top:1vh;background:radial-gradient(circle at 67% 38%,rgba(80,170,255,.15) 0 1%,transparent 2%),radial-gradient(circle at 50% 50%,#0e4e7c 0,#072746 42%,#03101f 69%,#020711 70%);border:1px solid rgba(82,179,255,.32);box-shadow:0 0 80px rgba(40,151,255,.16),inset -40px -10px 100px #01050b;opacity:.95}.cinema:after{content:"";position:absolute;left:17%;top:8%;width:32%;height:32%;border-radius:50%;background:radial-gradient(circle,#ffffff 0,#fff4b8 8%,#ffbf4e 18%,rgba(255,159,44,.22) 33%,transparent 68%);filter:blur(4px);opacity:.9}.cinema-content{position:relative;z-index:2;width:56%;margin-inline-start:auto;padding-inline-end:3vw}.cinema h1{font-size:clamp(48px,5.7vw,94px);line-height:.98;margin:12px 0 20px;letter-spacing:-3px}.cinema h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#8fdcff);background-clip:text;color:transparent}.cinema .lead{font-size:clamp(18px,1.5vw,26px);line-height:1.55;color:#c4d6e5;max-width:760px;margin:0 0 25px}.cinema .hero-search{margin-bottom:34px}.cinema-stats{max-width:760px}.featured-times{position:absolute;z-index:3;bottom:24px;inset-inline:0;display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;max-width:1100px;margin:auto}.featured-clock{padding:14px 16px;border-radius:16px;background:rgba(6,18,31,.78);border:1px solid var(--line);backdrop-filter:blur(12px);cursor:pointer;text-align:start}.featured-clock:hover{transform:translateY(-3px);border-color:#2daeff}.featured-clock .row{display:flex;gap:8px;align-items:center}.featured-clock time{display:block;font-size:21px;font-weight:700;margin-top:8px;direction:ltr}.featured-clock small{color:var(--muted)}
/* dashboard */
.dashboard-page{padding-top:30px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.75fr);gap:18px}.city-stage{min-height:550px;padding:28px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(11,38,63,.94),rgba(3,16,28,.92)),radial-gradient(circle at 75% 20%,rgba(47,184,255,.2),transparent 35%)}.city-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 55%,rgba(49,164,255,.08));pointer-events:none}.city-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;position:relative;z-index:2}.city-title{display:flex;align-items:center;gap:14px}.city-title .flag{font-size:42px}.city-title h1{font-size:clamp(36px,4vw,64px);line-height:1;margin:0}.city-title p{margin:7px 0 0;color:#9fb8cb;direction:ltr;unicode-bidi:isolate}.favorite-btn{border:1px solid var(--line);border-radius:12px;padding:10px 15px;background:#0a2135;cursor:pointer}.favorite-btn.on{color:#ffcf5d;border-color:rgba(255,207,93,.4)}.clock-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(320px,1fr);gap:36px;align-items:center;margin-top:38px;position:relative;z-index:2}.digital-time{font-size:clamp(58px,6.4vw,110px);font-weight:300;letter-spacing:2px;line-height:1;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.date-line{font-size:19px;margin-top:12px}.zone-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.analog-clock{position:relative;width:min(360px,31vw);aspect-ratio:1;border-radius:50%;margin:auto;background:radial-gradient(circle at 40% 32%,#1b2935,#05090e 66%);border:3px solid #9cc6e3;box-shadow:0 0 0 9px rgba(129,188,227,.08),0 32px 80px rgba(0,0,0,.45),inset 0 0 38px rgba(108,187,255,.08)}.analog-clock .tick{position:absolute;left:50%;top:50%;width:2px;height:47%;background:linear-gradient(#bfe6ff 0 7%,transparent 7%);transform-origin:50% 0}.analog-clock .number{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;text-align:center;padding:0;font-size:14px;color:#d9ebf7}.hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:8px;transform:translateX(-50%) rotate(0deg)}.hand.hour{height:25%;width:5px;background:#f8fbff}.hand.minute{height:34%;width:3px;background:#d5e7f4}.hand.second{height:38%;width:2px;background:#25a9ff;box-shadow:0 0 7px #25a9ff}.clock-pin{position:absolute;left:50%;top:50%;width:13px;height:13px;border-radius:50%;background:#27aaff;border:3px solid #e8f7ff;transform:translate(-50%,-50%);z-index:3}.clock-logo{position:absolute;top:35%;left:50%;transform:translateX(-50%);font-size:10px;color:#64788a;letter-spacing:1px}.city-side{padding:22px;display:flex;flex-direction:column;gap:15px}.side-title{display:flex;justify-content:space-between;align-items:center}.side-title h3{margin:0}.side-title small{color:var(--muted)}.zone-list{display:flex;flex-direction:column;gap:8px;max-height:475px;overflow:auto;padding-inline-end:3px}.zone-item{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(8,24,38,.66);cursor:pointer}.zone-item:hover{border-color:#278fd1}.zone-item .zone-time{margin-inline-start:auto;font-size:19px;font-weight:650;direction:ltr}.zone-item small{display:block;color:var(--muted);font-size:11px}.city-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.mini-city{padding:14px 16px;cursor:pointer}.mini-city:hover{border-color:#2fb8ff}.mini-city .top{display:flex;align-items:center;justify-content:space-between}.mini-city time{font-size:23px;font-weight:700;display:block;margin-top:7px;direction:ltr}.mini-city small{color:var(--muted)}
/* cards */
.cards-page{padding-top:34px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.page-head h1{font-size:clamp(34px,4vw,58px);margin:6px 0}.page-head p{margin:0;color:var(--muted)}.search-box{width:min(500px,44vw);height:48px;border:1px solid var(--line);background:rgba(10,28,44,.78);border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 15px}.search-box input{border:0;outline:0;background:transparent;color:white;width:100%}.filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.selectish{border:1px solid var(--line);background:#091a2a;color:#c7d8e6;border-radius:12px;padding:10px 13px;cursor:pointer}.country-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.country-card{position:relative;overflow:hidden;min-height:202px;padding:20px;cursor:pointer;transition:.22s ease}.country-card:hover{transform:translateY(-4px);border-color:rgba(47,184,255,.48);box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 30px rgba(47,184,255,.06)}.country-card:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:var(--cardGlow,#0c66b7);filter:blur(48px);opacity:.18;inset-inline-end:-55px;top:-55px}.country-card-head{display:flex;justify-content:space-between;align-items:flex-start}.country-card .flag{font-size:34px}.country-card h3{font-size:20px;margin:15px 0 2px}.country-card .capital{color:#9ab1c3}.country-card time{display:block;font-size:33px;font-weight:650;margin-top:19px;direction:ltr;font-variant-numeric:tabular-nums}.country-card .card-foot{display:flex;justify-content:space-between;color:#819bad;font-size:11px;margin-top:6px}.more-zones{color:var(--accent)}.load-more{display:block;margin:25px auto 0;padding:12px 22px;border:1px solid var(--line);border-radius:14px;background:#0a2034;cursor:pointer}
/* map */
.map-page{padding-top:26px}.map-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:15px}.map-sidebar{padding:18px;min-height:680px}.map-sidebar h2{margin:5px 0 15px}.map-search{display:flex;border:1px solid var(--line);border-radius:12px;padding:10px;background:#071726;gap:7px}.map-search input{width:100%;border:0;outline:0;background:none;color:#fff}.map-list{margin-top:13px;display:flex;flex-direction:column;gap:6px;max-height:570px;overflow:auto}.map-list-item{display:flex;gap:9px;align-items:center;border:0;background:transparent;padding:9px;border-radius:10px;text-align:start;cursor:pointer;color:#c4d5e1}.map-list-item:hover,.map-list-item.active{background:rgba(36,133,204,.16);color:#fff}.map-list-item time{margin-inline-start:auto;direction:ltr;font-variant-numeric:tabular-nums}.world-map-card{min-height:680px;position:relative;overflow:hidden;padding:12px;background:radial-gradient(circle at 50% 30%,rgba(17,65,100,.75),rgba(3,15,27,.96) 62%)}.map-head{position:absolute;z-index:3;top:20px;inset-inline:22px;display:flex;justify-content:space-between;pointer-events:none}.map-head .pill{pointer-events:auto}.world-svg{width:100%;height:100%;min-height:650px;filter:drop-shadow(0 16px 24px rgba(0,0,0,.3))}.world-svg .country{fill:#12354c;stroke:#2b5872;stroke-width:.45;transition:.18s;cursor:pointer}.world-svg .country:hover{fill:#1a5b7d;stroke:#5fc9ff}.world-svg .country.selected{fill:#177cb2;stroke:#a5e6ff;stroke-width:1}.world-svg .gridline{stroke:#18364b;stroke-width:.35}.map-marker{cursor:pointer}.map-marker circle{fill:#31b9ff;stroke:#e5f8ff;stroke-width:1.4;filter:drop-shadow(0 0 7px #2fb8ff)}.map-marker text{fill:#e8f8ff;font-size:8px;paint-order:stroke;stroke:#03111d;stroke-width:2px;stroke-linejoin:round}.daynight{position:absolute;bottom:14px;inset-inline:14px;height:8px;border-radius:999px;background:linear-gradient(90deg,#12143f,#165789,#3cb9cc,#ffc664,#f47f62,#4e2d69,#101832);opacity:.78}.map-tooltip{position:fixed;pointer-events:none;background:#071522;border:1px solid #2f6b91;border-radius:10px;padding:9px 11px;z-index:90;box-shadow:0 15px 50px rgba(0,0,0,.4);font-size:12px;display:none}.map-tooltip b{display:block;font-size:14px}.map-tooltip time{direction:ltr;font-size:17px;color:#9adfff}
/* appearance */
.floating-appearance{position:fixed;bottom:24px;inset-inline-end:24px;z-index:42;display:flex;align-items:center;gap:8px;border:1px solid rgba(96,190,250,.36);background:rgba(7,29,47,.9);border-radius:999px;padding:10px 14px;box-shadow:0 10px 35px rgba(0,0,0,.32);backdrop-filter:blur(16px);cursor:pointer}.floating-appearance span{color:#63ccff}.appearance-panel{position:fixed;z-index:101;top:0;bottom:0;inset-inline-end:0;width:min(400px,92vw);padding:25px;background:rgba(4,15,26,.96);border-inline-start:1px solid var(--line);box-shadow:-30px 0 90px rgba(0,0,0,.48);backdrop-filter:blur(28px);transform:translateX(calc(110% * var(--panelSign,1)));transition:.3s ease}.appearance-panel.open{transform:translateX(0)}html[dir=rtl] .appearance-panel{--panelSign:-1}.panel-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.38);z-index:100;opacity:0;pointer-events:none;transition:.25s}.panel-backdrop.open{opacity:1;pointer-events:auto}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-head small{color:var(--accent)}.panel-head h2{margin:4px 0 0;font-size:28px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.theme-option{border:1px solid var(--line);background:#071726;border-radius:17px;padding:9px;text-align:start;cursor:pointer}.theme-option:hover,.theme-option.active{border-color:#34baff;box-shadow:0 0 0 2px rgba(52,186,255,.08)}.theme-option b{display:block;margin-top:9px;font-size:13px}.theme-option small{color:var(--muted);font-size:10px}.theme-preview{display:block;height:92px;border-radius:12px;overflow:hidden;position:relative}.preview-cinematic{background:radial-gradient(circle at 22% 44%,#167db5 0 13%,#04203c 32%,#030a12 33%),radial-gradient(circle at 70% 25%,#ffbd54,transparent 9%),#061422}.preview-dashboard{background:radial-gradient(circle at 66% 48%,#0d1118 0 19%,#a4c5d7 20% 21%,transparent 22%),linear-gradient(110deg,#12375a 0 45%,#08131e 45%)}.preview-map{background:radial-gradient(ellipse at 45% 55%,#166a87 0 8%,transparent 9%),radial-gradient(ellipse at 63% 42%,#1a7290 0 12%,transparent 13%),linear-gradient(#0b2840,#06121f)}.preview-cards{background:linear-gradient(90deg,transparent 0 4%,#12334b 4% 31%,transparent 31% 35%,#12334b 35% 62%,transparent 62% 66%,#12334b 66% 96%,transparent 96%),linear-gradient(#071829,#0b2033)}.panel-settings{margin-top:22px;border-top:1px solid var(--line);padding-top:15px}.panel-settings label{display:flex;align-items:center;justify-content:space-between;padding:11px 0;color:#c3d4e1}.panel-settings input{display:none}.panel-settings i{width:42px;height:24px;background:#1a3245;border-radius:99px;position:relative;transition:.2s}.panel-settings i:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#8faabd;top:3px;left:3px;transition:.2s}.panel-settings input:checked+i{background:#187bba}.panel-settings input:checked+i:after{left:21px;background:white}
/* search */
.search-overlay{position:fixed;inset:0;z-index:120;background:rgba(1,8,14,.75);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;opacity:0;pointer-events:none;transition:.2s}.search-overlay.open{opacity:1;pointer-events:auto}.search-dialog{width:min(740px,92vw);background:#071522;border:1px solid #275675;border-radius:22px;box-shadow:0 35px 100px rgba(0,0,0,.55);overflow:hidden}.search-input-wrap{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.search-input-wrap input{flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:18px}.search-input-wrap kbd{font-size:10px;padding:4px 6px;border:1px solid var(--line);border-radius:5px;color:#7590a5}.search-results{max-height:55vh;overflow:auto;padding:8px}.search-result{width:100%;display:flex;align-items:center;gap:13px;padding:11px 12px;border:0;border-radius:12px;background:transparent;text-align:start;cursor:pointer}.search-result:hover{background:#102a40}.search-result .flag{font-size:25px}.search-result b{display:block}.search-result small{color:var(--muted);direction:ltr}.search-result time{margin-inline-start:auto;direction:ltr;font-size:18px;font-weight:650}.toast{position:fixed;z-index:150;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:#0d2b40;border:1px solid #2f6c90;border-radius:12px;padding:10px 14px;transition:.22s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
/* theme body nuances */
body.theme-dashboard{background:radial-gradient(circle at 25% -5%,#173c5d,transparent 34%),#050d16}body.theme-map{background:#040c14}body.theme-cards{background:radial-gradient(circle at 100% 0,#102b43,transparent 35%),#06101b}.theme-map .topbar,.theme-cards .topbar{background:rgba(2,10,18,.88)}
@media(max-width:1180px){.country-grid{grid-template-columns:repeat(3,1fr)}.city-strip{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.map-layout{grid-template-columns:220px 1fr}.cinema-content{width:64%}.featured-times{grid-template-columns:repeat(3,1fr);position:relative;margin-top:36px}.cinema{display:block;padding-top:70px}.cinema-content{width:68%;margin-inline-start:auto}.cinema:before{left:-20vw}.nav-tab{padding:0 9px}}
@media(max-width:820px){.topbar{height:68px;padding:0 13px}.brand small,.nav-tabs{display:none}.top-actions{margin-inline-start:auto}.app-shell{padding-inline:14px}.cinema{min-height:calc(100vh - 68px);padding-top:42px}.cinema-content{width:100%;padding:0 10px}.cinema:before{width:900px;left:-460px;top:140px;opacity:.45}.cinema:after{display:none}.cinema h1{font-size:52px}.cinema .lead{font-size:17px}.cinema-stats{grid-template-columns:repeat(2,1fr)}.featured-times{grid-template-columns:repeat(2,1fr)}.featured-times .featured-clock:last-child{display:none}.dashboard-grid{display:block}.city-side{margin-top:14px}.clock-layout{grid-template-columns:1fr}.analog-clock{width:min(320px,78vw)}.digital-wrap{text-align:center}.zone-meta{justify-content:center}.city-strip{grid-template-columns:repeat(2,1fr)}.page-head{display:block}.search-box{width:100%;margin-top:18px}.country-grid{grid-template-columns:repeat(2,1fr)}.map-layout{display:block}.map-sidebar{min-height:auto;margin-bottom:12px}.map-list{max-height:180px}.world-map-card{min-height:520px}.world-svg{min-height:500px}.appearance-btn{display:none}}
@media(max-width:520px){.lang-switch button{padding:7px 9px}.icon-btn{width:36px;height:36px}.cinema h1{font-size:43px}.featured-times{grid-template-columns:1fr 1fr}.featured-clock{padding:11px}.stat-row{grid-template-columns:1fr 1fr}.country-grid{grid-template-columns:1fr}.country-card{min-height:175px}.city-stage{padding:18px}.city-title h1{font-size:35px}.city-title .flag{font-size:32px}.digital-time{font-size:54px}.theme-options{grid-template-columns:1fr 1fr}.theme-preview{height:74px}.floating-appearance b{display:none}.floating-appearance{width:45px;height:45px;padding:0;justify-content:center}.map-sidebar{display:none}}
html[dir=ltr] .cinema:before{left:auto;right:-9vw}html[dir=ltr] .cinema:after{left:auto;right:17%}


/* ===== TimeAtlas v1.1.0 visual system ===== */
.flag-art{display:inline-grid;place-items:center;width:1.45em;height:1.04em;border-radius:.16em;overflow:hidden;vertical-align:-.13em;background:#e8eef5;box-shadow:0 2px 7px rgba(12,42,68,.16)}
.flag-art img{width:100%;height:100%;object-fit:cover;display:block}.flag-fallback{display:none;width:100%;height:100%;place-items:center;font-size:.42em;font-weight:800;letter-spacing:.04em;background:linear-gradient(135deg,#edf5ff,#dceaff);color:#164b78}.flag{display:inline-flex;align-items:center;justify-content:center}
body.palette-ocean{color-scheme:light;--bg:#edf7ff;--bg2:#dcefff;--panel:rgba(255,255,255,.82);--panel2:rgba(255,255,255,.96);--line:rgba(31,111,171,.16);--text:#102d47;--muted:#5b7890;--accent:#0787ff;--accent2:#5957ff;--good:#13a870;--warn:#e99c13;--shadow:0 24px 80px rgba(38,93,138,.14);background:radial-gradient(circle at 10% 0%,rgba(102,198,255,.34),transparent 28%),radial-gradient(circle at 94% 8%,rgba(151,122,255,.18),transparent 28%),linear-gradient(180deg,#f7fbff 0,#e8f5ff 48%,#f7fbff 100%);color:var(--text)}
body.palette-daylight{color-scheme:light;--bg:#fbf7f0;--bg2:#fff4df;--panel:rgba(255,255,255,.88);--panel2:#fff;--line:rgba(126,104,63,.15);--text:#26364b;--muted:#6c7887;--accent:#ff7b31;--accent2:#7357ff;--good:#13a870;--warn:#d48c0d;--shadow:0 24px 80px rgba(106,83,45,.13);background:radial-gradient(circle at 11% 0%,rgba(255,203,96,.29),transparent 29%),radial-gradient(circle at 94% 8%,rgba(94,204,255,.22),transparent 27%),linear-gradient(180deg,#fffdfa,#f6fbff 50%,#fffaf3);color:var(--text)}
body.palette-midnight{color-scheme:dark;--bg:#050d18;--bg2:#071421;--panel:rgba(9,24,40,.76);--panel2:rgba(13,31,49,.92);--line:rgba(130,190,235,.17);--text:#f4f8fc;--muted:#8ea9c0;--accent:#2fb8ff;--accent2:#7a68ff;--good:#4ae3a2;--warn:#ffd05b;--shadow:0 24px 90px rgba(0,0,0,.38);background:radial-gradient(circle at 20% 0%,#102844 0,transparent 33%),radial-gradient(circle at 95% 25%,#0b3051 0,transparent 27%),linear-gradient(180deg,#050d18,#06101d);color:var(--text)}
.palette-ocean .topbar,.palette-daylight .topbar{background:rgba(255,255,255,.78);border-color:var(--line);box-shadow:0 10px 40px rgba(43,98,139,.08)}
.palette-ocean .brand small,.palette-daylight .brand small,.palette-ocean .nav-tab,.palette-daylight .nav-tab{color:#58738a}.palette-ocean .nav-tab:hover,.palette-ocean .nav-tab.active,.palette-daylight .nav-tab:hover,.palette-daylight .nav-tab.active{color:#122e47}.palette-ocean .icon-btn,.palette-daylight .icon-btn{background:rgba(255,255,255,.72);color:#1f4e72}.palette-ocean .lang-switch,.palette-daylight .lang-switch{background:#edf5fb}.palette-ocean .lang-switch button,.palette-daylight .lang-switch button{color:#496a85}
.palette-ocean .glass,.palette-daylight .glass{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,251,255,.84));border-color:rgba(35,113,172,.14);box-shadow:var(--shadow)}
.palette-ocean .pill,.palette-daylight .pill{background:rgba(255,255,255,.75);color:#345b76;border-color:rgba(34,113,173,.16)}
.palette-ocean .hero-search,.palette-daylight .hero-search{border-color:rgba(41,112,167,.15);box-shadow:0 16px 50px rgba(38,92,132,.14)}
.palette-ocean .kicker{color:#087ff0}.palette-daylight .kicker{color:#ee7432}
.palette-ocean .cinema,.palette-daylight .cinema{display:grid;grid-template-columns:minmax(430px,.88fr) minmax(520px,1.12fr);gap:40px;align-items:center;min-height:calc(100vh - 78px);padding:46px 0 162px;overflow:visible}.palette-ocean .cinema:before,.palette-daylight .cinema:before{width:430px;height:430px;aspect-ratio:auto;left:auto;right:-120px;top:20px;border:0;background:radial-gradient(circle,rgba(18,153,255,.18),rgba(62,93,255,.08) 42%,transparent 70%);box-shadow:none}.palette-ocean .cinema:after,.palette-daylight .cinema:after{left:-180px;top:5%;width:480px;height:480px;background:radial-gradient(circle,rgba(255,194,70,.22),rgba(255,112,72,.08) 38%,transparent 70%);filter:blur(12px)}html[dir=ltr] .palette-ocean .cinema:before,html[dir=ltr] .palette-daylight .cinema:before{right:auto;left:-120px}html[dir=ltr] .palette-ocean .cinema:after,html[dir=ltr] .palette-daylight .cinema:after{right:-180px;left:auto}
.palette-ocean .cinema-content,.palette-daylight .cinema-content{width:auto;margin:0;padding:10px;z-index:4}.palette-ocean .cinema h1,.palette-daylight .cinema h1{color:#0e2b46;text-shadow:none;font-size:clamp(52px,5.3vw,88px)}.palette-daylight .cinema h1{color:#26364b}.palette-ocean .cinema h1 em{background:linear-gradient(90deg,#0787ff,#635bff,#12b5a5);background-clip:text}.palette-daylight .cinema h1 em{background:linear-gradient(90deg,#ff7134,#ee3f78,#6858ff);background-clip:text}.palette-ocean .cinema .lead,.palette-daylight .cinema .lead{color:#4b687f}.palette-ocean .stat,.palette-daylight .stat{background:rgba(255,255,255,.66);border:1px solid rgba(31,111,171,.11);border-radius:18px;box-shadow:0 8px 26px rgba(44,101,145,.07)}
.cinema-world{position:relative;min-height:530px;padding:22px;overflow:hidden;z-index:3}.world-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:4}.world-card-head>span:first-child{display:flex;flex-direction:column}.world-card-head b{font-size:13px;letter-spacing:1.4px}.world-card-head small{color:var(--muted);margin-top:3px}.live-badge{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#15805e;background:#ebfff8;border:1px solid #bfeedd;border-radius:999px;padding:8px 11px}.live-badge i{width:7px;height:7px;border-radius:50%;background:#17c887;box-shadow:0 0 0 5px rgba(23,200,135,.12)}.cinema-world .world-svg{min-height:430px;height:430px;margin-top:18px;filter:drop-shadow(0 18px 30px rgba(30,92,136,.15))}.world-city-chips{position:absolute;left:22px;right:22px;bottom:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;z-index:5}.world-city-chips button{border:1px solid rgba(40,112,168,.14);background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(31,81,119,.11);backdrop-filter:blur(12px);border-radius:14px;padding:10px;display:flex;align-items:center;gap:9px;color:#173b57;cursor:pointer;text-align:start}.world-city-chips button:hover{transform:translateY(-2px);border-color:rgba(7,135,255,.35)}.world-city-chips .flag{font-size:24px}.world-city-chips b,.world-city-chips time{display:block}.world-city-chips time{direction:ltr;font-size:17px;font-weight:750}
.palette-ocean .featured-times,.palette-daylight .featured-times{bottom:28px;max-width:1240px}.palette-ocean .featured-clock,.palette-daylight .featured-clock{background:rgba(255,255,255,.86);border-color:rgba(30,111,171,.13);color:#14344e;box-shadow:0 12px 35px rgba(33,87,128,.10)}.palette-ocean .featured-clock:hover,.palette-daylight .featured-clock:hover{border-color:rgba(7,135,255,.4);box-shadow:0 16px 42px rgba(27,112,179,.15)}
.world-svg .country{transition:.18s;cursor:pointer;stroke:rgba(255,255,255,.88);stroke-width:.55}.world-svg .region-africa{fill:#f3b84b}.world-svg .region-americas{fill:#37b889}.world-svg .region-asia{fill:#fb7a84}.world-svg .region-europe{fill:#688cf5}.world-svg .region-oceania{fill:#896dde}.world-svg .region-polar{fill:#53bdd8}.world-svg .region-other{fill:#73a8bc}.world-svg .country:hover{filter:brightness(1.08);stroke:#164d75;stroke-width:1.1}.world-svg .country.selected{fill:#087ff0;stroke:#fff;stroke-width:1.8;filter:drop-shadow(0 0 7px rgba(8,127,240,.45))}.palette-midnight .world-svg .country{opacity:.82;stroke:#153a52}.palette-midnight .world-svg .country.selected{opacity:1;stroke:#bde9ff}.palette-ocean .world-svg .gridline,.palette-daylight .world-svg .gridline{stroke:rgba(55,112,150,.15)}.palette-ocean .map-marker text,.palette-daylight .map-marker text{fill:#17344d;stroke:#fff;stroke-width:3px}.palette-ocean .map-marker circle,.palette-daylight .map-marker circle{fill:#ff5d65;stroke:#fff;filter:drop-shadow(0 0 6px rgba(255,86,98,.4))}
.palette-ocean .dashboard-page,.palette-daylight .dashboard-page{padding-top:30px}.palette-ocean .city-stage,.palette-daylight .city-stage{background:linear-gradient(135deg,rgba(239,249,255,.98),rgba(255,255,255,.95) 55%,rgba(235,241,255,.96));border-color:rgba(34,113,172,.15)}.palette-daylight .city-stage{background:linear-gradient(135deg,#fff8ed,#fff 52%,#edf8ff)}.dashboard-map-bg{position:absolute;inset:-12% -14% -18% 35%;opacity:.11;pointer-events:none;z-index:0;transform:rotate(-4deg)}html[dir=ltr] .dashboard-map-bg{inset:-12% 35% -18% -14%}.dashboard-map-bg .world-svg{min-height:100%;height:100%}.palette-midnight .dashboard-map-bg{opacity:.08}.palette-ocean .city-title h1,.palette-daylight .city-title h1{color:#14334e}.palette-ocean .city-title p,.palette-daylight .city-title p{color:#617f95}.palette-ocean .favorite-btn,.palette-daylight .favorite-btn{background:#fff;color:#365f7e}.palette-ocean .digital-time,.palette-daylight .digital-time{color:#0c3150}.palette-ocean .date-line,.palette-daylight .date-line{color:#5f788d}.palette-ocean .analog-clock,.palette-daylight .analog-clock{background:radial-gradient(circle at 38% 28%,#fff,#f2f7fb 70%);border-color:#8db8d5;box-shadow:0 0 0 9px rgba(64,144,198,.08),0 25px 60px rgba(55,99,132,.18),inset 0 0 38px rgba(70,146,196,.08)}.palette-ocean .analog-clock .number,.palette-daylight .analog-clock .number{color:#183d5a}.palette-ocean .analog-clock .tick,.palette-daylight .analog-clock .tick{background:linear-gradient(#477a9d 0 7%,transparent 7%)}.palette-ocean .hand.hour,.palette-daylight .hand.hour{background:#183951}.palette-ocean .hand.minute,.palette-daylight .hand.minute{background:#537590}.palette-ocean .clock-logo,.palette-daylight .clock-logo{color:#91a5b4}.palette-ocean .zone-item,.palette-daylight .zone-item{background:rgba(246,251,255,.84);color:#173b58}.palette-ocean .zone-item:hover,.palette-daylight .zone-item:hover{background:#eef8ff;border-color:#64b8ee}.palette-ocean .mini-city,.palette-daylight .mini-city{color:#163c59}
.palette-ocean .search-box,.palette-daylight .search-box,.palette-ocean .map-search,.palette-daylight .map-search{background:rgba(255,255,255,.82)}.palette-ocean .search-box input,.palette-daylight .search-box input,.palette-ocean .map-search input,.palette-daylight .map-search input{color:#173d5a}.palette-ocean .selectish,.palette-daylight .selectish{background:#fff;color:#3c627e}.selectish.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)}
.palette-ocean .country-card,.palette-daylight .country-card{background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(245,250,255,.88));color:#153650}.palette-ocean .country-card:before,.palette-daylight .country-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--cardGlow),var(--accent))}.palette-ocean .country-card:after,.palette-daylight .country-card:after{opacity:.12}.palette-ocean .country-card .capital,.palette-daylight .country-card .capital{color:#648096}.palette-ocean .country-card .card-foot,.palette-daylight .country-card .card-foot{color:#6b8498}.palette-ocean .load-more,.palette-daylight .load-more{background:#fff;color:#315b78}
.palette-ocean .map-sidebar,.palette-daylight .map-sidebar{background:rgba(255,255,255,.9)}.palette-ocean .map-list-item,.palette-daylight .map-list-item{color:#355b77}.palette-ocean .map-list-item:hover,.palette-ocean .map-list-item.active,.palette-daylight .map-list-item:hover,.palette-daylight .map-list-item.active{background:#e8f5ff;color:#0d5f9d}.palette-ocean .world-map-card,.palette-daylight .world-map-card{background:radial-gradient(circle at 50% 30%,#fafdff,#dff3ff 65%,#cfecff);border-color:rgba(39,112,166,.13)}.palette-daylight .world-map-card{background:radial-gradient(circle at 50% 30%,#fff,#fff4dc 58%,#deeffc)}.palette-ocean .map-tooltip,.palette-daylight .map-tooltip{background:#fff;color:#173c58;border-color:#99cae8;box-shadow:0 15px 50px rgba(33,83,120,.18)}.palette-ocean .map-tooltip time,.palette-daylight .map-tooltip time{color:#087ddf}
.palette-ocean .floating-appearance,.palette-daylight .floating-appearance{background:rgba(255,255,255,.9);color:#234b68;box-shadow:0 12px 35px rgba(35,91,133,.16)}.palette-ocean .appearance-panel,.palette-daylight .appearance-panel{background:rgba(249,253,255,.97);color:#153954;box-shadow:-30px 0 90px rgba(45,90,122,.18)}.palette-ocean .theme-option,.palette-daylight .theme-option{background:#fff;color:#1f4561}.palette-ocean .panel-settings label,.palette-daylight .panel-settings label{color:#315875}.palette-ocean .panel-settings i,.palette-daylight .panel-settings i{background:#cddde8}
.palette-section{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.palette-title{margin-bottom:9px;color:var(--muted)}.palette-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.palette-option{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:14px;padding:9px 8px;cursor:pointer;text-align:center}.palette-option.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)}.palette-option b{display:block;margin-top:7px;font-size:11px}.palette-dots{display:flex;height:32px;border-radius:9px;overflow:hidden}.palette-dots i{flex:1}.ocean-dots i:nth-child(1){background:#eaf7ff}.ocean-dots i:nth-child(2){background:#0787ff}.ocean-dots i:nth-child(3){background:#6a5cff}.daylight-dots i:nth-child(1){background:#fff6dd}.daylight-dots i:nth-child(2){background:#ff7934}.daylight-dots i:nth-child(3){background:#65bfe9}.midnight-dots i:nth-child(1){background:#06111f}.midnight-dots i:nth-child(2){background:#168edb}.midnight-dots i:nth-child(3){background:#573c9e}
.palette-ocean .search-dialog,.palette-daylight .search-dialog{background:#fff;color:#153954;border-color:#a9d2ec;box-shadow:0 35px 100px rgba(30,75,108,.22)}.palette-ocean .search-input-wrap input,.palette-daylight .search-input-wrap input{color:#173d59}.palette-ocean .search-result,.palette-daylight .search-result{color:#173d59}.palette-ocean .search-result:hover,.palette-daylight .search-result:hover{background:#eef8ff}.palette-ocean .toast,.palette-daylight .toast{background:#fff;color:#173d59;border-color:#8ac8ee;box-shadow:0 10px 35px rgba(31,80,116,.16)}
@media(max-width:1180px){.palette-ocean .cinema,.palette-daylight .cinema{grid-template-columns:1fr;gap:20px;padding-bottom:30px}.palette-ocean .cinema-content,.palette-daylight .cinema-content{width:100%;max-width:850px}.cinema-world{min-height:470px}.featured-times{position:relative;grid-column:1/-1}.palette-ocean .featured-times,.palette-daylight .featured-times{bottom:auto}.dashboard-map-bg{opacity:.07}}
@media(max-width:820px){.cinema-world{min-height:390px;padding:15px}.cinema-world .world-svg{height:330px;min-height:330px}.world-city-chips{display:none}.world-card-head small{display:none}.palette-ocean .cinema h1,.palette-daylight .cinema h1{font-size:52px}.dashboard-map-bg{display:none}.palette-options{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:520px){.cinema-world{min-height:320px}.cinema-world .world-svg{height:270px;min-height:270px}.palette-options{grid-template-columns:1fr}.flag-art{width:1.35em;height:.96em}}
/* v1.2.0 production hardening: keep decorative cinematic glows inside viewport */
.palette-ocean .cinema,.palette-daylight .cinema{overflow:hidden}

/* v1.2.1 Rachamim Time branding */
.brand{gap:11px;max-width:260px;overflow:hidden;text-align:start}
.brand-mark{width:46px;height:46px;min-width:46px;border:0;border-radius:50%;box-shadow:none;overflow:visible;background:transparent}
.brand-mark img{display:block;width:46px;height:46px;object-fit:contain}
.brand-copy{display:block;min-width:0;line-height:1.05}
.brand b{font-size:20px;font-weight:750;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:1.35px;font-size:7.5px}
.clock-logo{white-space:nowrap;font-size:8px;letter-spacing:.75px}
@media(max-width:820px){
  .topbar{gap:12px}
  .brand{max-width:172px;gap:8px}
  .brand-mark,.brand-mark img{width:38px;height:38px;min-width:38px}
  .brand b{font-size:16px}
  .brand small{display:none}
  .top-actions{gap:7px}
}
@media(max-width:520px){
  .topbar{padding-inline:10px;gap:7px}
  .brand{max-width:148px;gap:7px}
  .brand-mark,.brand-mark img{width:34px;height:34px;min-width:34px}
  .brand b{font-size:14px}
  .top-actions{gap:5px}
  .icon-btn{width:36px;height:36px}
  .lang-switch button{padding:7px 8px}
}
@media(max-width:390px){
  .brand{max-width:124px}
  .brand b{font-size:13px}
  .brand-mark,.brand-mark img{width:32px;height:32px;min-width:32px}
  #searchToggle{display:none}
}
/* Brand sizing override must beat the original min-width:max-content rule. */
.brand{min-width:0}
.brand-copy{direction:ltr;unicode-bidi:isolate;text-align:left}