*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-app: #0f1117;--bg-card: rgba(255, 255, 255, .02);--border-subtle: rgba(255, 255, 255, .05);--text-primary: #d1d5db;--text-secondary: #9ca3af;--text-muted: #4b5563;--btn-hover: rgba(255, 255, 255, .05);--ring-bg: rgba(255, 255, 255, .03);--kbd-bg: rgba(255, 255, 255, .02);--accent-short: #a2c4a2;--accent-medium: #8ba9c0;--accent-custom: #c4b0c7;--accent-break: #c4b89d;--zippy-transition: .15s cubic-bezier(.4, 0, .2, 1)}.hidden{display:none!important}.light-mode{--bg-app: #f5f7fa;--bg-card: rgba(0, 0, 0, .02);--border-subtle: rgba(0, 0, 0, .08);--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--btn-hover: rgba(0, 0, 0, .04);--ring-bg: rgba(0, 0, 0, .04);--kbd-bg: rgba(0, 0, 0, .02)}html,body{height:100%;font-family:Inter,-apple-system,system-ui,sans-serif;background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased}.top-nav{width:100%;padding:1.5rem 0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-container.justify-end{justify-content:flex-end}.logo{font-size:1.5rem;font-weight:500;letter-spacing:-.02em;color:var(--text-secondary);-webkit-user-select:none;user-select:none;display:block}.logo span{color:var(--text-primary);font-weight:700}.sidebar-logo{margin-bottom:1.5rem;font-size:1.25rem;padding-left:0;font-weight:500;letter-spacing:-.02em}@media(max-width:900px){.sidebar-logo{display:none}}.sidebar-logo span{font-weight:700}.session-counter{display:flex;flex-direction:column;align-items:center;gap:.4rem}.session-label{font-size:.65rem;color:var(--text-muted);letter-spacing:.05em}.presets{display:flex;gap:.25rem;background:var(--bg-card);padding:.25rem;border-radius:12px;transition:opacity .3s ease,transform .3s ease,visibility .3s;opacity:1;transform:translateY(0);visibility:visible}.presets.hidden{opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none;height:0;padding:0;overflow:hidden}.preset-btn{font-family:inherit;font-size:.75rem;font-weight:500;padding:.5rem .85rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.preset-btn:hover{color:var(--text-primary);background:var(--btn-hover);transform:translateY(-1px)}.preset-btn.active{background:#ffffff14;color:var(--text-primary);box-shadow:0 4px 12px #0000001a}.icon-btn{transition:all .2s ease}.icon-btn:hover{background:var(--btn-hover);color:var(--text-primary);transform:translateY(-2px)}.custom-input{display:flex;align-items:center;gap:.5rem;transition:opacity .3s ease,transform .3s ease,visibility .3s;opacity:1;transform:translateY(0);visibility:visible}.custom-input.hidden{opacity:0;transform:translateY(-5px);visibility:hidden;pointer-events:none;height:0;overflow:hidden}.custom-input label{font-size:.75rem;color:var(--text-muted)}.custom-input input{font-family:JetBrains Mono,monospace;font-size:1rem;width:60px;background:transparent;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);text-align:center;padding:.4rem;outline:none}.active-task-banner{margin-bottom:1.25rem;padding:.6rem 1.2rem;background:color-mix(in srgb,var(--current-accent, #8ba9c0) 10%,transparent);border:1px solid var(--current-accent, var(--accent-medium));border-radius:16px;text-align:center;max-width:90%;animation:slideDown .4s cubic-bezier(.16,1,.3,1)}.active-task-label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--current-accent, var(--accent-medium));margin-bottom:.25rem;opacity:.8}.running-task-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.history-tasks-list{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.4rem}.history-task-entry{display:flex;align-items:center;gap:.6rem;font-size:.75rem}.history-task-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-medium);opacity:.6}.history-task-name{color:var(--text-secondary);flex:1}.history-task-count{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600}.history-item-main{display:flex;justify-content:space-between;align-items:center}.timer-ring-container{position:relative;width:240px;height:240px}.timer-ring{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--ring-bg);stroke-width:4}.ring-progress{fill:none;stroke:var(--current-accent, var(--accent-medium));stroke-width:4;stroke-linecap:round;stroke-dasharray:722.57;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear,stroke .6s cubic-bezier(.4,0,.2,1)}.timer-ring-container.running .ring-progress{animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%{filter:drop-shadow(0 0 2px var(--current-accent));opacity:.9}50%{filter:drop-shadow(0 0 8px var(--current-accent));opacity:1}to{filter:drop-shadow(0 0 2px var(--current-accent));opacity:.9}}.timer-display{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.time{font-family:JetBrains Mono,monospace;font-size:4rem;font-weight:600;color:var(--text-primary);letter-spacing:-.05em;transition:opacity .2s ease,transform .2s ease,color .4s ease;z-index:10}.time.transitioning{opacity:0;transform:scale(.95)}.time[contenteditable=true]{outline:none;cursor:text;caret-color:var(--current-accent, var(--accent-medium));padding:0 .5rem;border-radius:8px;background:#64646426;box-shadow:inset 0 0 0 2px var(--current-accent, var(--accent-medium));transition:all .2s ease}.status{font-size:.65rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;margin-top:.5rem}.controls{display:flex;gap:1rem}.btn{font-family:inherit;font-size:.8rem;font-weight:500;padding:.6rem 1.2rem;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--zippy-transition)}.btn-icon{width:14px;height:14px}.btn-primary{background:var(--text-primary);color:var(--bg-app)}.btn-primary:hover{transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--btn-hover);border-color:#ffffff1a}.ambient-controls{display:flex;align-items:center;gap:.5rem;padding-top:.5rem}.ambient-btn{font-family:inherit;font-size:.65rem;font-weight:500;padding:.35rem .6rem;border:1px solid var(--border-subtle);border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:var(--zippy-transition)}.ambient-btn:hover{color:var(--text-secondary);border-color:#ffffff1a}.ambient-btn.active{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff1f}.ambient-btn svg{opacity:.6}.ambient-btn.active svg{opacity:1}.volume-control{display:flex;align-items:center;animation:fadeIn .2s ease-out}.volume-control.hidden{display:none}.volume-control input[type=range]{width:60px;height:3px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--border-subtle);border-radius:2px;outline:none;cursor:pointer}.volume-control input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--text-secondary);cursor:pointer}.volume-control input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--text-secondary);cursor:pointer}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-app);transition:background-color .4s ease,color .4s ease;position:relative}.top-nav{width:100%;padding:1rem 2rem;z-index:1000;position:absolute;top:0;left:0}.nav-container{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-actions{display:flex;gap:.5rem;align-items:center;margin-left:auto}.mobile-logo{display:none}@media(max-width:900px){.mobile-logo{display:block;font-size:1.1rem;padding-left:0}}.main-layout{display:grid;grid-template-columns:320px 1fr 320px;gap:20px;width:100%;max-width:1400px;margin:0 auto;padding:.5rem 2rem;box-sizing:border-box;flex:1;align-items:center}@media(max-width:1100px){.main-layout{grid-template-columns:300px 1fr}.main-layout:after{display:none}}@media(max-width:900px){.main-layout{grid-template-columns:1fr;padding-top:5rem;gap:2rem;padding-bottom:6rem}.main-layout.show-tasks .timer-card,.main-layout.show-timer .side-panel{display:none}.side-panel{order:2}.timer-card{order:1}}.main-layout:after{content:"";width:340px}.app.zen-mode .top-nav,.app.zen-mode .side-panel,.app.zen-mode .right-panel,.app.zen-mode .mobile-nav,.app.zen-mode .presets,.app.zen-mode .ambient-controls,.app.zen-mode .volume-control,.app.zen-mode .controls,.app.zen-mode .session-counter{opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.app.zen-mode .main-layout{grid-template-columns:1fr;max-width:800px;padding-top:0;display:flex;justify-content:center}.app.zen-mode .side-panel,.app.zen-mode .right-panel,.app.zen-mode .main-layout:after{display:none}.app.zen-mode .timer-card{transform:scale(1.1);transition:transform .5s cubic-bezier(.34,1.56,.64,1);background:transparent;border:none;box-shadow:none}.app.zen-mode .timer-ring-container{width:320px;height:320px;transition:width .5s ease,height .5s ease}.app.zen-mode .time{font-size:5rem}#zenExitBtn{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease;z-index:9999}.app.zen-mode #zenExitBtn{opacity:1;visibility:visible;pointer-events:auto}.side-panel,.right-panel{display:flex;flex-direction:column;gap:2rem;width:100%;padding:2rem 1.5rem;box-sizing:border-box}@media(max-width:1100px){.right-panel{display:none}}@media(min-width:901px){.side-panel,.right-panel{max-height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.side-panel::-webkit-scrollbar,.right-panel::-webkit-scrollbar{display:none}.app{min-height:100vh;overflow-x:hidden}.main-layout{overflow:visible}}.task-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:24px;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 4px 24px -1px #0000000d;transition:box-shadow .6s ease}.timer-card{box-shadow:0 20px 40px -10px #0000001a,0 0 20px -5px color-mix(in srgb,var(--current-accent, #8ba9c0) 20%,transparent);transition:transform .3s ease,box-shadow .6s ease}.timer-card:hover{box-shadow:0 25px 50px -12px #00000026,0 0 30px -5px color-mix(in srgb,var(--current-accent, #8ba9c0) 30%,transparent)}.settings-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.setting-item{display:flex;flex-direction:column;gap:.5rem}.pwa-instructions-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 4px 24px -1px #0000000d}.platform-instruction h3{font-size:.9rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600}.platform-instruction h3 svg{opacity:.8}.platform-instruction ol{font-size:.8rem;color:var(--text-muted);padding-left:1.5rem;line-height:1.8;margin:0}.platform-instruction li{margin-bottom:.4rem}.platform-instruction li strong{color:var(--text-secondary);font-weight:500}.setting-item label{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.setting-control{display:flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.75rem}.setting-control input{width:100%;background:#00000008;border:1px solid var(--border-subtle);border-radius:8px;padding:.4rem;color:var(--text-primary);text-align:center;font-family:JetBrains Mono,monospace;font-size:.85rem;outline:none;transition:border-color .2s}.setting-control input:focus{border-color:var(--current-accent)}.toggle-item{flex-direction:row!important;justify-content:space-between;align-items:center;grid-column:span 2;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.switch{position:relative;display:inline-block;width:36px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--border-subtle);transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent-medium)}input:checked+.slider:before{transform:translate(16px)}.plan-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.25rem}.plan-title-row{display:flex;justify-content:space-between;align-items:center;width:100%}.plan-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.plan-name-input{width:100%;background:#00000008;border:1px solid var(--border-subtle);border-radius:12px;padding:.75rem 1rem;color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;transition:all .2s ease;box-sizing:border-box}.plan-name-input:focus{border-color:var(--current-accent);background:transparent}.plan-name-input::placeholder{color:var(--text-muted);opacity:.4}.side-panel-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0}.plan-actions{display:flex;gap:.5rem;align-items:center}.clear-plan-btn{background:transparent;color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:99px;padding:.2rem .6rem;font-size:.65rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.clear-plan-btn:hover{color:var(--text-secondary);border-color:var(--text-muted)}.start-plan-btn{background:transparent;color:var(--current-accent, var(--accent-medium));border:1px solid var(--current-accent, var(--accent-medium));border-radius:99px;padding:.2rem .6rem;font-size:.65rem;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:.3rem;cursor:pointer;transition:all .2s ease}.start-plan-btn:hover{background:var(--current-accent, var(--accent-medium));color:#fff}.task-entry{display:flex;flex-direction:column;gap:1rem}.input-wrapper{position:relative}.task-entry input[type=text]{width:100%;background:#00000008;border:1px solid var(--border-subtle);border-radius:12px;padding:.75rem 1rem;color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;transition:all .2s ease;box-sizing:border-box}.task-entry input[type=text]:focus{border-color:var(--current-accent);background:transparent}.task-estimate{display:flex;align-items:center;justify-content:space-between;gap:1rem}.estimate-control{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8rem}.estimate-control input{width:50px;background:#00000008;border:1px solid var(--border-subtle);border-radius:8px;padding:.4rem;color:var(--text-primary);text-align:center;font-family:JetBrains Mono,monospace;outline:none}.add-task-btn{background:var(--text-primary);color:var(--bg-app);border:none;padding:.5rem 1.25rem;border-radius:99px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.add-task-btn:hover{opacity:.9;transform:translateY(-1px)}.timer-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:28px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:0 10px 40px -10px #0003;width:100%;max-width:440px;margin:0 auto;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.task-queue{display:flex;flex-direction:column;gap:.75rem}.queue-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#00000005;border:1px solid var(--border-subtle);border-radius:14px;transition:all .2s ease;position:relative;overflow:hidden}.queue-item:hover{border-color:var(--current-accent)}.queue-item.active{background:rgba(var(--current-accent-rgb, 139, 169, 192),.08);border-color:var(--current-accent);box-shadow:0 4px 12px rgba(var(--current-accent-rgb, 139, 169, 192),.1)}.queue-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--current-accent)}.queue-item.completed{opacity:.5}.queue-item.completed .queue-item-name{text-decoration:line-through}.queue-item-left{display:flex;align-items:center;gap:.75rem}.queue-item-name{font-size:.85rem;color:var(--text-secondary);font-weight:500}.queue-item-meta{display:flex;align-items:center;gap:.6rem}.queue-dots-preview{font-family:JetBrains Mono,monospace;font-weight:700;font-size:.7rem;color:var(--text-muted)}.active-task-pill{background:var(--current-accent, var(--accent-medium));color:#fff;border:none;border-radius:99px;padding:.2rem .6rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.active-task-pill.running{animation:breathe 2s infinite ease-in-out}.active-task-pill.paused{background:#0000001a;color:var(--text-muted);border:1px solid var(--border-subtle)}.active-task-pill:hover{transform:scale(1.05)}.done-pill{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-short);opacity:.8}.next-pill{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);opacity:.8}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}.remove-queue-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.remove-queue-btn:hover{color:#ef4444}.active-task-display{padding:1rem;background:rgba(var(--current-accent-rgb, 139, 169, 192),.1);border:1px solid var(--current-accent);border-radius:16px}.active-task-info{display:flex;justify-content:space-between;align-items:center}.task-meta{display:flex;flex-direction:column;gap:.2rem}.next-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--current-accent)}.active-task-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.clear-task-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-task-btn:hover{background:#0000000d;color:#ef4444}.timer-ring-container.complete .time{animation:gentleBlink 2s ease-in-out 3}@keyframes gentleBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.footer{text-align:center;padding:1rem 0}.footer p{font-size:.7rem;color:var(--text-muted);opacity:.7;transition:opacity .3s ease}.footer:hover p{opacity:.8}kbd{font-family:inherit;color:var(--text-secondary);border:1px solid var(--border-subtle);padding:.1rem .3rem;border-radius:4px;background:var(--kbd-bg)}.nav-actions{display:flex;align-items:center;gap:1.25rem}#auth-root{display:flex;align-items:center;min-height:36px;min-width:80px;justify-content:flex-end}.sign-in-btn{font-family:inherit;font-size:.8rem;font-weight:600;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-subtle);padding:.5rem 1rem;border-radius:99px;cursor:pointer;transition:var(--zippy-transition)}.sign-in-btn:hover{background:var(--btn-hover);border-color:#80808033}.theme-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--zippy-transition)}.theme-btn:hover{color:var(--text-primary);background:var(--btn-hover);border-color:#80808033}.theme-btn svg{width:18px;height:18px}body.light-mode .moon-icon{display:none}body:not(.light-mode) .sun-icon{display:none}@media(max-width:768px){.app{padding:1rem;gap:1rem}.logo{font-size:1.1rem}.timer-card{gap:1.25rem}.timer-ring-container{width:180px;height:180px}.time{font-size:2.5rem}.status{font-size:.6rem;margin-top:.2rem}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.4rem;width:100%}.preset-btn{padding:.4rem .2rem;font-size:.7rem;width:100%}.ambient-controls{gap:.4rem}.ambient-btn{padding:.3rem .5rem;font-size:.6rem}}@media(max-width:768px)and (max-height:600px){.app{padding:1rem .4rem .4rem;gap:.4rem;justify-content:flex-start}.timer-ring-container{width:140px;height:140px}.time{font-size:2rem}.session-counter,.footer{display:none}.logo{font-size:.9rem}.timer-card{gap:.6rem}}@media(max-width:768px){.logo{font-size:1.1rem}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-moz-appearance:none;appearance:none;-webkit-appearance:none}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.icon-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--zippy-transition);width:36px;height:36px}.icon-btn:hover{color:var(--text-primary);background:var(--btn-hover);border-color:#80808033}#historyBtn{width:auto;padding:0 1rem;gap:.5rem;border-radius:99px;font-family:inherit;font-size:.8rem;font-weight:500}@media(max-width:600px){#historyBtn .btn-label-text{display:none}#historyBtn{width:36px;padding:0}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .3s ease,visibility .3s}#historyModalInner{width:100%;max-width:1440px;display:flex;justify-content:flex-end;padding:0 2rem;margin-top:4.5rem;align-self:flex-start}@media(min-width:768px){.modal{align-items:flex-start}}@media(max-width:767px){#historyModalInner{justify-content:center;margin-top:0;align-self:center;padding:0}}.modal.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-content{background:var(--bg-app);border:1px solid var(--border-subtle);padding:2rem;border-radius:16px;width:90%;max-width:340px;max-height:80vh;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(1);transition:transform .3s cubic-bezier(.4,0,.2,1)}.modal.hidden .modal-content{transform:scale(.95)}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.close-btn{background:transparent;border:none;font-size:1.5rem;line-height:1;color:var(--text-muted);cursor:pointer;padding:.2rem;transition:color .2s}.close-btn:hover{color:var(--text-primary)}.history-list{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;padding-right:.5rem}.history-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-subtle)}.history-date{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-secondary)}.history-stats{text-align:right}.history-month-header{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:1rem;margin-bottom:.25rem;padding-left:.25rem}.history-month-header:first-of-type{margin-top:0}.history-sessions{font-weight:600;color:var(--text-primary);font-size:.9rem}.history-minutes{font-size:.75rem;color:var(--text-muted)}.empty-history{text-align:center;color:var(--text-muted);font-style:italic;padding:2rem 0}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:transparent}.history-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.toast-container{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);color:var(--text-primary);padding:.75rem 1.25rem;border-radius:12px;font-size:.85rem;font-weight:500;box-shadow:0 12px 32px -4px #0003;display:flex;align-items:center;gap:.75rem;animation:toast-in .4s cubic-bezier(.16,1,.3,1),toast-out .4s 2.6s cubic-bezier(.16,1,.3,1) forwards;pointer-events:auto;min-width:280px;max-width:90vw}@keyframes toast-in{0%{opacity:0;transform:translateY(1rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-1rem) scale(.95)}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;width:100%;height:70px;background:#0f1117cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);z-index:2000;justify-content:space-around;align-items:center;padding:0 1rem}.light-mode .mobile-nav{background:#f5f7facc}.mobile-nav-btn{background:transparent;border:none;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:4px;font-family:inherit;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease;cursor:pointer;padding:.5rem}.mobile-nav-btn svg{width:20px;height:20px;opacity:.7}.mobile-nav-btn.active{color:var(--text-primary)}.mobile-nav-btn.active svg{opacity:1;color:var(--current-accent, var(--accent-medium))}@media(max-width:900px){.mobile-nav{display:flex}}.bottom-footer{display:block;margin-top:auto;width:100%;padding:1rem 0;border-top:1px solid var(--border-subtle);background:transparent}.sidebar-page-links{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;padding:.25rem 0 .5rem}@media(max-width:900px){.sidebar-page-links{display:none}}@media(max-width:900px){.bottom-footer{display:block;margin-bottom:4rem;padding:1.25rem 0}}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.copyright{font-size:.75rem;color:var(--text-muted)}.footer-links{display:flex;gap:1.5rem}.footer-link{font-size:.75rem;color:var(--text-secondary);text-decoration:none;transition:var(--zippy-transition)}.footer-link:hover{color:var(--text-primary)}@media(max-width:600px){.footer-container{flex-direction:column;text-align:center}}.static-content{max-width:700px;width:90%}.static-page-body{padding:1.5rem 0;line-height:1.6;color:var(--text-secondary);font-size:.9rem}.static-page-body h3{color:var(--text-primary);margin:1.5rem 0 .5rem;font-size:1.1rem}.static-page-body p{margin-bottom:1rem}.static-page-body ul{margin-bottom:1rem;padding-left:1.5rem}.static-page-body li{margin-bottom:.5rem}.static-page-body a{color:var(--current-accent, var(--accent-medium));text-decoration:none}.static-page-body a:hover{text-decoration:underline}.modal-inner{display:flex;align-items:center;justify-content:center;min-height:100%;padding:2rem;width:100%}#staticPageModal{align-items:center}