@import url("https://fonts.googleapis.com/css2?family=Armata&display=swap");@import url("https://fonts.googleapis.com/css2?family=Anek+Latin:wght@100..800&display=swap");*{box-sizing:border-box;padding:0;margin:0}:root{--background:#ededed;--mid:#ffffff;--text:#202020;--light:#9c9c9c}.dark-mode{--background:#202020;--mid:#464646;--text:#ededed}@media (prefers-reduced-motion:no-preference){.dark-mode-toggle,.header,.logo,.remove-button,.search-container,.search-input,.suggestions-dropdown,.timezone-card,body,html{transition:background-color .26s ease,color .2s ease,border-color .2s ease}}body,html{max-width:100vw;height:100%;overflow-x:hidden}body{color:var(--text);background-color:var(--background);font-family:Anek Latin,sans-serif;font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:var(--light) var(--mid)}.container{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}.header{display:grid;grid-template-columns:1fr 1.2fr 1fr;padding:0 3.5rem}.header,.left-nav{align-items:center}.left-nav{display:flex}.logo-image{width:20px;height:20px;margin-right:4px;transition:filter .26s ease}.dark-mode .logo-image{filter:invert(1)}.logo{font-size:1.3rem;font-weight:500;letter-spacing:-.02rem;justify-self:start}.dark-mode-toggle,.logo{color:var(--text);display:flex;align-items:center}.dark-mode-toggle{justify-content:center;border:1px solid transparent;background-color:transparent;cursor:pointer}.right-nav{justify-self:end}.right-nav,.search-container{display:flex;justify-content:center;align-items:center}.search-container{position:relative;width:min(45rem,100%);height:2.7rem;margin:.8rem 0;justify-self:center;z-index:20}.search-container,.suggestions-dropdown{color:var(--text);background-color:var(--mid);border-radius:5px}.suggestions-dropdown{position:absolute;z-index:1000;top:110%;left:0;width:100%;opacity:0;visibility:hidden;overflow:visible;display:flex;flex-direction:column;padding:3px;box-shadow:0 1px 5px rgba(0,0,0,.15);z-index:10}.suggestions-dropdown li{list-style:none;cursor:pointer;padding:.5rem 1rem;display:flex;flex-direction:row;align-items:center;justify-content:start}.suggestions-dropdown li:first-child{padding-top:.6rem}.suggestions-dropdown li:last-child{padding-bottom:.6rem}.suggestions-dropdown li:hover{background-color:var(--background);border-radius:4px}.suggestions-dropdown.visible{opacity:1;transform:translateY(0);visibility:visible}.search-input{text-align:center;padding:0 1rem;font-size:1.1rem;border:none;border-radius:5px;width:100%;height:100%;background-color:var(--mid);color:var(--text);font-family:Anek Latin,sans-serif}.search-input:focus{outline:none;border:1px solid var(--light);border-radius:5px}.main-layout{display:grid;grid-template-columns:1fr;width:100%}@media (min-width:1024px){.main-layout{grid-template-columns:1fr 1fr;max-width:100vw;box-sizing:border-box}}@media (min-width:768px) and (max-width:1023px){.main-layout{grid-template-columns:1fr}}.timeline-section{padding:2rem 3rem 2rem 1.5rem}.visual-timeline{height:auto;padding:1rem;background-color:var(--mid);border-radius:5px}.timeline-header{margin-bottom:1.5rem}.timeline-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.timeline-header h2{font-size:1.5rem;letter-spacing:-.02rem}.timeline-subtitle{font-size:.85rem;opacity:.7;margin-bottom:.75rem;font-style:italic}.timeline-legend{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem}.legend-item{display:flex;align-items:center;gap:.4rem}.legend-color{width:12px;height:12px;border-radius:50%}.legend-color.sleep{background:linear-gradient(135deg,#1e3a8a,#312e81)}.legend-color.work{background:linear-gradient(135deg,#059669,#10b981)}.legend-color.evening{background:linear-gradient(135deg,#ea580c,#f59e0b)}.legend-color.off{background:linear-gradient(135deg,#6b7280,#9ca3af)}.timeline-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;position:relative}.timeline-now-line{top:0;bottom:0;width:3px;z-index:20;pointer-events:none;box-shadow:0 0 8px rgba(0,0,0,.3)}.now-label,.timeline-now-line{position:absolute;left:50%;background:var(--text)}.now-label{top:-18px;transform:translateX(-50%);color:var(--background);padding:2px 8px;border-radius:3px;font-size:.8rem;font-weight:500;letter-spacing:.02rem}.timeline-row{display:flex;flex-direction:column;gap:.35rem;position:relative;overflow:hidden}.timeline-label{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.timeline-city{font-weight:400;letter-spacing:-.02rem}.timeline-time{font-size:.85rem;opacity:.8}.timeline-bar{display:grid;grid-template-columns:repeat(25,1fr);width:calc(100% * 25 / 24);height:24px;border-radius:4px;overflow:visible;box-shadow:0 1px 3px rgba(0,0,0,.1);position:relative;will-change:transform}.timeline-segment{position:relative;transition:all .2s ease;cursor:pointer;width:100%;height:100%}.timeline-segment.sleep{background:linear-gradient(180deg,#1e3a8a,#312e81)}.timeline-segment.work{background:linear-gradient(180deg,#059669,#10b981)}.timeline-segment.evening{background:linear-gradient(180deg,#ea580c,#f59e0b)}.timeline-segment.off{background:linear-gradient(180deg,#6b7280,#9ca3af)}.hour-divider{position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(0,0,0,.15);pointer-events:none}.dark-mode .hour-divider{background:rgba(255,255,255,.15)}.current-time-indicator,.indicator-line{display:none}.timeline-axis{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;opacity:.6;margin-top:.5rem;padding:0 4px}.axis-label{font-weight:500}.axis-label.center{font-weight:700;opacity:1}.hour-marker,.timeline-hours{display:none}.timeline-empty{display:flex;align-items:center;justify-content:center;height:200px;opacity:.5;font-style:italic}@media (max-width:767px){.visual-timeline{padding:1rem}.timeline-header h2{font-size:1.2rem}.timeline-subtitle{font-size:.75rem}.timeline-bar{height:20px}.timeline-legend{font-size:.75rem;gap:.5rem}.legend-color{width:10px;height:10px}.timeline-axis{font-size:.65rem}.timeline-now-line{width:2px}.now-label{font-size:.6rem;padding:1px 6px}}.timezone-list{display:flex;flex-direction:column;width:100%;overflow-x:hidden;touch-action:pan-y;gap:.2rem;padding:2rem 1.5rem 2rem 3rem}.timezone-card{padding:1rem;display:grid;grid-template-columns:7.2fr 3.5fr 1.3fr;grid-gap:1rem;gap:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y;border-radius:5px;background-color:var(--mid);height:auto;cursor:-webkit-grab;cursor:grab}.timezone-card:active{cursor:-webkit-grabbing;cursor:grabbing}.timezone-card.user-location{cursor:default}.location-badge{font-size:1.1rem;margin-right:.25rem}.card-header{width:100%}.location-info-display{display:flex;flex-direction:column;gap:.25rem;letter-spacing:0}.city-row,.gmt-date-row{display:flex;align-items:baseline}.gmt-date-row{justify-content:flex-start;gap:1rem;margin-top:.25rem}.city-country-display{font-weight:500}.date-display{font-size:.85rem;opacity:.75}.gmt{opacity:.7}.gmt,.time-diff{font-size:.85rem}.time-diff{opacity:1;color:var(--text)}.time-display-wrapper{display:flex;align-items:center;gap:.75rem;margin-top:.9rem;position:relative}.time-display{font-size:4.3rem;margin-left:-3px;line-height:.75;height:auto}.toggle-seconds-button-inline{position:absolute;top:-2.7rem;left:14rem;background-color:var(--text);color:var(--mid);border:1px solid var(--text);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background-color .2s ease,color .2s ease;font-family:Anek Latin,sans-serif;padding:0 0 2px}.toggle-seconds-button-inline:hover{color:var(--light)}.card-middle{display:flex;align-items:flex-start;justify-content:flex-start;max-width:200px;overflow-wrap:break-word;word-break:break-word}.card-actions{display:flex;flex-direction:column;justify-content:space-between;gap:6px}.label-display{font-size:1.2rem;border-radius:3px;opacity:.8;font-weight:500;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;max-width:100%}.label-button,.label-display{letter-spacing:-.02rem;background-color:transparent;color:var(--text);font-family:Anek Latin,sans-serif}.label-button{border:1px solid var(--text);display:flex;justify-content:center;align-items:center;font-size:.75rem;padding:6px 0;border-radius:3px;cursor:pointer;opacity:.6;transition:opacity .2s ease;white-space:nowrap;flex-shrink:0;width:100%}.label-button:hover{opacity:1}.label-input{width:100%;max-width:100%;min-height:60px;padding:0 2px;font-size:1.2rem;letter-spacing:-.02rem;border:1px solid var(--text);border-radius:3px;background-color:var(--mid);color:var(--text);font-family:Anek Latin,sans-serif;resize:vertical;overflow-wrap:break-word;word-break:break-word;white-space:normal;box-sizing:border-box}.label-input:focus{outline:none;border-color:var(--text);opacity:1}.label-actions-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;width:100%}.label-confirm-button{background-color:var(--text);color:var(--mid);border:none;display:flex;justify-content:center;align-items:center;font-size:.7rem;padding:6px 8px;border-radius:3px;cursor:pointer;transition:opacity .2s ease}.label-confirm-button:hover{opacity:.8}.label-clear-button{background-color:transparent;color:var(--text);border:1px solid var(--text);display:flex;justify-content:center;align-items:center;font-size:.7rem;padding:6px 8px;border-radius:3px;cursor:pointer;transition:opacity .2s ease;flex-shrink:0;opacity:.6}.label-clear-button:hover{opacity:1}.remove-button{background-color:var(--text);color:var(--mid);display:flex;justify-content:center;align-items:center;font-size:.75rem;letter-spacing:-.02rem;padding:6px 0;border-radius:3px;border:1px solid var(--text);cursor:pointer;width:100%;font-family:Anek Latin,sans-serif}.footer{background-color:var(--mid);padding:1.5rem 3.5rem;margin-top:auto}.footer-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:1rem;gap:1rem;max-width:100%}.footer-left{display:flex;flex-direction:row;align-items:center;gap:1rem;justify-self:start}.footer-text{font-size:.85rem;opacity:.7;letter-spacing:-.02rem}.footer-text:last-child{justify-self:end}.github-link{display:inline-flex;align-items:center;color:var(--text);opacity:.6;transition:opacity .2s ease,transform .2s ease}.github-link:hover{opacity:1;transform:scale(1.1)}.github-icon{width:20px;height:20px}@media (max-width:768px){.footer-content{flex-direction:column;gap:.5rem;text-align:center}.footer-left{align-items:center}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_fa4cc9{font-family:Geist,Geist Fallback;font-style:normal}.__variable_fa4cc9{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_580fd3{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_580fd3{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}