.time-display{background:var(--card-background);border-radius:.5rem;box-shadow:0 2px 4px var(--shadow-color);padding:1rem;width:100%;display:grid;grid-template-columns:minmax(140px,180px) 1fr;gap:.5rem;align-items:center;padding:.5rem}@media (max-width: 768px){.time-display{grid-template-columns:1fr;gap:.25rem;padding:.25rem}}.time-display.main{border:2px solid var(--primary-color)}.time-display.main .time{color:var(--primary-color)}.time-display .time-info{padding-right:.5rem;border-right:1px solid var(--border-color)}@media (max-width: 768px){.time-display .time-info{padding:.25rem;border-right:none;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center}}.time-display .time-header{display:flex;align-items:center;margin-bottom:.25rem}@media (max-width: 768px){.time-display .time-header{margin-bottom:0}}.time-display .time-header .clock-icon{color:var(--primary-color);margin-right:.25rem;width:14px;height:14px;flex-shrink:0}.time-display .time-header .timezone-label{flex:1;font-weight:500;color:var(--text-primary);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-display .time-header .timezone-label .dst-indicator{display:inline-block;margin-left:.25rem;padding:0 .25rem;font-size:.65rem;font-weight:600;color:#fb923c;background-color:#fb923c1a;border-radius:3px}.time-display .time-header .remove-button{background:none;border:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;outline:none;font-size:1rem;color:var(--text-secondary);padding:0 .25rem;flex-shrink:0}.time-display .time-header .remove-button:hover{color:var(--primary-color)}.time-display .time{font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1.2}@media (max-width: 768px){.time-display .time{font-size:1rem;text-align:right}}.time-display .date{color:var(--text-secondary);font-size:.75rem;margin-top:.25rem;line-height:1.2}@media (max-width: 768px){.time-display .date{display:none}}.time-display .timeline-wrapper{flex:1;min-width:0}@media (max-width: 768px){.time-display .timeline-wrapper{padding:.25rem}}.timezone-search{position:relative;width:100%;max-width:600px;margin:0 auto}.timezone-search .search-input-wrapper{position:relative;transition:transform .2s ease}.timezone-search .search-input-wrapper:focus-within{transform:scale(1.01)}.timezone-search .search-input-wrapper:focus-within .search-icon{color:var(--accent-color)}.timezone-search .search-input-wrapper .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);width:20px;height:20px;pointer-events:none;transition:color .2s ease}.timezone-search .search-input-wrapper input{width:100%;padding:1rem;padding-left:calc(2rem + 20px);border:2px solid var(--border-color);border-radius:.75rem;font-size:1.125rem;background-color:var(--card-background);color:var(--text-primary);transition:all .2s ease}.timezone-search .search-input-wrapper input::placeholder{color:var(--text-secondary)}.timezone-search .search-input-wrapper input:hover:not(:disabled){border-color:var(--accent-color)}.timezone-search .search-input-wrapper input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #2eff9333}.timezone-search .search-input-wrapper input:disabled{background-color:var(--hover-color);cursor:not-allowed;opacity:.7}.timezone-search .search-results{background:var(--card-background);border-radius:.5rem;box-shadow:0 2px 4px var(--shadow-color);padding:1rem;position:absolute;top:calc(100% + .5rem);left:0;right:0;margin-top:.5rem;max-height:400px;overflow-y:auto;z-index:10;border:1px solid var(--border-color);background-color:var(--card-background)}.timezone-search .search-results:empty{display:none}.timezone-search .search-results .timezone-option{background:none;border:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;outline:none;width:100%;text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);transition:all .2s ease}.timezone-search .search-results .timezone-option:last-child{border-bottom:none}.timezone-search .search-results .timezone-option:hover{background-color:var(--hover-color);padding-left:1.5rem;color:var(--accent-color)}.timezone-search .search-results .timezone-option:focus{background-color:var(--hover-color);outline:none;color:var(--accent-color)}.timezone-search .search-results .timezone-option .timezone-name{display:block;font-weight:600;color:inherit;margin-bottom:.25rem}.timezone-search .search-results .timezone-option .timezone-details{display:block;font-size:.875rem;color:var(--text-secondary)}.timezone-search .search-results .no-results{padding:1.5rem;text-align:center;color:var(--text-secondary);font-style:italic}.timeline{margin-top:.25rem;padding-top:.25rem;border-top:1px solid var(--border-color)}@media (max-width: 768px){.timeline{margin-top:0;padding-top:0;border-top:none}}.timeline .timeline-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.timeline .timeline-header .day-night-indicator{display:flex;gap:.25rem}.timeline .timeline-header .day-night-indicator .sun-icon{color:#fb923c;width:12px;height:12px}.timeline .timeline-header .day-night-indicator .moon-icon{color:var(--text-secondary);width:12px;height:12px}.timeline .timeline-hours{display:grid;grid-template-columns:repeat(24,minmax(40px,1fr));gap:1px;position:relative;height:48px;background:var(--timeline-background);border-radius:6px;overflow:hidden}@media (max-width: 768px){.timeline .timeline-hours{height:36px;grid-template-columns:repeat(24,40px)}}.timeline .timeline-hours .timeline-hour{position:relative;height:100%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.timeline .timeline-hours .timeline-hour.daytime{background:var(--timeline-day)}.timeline .timeline-hours .timeline-hour.daytime .hour-label{color:var(--text-primary);font-size:.75rem}.timeline .timeline-hours .timeline-hour.daytime:hover{background:var(--hover-color)}.timeline .timeline-hours .timeline-hour.nighttime{background:var(--timeline-night)}.timeline .timeline-hours .timeline-hour.nighttime .hour-label{color:var(--text-secondary);font-size:.75rem}.timeline .timeline-hours .timeline-hour.nighttime:hover{background:var(--hover-color)}.timeline .timeline-hours .timeline-hour.current{background:var(--timeline-current)}.timeline .timeline-hours .timeline-hour.current .hour-label{color:#000;font-weight:600;font-size:.8rem}.timeline .timeline-hours .timeline-hour.current:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#0000000d,#0000001a)}.timeline .timeline-hours .timeline-hour.current:hover{background:var(--accent-hover)}.timeline .timeline-hours .timeline-hour.selected{box-shadow:inset 0 0 0 2px var(--accent-color)}.timeline .timeline-hours .timeline-hour.selected .hour-label{color:var(--text-primary);font-weight:600;transform:scale(1.1)}.timeline .timeline-hours .timeline-hour .hour-label{font-size:.75rem;font-weight:500;z-index:1;transition:transform .2s ease;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.timeline .timeline-hours .timeline-hour .hour-label{font-size:.7rem}}.timeline .timeline-hours .timeline-hour:hover .hour-label{transform:scale(1.1)}@media (max-width: 768px){.mobile-timeline .timeline-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.mobile-timeline .timeline-header .day-night-indicator{display:flex;gap:.5rem}.mobile-timeline .timeline-header .day-night-indicator .sun-icon{color:#fb923c;width:16px;height:16px}.mobile-timeline .timeline-header .day-night-indicator .moon-icon{color:var(--text-secondary);width:16px;height:16px}.mobile-timeline .timeline-hours{display:flex;position:relative;height:64px;background:var(--timeline-background);border-radius:12px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;touch-action:pan-x;will-change:scroll-position;transform:translateZ(0)}.mobile-timeline .timeline-hours::-webkit-scrollbar{display:none}.mobile-timeline .timeline-hours.dragging{cursor:grabbing;scroll-behavior:auto}.mobile-timeline .timeline-hours.dragging .timeline-hour{pointer-events:none}.mobile-timeline .timeline-hours .timeline-hour{flex:0 0 16.6666666667%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;will-change:transform}.mobile-timeline .timeline-hours .timeline-hour.daytime{background:var(--timeline-day)}.mobile-timeline .timeline-hours .timeline-hour.daytime .hour-label{color:var(--text-primary)}.mobile-timeline .timeline-hours .timeline-hour.nighttime{background:var(--timeline-night)}.mobile-timeline .timeline-hours .timeline-hour.nighttime .hour-label{color:var(--text-secondary)}.mobile-timeline .timeline-hours .timeline-hour.current{background:var(--timeline-current);box-shadow:inset 0 0 0 2px var(--accent-color)}.mobile-timeline .timeline-hours .timeline-hour.current .hour-label{color:#000;font-weight:600;transform:scale(1.1)}.mobile-timeline .timeline-hours .timeline-hour.current:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#0000000d,#0000001a)}.mobile-timeline .timeline-hours .timeline-hour.current:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--accent-color);border-radius:4px;pointer-events:none;z-index:2}.mobile-timeline .timeline-hours .timeline-hour .hour-label{font-size:1.2rem;font-weight:500;transition:transform .2s ease;backface-visibility:hidden}.mobile-timeline .timeline-hours .timeline-hour .hour-marker{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:currentColor;opacity:.5}}.theme-toggle{position:relative;display:flex;gap:.5rem;z-index:100}.theme-toggle .theme-button{background:none;border:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;outline:none;padding:.75rem;border-radius:.5rem;color:var(--text-secondary);transition:all .2s ease;background-color:var(--card-background);box-shadow:0 2px 8px var(--shadow-color)}.theme-toggle .theme-button:hover{background-color:var(--hover-color);color:var(--accent-color)}.theme-toggle .theme-button.active{color:var(--accent-color);background-color:var(--hover-color)}.group-selector{position:fixed;left:1rem;top:0;padding:1rem;z-index:100}@media (max-width: 768px){.group-selector{position:static;padding:.5rem;width:100%}}.group-selector .dropdown{position:relative;width:300px}@media (max-width: 768px){.group-selector .dropdown{width:100%}}.group-selector .dropdown .dropdown-trigger{background:none;border:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;outline:none;width:100%;padding:.75rem 1rem;background-color:var(--card-background);border-radius:.5rem;box-shadow:0 2px 8px var(--shadow-color);display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:all .2s ease;color:var(--text-primary);font-weight:500}@media (max-width: 640px){.group-selector .dropdown .dropdown-trigger{padding:.5rem .75rem}}.group-selector .dropdown .dropdown-trigger:hover{background-color:var(--hover-color);color:var(--accent-color)}.group-selector .dropdown .dropdown-trigger .chevron{transition:transform .2s ease;color:var(--text-secondary);flex-shrink:0}.group-selector .dropdown .dropdown-trigger .chevron.open{transform:rotate(180deg);color:var(--accent-color)}.group-selector .dropdown .dropdown-content{position:absolute;top:calc(100% + .5rem);left:0;width:100%;background-color:var(--card-background);border-radius:.5rem;box-shadow:0 4px 12px var(--shadow-color);border:1px solid var(--border-color);overflow:hidden;z-index:1000;max-height:60vh;overflow-y:auto}@media (max-width: 768px){.group-selector .dropdown .dropdown-content{position:fixed;left:.5rem;right:.5rem;width:auto}}@media (max-width: 640px){.group-selector .dropdown .dropdown-content{left:.25rem;right:.25rem}}.group-selector .dropdown .dropdown-content .group-item{padding:.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);transition:all .2s ease;cursor:pointer}.group-selector .dropdown .dropdown-content .group-item:hover{background-color:var(--hover-color)}.group-selector .dropdown .dropdown-content .group-item.active{background-color:var(--hover-color);color:var(--accent-color)}.group-selector .dropdown .dropdown-content .group-item .group-name{font-weight:500}.group-selector .dropdown .dropdown-content .group-item .group-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.group-selector .dropdown .dropdown-content .group-item .group-actions .action-button{background:none;border:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;outline:none;padding:.25rem;border-radius:.5rem;color:var(--text-secondary);transition:all .2s ease}.group-selector .dropdown .dropdown-content .group-item .group-actions .action-button:hover:not(.disabled){background-color:var(--hover-color);color:var(--accent-color)}.group-selector .dropdown .dropdown-content .group-item .group-actions .action-button.disabled{opacity:.5;cursor:not-allowed}.group-selector .dropdown .dropdown-content .group-item:hover .group-actions{opacity:1}.group-selector .dropdown .dropdown-content .group-item form{width:100%}.group-selector .dropdown .dropdown-content .group-item form input{width:100%;padding:.5rem;border:none;border-radius:.5rem;background-color:var(--background-color);color:var(--text-primary);font-size:inherit}.group-selector .dropdown .dropdown-content .group-item form input:focus{outline:none;box-shadow:0 0 0 2px var(--accent-color)}.group-selector .dropdown .dropdown-content .dropdown-divider{height:1px;background-color:var(--border-color);margin:.25rem 0}.group-selector .dropdown .dropdown-content .create-group-button{background:none;border:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;outline:none;width:100%;padding:.5rem;display:flex;align-items:center;gap:.5rem;color:var(--accent-color);transition:all .2s ease}.group-selector .dropdown .dropdown-content .create-group-button:hover{background-color:var(--hover-color)}.group-selector .dropdown .dropdown-content .create-group-form{padding:.5rem}.group-selector .dropdown .dropdown-content .create-group-form input{width:100%;padding:.5rem;border:none;border-radius:.5rem;background-color:var(--background-color);color:var(--text-primary);font-size:inherit}.group-selector .dropdown .dropdown-content .create-group-form input:focus{outline:none;box-shadow:0 0 0 2px var(--accent-color)}.group-selector .dropdown .share-tooltip{position:absolute;top:calc(100% + 1rem);left:50%;transform:translate(-50%);background-color:var(--card-background);padding:.5rem 1rem;border-radius:.5rem;box-shadow:0 2px 8px var(--shadow-color);color:var(--text-primary);font-size:.875rem;white-space:nowrap;z-index:1001;pointer-events:none}.language-selector{position:relative;z-index:100}.language-selector .language-button{background:none;border:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;outline:none;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--card-background);border-radius:.5rem;box-shadow:0 2px 8px var(--shadow-color);color:var(--text-primary);font-weight:500;transition:all .2s ease}.language-selector .language-button:hover{background-color:var(--hover-color);color:var(--accent-color)}.language-selector .language-button .chevron{transition:transform .2s ease;color:var(--text-secondary)}.language-selector .language-button .chevron.open{transform:rotate(180deg);color:var(--accent-color)}.language-selector .language-dropdown{position:absolute;top:calc(100% - 1rem);right:0;width:320px;max-height:80vh;overflow-y:auto;background-color:var(--card-background);border-radius:.5rem;box-shadow:0 4px 12px var(--shadow-color);border:1px solid var(--border-color);z-index:1000}.language-selector .language-dropdown .language-group{padding:.5rem;border-bottom:1px solid var(--border-color)}.language-selector .language-dropdown .language-group:last-child{border-bottom:none}.language-selector .language-dropdown .language-group .group-label{padding:.5rem .75rem;color:var(--text-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.language-selector .language-dropdown .language-group .language-option{background:none;border:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;outline:none;width:100%;text-align:left;padding:.5rem .75rem;display:flex;flex-direction:column;transition:all .2s ease;border-radius:.5rem}.language-selector .language-dropdown .language-group .language-option:hover,.language-selector .language-dropdown .language-group .language-option.active{background-color:var(--hover-color);color:var(--accent-color)}.language-selector .language-dropdown .language-group .language-option .native-name{color:inherit;font-weight:500}.language-selector .language-dropdown .language-group .language-option .english-name{color:var(--text-secondary);font-size:.875rem}.footer{position:fixed;bottom:0;left:0;right:0;padding:1rem;color:var(--text-secondary);font-size:.875rem;background-color:var(--card-background);border-top:1px solid var(--border-color);z-index:100}.footer .footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer .footer-text{flex:1;text-align:center}.footer .version{font-size:.75rem;color:var(--text-secondary);opacity:.8}.footer a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.footer a:hover{color:var(--text-primary)}.editable-title{margin-bottom:.5rem;text-align:center}.editable-title .title-display{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;transition:all .2s ease}.editable-title .title-display:hover{background-color:var(--hover-color);color:var(--accent-color)}.editable-title .title-display h1{font-size:1.25rem;color:inherit;margin:0}.editable-title .title-display .title-actions{display:flex;gap:.5rem;align-items:center}.editable-title .title-display .title-actions .action-button{background:none;border:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;outline:none;color:var(--accent-color);transition:all .2s ease;padding:.25rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.editable-title .title-display .title-actions .action-button:hover{background-color:var(--hover-color);transform:scale(1.1)}.editable-title .title-display .title-actions .action-button.share-button.shared{background-color:var(--accent-color);color:var(--card-background)}.editable-title .title-input{font-size:1.25rem;font-weight:700;color:var(--accent-color);background:transparent;border:2px solid var(--accent-color);border-radius:.5rem;padding:.5rem 1rem;width:100%;max-width:400px;transition:all .2s ease;text-align:center}.editable-title .title-input:focus{outline:none;box-shadow:0 0 0 3px #2eff9333}:root{--primary-color: #2c2c2c;--secondary-color: #666666;--background-color: #f5f5f5;--card-background: #ffffff;--text-primary: #1a1a1a;--text-secondary: #666666;--border-color: #e0e0e0;--hover-color: rgba(0, 179, 89, .1);--shadow-color: rgba(0, 0, 0, .1);--timeline-day: #f0f0f0;--timeline-night: #e0e0e0;--timeline-current: #00b359;--timeline-background: #ffffff;--accent-color: #00b359;--accent-hover: #009148;--logo-filter: invert(40%) sepia(85%) saturate(1191%) hue-rotate(127deg) brightness(96%) contrast(101%)}:root.dark{--primary-color: #a0a0a0;--secondary-color: #808080;--background-color: #121212;--card-background: #1e1e1e;--text-primary: #e0e0e0;--text-secondary: #808080;--border-color: #2c2c2c;--hover-color: rgba(46, 255, 147, .15);--shadow-color: rgba(0, 0, 0, .3);--timeline-day: #404040;--timeline-night: #1a1a1a;--timeline-current: #2eff93;--timeline-background: #1e1e1e;--accent-color: #2eff93;--accent-hover: #20ff8c}.logo-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:.5rem;color:var(--accent-color)}.logo-icon svg .outer-ring{opacity:.3;animation:rotate 30s linear infinite reverse;transform-origin:center}.logo-icon svg .globe-base{opacity:.6;animation:rotate 20s linear infinite;transform-origin:center;filter:drop-shadow(0 0 2px currentColor)}.logo-icon svg .meridian{opacity:.8}.logo-icon svg .meridian.meridian-1{animation:flowUp 8s ease-in-out infinite}.logo-icon svg .meridian.meridian-2{animation:flowDown 8s ease-in-out infinite}.logo-icon svg .latitude{opacity:.4}.logo-icon svg .latitude.latitude-1{animation:pulse 4s ease-in-out infinite}.logo-icon svg .latitude.latitude-2{animation:pulse 4s ease-in-out infinite reverse}.logo-icon svg .time-spiral{opacity:.9;stroke-dasharray:180;stroke-dashoffset:180;animation:draw 3s ease-out forwards,glow 4s ease-in-out infinite;filter:drop-shadow(0 0 3px currentColor)}.logo-icon svg .marker-group{animation:float 3s ease-in-out infinite}.logo-icon svg .marker-group.marker-1{animation-delay:0s}.logo-icon svg .marker-group.marker-2{animation-delay:.75s}.logo-icon svg .marker-group.marker-3{animation-delay:1.5s}.logo-icon svg .marker-group.marker-4{animation-delay:2.25s}.logo-icon svg .center-halo{animation:halo 2s ease-in-out infinite}.logo-icon svg .center-point{animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 2px currentColor)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flowUp{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes flowDown{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes glow{0%,to{filter:drop-shadow(0 0 2px currentColor)}50%{filter:drop-shadow(0 0 8px currentColor)}}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-2px) scale(1.1);opacity:1}}@keyframes halo{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.2);opacity:.3}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.5;transition:background-color .2s ease,color .2s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}.app .top-bar{position:sticky;top:0;left:0;right:0;padding:1rem;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;background-color:var(--background-color);border-bottom:1px solid var(--border-color)}@media (max-width: 768px){.app .top-bar{padding:.5rem;gap:.5rem;grid-template-columns:1fr;grid-template-rows:auto auto}}.app .top-bar .top-bar-left{justify-self:start;width:100%}.app .top-bar .app-title{display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:1.5rem;font-weight:700;white-space:nowrap}.app .top-bar .app-title span{display:inline-block;transform:translateY(0)}@media (max-width: 768px){.app .top-bar .app-title{display:none}}.app .top-bar .top-bar-right{justify-self:end;display:flex;gap:1.5rem;align-items:center}@media (max-width: 768px){.app .top-bar .top-bar-right{justify-self:center;gap:.5rem}}.app header{padding:1.5rem;text-align:center}@media (max-width: 768px){.app header{padding:1rem}}.app header .subtitle{color:var(--text-secondary);margin-bottom:1rem;font-size:1rem}@media (max-width: 768px){.app header .subtitle{margin-bottom:.5rem;font-size:.875rem}}.app main.timeline-focused{flex:1;max-width:1200px;margin:0 auto;padding:0 1.5rem 4.5rem;display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.app main.timeline-focused{padding:0 .5rem 5.5rem;gap:.5rem}}.app main.timeline-focused .reference-timezone{width:100%}.app main.timeline-focused .reference-timezone .time-display{max-width:none;margin:0}.app main.timeline-focused .compared-timezones{display:flex;flex-direction:column;gap:.5rem}.app main.timeline-focused .compared-timezones .time-display{max-width:none;margin:0}