@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=JetBrains+Mono:wght@400;600&display=swap";html,body,#root{margin:0;min-height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:999px}:root{color:#e2e8f0;font-family:DM Sans,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg-main: #020617;--bg-card: #0f172a;--bg-soft: #1e293b;--border: #334155;--text-muted: #94a3b8;--text-dim: #64748b;--accent: #fbbf24}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(90% 70% at 0% 0%,rgba(56,189,248,.08),transparent 60%),radial-gradient(70% 55% at 100% 100%,rgba(251,191,36,.08),transparent 60%),var(--bg-main);color:#e2e8f0}#root{min-height:100vh}button,input{font:inherit}.app-shell{min-height:100vh;padding:32px 20px 48px}.planner{max-width:1200px;margin:0 auto}.app-header{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.app-header h1{margin:0;font-size:clamp(1.5rem,2.5vw,2.1rem);letter-spacing:-.02em}.app-header p{margin:10px 0 0;max-width:780px;color:var(--text-muted);font-size:.95rem}.clock-card{min-width:250px;max-width:320px;border:1px solid #2a3b53;background:#111f36;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.clock-card-label{color:#94a3b8;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.clock-card small{color:#94a3b8;font-size:.72rem}.clock-zone-list{display:flex;flex-direction:column;gap:6px}.clock-zone-item{border:1px solid #22354d;background:#0d192d;border-radius:8px;padding:6px 8px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:baseline}.clock-zone-city{color:#e2e8f0;font-size:.8rem;font-weight:600}.clock-zone-time{color:#f8fafc;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600}.clock-zone-meta{grid-column:1 / -1;color:#8ea0b7;font-size:.68rem}.clock-card-error{color:#fca5a5;font-size:.7rem;line-height:1.3}.clock-refresh-button{margin-top:2px;align-self:flex-start;border:1px solid #334155;background:#0f172a;color:#cbd5e1;border-radius:6px;padding:4px 8px;font-size:.72rem;cursor:pointer}.clock-refresh-button:hover{border-color:#475569}.legend{margin-bottom:16px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;color:var(--text-muted);font-size:.78rem}.legend-item{display:inline-flex;align-items:center;gap:7px}.legend-swatch{width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.12)}.legend-dot{width:7px;height:7px;border-radius:999px;background:var(--accent)}.legend-now{width:2px;height:12px;border-radius:999px;background:#ffffffd9}.date-picker{margin-bottom:12px;border:1px solid var(--bg-soft);background:var(--bg-card);border-radius:10px;padding:10px}.date-picker-header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#94a3b8;font-size:.76rem;margin-bottom:8px}.date-picker-header strong{color:#e2e8f0}.date-picker-list{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.date-pill{border:1px solid #334155;background:#101d33;color:#cbd5e1;border-radius:8px;padding:5px 9px;display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;font-size:.74rem;line-height:1.2;white-space:nowrap;cursor:pointer}.date-pill em{color:#94a3b8;font-style:normal;font-size:.66rem}.date-pill.is-active{border-color:#38bdf8;background:#152a42;color:#f8fafc}.date-pill:hover{border-color:#475569}.timeline-wrap{display:flex;flex-direction:column;gap:8px}.timeline-hours-row{display:flex;align-items:end;gap:8px}.timezone-meta-spacer{width:260px;min-width:260px;color:var(--text-dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.timeline-hours-grid{flex:1;min-width:0;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:0}.timeline-hours-grid span{text-align:center;color:#475569;font-size:.64rem;font-family:JetBrains Mono,monospace}.timezone-row{display:flex;gap:8px;align-items:stretch;border:1px solid var(--bg-soft);border-radius:12px;background:var(--bg-card);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.timezone-row.is-dragging{opacity:.75;transform:scale(.995)}.timezone-row.is-drop-target{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf859}.timezone-row-meta{width:260px;min-width:260px;padding:10px 12px;border-right:1px solid var(--bg-soft);display:flex;flex-direction:column;justify-content:center}.timezone-row-top{display:flex;align-items:center;gap:8px}.timezone-row-city{font-weight:700;color:#f8fafc;font-size:.92rem}.remove-zone-button{margin-left:auto;border:1px solid transparent;background:transparent;color:#94a3b8;border-radius:6px;width:26px;height:22px;line-height:1;cursor:pointer;padding:0}.remove-zone-button:disabled{color:#475569;cursor:not-allowed}.remove-zone-button:not(:disabled):hover{border-color:#334155;background:#111f36}.timezone-row-subtitle{margin-top:3px;color:var(--text-dim);font-size:.71rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timezone-row-day-span{color:#7d8da3}.dot-separator{margin:0 6px}.timezone-row-grid{position:relative;flex:1;min-width:0;display:grid;grid-template-columns:repeat(24,minmax(0,1fr))}.current-time-marker{position:absolute;top:0;bottom:0;width:2px;transform:translate(-1px);background:#fffffff2;box-shadow:0 0 0 1px #ffffff1f;pointer-events:none;z-index:3}.hour-cell{position:relative;border:0;border-right:1px solid rgba(2,6,23,.4);height:48px;min-width:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;opacity:.88;transition:opacity .12s ease,box-shadow .12s ease}.hour-cell:hover{opacity:1}.hour-cell.is-selected{opacity:1;box-shadow:inset 0 0 0 2px #ffffffeb;z-index:2}.hour-cell-label{position:relative;z-index:1;font-size:.62rem;font-family:JetBrains Mono,monospace;font-weight:600;letter-spacing:-.01em;pointer-events:none}.hour-cell-day-marker{position:absolute;top:2px;left:3px;z-index:1;font-size:.48rem;letter-spacing:.02em;font-weight:700;line-height:1;color:#f1f5f9f2;background:#02061759;border-radius:999px;padding:1px 4px;pointer-events:none}.hour-cell-day-marker+.hour-cell-label{margin-top:7px}.hour-cell-best{position:absolute;width:6px;height:6px;border-radius:999px;background:var(--accent);bottom:3px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #0f172a59}.selected-summary{margin-top:14px;border:1px solid var(--bg-soft);background:var(--bg-card);border-radius:10px;padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.selected-summary-label{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.selected-summary-label strong{color:#f8fafc;font-size:.76rem;font-family:JetBrains Mono,monospace;letter-spacing:0}.selected-summary-item{display:inline-flex;align-items:center;gap:8px;color:#cbd5e1;font-size:.87rem}.selected-summary-item strong{color:#f8fafc;font-family:JetBrains Mono,monospace;font-size:.8rem}.selected-summary-color{width:8px;height:8px;border-radius:2px}.clear-selection{margin-left:auto;border:1px solid var(--border);border-radius:7px;background:#111f36;color:#cbd5e1;cursor:pointer;padding:6px 10px;font-size:.76rem}.clear-selection:hover{border-color:#475569}.timezone-search{margin-top:16px;max-width:430px}.timezone-search-trigger{width:100%;text-align:left;padding:11px 13px;border-radius:10px;border:1px dashed #475569;background:#0c162a;color:#cbd5e1;cursor:pointer}.timezone-search-trigger:disabled{border-color:#334155;color:#64748b;cursor:not-allowed}.timezone-search-panel{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;overflow:hidden}.timezone-search-input{display:block;width:100%;border:0;background:#111f36;color:#f1f5f9;padding:11px 12px;outline:none;border-bottom:1px solid #27364c}.timezone-search-results{max-height:260px;overflow-y:auto}.timezone-search-empty{color:var(--text-dim);padding:11px 12px;font-size:.82rem}.timezone-result-item{width:100%;border:0;border-bottom:1px solid #1f2f45;background:transparent;color:#e2e8f0;display:flex;justify-content:space-between;gap:10px;text-align:left;padding:10px 12px;cursor:pointer}.timezone-result-item span{display:flex;flex-direction:column;gap:2px}.timezone-result-item strong{font-size:.86rem}.timezone-result-item small{color:#94a3b8;font-size:.72rem}.timezone-result-item em{color:#94a3b8;font-style:normal;font-size:.7rem;font-family:JetBrains Mono,monospace}.timezone-result-item:hover:not(:disabled){background:#16253b}.timezone-result-item:disabled{opacity:.45;cursor:not-allowed}.best-overlap-summary{margin-top:22px;border:1px solid var(--bg-soft);background:var(--bg-card);border-radius:12px;padding:15px}.best-overlap-title h2{margin:0;font-size:1rem;letter-spacing:.01em}.best-overlap-title p{margin:6px 0 0;color:var(--text-muted);font-size:.83rem}.best-overlap-cards{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.best-overlap-card{border:1px solid #2a3b53;border-radius:10px;background:#111f36;padding:10px 12px}.best-overlap-card h3{margin:0 0 8px;color:#fbbf24;font-family:JetBrains Mono,monospace;font-size:.76rem;font-weight:600;letter-spacing:.01em}.best-overlap-card p{margin:0;display:flex;gap:6px;align-items:baseline;font-size:.82rem}.best-overlap-card p+p{margin-top:5px}.best-overlap-card strong{min-width:104px;color:#cbd5e1}.best-overlap-card span{color:#94a3b8;font-family:JetBrains Mono,monospace;font-size:.74rem}@media(max-width:980px){.timezone-meta-spacer,.timezone-row-meta{width:230px;min-width:230px}.hour-cell-label{font-size:.56rem}}@media(max-width:760px){.app-shell{padding:18px 10px 30px}.app-header{flex-direction:column}.clock-card{min-width:0;max-width:100%;width:100%}.timeline-hours-row{display:none}.date-picker-header{flex-direction:column;gap:4px}.timezone-row{flex-direction:column;gap:0}.timezone-row-meta{width:100%;min-width:0;border-right:0;border-bottom:1px solid var(--bg-soft)}.hour-cell{height:42px}.selected-summary{gap:8px}.clear-selection{margin-left:0}.best-overlap-card strong{min-width:90px}}