.search-combobox{position:relative;width:100%}.search-combobox-input{width:100%;padding:.5rem .75rem;border-radius:var(--border-radius);border:1px solid var(--color-border-strong);font-size:.95rem;background:var(--color-bg-elevated)}.search-combobox-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #3b82f633}.search-combobox-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;max-height:240px;overflow-y:auto;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;z-index:100;list-style:none;padding:0}.search-combobox-item{padding:.75rem;cursor:pointer;border-bottom:1px solid var(--color-bg-hover);transition:background .1s ease}.search-combobox-item:last-child{border-bottom:none}.search-combobox-item:hover{background:var(--color-bg-hover)}.search-combobox-item-highlighted{background:var(--color-accent);color:#fff}.search-combobox-item-highlighted:hover{background:var(--color-accent-hover)}.search-combobox-loading,.search-combobox-empty{padding:1rem;text-align:center;color:var(--color-text-muted);font-size:.875rem}.btn{border-radius:var(--border-radius);cursor:pointer;transition:all .15s ease;font-weight:500}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:none;border:none;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-secondary)}.btn-outline{background:none;border:1px solid var(--color-border);color:var(--color-text-muted)}.btn-outline:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-secondary);border-color:var(--color-border-strong)}.btn-solid{background:var(--color-text-secondary);border:1px solid var(--color-text-secondary);color:#fff}.btn-solid:hover:not(:disabled){background:var(--color-text);border-color:var(--color-text)}.btn-danger{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.btn-danger:hover:not(:disabled){background:#fecaca;border-color:#fca5a5;color:#b91c1c}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn-md{padding:.5rem 1rem;font-size:.875rem}.tooltip{position:fixed;z-index:10000;padding:6px 10px;background-color:var(--color-text);color:#fff;font-size:.75rem;border-radius:var(--border-radius);white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0003}.timezone-list{height:100%;overflow:hidden;padding:var(--spacing2);padding-right:0}.timezone-list-header{padding:.5rem}.timezone-list-empty{flex:1;padding:2rem;text-align:center}.timezone-list-empty .hint{font-size:.875rem;margin-top:.5rem}.timezone-list-items{flex:1;overflow-y:auto}.timezone-item{padding:var(--spacing3);margin-bottom:var(--spacing2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius)}.timezone-info{flex:1;min-width:0}.timezone-time{gap:.5rem;margin-bottom:.25rem}.timezone-time .current-time{font-size:1.125rem}.city-search{margin-bottom:var(--spacing3)}.search-combobox-item-highlighted .u-font-medium{color:#fff}.search-combobox-item-highlighted .u-text-muted{color:#fffc}.timezone-planner{overflow:hidden;min-height:fit-content}.timezone-planner.timezone-planner--empty{color:var(--color-text-muted);font-size:.875rem;padding:1rem}.planner-content{flex:1;overflow-y:auto}.planner-grid-wrapper{width:var(--map-width);flex-shrink:0;padding-left:var(--spacing)}.planner-grid{gap:4px;min-width:fit-content}.planner-row-header{margin-bottom:4px}.planner-label{width:40px;flex-shrink:0;font-size:.625rem;color:var(--color-text-muted)}.planner-row-header .planner-label{font-weight:600;color:var(--color-text-secondary);font-size:.75rem}.planner-hours{flex:1;gap:2px}.planner-hour{font-weight:600;height:28px;font-size:.68rem;border-radius:var(--border-radius);color:#232d3c;transition:background-color .15s ease,border-color .15s ease;flex-shrink:0;flex-grow:1;flex-basis:content;border:1px solid transparent;cursor:pointer;padding:0;outline:none;font-variant-numeric:tabular-nums}.planner-hour:focus{outline:none}.planner-hour-hovered{border-color:#1e293b4d;color:var(--color-text)}.planner-hour-header{color:var(--color-text)}.planner-hour-selected{border-color:var(--color-text);color:var(--color-text)}@media (max-width: 900px){.planner-grid-wrapper{width:auto;flex:1}.planner-label{width:35px}.planner-hour{width:32px;height:24px}}.selected-time-summary{flex:1;min-width:180px;padding-left:var(--spacing2);gap:.5rem}.selected-time-summary .summary-header{gap:.5rem}.selected-time-summary .summary-utc{gap:.5rem;padding:.5rem;background:var(--color-bg-hover);border-radius:var(--border-radius)}.selected-time-summary .summary-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.selected-time-summary .summary-time{font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums;flex:1}.selected-time-summary .summary-list{gap:4px}.selected-time-summary .summary-item{gap:.5rem;padding:.375rem .5rem;background:var(--color-bg-muted);border-radius:var(--border-radius)}.selected-time-summary .summary-tz-label{gap:.375rem;min-width:0;overflow:hidden}.selected-time-summary .summary-tz-cities{font-size:.6875rem;color:var(--color-text-muted)}.selected-time-summary .summary-tz-time{padding:.125rem .375rem;border-radius:var(--border-radius);flex-shrink:0}@media (max-width: 1440px){.selected-time-summary{min-width:auto;width:100%}}.app{width:100%;background:var(--color-bg)}.map-wrapper{height:var(--map-height);min-height:var(--map-height);position:sticky;top:calc(var(--app-bar-height) + 1px);padding-bottom:var(--spacing2);margin-bottom:var(--spacing2);border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:100}.map-wrapper>.map,.map-wrapper>.map-placeholder{padding-top:var(--spacing2);flex-basis:var(--map-width);flex-shrink:0;flex-grow:0}.map-wrapper .map-placeholder{height:var(--map-height);color:var(--color-text-faint);font-size:1.25rem}.map-wrapper .tz-list-wrapper{flex-grow:1}.map-wrapper .tz-list{overflow-y:auto}.planner{position:relative;z-index:0}@media screen and (max-width: 1440px){.container{max-width:100%;padding:0 var(--spacing2)}.app-topbar{padding:0}}@media screen and (max-width: 900px){.map-wrapper{--map-width: 100%;--map-height: 400px;flex-direction:column;height:auto;min-height:auto;position:static;top:unset}.map-wrapper>.map,.map-wrapper>.map-placeholder{height:var(--map-height);flex-basis:var(--map-height)}.timezone-list{padding-left:0;padding-bottom:0}.planner .planner-content{flex-direction:column}.planner .planner-grid-wrapper{width:100%;overflow-x:auto;padding:0}.planner .selected-time-summary{padding-top:var(--spacing2);padding-left:0}}@media screen and (min-width: 900px) and (max-width: 1440px){:root{--map-width: 70vw;--map-height: 480px}}