:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:#000;color:#e2e8f0}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow-x:hidden}button,input{font:inherit}.app-shell{height:100%;display:flex;flex-direction:column;background:#000;overflow-x:hidden}.panel{border-bottom:1px solid #1e293b;padding:.8rem 1rem;background:#000}.header h1{margin:0;text-align:center;font-size:clamp(1.2rem,3vw,1.7rem)}.row{margin-top:.6rem;display:flex;justify-content:center;gap:.6rem}input[type=date],input[type=text],button{border:1px solid #334155;border-radius:.5rem;background:#000;color:#f8fafc;padding:.45rem .65rem}button{cursor:pointer}button:hover{border-color:#60a5fa}.primary:disabled{opacity:.55;cursor:not-allowed;border-color:#334155}.primary:disabled:hover{border-color:#334155}.primary{background:#685aff;border-color:#685aff}.chips{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:center}.chip{display:flex;gap:.35rem;align-items:center;padding:.3rem .55rem;border:1px solid #334155;border-radius:99px;background:#000;font-size:.85rem}.chip-remove{background:transparent;border:0;color:#f87171;padding:0 .15rem}.comparison{overflow-x:hidden}.comparison-grid{--timezone-count: 1;max-width:72rem;margin:0 auto;display:grid;gap:.75rem;grid-template-columns:repeat(var(--timezone-count),minmax(0,1fr))}.clock-card{border:1px solid #334155;border-radius:.8rem;padding:clamp(.35rem,calc(.85rem - (var(--timezone-count) * .08rem)),.75rem);text-align:center;background:#000;min-width:0}.clock-card.business{border-color:#640d5f;box-shadow:inset 0 0 0 1px #640d5f66}.city{margin:0 0 .4rem;color:#93c5fd;font-weight:700;font-size:clamp(.62rem,calc(.98rem - (var(--timezone-count) * .08rem)),.95rem)}.clock{display:flex;justify-content:center;align-items:baseline;gap:.1rem;font-size:clamp(1.05rem,calc(2.8rem - (var(--timezone-count) * .35rem)),2.9rem);font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.period,.date,.business-label{margin:.15rem 0}.period{color:#94a3b8;font-size:clamp(.62rem,calc(.9rem - (var(--timezone-count) * .06rem)),.9rem)}.date{color:#94a3b8;font-size:clamp(.58rem,calc(.84rem - (var(--timezone-count) * .05rem)),.82rem)}.business-label{color:#640d5f;font-size:.8rem;font-weight:700}.comparison-footer{margin-top:.8rem;display:flex;justify-content:center;gap:.7rem;align-items:center;font-size:.9rem}.hidden{opacity:0}.scroller-shell{flex:1;position:relative;overflow:hidden}.fade{position:absolute;left:0;right:0;height:5.5rem;pointer-events:none;z-index:2}.fade.top{top:0;background:linear-gradient(to bottom,#000000,transparent)}.fade.bottom{bottom:0;background:linear-gradient(to top,#000000,transparent)}.scroller{--slot-height: clamp(1.8rem, 3.2vh, 2.2rem);height:100%;overflow-y:auto;scroll-snap-type:y mandatory;padding-inline:1rem}.slots{max-width:72rem;margin:0 auto}.scroller-spacer{height:calc(50% - (var(--slot-height) / 2))}.time-slot{position:relative;height:var(--slot-height);display:flex;align-items:center}.current-line{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);border-top:2px solid #F78D60;pointer-events:none;z-index:0}.current-line span{position:absolute;right:-.12rem;top:-.42rem;font-size:.58rem;background:#f78d60;color:#1a0a00;padding:.06rem .26rem;border-radius:99px;font-weight:800;letter-spacing:.02em;line-height:1}.slot-content{position:relative;z-index:1;width:100%;display:grid;gap:.6rem;border-radius:.6rem;padding:.2rem .35rem;transition:transform .12s ease;color:#c3c9d6}.slot-content.selected{transform:scale(1.02);background:#ea226433;box-shadow:inset 0 0 0 1px #ea2264cc;color:#fff}.slot-content.compact{opacity:.5!important}.slot-content.compact .slot-cell span{font-size:.72rem;font-weight:700;color:#aeb7c9}.slot-content.compact .slot-cell small{font-size:.58rem;color:#98a4bc}.slot-content.past{opacity:.45}.slot-cell{text-align:center;display:flex;gap:.25rem;justify-content:center;align-items:baseline}.slot-cell span{font-weight:800;font-size:clamp(1rem,1.4vw,1.45rem);font-variant-numeric:tabular-nums}.slot-cell small{color:#94a3b8}.slot-content.selected .slot-cell span,.slot-content.selected .slot-cell small{color:#fff}.legend{border-top:1px solid #1e293b;border-bottom:0;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;font-size:.82rem}.legend-item{display:flex;align-items:center;gap:.4rem}.dot{width:.65rem;height:.65rem;border-radius:999px}.dot.selected{background:#ea2264}.dot.business{background:#640d5f}.line.now{width:.8rem;border-top:2px solid #F78D60}.modal-overlay{position:fixed;inset:0;z-index:10;background:#000000b3;display:grid;place-items:center;padding:1rem}.modal{width:min(44rem,100%);max-height:80vh;overflow:auto;border:1px solid #334155;border-radius:.8rem;background:#000;padding:1rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.modal-header h2{margin:0}.secondary{text-align:left}.modal-grid{margin-top:.8rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem}.muted,.empty{color:#94a3b8;margin:.6rem 0 0;font-size:.85rem}@media(max-width:780px){.comparison-footer{flex-direction:column}}@media(max-width:560px){.slot-content{gap:.35rem;padding-inline:.2rem}.slot-cell{gap:.15rem}.slot-cell span{font-size:.86rem}.slot-cell small{font-size:.68rem}}