@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";@font-face{font-family:Cabinet Grotesk;src:url(/fonts/CabinetGrotesk-Variable.woff2)format("woff2"),url(/fonts/CabinetGrotesk-Variable.woff)format("woff"),url(/fonts/CabinetGrotesk-Variable.ttf)format("truetype");font-weight:100 900;font-display:swap;font-style:normal}:root{--bg-orange:#f24e1e;--bg-orange-dark:#d83d10;--panel-bg:#f0f2f5;--panel-card-bg:#e6e8eb;--panel-card-inner:#fff;--panel-card-hover:#fcfcfd;--panel-card-active:#09090b;--text-primary:#09090b;--text-secondary:#71717a;--text-active-light:#fff;--text-active-secondary:#a1a1aa;--color-easy:#10b981;--color-medium:#f59e0b;--color-hard:#ef4444;--color-custom:#6366f1;--border-radius-large:32px;--border-radius-medium:20px;--border-radius-small:12px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--font-display:"Cabinet Grotesk", "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:radial-gradient(circle at center, var(--bg-orange) 0%, var(--bg-orange-dark) 100%);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;max-width:100vw;height:100vh;display:flex}.timespot-container{background-color:var(--panel-bg);width:100%;height:100vh;box-shadow:none;transition:var(--transition-smooth);border-radius:0;flex-direction:column;justify-content:space-between;gap:20px;padding:40px;display:flex;position:relative;overflow-y:auto}.timespot-header{justify-content:space-between;align-items:center;font-size:.95rem;font-weight:500;display:flex}.logo-section{cursor:pointer;align-items:center;gap:8px;display:flex}.logo-icon{background:var(--text-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.logo-text{font-family:var(--font-display);letter-spacing:-.5px;font-weight:700}.search-section{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:6px;font-size:.85rem;display:flex}.search-section:hover{color:var(--text-primary)}.header-actions{align-items:center;gap:20px;display:flex}.action-link{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);text-decoration:none}.action-link:hover{color:var(--text-primary)}.action-btn-black{background:var(--text-primary);color:#fff;transition:var(--transition-smooth);border-radius:100px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none}.action-btn-black:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000026}.clock-section{flex-direction:column;justify-content:center;align-items:center;padding:10px 0;display:flex;position:relative}.clock-digits{font-family:var(--font-display);letter-spacing:-5px;color:var(--text-primary);text-shadow:0 1px 2px #0000000d;-webkit-user-select:none;user-select:none;transition:var(--transition-smooth);font-size:15rem;font-weight:700;line-height:.9}.clock-digits-expired{color:var(--color-hard);animation:1s infinite alternate flash}@keyframes flash{0%{opacity:.8}to{opacity:1}}.clock-meta-bar{width:100%;color:var(--text-secondary);border-top:1px solid #0000000d;justify-content:space-between;margin-top:15px;padding-top:15px;font-size:.8rem;display:flex}.meta-left{align-items:center;gap:15px;display:flex}.meta-right{align-items:center;gap:8px;display:flex}.toggle-group{background:#0000000d;border-radius:100px;padding:2px;display:flex}.toggle-btn{cursor:pointer;color:var(--text-secondary);transition:var(--transition-smooth);background:0 0;border:none;border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:600}.toggle-btn.active{background:var(--text-primary);color:#fff}.info-section{grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;min-height:120px;display:grid}.city-display{flex-direction:column;display:flex}.city-title{letter-spacing:-.5px;color:var(--text-primary);font-size:2.2rem;font-weight:600;line-height:1.1}.city-subtitle{color:var(--text-secondary);margin-top:4px;font-size:1rem}.quote-display{color:var(--text-secondary);border-left:1px solid #00000014;flex-direction:column;justify-content:space-between;height:100%;padding-left:20px;font-size:.85rem;line-height:1.4;display:flex}.add-city-trigger{background:var(--panel-card-active);color:var(--text-active-light);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;border-radius:100px;justify-content:center;align-self:flex-end;align-items:center;gap:8px;margin-top:15px;padding:12px 24px;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 4px 12px #00000026}.add-city-trigger:hover{background:#1f1f23;transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.add-city-trigger:active{transform:translateY(0)}.bottom-cards-row{grid-template-columns:repeat(4,1fr);gap:15px;width:100%;display:grid}.timespot-card{background:var(--panel-card-inner);border-radius:var(--border-radius-medium);cursor:pointer;height:140px;transition:var(--transition-smooth);border:1px solid #00000005;flex-direction:column;justify-content:space-between;padding:20px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.timespot-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #00000014}.timespot-card.active{background:var(--panel-card-active);color:var(--text-active-light);box-shadow:0 12px 20px -5px #0000004d}.card-header{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.card-title{color:var(--text-secondary);font-size:.85rem;font-weight:500}.timespot-card.active .card-title{color:var(--text-active-secondary)}.card-badge{color:var(--text-secondary);background:#0000000d;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.timespot-card.active .card-badge{color:var(--text-active-light);background:#ffffff26}.card-value{font-family:var(--font-display);margin-top:15px;font-size:1.8rem;font-weight:700;line-height:1}.card-footer{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:10px;font-size:.75rem;display:flex}.timespot-card.active .card-footer{color:var(--text-active-secondary)}.footer-status{align-items:center;gap:4px;display:flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot.easy{background:var(--color-easy)}.status-dot.medium{background:var(--color-medium)}.status-dot.hard{background:var(--color-hard)}.status-dot.custom{background:var(--color-custom)}.controls-panel{justify-content:center;align-items:center;gap:15px;width:100%;margin-top:10px;display:flex}.control-btn{font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:100px;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;display:flex}.btn-primary{background:var(--text-primary);color:#fff}.btn-primary:hover{background:#27272a;transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);background:#0000000d}.btn-secondary:hover{background:#0000001a;transform:translateY(-1px)}.btn-danger{background:var(--color-hard);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.custom-config-box{background:var(--panel-card-inner);border-radius:var(--border-radius-medium);border:1px solid #00000005;flex-direction:column;gap:15px;padding:24px;display:flex}.custom-config-row{justify-content:space-between;align-items:center;display:flex}.input-slider{width:60%;accent-color:var(--text-primary);cursor:pointer}.coaching-alert-card{border-radius:var(--border-radius-medium);background:#fffbeb;border:1px solid #fef3c7;align-items:center;gap:15px;width:100%;padding:20px;animation:2s infinite pulse-border;display:flex}.coaching-emoji{font-size:2.2rem}.coaching-details{flex-direction:column;display:flex}.coaching-title{text-transform:uppercase;letter-spacing:1px;color:#b45309;font-size:.75rem;font-weight:700}.coaching-body{color:#78350f;margin-top:4px;font-size:1rem;font-weight:500}.summary-container{flex-direction:column;gap:24px;display:flex}.summary-header{text-align:center;margin-bottom:10px}.summary-headline{letter-spacing:-1px;font-size:2.5rem;font-weight:800}.summary-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.summary-card{background:var(--panel-card-inner);border-radius:var(--border-radius-medium);flex-direction:column;gap:15px;padding:20px;display:flex}.summary-title{color:var(--text-secondary);border-bottom:1px solid #0000000d;padding-bottom:8px;font-size:.9rem;font-weight:700}.summary-row{justify-content:space-between;padding:4px 0;font-size:.95rem;display:flex}.summary-val{font-weight:600}.chart-bar-container{flex-direction:column;gap:12px;display:flex}.chart-item{flex-direction:column;gap:4px;display:flex}.chart-label-row{color:var(--text-secondary);justify-content:space-between;font-size:.8rem;display:flex}.chart-bar-outer{background:#0000000d;border-radius:100px;height:10px;overflow:hidden}.chart-bar-inner{border-radius:100px;height:100%}.chart-bar-inner.thinking{background:var(--color-medium)}.chart-bar-inner.coding{background:var(--color-easy)}.chart-bar-inner.reviewing{background:var(--color-custom)}.stats-header-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.stats-grid-4{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.stats-mini-card{background:var(--panel-card-inner);border-radius:var(--border-radius-medium);flex-direction:column;gap:5px;padding:16px;display:flex}.stats-mini-val{font-family:var(--font-display);font-size:1.6rem;font-weight:700}.history-list{flex-direction:column;gap:10px;max-height:250px;padding-right:5px;display:flex;overflow-y:auto}.history-item{background:var(--panel-card-inner);border-radius:var(--border-radius-small);justify-content:space-between;align-items:center;padding:12px 18px;font-size:.9rem;display:flex}.history-left{align-items:center;gap:10px;display:flex}.badge-round{border-radius:50%;width:8px;height:8px}.history-right{color:var(--text-secondary);align-items:center;gap:15px;display:flex}.history-status-badge{border-radius:100px;padding:2px 8px;font-size:.75rem;font-weight:600}.history-status-badge.solved{color:var(--color-easy);background:#10b9811a}.history-status-badge.unsolved{color:var(--color-hard);background:#ef44441a}.history-status-badge.gave_up{color:var(--text-secondary);background:#71717a1a}.focus-active .timespot-header,.focus-active .quote-display,.focus-active .add-city-trigger,.focus-active .clock-meta-bar,.focus-active .stats-section,.focus-active .history-section{display:none!important}.focus-active .timespot-container{gap:40px;padding:60px 40px}.focus-active .clock-digits{letter-spacing:-8px;font-size:22rem}.focus-active .info-section{text-align:center;grid-template-columns:1fr;justify-content:center}.focus-active .city-title{font-size:3rem}@media (width<=768px){.timespot-container{gap:20px;padding:20px}.clock-digits{letter-spacing:-2px;font-size:7rem}.focus-active .clock-digits{letter-spacing:-3px;font-size:9rem}.info-section{grid-template-columns:1fr;gap:15px}.quote-display{border-top:1px solid #00000014;border-left:none;padding-top:15px;padding-left:0}.bottom-cards-row,.stats-grid-4{grid-template-columns:repeat(2,1fr)}.summary-grid{grid-template-columns:1fr}}@media (width>=769px) and (width<=1200px){.clock-digits{letter-spacing:-4px;font-size:11rem}.focus-active .clock-digits{letter-spacing:-6px;font-size:16rem}}.digit-container{text-align:center;vertical-align:middle;width:.62em;height:1em;line-height:.9;display:inline-block;position:relative;overflow:hidden}.digit-roll{flex-direction:column;height:200%;display:flex;transform:translateY(0)}.digit-roll.roll-active{transition:transform .22s cubic-bezier(.34,1.56,.64,1);transform:translateY(-50%)}.digit-num{justify-content:center;align-items:center;height:50%;display:flex}.clock-colon{vertical-align:middle;justify-content:center;align-items:center;width:.35em;height:1em;display:inline-flex;transform:translateY(-.06em)}.exit-focus-floating-btn{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);z-index:100;background:#0000000d;border:1px solid #00000014;border-radius:100px;padding:8px 16px;font-size:.78rem;font-weight:600;position:absolute;top:24px;right:24px}.exit-focus-floating-btn:hover{background:var(--text-primary);color:#fff;border-color:var(--text-primary);transform:translateY(-1px)}.mobile-clock-layout{display:none}@media (width<=768px){.desktop-clock-layout{display:none!important}.mobile-clock-layout{box-sizing:border-box;color:#1c2024;z-index:1000;background:#edeef0;flex-direction:column;justify-content:space-between;width:100vw;height:100vh;padding:40px 24px 30px;position:fixed;top:0;left:0;overflow-y:auto;display:flex!important}.mobile-clock-header{justify-content:space-between;align-items:center;width:100%;display:flex}.mobile-logo{font-family:var(--font-sans);color:#1c2024;letter-spacing:-.02em;font-size:1.2rem;font-weight:700}.mobile-hamburger{cursor:pointer;flex-direction:column;gap:6px;width:22px;display:flex}.mobile-hamburger span{background:#1c2024;border-radius:4px;width:100%;height:1.8px}.mobile-sub-header{text-align:left;border-top:1px solid #00000014;flex-direction:column;align-items:flex-start;width:100%;margin-top:10px;padding-top:20px;display:flex}.mobile-sub-title{color:#7c7c80;letter-spacing:.05em;font-size:.72rem;font-weight:700}.mobile-sub-desc{color:#1c2024;margin-top:4px;font-size:1.05rem;font-weight:500}.mobile-dial-container{justify-content:center;align-items:center;width:260px;height:260px;margin:15px auto;display:flex;position:relative}.mobile-dial-svg{width:100%;height:100%;position:absolute;top:0;left:0}.mobile-dial-center{z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex}.mobile-dial-label{color:#8c8c90;text-transform:capitalize;font-size:.75rem;font-weight:500}.mobile-dial-time{font-family:var(--font-display);color:#1c2024;letter-spacing:-.02em;margin-top:2px;font-size:3.5rem;font-weight:700;line-height:1}.mobile-remaining-box{flex-direction:column;align-items:center;margin-top:-5px;display:flex}.mobile-remaining-label{color:#8c8c90;font-size:.72rem;font-weight:500}.mobile-remaining-time{font-family:var(--font-sans);color:#1c2024;margin-top:2px;font-size:1.4rem;font-weight:700}.mobile-project-dropdown{text-align:left;box-sizing:border-box;background:#fff;border:1px solid #0000000a;border-radius:12px;flex-direction:column;gap:4px;width:100%;margin:10px 0;padding:14px 18px;display:flex}.mobile-dropdown-label{color:#9ca3af;text-transform:capitalize;font-size:.68rem;font-weight:600}.mobile-dropdown-value-row{justify-content:space-between;align-items:center;display:flex}.mobile-dropdown-value{color:#1c2024;font-size:.92rem;font-weight:700}.mobile-dropdown-arrow{color:#9ca3af;font-size:.65rem}.mobile-action-buttons{gap:14px;width:100%;margin-top:5px;display:flex}.mobile-btn-break{color:#1c2024;cursor:pointer;text-align:center;background:0 0;border:1.5px solid #1c202433;border-radius:100px;flex:1;padding:16px;font-size:.95rem;font-weight:600;transition:all .2s}.mobile-btn-break:active{background:#0000000a}.mobile-btn-clockout{color:#fff;cursor:pointer;text-align:center;background:#ff5a2b;border:none;border-radius:100px;flex:1;padding:16px;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #ff5a2b4d}.mobile-btn-clockout:active{opacity:.95;transform:scale(.98)}.mobile-giveup-link{color:#8c8c90;cursor:pointer;text-align:center;margin-top:5px;font-size:.78rem;text-decoration:underline}}