:root{--bg:#f3f7fb;--panel:#fff;--panel2:#edf3f8;--ink:#0b1726;--muted:#66798d;--line:rgba(10,30,50,.09);--blue:#1673ff;--cyan:#13c5db;--green:#1fba7a;--orange:#f0a43c;--red:#e55b6d;--shadow:0 20px 60px rgba(18,39,65,.11);--nav:rgba(255,255,255,.88)}
html[data-theme=dark]{--bg:#06111d;--panel:#0b1a29;--panel2:#10243a;--ink:#eef7ff;--muted:#91a7bc;--line:rgba(255,255,255,.09);--blue:#6594ff;--cyan:#2bd5e5;--green:#48d7a6;--orange:#ffc061;--red:#ff7a8c;--shadow:0 22px 70px rgba(0,0,0,.34);--nav:rgba(6,17,29,.9)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.container{width:min(1240px,calc(100% - 32px));margin:auto}
.nav{position:sticky;top:0;z-index:80;border-bottom:1px solid var(--line);background:var(--nav);backdrop-filter:blur(18px)}.navin{min-height:72px;display:flex;align-items:center;gap:13px}.brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.04em;font-size:1.18rem;white-space:nowrap}.logo{width:41px;height:41px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 10px 24px rgba(22,115,255,.25)}.links{display:flex;gap:3px;margin-left:auto}.links a{padding:9px 10px;border-radius:10px;color:var(--muted);font-size:.9rem;font-weight:750}.links a:hover{background:var(--panel2);color:var(--ink)}.ico{width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--ink);cursor:pointer;display:grid;place-items:center}.menu{display:none}
.hero{position:relative;overflow:hidden;padding:52px 0 48px;background:radial-gradient(circle at 11% 16%,rgba(22,115,255,.17),transparent 29%),radial-gradient(circle at 88% 6%,rgba(19,197,219,.18),transparent 28%)}.hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:40px}.eyebrow{display:inline-flex;gap:7px;align-items:center;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--blue);font-weight:900;font-size:.76rem}.hero h1{font-size:clamp(2.7rem,6vw,5.25rem);line-height:.96;letter-spacing:-.067em;margin:15px 0 14px}.grad{background:linear-gradient(110deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);max-width:650px;margin:0}.hero-search{display:flex;gap:8px;background:var(--panel);border:1px solid var(--line);padding:9px;border-radius:18px;box-shadow:var(--shadow);margin-top:22px}.hero-search input{flex:1;min-width:0;background:transparent;border:0;color:var(--ink);outline:0;padding:10px 12px}.btn{border:0;border-radius:13px;padding:12px 16px;font-weight:880;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 10px 25px rgba(22,115,255,.2)}.soft{background:var(--panel2);color:var(--ink);border:1px solid var(--line)}.stats{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.stat{font-size:.83rem;color:var(--muted);border:1px solid var(--line);border-radius:11px;padding:7px 10px;background:rgba(255,255,255,.28)}.stat strong{color:var(--ink)}
.hero-visual{min-height:510px;position:relative}.visual-orbit{position:absolute;inset:6% 5%;border:1px dashed rgba(22,115,255,.22);border-radius:50%;animation:spin 35s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-clock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:34px;padding:21px;box-shadow:var(--shadow);z-index:3}.hero-clock-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.hero-place{display:flex;align-items:center;gap:9px}.hero-flag{font-size:2rem}.hero-place strong{display:block}.small{font-size:.79rem;color:var(--muted)}.hero-analog-wrap{display:grid;place-items:center;padding:12px 0 6px}.clock{width:220px;height:220px;border-radius:50%;position:relative;background:#25282d;border:7px solid #1c2026;box-shadow:0 18px 35px rgba(0,0,0,.24),inset 0 0 0 2px rgba(255,255,255,.05)}.clock .num{position:absolute;color:#f5f7fa;font-size:1rem;transform:translate(-50%,-50%)}.clock .tick{position:absolute;left:50%;top:5px;width:1px;height:7px;background:rgba(255,255,255,.45);transform-origin:50% 105px}.clock:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;background:#e0a037;border:2px solid #f7d58b;transform:translate(-50%,-50%);z-index:5}.hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:99px}.hhand{height:57px;width:5px;background:#e7edf3;margin-left:-2.5px}.mhand{height:78px;width:4px;background:#e7edf3;margin-left:-2px}.shand{height:88px;width:2px;background:#e0a037;margin-left:-1px}.hero-digital{text-align:center;margin-top:6px;font-size:2.2rem;font-weight:950;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.hero-date{text-align:center;color:var(--muted);font-size:.9rem}.scene{position:absolute;width:180px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow);padding:14px;transition:.35s}.scene:nth-of-type(3){left:0;top:70px;transform:rotate(-5deg)}.scene:nth-of-type(4){right:0;top:60px;transform:rotate(5deg)}.scene:nth-of-type(5){left:3%;bottom:58px;transform:rotate(3deg)}.scene:nth-of-type(6){right:1%;bottom:48px;transform:rotate(-4deg)}.scene-icon{font-size:2rem}.scene strong{display:block;margin-top:6px}.scene-time{font-weight:950;font-size:1.18rem;font-variant-numeric:tabular-nums}
.section{padding:70px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.04;letter-spacing:-.052em;margin:0 0 7px}.section-head p{max-width:760px;margin:0;color:var(--muted)}.card{background:var(--panel);border:1px solid var(--line);border-radius:23px;box-shadow:0 8px 30px rgba(0,0,0,.035)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.pill{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:9px 13px;font-weight:850;cursor:pointer}.pill.active{background:var(--ink);color:var(--bg)}
.directory{display:grid;grid-template-columns:1fr 1fr;gap:17px}.listbox{padding:19px}.searchrow{display:flex;gap:8px;margin-bottom:13px}.input{width:100%;padding:12px 14px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:13px;outline:0}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,115,255,.11)}.country-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:690px;overflow:auto;padding-right:4px}.country{display:flex;justify-content:space-between;align-items:center;gap:9px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--ink);padding:12px;text-align:left;cursor:pointer}.country:hover,.country.selected{border-color:var(--blue);box-shadow:0 0 0 2px rgba(22,115,255,.08)}.country strong{display:block}.country-time{font-weight:950;font-variant-numeric:tabular-nums;white-space:nowrap}.detail{padding:22px;min-height:690px}.detail-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(31,186,122,.12);color:var(--green);font-size:.76rem;font-weight:900}.detail h3{font-size:1.85rem;margin:8px 0 0;letter-spacing:-.04em}.detail-actions{display:flex;gap:7px}.roundbtn{width:42px;height:42px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:13px;cursor:pointer;font-size:1.05rem}.detail-tabs{display:flex;gap:5px;overflow:auto;margin:17px 0;padding:4px;background:var(--panel2);border-radius:13px}.detail-tab{white-space:nowrap;border:0;background:transparent;color:var(--muted);padding:8px 10px;border-radius:10px;font-weight:850;cursor:pointer}.detail-tab.active{background:var(--panel);color:var(--ink);box-shadow:0 3px 10px rgba(0,0,0,.05)}.pane{display:none}.pane.active{display:block}.clock-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:center;min-height:390px}.country-clock-wrap{display:grid;place-items:center}.country-clock{width:235px;height:235px}.digital-large{font-size:clamp(3rem,6vw,5.2rem);font-weight:950;letter-spacing:-.075em;font-variant-numeric:tabular-nums}.detail-date{color:var(--muted);font-weight:680}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:15px}.info{border:1px solid var(--line);background:var(--panel2);border-radius:13px;padding:11px}.info span{display:block;font-size:.75rem;color:var(--muted)}.info strong{font-size:.91rem}.data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.data-card{background:var(--panel2);border:1px solid var(--line);border-radius:15px;padding:14px}.data-card span{font-size:.76rem;color:var(--muted);display:block}.data-card strong{font-size:1.05rem}.weather-main{display:grid;grid-template-columns:1fr 1fr;gap:12px}.weather-temp{font-size:3rem;font-weight:950;letter-spacing:-.06em}.loading{color:var(--muted);padding:16px}.holiday-list,.transition-list{display:grid;gap:8px}.holiday,.transition{display:flex;justify-content:space-between;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:11px}.holiday small,.transition small{color:var(--muted)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature{padding:19px}.ficon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(22,115,255,.12),rgba(19,197,219,.13));font-size:1.18rem}.feature h3{margin:13px 0 5px}.feature p{margin:0;color:var(--muted);font-size:.88rem}.tool{padding:22px}.form2{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.form3{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.label{font-size:.78rem;color:var(--muted);display:block;margin-bottom:4px}.result{margin-top:13px;border:1px solid var(--line);background:var(--panel2);border-radius:13px;padding:14px;font-weight:680}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.favorite-list,.reminder-list,.event-list{display:grid;gap:8px}.favorite,.reminder,.event{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);background:var(--panel2);border-radius:12px;padding:11px}.mini-remove{border:0;background:transparent;color:var(--red);font-weight:900;cursor:pointer}.timebig{font-weight:950;font-variant-numeric:tabular-nums}.world-map{position:relative;height:330px;border-radius:25px;overflow:hidden;background:linear-gradient(150deg,#061625,#0b3150);border:1px solid rgba(255,255,255,.08)}.mapgrid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:10% 16.66%}.continent{position:absolute;background:linear-gradient(135deg,#1b75d4,#14b7c8);opacity:.75;filter:drop-shadow(0 12px 20px rgba(0,0,0,.22))}.eurasia{left:41%;top:20%;width:47%;height:39%;border-radius:47% 53% 46% 54% / 42% 38% 62% 58%;transform:rotate(4deg)}.africa{left:43%;top:50%;width:20%;height:34%;border-radius:47% 53% 61% 39%;transform:rotate(10deg)}.americas{left:9%;top:18%;width:24%;height:58%;border-radius:60% 40% 55% 45%;transform:rotate(-12deg)}.australia{right:9%;bottom:15%;width:14%;height:13%;border-radius:55%}.pin{position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--cyan);box-shadow:0 0 0 5px rgba(43,213,229,.17);transform:translate(-50%,-50%);cursor:pointer}.pin-label{position:absolute;transform:translate(-50%,-36px);background:#fff;color:#092036;padding:5px 7px;border-radius:8px;font-size:.7rem;font-weight:900;white-space:nowrap}.map-note{position:absolute;left:18px;bottom:16px;color:#b8cddd;font-size:.8rem;background:rgba(3,16,28,.64);padding:7px 10px;border-radius:10px}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.quiz-option{border:1px solid var(--line);background:var(--panel2);color:var(--ink);padding:11px;border-radius:12px;font-weight:800;cursor:pointer}.faq{display:grid;gap:8px}.faqitem{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden}.faqq{width:100%;border:0;background:transparent;color:var(--ink);padding:15px 17px;text-align:left;display:flex;justify-content:space-between;font-weight:880;cursor:pointer}.faqa{display:none;color:var(--muted);padding:0 17px 16px}.faqitem.open .faqa{display:block}.legal{display:grid;grid-template-columns:210px 1fr;gap:20px}.legalnav{position:sticky;top:90px;height:max-content}.legalnav a{display:block;color:var(--muted);padding:9px 10px;border-radius:9px;font-weight:720}.legalnav a:hover{background:var(--panel2);color:var(--ink)}.article{padding:22px;margin-bottom:11px}.article h3{margin-top:0}.article p{color:var(--muted)}
footer{margin-top:45px;background:#04101b;color:#d9e7f2;padding:46px 0 25px}.footergrid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:25px}.footergrid p,.footergrid a{color:#8fa7bb}.footergrid a{display:block;margin:7px 0}.footergrid h4{margin-top:0;color:#fff}.copy{border-top:1px solid rgba(255,255,255,.09);padding-top:19px;margin-top:28px;color:#7f98ad;display:flex;justify-content:space-between;gap:15px;font-size:.88rem}.toast{position:fixed;right:17px;bottom:17px;z-index:100;background:var(--ink);color:var(--bg);padding:12px 14px;border-radius:12px;box-shadow:var(--shadow);font-weight:800;display:none}
@media(max-width:1050px){.links{display:none;position:absolute;top:72px;left:16px;right:16px;background:var(--panel);padding:8px;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);flex-direction:column}.links.open{display:flex}.menu{display:grid}.hero-grid,.directory,.clock-panel,.tool-grid,.profile-grid{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}.hero-visual{margin-top:15px}.footergrid{grid-template-columns:1fr 1fr}.legal{grid-template-columns:1fr}.legalnav{position:static;display:flex;overflow:auto}}
@media(max-width:700px){.container{width:min(100% - 22px,1240px)}.hero{padding-top:40px}.hero-search{flex-direction:column}.hero-visual{min-height:720px}.hero-clock{top:48%;width:276px}.scene{width:150px}.scene:nth-of-type(3){left:0;top:20px}.scene:nth-of-type(4){right:0;top:82px}.scene:nth-of-type(5){left:0;bottom:40px}.scene:nth-of-type(6){right:0;bottom:0}.country-list,.grid4,.form2,.form3,.data-grid,.weather-main,.profile-grid,.footergrid{grid-template-columns:1fr}.section{padding:52px 0}.section-head{align-items:start;flex-direction:column}.detail-top{flex-direction:column}.info-grid{grid-template-columns:1fr}.copy{flex-direction:column}.world-map{height:270px}}

/* ===== V5 PRO DESIGN UPGRADES ===== */
:root{--accentA:var(--blue);--accentB:var(--cyan);--glass:rgba(255,255,255,.68)}
html[data-theme=dark]{--glass:rgba(11,26,41,.72)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:
radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--accentA) 10%,transparent),transparent 26%),
radial-gradient(circle at 92% 32%,color-mix(in srgb,var(--accentB) 9%,transparent),transparent 25%)}
.logo,.primary{background:linear-gradient(135deg,var(--accentA),var(--accentB))}
.grad{background:linear-gradient(110deg,var(--accentA),var(--accentB));-webkit-background-clip:text;background-clip:text;color:transparent}
.card,.hero-clock,.scene{backdrop-filter:blur(16px)}
.card:hover{border-color:color-mix(in srgb,var(--accentA) 22%,var(--line))}
.live-ticker{overflow:hidden;border-bottom:1px solid var(--line);background:var(--panel);position:relative;z-index:45}
.ticker-track{display:flex;width:max-content;gap:10px;padding:8px 12px;animation:tickerMove 42s linear infinite}
.live-ticker:hover .ticker-track{animation-play-state:paused}
.ticker-item{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:7px 11px;white-space:nowrap;font-size:.78rem}
.ticker-item strong{font-variant-numeric:tabular-nums}
@keyframes tickerMove{to{transform:translateX(-50%)}}
.hero-visual:before{content:"";position:absolute;left:50%;top:50%;width:390px;height:390px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accentA) 18%,transparent),transparent 68%);filter:blur(6px)}
.scene{overflow:hidden}
.scene:after{content:"";position:absolute;inset:auto -45px -55px auto;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb,var(--accentA) 9%,transparent)}
.smart-status{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--green) 9%,var(--panel2)),var(--panel2))}
.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:7px;box-shadow:0 0 0 5px rgba(31,186,122,.11)}
.status-good{background:var(--green)}.status-warn{background:var(--orange)}.status-night{background:#7181a6}
.quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.quick-action{border:1px solid var(--line);background:var(--panel2);color:var(--ink);padding:8px 10px;border-radius:10px;font-size:.8rem;font-weight:820;cursor:pointer}
.premium-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
.compare-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.compare-card{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel));border-radius:17px;padding:15px}
.compare-card:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-30px;top:-30px;background:color-mix(in srgb,var(--accentA) 10%,transparent)}
.compare-card .ct{font-size:1.45rem;font-weight:950;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.compare-card .working{display:inline-flex;margin-top:7px;padding:4px 7px;border-radius:999px;font-size:.7rem;font-weight:900;background:rgba(31,186,122,.11);color:var(--green)}
.compare-card .sleeping{background:rgba(113,129,166,.12);color:var(--muted)}
.date-tools{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.stopwatch-display{font-size:clamp(2.6rem,7vw,4.8rem);font-weight:950;letter-spacing:-.065em;font-variant-numeric:tabular-nums;margin:14px 0}
.stopwatch-actions{display:flex;gap:8px;flex-wrap:wrap}
.recent-list{display:flex;gap:8px;overflow:auto;padding-bottom:3px}
.recent-chip{border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:999px;padding:8px 11px;white-space:nowrap;cursor:pointer;font-size:.8rem;font-weight:800}
.accent-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}
.accent-dot{width:31px;height:31px;border-radius:10px;border:3px solid var(--panel);box-shadow:0 0 0 1px var(--line);cursor:pointer}
.command-hint{font-size:.72rem;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:3px 6px;background:var(--panel2)}
.fullscreen-clock{position:fixed;inset:0;z-index:999;background:
radial-gradient(circle at 50% 38%,rgba(22,115,255,.18),transparent 32%),#030b13;color:#fff;display:none;align-items:center;justify-content:center;padding:25px}
.fullscreen-clock.open{display:flex}
.fullscreen-inner{text-align:center;width:min(760px,100%)}
.fullscreen-name{font-size:clamp(1.3rem,4vw,2.2rem);font-weight:900}
.fullscreen-time{font-size:clamp(4.5rem,17vw,10rem);font-weight:950;letter-spacing:-.08em;line-height:1;font-variant-numeric:tabular-nums}
.fullscreen-date{color:#a9bed1;font-size:clamp(1rem,3vw,1.5rem);margin-top:8px}
.fs-close{position:absolute;right:22px;top:22px;width:46px;height:46px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;border-radius:14px;font-size:1.3rem;cursor:pointer}
.fs-analog{display:grid;place-items:center;margin:22px auto}
.fs-clock{transform:scale(1.22);margin:18px}
.command-palette{position:fixed;inset:0;z-index:1000;background:rgba(2,10,18,.54);backdrop-filter:blur(8px);display:none;align-items:flex-start;justify-content:center;padding-top:12vh}
.command-palette.open{display:flex}
.command-box{width:min(640px,calc(100% - 28px));background:var(--panel);border:1px solid var(--line);border-radius:21px;box-shadow:0 30px 90px rgba(0,0,0,.28);padding:12px}
.command-box input{width:100%;border:0;background:var(--panel2);color:var(--ink);padding:14px;border-radius:13px;outline:0}
.command-results{display:grid;gap:6px;max-height:370px;overflow:auto;margin-top:9px}
.command-result{border:0;background:transparent;color:var(--ink);text-align:left;padding:11px;border-radius:11px;cursor:pointer}
.command-result:hover{background:var(--panel2)}
.pro-banner{padding:18px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--accentA) 88%,#061321),color-mix(in srgb,var(--accentB) 80%,#061321));color:white;box-shadow:0 18px 50px rgba(22,115,255,.18);display:flex;justify-content:space-between;align-items:center;gap:18px}
.pro-banner p{margin:3px 0 0;color:rgba(255,255,255,.78)}
.pro-banner .command-hint{color:#fff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.11)}
@media(max-width:1050px){.premium-grid,.date-tools{grid-template-columns:1fr}.compare-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.compare-grid{grid-template-columns:1fr}.pro-banner{align-items:flex-start;flex-direction:column}.ticker-track{animation-duration:30s}.fullscreen-time{font-size:18vw}}


/* ===== V6 ULTRA DESIGN ===== */
:root{--radius-xl:30px;--radius-lg:22px;--radius-md:15px}
body{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 96%,var(--accentA) 4%),var(--bg) 34%,var(--bg))}
.hero{padding-top:66px}.hero h1{max-width:780px}.hero-search{border-radius:22px;padding:10px}.hero-clock{border-radius:38px}
.nav{box-shadow:0 8px 30px rgba(0,0,0,.025)}
.mini-clockbar{position:fixed;left:50%;top:84px;transform:translateX(-50%) translateY(-16px);z-index:70;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(20px);border-radius:999px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s}
.mini-clockbar.show{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mini-clockbar strong{font-variant-numeric:tabular-nums}
.mobile-bottom-nav{display:none}
.glow-card{position:relative;overflow:hidden}.glow-card:after{content:"";position:absolute;width:140px;height:140px;right:-55px;bottom:-55px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accentB) 20%,transparent),transparent 70%);pointer-events:none}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{padding:18px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),var(--panel2))}.metric .value{font-size:1.8rem;font-weight:950;letter-spacing:-.055em}.metric .label{font-size:.77rem;color:var(--muted)}
.timeline-wrap{overflow:auto;padding-bottom:6px}.timeline{display:grid;grid-template-columns:repeat(24,minmax(54px,1fr));min-width:1250px;border:1px solid var(--line);border-radius:18px;overflow:hidden}.timeline-hour{padding:11px 6px;text-align:center;border-right:1px solid var(--line);background:var(--panel2);font-size:.74rem;position:relative}.timeline-hour:last-child{border-right:0}.timeline-hour.work{background:color-mix(in srgb,var(--green) 12%,var(--panel2))}.timeline-hour.evening{background:color-mix(in srgb,var(--orange) 10%,var(--panel2))}.timeline-hour.night{background:color-mix(in srgb,#7181a6 12%,var(--panel2))}.timeline-hour .dot{width:6px;height:6px;border-radius:50%;background:var(--accentA);margin:5px auto 0}
.heatmap{display:grid;gap:8px}.heat-row{display:grid;grid-template-columns:150px repeat(24,1fr);gap:3px;align-items:center;min-width:1080px}.heat-label{font-size:.78rem;font-weight:850;white-space:nowrap}.heat-cell{height:26px;border-radius:6px;background:var(--panel2);border:1px solid var(--line)}.heat-cell.good{background:color-mix(in srgb,var(--green) 48%,var(--panel2))}.heat-cell.maybe{background:color-mix(in srgb,var(--orange) 34%,var(--panel2))}.heat-cell.bad{background:color-mix(in srgb,#7181a6 20%,var(--panel2))}.heat-head{display:grid;grid-template-columns:150px repeat(24,1fr);gap:3px;min-width:1080px;margin-bottom:5px}.heat-head span{font-size:.62rem;text-align:center;color:var(--muted)}
.board-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.board-clock{padding:17px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 92%,var(--accentA) 8%),var(--panel))}.board-clock .btime{font-size:1.65rem;font-weight:950;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.board-clock .bdate{font-size:.76rem;color:var(--muted)}.board-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}.drag-handle{cursor:grab;color:var(--muted)}
.widget-preview{border:1px solid var(--line);border-radius:18px;padding:18px;background:linear-gradient(145deg,#071421,#0e2d47);color:#fff}.widget-code{width:100%;min-height:140px;background:#06111d;color:#c9e4f5;border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}
.pomodoro-ring{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;margin:12px auto;background:conic-gradient(var(--accentA) var(--pomo,0%),var(--panel2) 0);position:relative}.pomodoro-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:var(--panel)}.pomodoro-inner{position:relative;z-index:2;text-align:center}.pomodoro-time{font-size:2.5rem;font-weight:950;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.switcher{display:flex;gap:7px;padding:5px;background:var(--panel2);border-radius:13px;width:max-content;max-width:100%;overflow:auto}.switcher button{border:0;background:transparent;color:var(--muted);padding:8px 11px;border-radius:9px;font-weight:850;cursor:pointer;white-space:nowrap}.switcher button.active{background:var(--panel);color:var(--ink);box-shadow:0 3px 10px rgba(0,0,0,.05)}
.share-card-preview{min-height:250px;border-radius:22px;padding:24px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 84% 14%,rgba(255,255,255,.20),transparent 20%),linear-gradient(135deg,var(--accentA),var(--accentB))}.share-card-preview .sctime{font-size:3rem;font-weight:950;letter-spacing:-.07em}.share-card-preview .sccountry{font-size:1.35rem;font-weight:900}.share-card-preview .scfooter{display:flex;justify-content:space-between;gap:10px;opacity:.86;font-size:.8rem}
.clock-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.clock-style{border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--panel);cursor:pointer;color:var(--ink);text-align:left}.clock-style.active{border-color:var(--accentA);box-shadow:0 0 0 3px color-mix(in srgb,var(--accentA) 12%,transparent)}.clock-style-preview{height:120px;border-radius:15px;display:grid;place-items:center;font-size:2rem;font-weight:950}.clock-style-preview.minimal{background:var(--panel2)}.clock-style-preview.neon{background:#05101b;color:#55f2ff;text-shadow:0 0 18px rgba(85,242,255,.55)}.clock-style-preview.classic{background:#ede7da;color:#1f2937;font-family:Georgia,serif}
.moon-card{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}.moon-disc{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 33% 28%,rgba(255,255,255,.72),transparent 13%),radial-gradient(circle at 55% 55%,rgba(255,255,255,.12),transparent 20%),#d8dee8;box-shadow:inset -30px 0 45px rgba(7,20,33,.46),0 18px 40px rgba(0,0,0,.16);margin:auto;position:relative;overflow:hidden}.moon-shadow{position:absolute;inset:0;border-radius:50%;background:#071421;transform:translateX(var(--moonShift,40%));opacity:.9}
.sleep-result{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.sleep-time{padding:12px;border:1px solid var(--line);background:var(--panel2);border-radius:12px;text-align:center}.sleep-time strong{display:block;font-size:1.15rem}
.timestamp-box{display:grid;grid-template-columns:1fr auto;gap:8px}.timestamp-live{font-size:1.6rem;font-weight:950;font-variant-numeric:tabular-nums}
.kpi-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.kpi{padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel2)}.kpi strong{display:block;font-size:1.15rem}.kpi span{font-size:.74rem;color:var(--muted)}
@media(max-width:1050px){.metric-grid,.board-grid,.clock-gallery{grid-template-columns:repeat(2,1fr)}.kpi-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.mobile-bottom-nav{position:fixed;z-index:75;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(5,1fr);background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:18px;padding:6px;box-shadow:0 18px 55px rgba(0,0,0,.20)}.mobile-bottom-nav a{display:grid;place-items:center;gap:2px;padding:7px 3px;border-radius:12px;color:var(--muted);font-size:.62rem;font-weight:800}.mobile-bottom-nav a span{font-size:1.05rem}.mobile-bottom-nav a:active{background:var(--panel2);color:var(--ink)}body{padding-bottom:78px}.mini-clockbar{top:auto;bottom:82px}.metric-grid,.board-grid,.clock-gallery,.sleep-result,.kpi-strip{grid-template-columns:1fr 1fr}.moon-card{grid-template-columns:1fr}}


/* ===== EFAMTIME BRANDING V7 ===== */
.logo{font-weight:950;font-size:.92rem;letter-spacing:-.09em;position:relative;overflow:hidden}
.logo:before{content:"";position:absolute;inset:4px;border:1.5px solid rgba(255,255,255,.24);border-radius:12px}
.logo:after{content:"";position:absolute;right:7px;top:8px;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 0 0 4px rgba(255,255,255,.12)}
.brand{font-weight:950}
.efam-hero-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px}
.efam-hero-logo{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-weight:950;letter-spacing:-.08em;color:#fff;background:linear-gradient(135deg,var(--accentA),var(--accentB));box-shadow:0 16px 40px rgba(22,115,255,.25);position:relative}
.efam-hero-logo:before{content:"";position:absolute;inset:6px;border-radius:14px;border:1px solid rgba(255,255,255,.25)}
.efam-hero-text strong{display:block;font-size:1.05rem;letter-spacing:-.04em}
.efam-hero-text span{font-size:.82rem;color:var(--muted)}
.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.shortcut-card{padding:18px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),var(--panel2));cursor:pointer;transition:.2s;text-align:left;color:var(--ink)}
.shortcut-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accentA) 22%,var(--line))}
.shortcut-card strong{display:block;font-size:1rem}
.shortcut-card .small{display:block;margin-top:3px}
.meeting-copy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.glass-banner{padding:22px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--accentA) 9%,var(--panel)),color-mix(in srgb,var(--accentB) 10%,var(--panel2)));box-shadow:var(--shadow)}
.glass-banner strong{font-size:1.12rem}
@media(max-width:1050px){.shortcut-grid,.meeting-copy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.shortcut-grid,.meeting-copy-grid{grid-template-columns:1fr}}


/* ===== WordPress theme integration ===== */
.admin-bar .nav{top:32px}
.efam-custom-logo{width:41px;height:41px;object-fit:contain;border-radius:12px;display:block}
.efam-brand-name{display:inline-block}
.wp-site-blocks{padding:0}
.efam-page-shell{padding:72px 0}
.efam-page-shell .entry-card{background:var(--panel);border:1px solid var(--line);border-radius:23px;padding:28px;box-shadow:var(--shadow)}
.efam-page-shell .entry-title{font-size:clamp(2.2rem,5vw,4rem);line-height:1;letter-spacing:-.055em;margin:0 0 20px}
.efam-page-shell .entry-content{color:var(--muted)}
.efam-page-shell .entry-content h2,.efam-page-shell .entry-content h3{color:var(--ink)}
.efam-page-shell .entry-content a{color:var(--accentA);text-decoration:underline}
.efam-blog-list{display:grid;gap:16px}
.efam-post-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}
.efam-post-card h2{margin:0 0 8px}
.efam-post-meta{color:var(--muted);font-size:.82rem;margin-bottom:10px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:782px){.admin-bar .nav{top:46px}}

.efam-custom-logo{background:transparent!important}.brand .efam-custom-logo{flex:0 0 auto}