.timezone-theme{--font-family:'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--tz-primary:#6366f1;--tz-primary-hover:#4f46e5;--tz-success:#10b981;--tz-warning:#f59e0b;--tz-danger:#ef4444;--tz-bg-base:#f8fafc;--tz-bg-card:#ffffff;--tz-text-main:#0f172a;--tz-text-muted:#64748b;--tz-border-color:#e2e8f0;--tz-radius-lg:16px;--tz-radius-md:12px;--tz-radius-sm:8px;--tz-shadow-sm:0 1px 3px rgba(0,0,0,0.05);--tz-shadow-md:0 4px 6px -1px rgba(0,0,0,0.05), 0 2px 4px -1px rgba(0,0,0,0.03);--tz-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.05), 0 4px 6px -2px rgba(0,0,0,0.02);font-family:var(--font-family);background-color:var(--tz-bg-base);color:var(--tz-text-main);padding:24px;border-radius:var(--tz-radius-lg);box-shadow:var(--tz-shadow-md);margin:0 auto;max-width:1400px}.dark .timezone-theme{--tz-bg-base:#0f172a;--tz-bg-card:#1e293b;--tz-text-main:#f8fafc;--tz-text-muted:#94a3b8;--tz-border-color:#334155;--tz-shadow-sm:0 1px 3px rgba(0,0,0,0.2);--tz-shadow-md:0 4px 6px -1px rgba(0,0,0,0.2), 0 2px 4px -1px rgba(0,0,0,0.1);--tz-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.3), 0 4px 6px -2px rgba(0,0,0,0.2)}.timezone-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--tz-border-color);padding-bottom:20px;margin-bottom:24px}.timezone-title{font-size:1.8rem;font-weight:800;letter-spacing:-.025em;background:linear-gradient(135deg,var(--tz-primary),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;margin:0 0 6px 0}.timezone-subtitle{font-size:.95rem;color:var(--tz-text-muted);margin:0}.action-btn-example{background:linear-gradient(135deg,rgb(99 102 241 / .1),rgb(168 85 247 / .1));border:1px solid rgb(99 102 241 / .2);color:var(--tz-primary);padding:10px 16px;border-radius:var(--tz-radius-md);cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:all 0.2s ease}.action-btn-example:hover{background:linear-gradient(135deg,rgb(99 102 241 / .18),rgb(168 85 247 / .18));transform:translateY(-1px)}.timezone-layout{display:grid;grid-template-columns:320px 1fr;gap:24px}@media (max-width:1024px){.timezone-layout{grid-template-columns:1fr}}.timezone-sidebar{display:flex;flex-direction:column;gap:24px}.control-card{background-color:var(--tz-bg-card);border:1px solid var(--tz-border-color);border-radius:var(--tz-radius-md);padding:20px;box-shadow:var(--tz-shadow-sm)}.card-title{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:10px;margin:0 0 16px 0}.card-title i{color:var(--tz-primary);width:20px;height:20px}.control-group{margin-bottom:16px}.control-group:last-child{margin-bottom:0}.control-group label{display:block;font-size:.85rem;font-weight:600;color:var(--tz-text-muted);margin-bottom:6px}.control-group input[type="text"],.control-group input[type="date"],.control-group select{width:100%;padding:10px 12px;border:1px solid var(--tz-border-color);border-radius:var(--tz-radius-sm);font-size:.9rem;background-color:var(--tz-bg-base);color:var(--tz-text-main);box-sizing:border-box;outline:none;transition:border-color 0.2s ease}.control-group input:focus,.control-group select:focus{border-color:var(--tz-primary)}.mode-selector{display:flex;background-color:var(--tz-bg-base);padding:4px;border-radius:var(--tz-radius-sm);gap:4px}.mode-btn{flex:1;background:#fff0;border:none;padding:8px 10px;border-radius:var(--tz-radius-sm);font-size:.8rem;font-weight:600;color:var(--tz-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.2s ease}.mode-btn.active{background-color:var(--tz-bg-card);color:var(--tz-primary);box-shadow:var(--tz-shadow-sm)}.regions-checklist{display:flex;flex-direction:column;gap:8px;padding:10px;background-color:var(--tz-bg-base);border-radius:var(--tz-radius-sm)}.check-item{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:550;cursor:pointer}.check-item input{cursor:pointer;accent-color:var(--tz-primary)}.search-wrapper{display:flex;gap:8px}.search-input-box{position:relative;flex:1}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--tz-bg-card);border:1px solid var(--tz-border-color);border-radius:var(--tz-radius-sm);box-shadow:var(--tz-shadow-lg);z-index:100;max-height:200px;overflow-y:auto}.autocomplete-item{padding:10px 12px;font-size:.85rem;cursor:pointer;transition:background-color 0.15s ease}.autocomplete-item:hover{background-color:var(--tz-bg-base)}.btn-primary{background-color:var(--tz-primary);color:#fff;border:none;padding:10px 14px;border-radius:var(--tz-radius-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color 0.2s ease}.btn-primary:hover{background-color:var(--tz-primary-hover)}.popular-cities{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.popular-tag{background-color:var(--tz-bg-base);border:1px solid var(--tz-border-color);border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:550;cursor:pointer;color:var(--tz-text-muted);transition:all 0.2s ease}.popular-tag:hover{background-color:var(--tz-primary);color:#fff;border-color:var(--tz-primary)}.timezone-main{display:flex;flex-direction:column;gap:24px}.slider-panel{background-color:var(--tz-bg-card);border:1px solid var(--tz-border-color);border-radius:var(--tz-radius-md);padding:20px;box-shadow:var(--tz-shadow-sm)}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.slider-title{font-weight:700;display:flex;align-items:center;gap:8px;font-size:1rem}.slider-title i{color:var(--tz-primary)}.current-time-badge{background-color:var(--tz-primary);color:#fff;padding:6px 12px;font-weight:700;font-size:1rem;border-radius:20px;letter-spacing:.05em;box-shadow:0 4px 10px rgb(99 102 241 / .3)}.time-slider-wrapper{position:relative;padding:10px 0}.time-slider-wrapper input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:var(--tz-border-color);outline:none;cursor:pointer}.time-slider-wrapper input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--tz-primary);box-shadow:0 0 10px rgb(99 102 241 / .5);transition:transform 0.1s ease}.time-slider-wrapper input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-ticks{display:flex;justify-content:space-between;font-size:.75rem;color:var(--tz-text-muted);font-weight:600;margin-top:6px;padding:0 4px}.timelines-legend{display:flex;justify-content:center;gap:20px;font-size:.8rem;font-weight:600}.legend-item{display:flex;align-items:center;gap:6px}.color-dot{width:12px;height:12px;border-radius:3px;display:inline-block}.color-dot.work{background-color:var(--tz-success)}.color-dot.personal{background-color:var(--tz-warning)}.color-dot.sleep{background-color:var(--tz-danger)}.timelines-panel{background-color:var(--tz-bg-card);border:1px solid var(--tz-border-color);border-radius:var(--tz-radius-md);padding:20px;box-shadow:var(--tz-shadow-sm)}.panel-tag{font-weight:700;display:flex;align-items:center;gap:8px;font-size:1rem;margin-bottom:16px}.panel-tag i{color:var(--tz-primary)}.timelines-list{display:flex;flex-direction:column;gap:16px}.timeline-row{background-color:var(--tz-bg-base);border-radius:var(--tz-radius-md);padding:12px 16px;border:1px solid var(--tz-border-color);transition:all 0.2s ease}.timeline-row:hover{box-shadow:var(--tz-shadow-md);transform:translateY(-1px)}.timeline-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.timeline-city-info{display:flex;align-items:center;gap:10px}.city-name{font-weight:700;font-size:1rem}.city-offset{background-color:var(--tz-border-color);color:var(--tz-text-muted);font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px}.timeline-row-time{font-weight:600;font-size:.85rem;color:var(--tz-text-muted)}.timeline-city-remove{background:#fff0;border:none;color:var(--tz-danger);cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px;transition:background-color 0.2s ease}.timeline-city-remove:hover{background-color:rgb(239 68 68 / .1)}.hours-strip{display:grid;grid-template-columns:repeat(24,1fr);gap:3px}.hour-block{height:28px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;cursor:pointer;position:relative;user-select:none;transition:transform 0.15s ease,box-shadow 0.15s ease}.hour-block:hover{transform:scale(1.08);z-index:10}.hour-block.active-time{box-shadow:0 0 0 2px var(--tz-text-main);transform:scale(1.08);z-index:5}.hour-block.work-hour{background-color:var(--tz-success)}.hour-block.personal-hour{background-color:var(--tz-warning)}.hour-block.sleep-hour{background-color:var(--tz-danger)}.comfort-panel{background-color:var(--tz-bg-card);border:1px solid var(--tz-border-color);border-radius:var(--tz-radius-md);padding:20px;box-shadow:var(--tz-shadow-sm)}.comfort-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.comfort-tag{font-weight:700;display:flex;align-items:center;gap:8px}.comfort-tag i{color:var(--tz-primary)}.badge-comfort{font-weight:800;padding:6px 12px;border-radius:var(--tz-radius-sm);font-size:.85rem}.badge-comfort.excel{background-color:rgb(16 185 129 / .15);color:var(--tz-success)}.badge-comfort.good{background-color:rgb(245 158 11 / .15);color:var(--tz-warning)}.badge-comfort.poor{background-color:rgb(239 68 68 / .15);color:var(--tz-danger)}.comfort-desc{font-size:.9rem;color:var(--tz-text-muted);margin:0;line-height:1.5}.optimal-slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}@media (max-width:768px){.optimal-slots-grid{grid-template-columns:1fr}}.optimal-slot-card{background-color:var(--tz-bg-card);border:1px solid var(--tz-border-color);border-radius:var(--tz-radius-md);padding:16px;box-shadow:var(--tz-shadow-sm);transition:all 0.2s ease;cursor:pointer;display:flex;flex-direction:column}.optimal-slot-card:hover{box-shadow:var(--tz-shadow-md);transform:translateY(-2px);border-color:var(--tz-primary)}.slot-time{font-size:1.15rem;font-weight:800;color:var(--tz-primary);margin-bottom:6px}.slot-score{display:inline-block;background-color:rgb(99 102 241 / .1);color:var(--tz-primary);font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:4px;margin-bottom:12px}.slot-cities-preview{font-size:.75rem;color:var(--tz-text-muted);flex:1;margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.slot-city-item{display:flex;justify-content:space-between}.btn-vote-slot{background-color:var(--tz-bg-base);border:1px solid var(--tz-border-color);color:var(--tz-text-main);padding:8px 10px;border-radius:var(--tz-radius-sm);font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.2s ease}.btn-vote-slot:hover{background-color:var(--tz-primary);color:#fff;border-color:var(--tz-primary)}.export-share-panel{background-color:var(--tz-bg-card);border:1px solid var(--tz-border-color);border-radius:var(--tz-radius-md);padding:20px;box-shadow:var(--tz-shadow-sm)}.share-tag{font-weight:700;display:flex;align-items:center;gap:8px;font-size:1rem;margin-bottom:16px}.share-tag i{color:var(--tz-primary)}.share-body{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.share-link-group{display:flex;gap:10px;flex:1}.export-buttons-group{display:flex;gap:10px}.btn-action{background-color:var(--tz-bg-base);border:1px solid var(--tz-border-color);color:var(--tz-text-main);padding:10px 16px;border-radius:var(--tz-radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.2s ease}.btn-action:hover{background-color:var(--tz-primary);color:#fff;border-color:var(--tz-primary);transform:translateY(-1px)}.btn-action i{width:16px;height:16px}.toast-message{position:fixed;bottom:24px;right:24px;background-color:#0f172a;color:#fff;padding:12px 24px;border-radius:var(--tz-radius-md);box-shadow:0 10px 25px rgb(0 0 0 / .3);font-size:.9rem;font-weight:600;opacity:0;pointer-events:none;transform:translateY(10px);transition:all 0.3s cubic-bezier(.16,1,.3,1);z-index:1000}.toast-message.show{opacity:1;pointer-events:auto;transform:translateY(0)}.hidden{display:none!important}.autocomplete-dropdown::-webkit-scrollbar{width:6px}.autocomplete-dropdown::-webkit-scrollbar-track{background:var(--tz-bg-base)}.autocomplete-dropdown::-webkit-scrollbar-thumb{background:var(--tz-border-color);border-radius:3px}