:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#090d15;color:#f7fbff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: rgba(15, 24, 39, .74);--panel-strong: rgba(22, 34, 54, .9);--line: rgba(255, 255, 255, .13);--muted: #a9b9c8;--text: #f7fbff;--blue: #59c2ff;--mint: #5df4bd;--gold: #ffd36a;--rose: #ff7a9a;--shadow: 0 24px 70px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{min-width:320px;background:#090d15}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell{position:relative;min-height:100vh;padding:42px clamp(16px,4vw,64px) 28px;isolation:isolate;overflow:hidden}.app-shell:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;content:"";background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 22% 8%,rgba(89,194,255,.2),transparent 29%),radial-gradient(circle at 84% 18%,rgba(93,244,189,.14),transparent 31%),radial-gradient(circle at 50% 95%,rgba(255,122,154,.12),transparent 34%),#090d15;background-size:72px 72px,72px 72px,auto,auto,auto,auto}.app-shell:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;content:"";pointer-events:none;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.08) 42% 42.2%,transparent 42.2%),linear-gradient(25deg,transparent 0 58%,rgba(255,255,255,.06) 58% 58.15%,transparent 58.15%);opacity:.45}.ambient{position:absolute;z-index:-1;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:999px;opacity:.22}.ambient--one{top:-240px;right:-190px}.ambient--two{bottom:-300px;left:-210px}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:end;max-width:1280px;margin:0 auto 26px}.eyebrow{margin:0 0 5px;color:var(--mint);font-size:.82rem;font-weight:800;letter-spacing:0}.hero h1{max-width:760px;margin:0;font-size:clamp(2.35rem,6vw,5.7rem);line-height:.94;letter-spacing:0}.hero__date{margin:18px 0 0;color:var(--muted);font-size:clamp(1rem,2vw,1.25rem)}.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(102px,1fr));gap:10px;min-width:min(520px,42vw)}.summary-strip div{min-height:104px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#ffffff13;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.summary-strip span,.summary-strip strong,.summary-strip small{display:block}.summary-strip span{font-size:1.35rem}.summary-strip strong{margin-top:8px;font-size:1.28rem}.summary-strip small{margin-top:2px;color:var(--muted)}.search-panel{position:relative;z-index:5;max-width:760px;margin:0 auto 28px}.search-shell{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 18px;border:1px solid var(--line);border-radius:8px;background:#0c131fd1;box-shadow:0 18px 50px #00000042;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.search-icon{flex:0 0 auto}.search-shell input{width:100%;min-width:0;color:var(--text);border:0;outline:0;background:transparent;font-size:1.02rem}.search-shell input::placeholder{color:#8192a7}.search-results{position:absolute;top:calc(100% + 10px);right:0;left:0;display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#0a101bf5;box-shadow:0 24px 80px #00000073;animation:resultsIn .18s ease both;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.search-results button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:58px;padding:10px 12px;color:var(--text);border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;transition:background .18s ease,border-color .18s ease,transform .18s ease}.search-results button:hover{border-color:#5df4bd47;background:#ffffff12;transform:translateY(-1px)}.search-results strong,.search-results small{display:block}.search-results small,.search-results em,.search-results p{color:var(--muted)}.search-results em{font-style:normal}.search-results p{margin:12px}.clock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1280px;margin:0 auto}.grid-item{min-width:0;animation:cardIn .42s ease both}.clock-card{position:relative;display:flex;min-height:410px;height:100%;flex-direction:column;gap:20px;padding:22px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(140deg,#ffffff1f,#ffffff0b),var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.clock-card:before{position:absolute;inset:0 0 auto;height:4px;content:"";background:linear-gradient(90deg,var(--blue),var(--mint),var(--gold));opacity:.8}.clock-card:after{position:absolute;right:-52px;bottom:-52px;width:160px;height:160px;border:1px solid rgba(255,255,255,.13);border-radius:999px;content:"";opacity:.55}.clock-card:hover{transform:translateY(-5px);border-color:#5df4bd52;box-shadow:0 30px 90px #00000073}.clock-card--night{background:linear-gradient(140deg,#59c2ff1f,#ffffff0b),#0c1222c7}.clock-card--day{background:linear-gradient(140deg,#ffd36a24,#5df4bd0d),#121b28c7}.clock-card--local{border-color:#5df4bd80}.card-actions{display:flex;min-height:28px;align-items:center;justify-content:flex-end;gap:8px}.local-badge{margin-right:auto;padding:6px 8px;color:#08110f;border-radius:999px;background:var(--mint);font-size:.66rem;font-weight:900;letter-spacing:0}.icon-button{display:inline-grid;width:32px;height:32px;place-items:center;color:var(--text);border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#ffffff12;line-height:1;transition:transform .16s ease,color .16s ease,border-color .16s ease,background .16s ease}.icon-button:hover{transform:scale(1.07);border-color:#ffffff59;background:#ffffff21}.favorite-button{font-size:1.35rem}.favorite-button--active{color:var(--gold);border-color:#ffd36a7a;animation:starPop .22s ease both}.remove-button{color:#f7fbff9e;font-size:1.25rem;opacity:.55}.remove-button:hover{color:#fff;opacity:1}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:16px}.place-block{display:flex;min-width:0;align-items:center;gap:13px}.flag{flex:0 0 auto;font-size:2.6rem;line-height:1}.place-block h2{margin:0;overflow-wrap:anywhere;font-size:1.18rem;line-height:1.05;text-transform:uppercase}.place-block p{margin:6px 0 0;color:var(--muted)}.time-readout{padding:12px 0 4px}.time-readout time{display:block;font-variant-numeric:tabular-nums;font-size:clamp(2.1rem,4vw,3.55rem);font-weight:850;letter-spacing:0;line-height:1;overflow-wrap:anywhere}.date-row,.status-row,.difference-row{position:relative;z-index:1}.date-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.date-row span{min-width:0;padding:10px;overflow-wrap:anywhere;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff0e;color:#d7e2ed;font-size:.9rem;text-align:center}.status-row{display:flex;flex-wrap:wrap;gap:9px}.day-pill,.contact-pill{display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:.88rem;transition:background .22s ease,border-color .22s ease,color .22s ease}.day-pill--day{color:#ffe7a8;border:1px solid rgba(255,211,106,.26);background:#ffd36a1a}.day-pill--night{color:#cfeaff;border:1px solid rgba(89,194,255,.28);background:#59c2ff1a}.contact-pill--good{color:#bafee8;border:1px solid rgba(93,244,189,.22);background:#5df4bd17}.contact-pill--maybe{color:#ffe3a1;border:1px solid rgba(255,211,106,.25);background:#ffd36a17}.contact-pill--sleeping{color:#ffc0cf;border:1px solid rgba(255,122,154,.24);background:#ff7a9a17}.difference-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#04080e47}.difference-row span,.difference-row small{color:var(--muted)}.difference-row strong{font-variant-numeric:tabular-nums}.difference-row small{grid-column:1 / -1}.analog-clock{position:relative;flex:0 0 auto;width:86px;height:86px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.14),transparent 8%),#ffffff13;box-shadow:inset 0 0 28px #ffffff0f,0 12px 28px #00000040}.analog-clock--day{border-color:#ffd36a4d}.analog-clock--night{border-color:#59c2ff4d}.clock-mark{position:absolute;background:#ffffffb8;border-radius:999px}.clock-mark--12,.clock-mark--6{left:50%;width:2px;height:7px;transform:translate(-50%)}.clock-mark--12{top:8px}.clock-mark--6{bottom:8px}.clock-mark--3,.clock-mark--9{top:50%;width:7px;height:2px;transform:translateY(-50%)}.clock-mark--3{right:8px}.clock-mark--9{left:8px}.hand{position:absolute;bottom:50%;left:50%;width:2px;border-radius:999px;transform-origin:50% 100%;transition:transform .65s cubic-bezier(.2,.9,.35,1)}.hand--hour{height:23px;background:#fff}.hand--minute{height:31px;background:#d8f0ff}.hand--second{width:1px;height:35px;background:var(--rose)}.clock-pin{position:absolute;top:50%;left:50%;width:8px;height:8px;border:2px solid rgba(9,13,21,.85);border-radius:999px;background:var(--text);transform:translate(-50%,-50%)}.footer{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;max-width:1280px;margin:34px auto 0;padding:22px 0 0;color:var(--muted);border-top:1px solid rgba(255,255,255,.1)}.footer strong{color:var(--text)}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes resultsIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes starPop{0%{transform:scale(.82)}70%{transform:scale(1.16)}to{transform:scale(1)}}@media (max-width: 1120px){.hero{grid-template-columns:1fr}.summary-strip{min-width:0}.clock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.app-shell{padding:28px 14px 22px}.hero h1{font-size:2.45rem;line-height:1}.summary-strip{grid-template-columns:1fr}.summary-strip div{min-height:76px;padding:14px 16px}.clock-grid{grid-template-columns:1fr;gap:14px}.clock-card{min-height:0;padding:18px}.time-readout time{font-size:2.25rem}.date-row{grid-template-columns:1fr}.search-results button{grid-template-columns:auto minmax(0,1fr)}.search-results em{grid-column:2}}@media (max-width: 420px){.card-topline{align-items:flex-start}.analog-clock{width:72px;height:72px}.hand--hour{height:19px}.hand--minute{height:26px}.hand--second{height:30px}.flag{font-size:2.25rem}.time-readout time{font-size:2rem}}