@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--border-radius-xl:32px;--transition-fast:all .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:all .4s cubic-bezier(.4, 0, .2, 1);--transition-elastic:all .5s cubic-bezier(.175, .885, .32, 1.275);--h-work:6;--s-work:100%;--l-work:72%;--color-work:hsl(var(--h-work), var(--s-work), var(--l-work));--color-work-dark:hsl(var(--h-work), var(--s-work), 60%);--color-work-glow:hsla(var(--h-work), var(--s-work), var(--l-work), .15);--h-break:172;--s-break:66%;--l-break:50%;--color-break:hsl(var(--h-break), var(--s-break), var(--l-break));--color-break-dark:hsl(var(--h-break), var(--s-break), 40%);--color-break-glow:hsla(var(--h-break), var(--s-break), var(--l-break), .15);--h-longbreak:187;--s-longbreak:75%;--l-longbreak:41%;--color-longbreak:hsl(var(--h-longbreak), var(--s-longbreak), var(--l-longbreak));--color-longbreak-glow:hsla(var(--h-longbreak), var(--s-longbreak), var(--l-longbreak), .15)}[data-theme=dark]{--bg-app:#0c0d12;--bg-panel:linear-gradient(135deg, #14161fa6 0%, #0c0d12d9 100%);--bg-panel-solid:#14161f;--bg-item:#1e212f66;--bg-item-active:#282c3e99;--border-color:#ffffff0f;--border-focus:#ffffff26;--text-primary:#f3f4f6;--text-secondary:#8e96aa;--text-muted:#5b6275;--shadow-main:0 20px 40px -15px #00000080;--shadow-card:0 8px 30px #0000004d;--glass-effect:backdrop-filter: blur(20px) saturate(190%);--color-state:var(--color-work);--color-state-dark:var(--color-work-dark);--color-state-glow:var(--color-work-glow)}[data-theme=light]{--bg-app:#f4f6fa;--bg-panel:linear-gradient(135deg, #ffffffbf 0%, #ffffff8c 100%);--bg-panel-solid:#fff;--bg-item:#f0f3f899;--bg-item-active:#fff;--border-color:#0000000d;--border-focus:#0000001f;--text-primary:#1e202c;--text-secondary:#64748b;--text-muted:#94a3b8;--shadow-main:0 20px 40px -15px #1e202c14;--shadow-card:0 8px 30px #1e202c0a;--glass-effect:backdrop-filter: blur(20px) saturate(190%);--color-state:var(--color-work);--color-state-dark:var(--color-work-dark);--color-state-glow:var(--color-work-glow)}[data-state=work]{--color-state:var(--color-work);--color-state-dark:var(--color-work-dark);--color-state-glow:var(--color-work-glow)}[data-state=break]{--color-state:var(--color-break);--color-state-dark:var(--color-break-dark);--color-state-glow:var(--color-break-glow)}[data-state=longbreak]{--color-state:var(--color-longbreak);--color-state-dark:hsl(var(--h-longbreak), var(--s-longbreak), 30%);--color-state-glow:var(--color-longbreak-glow)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);background-image:radial-gradient(circle at 50% 0%, var(--color-state-glow) 0%, transparent 60%);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-smooth), color var(--transition-smooth), background-image var(--transition-smooth);background-attachment:fixed;line-height:1.5;overflow-x:hidden}button,input,textarea,select{color:inherit;font-family:inherit}button{cursor:pointer;transition:var(--transition-fast);background:0 0;border:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px 0 var(--color-state-glow)}50%{box-shadow:0 0 35px 8px var(--color-state-glow)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-scale{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}.app-container{flex-direction:column;gap:1.5rem;max-width:480px;min-height:100vh;margin:0 auto;padding:1.25rem 1.25rem 5rem;display:flex}@media (width>=768px){.app-container{grid-template-rows:auto auto;grid-template-columns:1.2fr 1fr;align-items:start;max-width:900px;padding:2.5rem;display:grid}.header-wrapper{grid-column:1/-1}.left-column,.right-column{flex-direction:column;gap:1.5rem;display:flex}}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-main);-webkit-backdrop-filter:blur(20px)saturate(190%);transition:var(--transition-smooth);padding:1.5rem}.title-outfit{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}.input-field{border-radius:var(--border-radius-sm);background:var(--bg-item);border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:var(--transition-fast);padding:.75rem 1rem;font-size:.95rem}.input-field:focus{border-color:var(--color-state);box-shadow:0 0 0 3px var(--color-state-glow);outline:none}.timer-container{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.timer-mode-badge{background:var(--bg-item);border:1px solid var(--border-color);letter-spacing:.05em;transition:var(--transition-smooth);border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex}.timer-mode-title{color:var(--text-primary)}.timer-counter-badge{color:var(--text-muted);border-left:1px solid var(--border-color);padding-left:.25rem;font-size:.75rem}.timer-visual-wrapper{justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative}.timer-svg{width:100%;height:100%;position:absolute;top:0;left:0}.timer-circle-bg{fill:none;stroke:var(--bg-item)}.timer-circle-progress{fill:none;stroke:var(--color-state);transition:stroke-dashoffset .35s linear, stroke var(--transition-smooth)}.timer-text-content{z-index:10;flex-direction:column;align-items:center;display:flex}.timer-time-digits{color:var(--text-primary);font-feature-settings:"tnum";font-size:4rem;font-weight:700;line-height:1}.timer-status-text{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-top:.5rem;font-size:.8rem;font-weight:500}.timer-controls{align-items:center;gap:1.5rem;display:flex}.timer-btn-primary{background:linear-gradient(135deg, var(--color-state) 0%, var(--color-state-dark) 100%);color:#121214;width:72px;height:72px;box-shadow:0 10px 25px -5px var(--color-state-glow);transition:var(--transition-elastic);border-radius:50%;justify-content:center;align-items:center;display:flex}.timer-btn-primary:hover{box-shadow:0 12px 30px -2px var(--color-state-glow);transform:scale(1.08)}.timer-btn-primary:active{transform:scale(.95)}.timer-btn-secondary{background:var(--bg-item);border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.timer-btn-secondary:hover{background:var(--bg-item-active);color:var(--text-primary);border-color:var(--border-focus);transform:translateY(-2px)}.timer-btn-secondary:active{transform:translateY(0)}.timer-active-task-container{width:100%;margin-top:.5rem}.timer-active-task-card{text-align:left;background:var(--color-state-glow);border:1px solid var(--color-state);border-radius:var(--border-radius-md);justify-content:space-between;align-items:center;padding:1rem 1.25rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex}.timer-active-task-info{flex-direction:column;gap:.25rem;max-width:80%;display:flex}.timer-active-task-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--color-state);font-size:.65rem;font-weight:700}.timer-active-task-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:500;overflow:hidden}.timer-active-task-check-btn{color:var(--color-state);opacity:.8;justify-content:center;align-items:center;display:flex}.timer-active-task-check-btn:hover{opacity:1;color:var(--color-state-dark);transform:scale(1.1)}.timer-active-task-check-btn:active{transform:scale(.9)}.timer-active-task-placeholder{border-radius:var(--border-radius-md);border:1px dashed var(--border-color);color:var(--text-muted);padding:1rem;font-size:.85rem}.config-container{flex-direction:column;gap:1.25rem;display:flex}.config-header{color:var(--text-primary);border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding-bottom:.75rem;display:flex}.config-header-icon{color:var(--color-state)}.config-title{font-size:1.2rem;font-weight:600}.config-grid{flex-direction:column;gap:.85rem;display:flex}.config-item{justify-content:space-between;align-items:center;gap:1rem;display:flex}.config-item-info{text-align:left;flex-direction:column;display:flex}.config-item-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.config-stepper{background:var(--bg-item);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:140px;transition:var(--transition-fast);justify-content:space-between;align-items:center;padding:.25rem;display:flex}.config-stepper:focus-within{border-color:var(--color-state);box-shadow:0 0 0 2px var(--color-state-glow)}.stepper-btn{width:28px;height:28px;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;display:flex}.stepper-btn:hover{background:var(--bg-item-active);color:var(--text-primary)}.stepper-input{text-align:center;-moz-appearance:textfield;background:0 0;border:none;outline:none;width:50px;font-size:.95rem;font-weight:600}.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.config-notifications-panel{border-top:1px solid var(--border-color);margin-top:.25rem;padding-top:1rem}.config-notification-row{text-align:left;justify-content:space-between;align-items:center;gap:1rem;display:flex}.config-notif-info{flex-direction:column;gap:.25rem;display:flex}.config-notif-title-row{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.config-notif-desc{color:var(--text-muted);max-width:240px;font-size:.75rem;line-height:1.4}.config-notif-btn{border-radius:var(--border-radius-sm);background:var(--color-state-glow);color:var(--color-state);border:1px solid var(--color-state);padding:.4rem .85rem;font-size:.8rem;font-weight:600}.config-notif-btn:hover{background:var(--color-state);color:#121214}.badge-granted{color:var(--color-break);border:1px solid var(--color-break);background:#2dd4bf1a;border-radius:100px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.badge-denied{color:var(--color-work);border:1px solid var(--color-work);background:#ff7a701a;border-radius:100px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.task-list-container{flex-direction:column;gap:1.25rem;display:flex}.task-list-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.task-list-title-row{align-items:center;gap:.5rem;display:flex}.task-list-title{color:var(--text-primary);font-size:1.2rem;font-weight:600}.task-list-counter{background:var(--bg-item);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:100px;padding:.2rem .65rem;font-size:.8rem;font-weight:600}.task-add-form{gap:.5rem;display:flex;position:relative}.task-add-input{padding-right:3.5rem}.task-add-submit-btn{border-radius:var(--border-radius-sm);color:#121214;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.task-add-submit-btn:hover{filter:brightness(1.1);transform:translateY(-50%)scale(1.05)}.task-add-submit-btn:active{transform:translateY(-50%)scale(.95)}.task-items-wrapper{flex-direction:column;gap:.75rem;max-height:280px;padding-right:.25rem;display:flex;overflow-y:auto}.task-list-empty-state{border:1px dashed var(--border-color);border-radius:var(--border-radius-md);color:var(--text-muted);justify-content:center;align-items:center;padding:2.5rem 1rem;font-size:.85rem;display:flex}.task-item{background:var(--bg-item);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:transform var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);cursor:grab;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.task-item:active{cursor:grabbing}.task-item.dragging{opacity:.4;border:1px dashed var(--item-accent);background:var(--item-accent-glow)}.task-item:hover{background:var(--bg-item-active);border-color:var(--border-focus)}.task-item.focused{border-color:var(--item-accent);background:var(--item-accent-glow);box-shadow:0 0 12px var(--item-accent-glow)}.task-drag-handle{color:var(--text-muted);cursor:grab;align-items:center;display:none}@media (width>=768px){.task-drag-handle{display:flex}}.task-check-btn{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.task-check-btn:hover{color:var(--item-accent);transform:scale(1.05)}.check-icon-active{color:var(--item-accent);animation:.2s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}.task-body{text-align:left;flex-grow:1;overflow:hidden}.task-text{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;font-size:.95rem;font-weight:500;display:block;overflow:hidden}.task-item.completed .task-text{color:var(--text-muted);font-weight:400;text-decoration:line-through}.task-edit-form{width:100%}.task-edit-input{border:none;border-bottom:2px solid var(--item-accent);width:100%;color:var(--text-primary);background:0 0;outline:none;padding:.1rem 0;font-size:.95rem;font-weight:500}.task-actions{align-items:center;gap:.35rem;display:flex}.task-action-btn{width:30px;height:30px;color:var(--text-muted);transition:var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;display:flex}.task-action-btn:hover{background:var(--bg-item);color:var(--text-primary)}.focus-btn:hover,.focus-btn.active{color:var(--item-accent);background:var(--item-accent-glow)}.delete-btn:hover{color:var(--color-work);background:#ff7a701a}.task-reorder-stepper{border-left:1px solid var(--border-color);flex-direction:column;gap:.1rem;margin-left:.15rem;padding-left:.35rem;display:flex}.task-reorder-stepper .task-action-btn{border-radius:3px;width:22px;height:18px;padding:0}.task-reorder-stepper .task-action-btn:disabled{opacity:.2;cursor:not-allowed}.task-reorder-stepper .task-action-btn:disabled:hover{color:var(--text-muted);background:0 0}.calendar-container{flex-direction:column;grid-column:1/-1;gap:1.25rem;display:flex}.calendar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.calendar-header-icon{color:var(--color-state)}.calendar-title{color:var(--text-primary);font-size:1.2rem;font-weight:600}.calendar-clear-btn{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-item);transition:var(--transition-fast);align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.calendar-clear-btn:hover{color:var(--color-work);border-color:var(--color-work);background:#ff7a701a}.history-stats-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}@media (width>=540px){.history-stats-grid{grid-template-columns:repeat(4,1fr)}}.history-stat-card{background:var(--bg-item);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:var(--transition-fast);align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.history-stat-card:hover{border-color:var(--border-focus);background:var(--bg-item-active);transform:translateY(-2px)}.history-stat-icon-wrapper{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.history-stat-icon-wrapper.work-theme{color:#ff7a70;background:#ff7a7026}.history-stat-icon-wrapper.week-theme{color:#ffd25c;background:#ffd25c26}.history-stat-icon-wrapper.month-theme{color:#2dd4bf;background:#2dd4bf26}.history-stat-icon-wrapper.year-theme{color:#38bdf8;background:#38bdf826}.history-stat-info{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.history-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.history-stat-value{color:var(--text-primary);margin-top:.1rem;font-size:1.2rem;font-weight:700}.history-stat-unit{color:var(--text-muted);font-size:.65rem}.calendar-divider{background:var(--border-color);height:1px;margin:.5rem 0}.calendar-navigation-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.calendar-nav-btn{background:var(--bg-item);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:flex}.calendar-nav-btn:hover{background:var(--bg-item-active);color:var(--text-primary);border-color:var(--border-focus)}.calendar-range-title{color:var(--text-primary);text-align:center;flex-grow:1;font-size:.95rem;font-weight:600}.calendar-today-btn{background:var(--bg-item);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:8px;padding:.35rem .85rem;font-size:.8rem;font-weight:600}.calendar-today-btn:hover{background:var(--color-state-glow);color:var(--color-state);border-color:var(--color-state)}.calendar-week-strip{grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.5rem;display:grid}.calendar-strip-day{background:var(--bg-item);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);border-style:solid;flex-direction:column;align-items:center;gap:.25rem;padding:.65rem .25rem;display:flex;position:relative}.calendar-strip-day:hover{background:var(--bg-item-active);border-color:var(--border-focus);transform:translateY(-2px)}.calendar-strip-day.active{border-color:var(--color-state);background:var(--color-state-glow);box-shadow:0 0 12px var(--color-state-glow)}.calendar-strip-day.today:after{content:"";background:var(--color-state);border-radius:50%;width:4px;height:4px;position:absolute;top:4px;right:4px}.calendar-strip-name{color:var(--text-secondary);text-transform:uppercase;font-size:.65rem;font-weight:600}.calendar-strip-day.active .calendar-strip-name{color:var(--color-state)}.calendar-strip-num{color:var(--text-primary);font-size:1.1rem;font-weight:700}.calendar-strip-indicators{justify-content:center;gap:3px;margin-top:.15rem;display:flex}.indicator-cycle{background:#ff7a70;border-radius:50%;width:4px;height:4px}.indicator-task{background:#2dd4bf;border-radius:50%;width:4px;height:4px}.day-details-container{background:var(--bg-item);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);text-align:left;flex-direction:column;gap:1rem;margin-top:.25rem;padding:1.25rem;display:flex}.day-details-header{border-bottom:1px dashed var(--border-color);flex-direction:column;gap:.5rem;padding-bottom:.75rem;display:flex}@media (width>=480px){.day-details-header{flex-direction:row;justify-content:space-between;align-items:center}}.day-details-title{color:var(--text-primary);text-transform:capitalize;font-size:1rem;font-weight:700}.day-details-summary{gap:.5rem;display:flex}.summary-pill{color:var(--text-secondary);background:var(--bg-item-active);border:1px solid var(--border-color);border-radius:100px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.day-details-body{width:100%}.details-task-list{flex-direction:column;gap:.65rem;max-height:350px;padding-right:.25rem;display:flex;overflow-y:auto}.details-task-card{background:var(--bg-item-active);border:1px solid var(--border-color);border-left:3px solid var(--task-accent);border-radius:var(--border-radius-sm);transition:var(--transition-fast);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.details-task-card:hover{border-color:var(--task-accent);box-shadow:0 4px 12px var(--task-accent-glow);transform:translate(2px)}.details-task-main{text-align:left;flex-direction:column;gap:.15rem;display:flex;overflow:hidden}.details-task-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.details-task-type{color:var(--text-muted);font-size:.65rem}.details-task-meta{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.details-task-cycles{color:var(--color-work);background:#ff7a701a;border:1px solid #ff7a7033;border-radius:100px;align-items:center;gap:.2rem;padding:.1rem .4rem;font-size:.7rem;font-weight:700;display:inline-flex}.details-task-time{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.7rem;display:flex}.day-details-empty{border:1px dashed var(--border-color);border-radius:var(--border-radius-md);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:2.5rem 1rem;display:flex}.day-details-empty p{color:var(--text-secondary);font-size:.85rem;font-weight:600}.day-details-empty span{font-size:.75rem}.timer-post-cycle-badge{color:#ff7a70;background:#ff7a701f;border:1px solid #ff7a704d;border-radius:100px;align-items:center;gap:.35rem;margin-top:.5rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;animation:2s ease-in-out infinite pulseGlow;display:inline-flex;box-shadow:0 0 12px #ff7a701a}[data-state=break] .timer-post-cycle-badge,[data-state=longbreak] .timer-post-cycle-badge{color:#2dd4bf;background:#2dd4bf1f;border:1px solid #2dd4bf4d;box-shadow:0 0 12px #2dd4bf1a}.task-text-container{flex-grow:1;align-items:center;gap:.5rem;display:flex;overflow:hidden}.task-cycles-badge{background:var(--item-accent-glow);color:var(--item-accent);border:1px solid var(--item-accent);border-radius:100px;flex-shrink:0;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.header-container{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;padding:.75rem 1.25rem;display:flex;position:relative}.header-brand{text-align:left;align-items:center;gap:.6rem;display:flex}.header-logo{border-radius:var(--border-radius-sm);background:var(--color-state-glow);border:1.5px solid var(--color-state);width:36px;height:36px;transition:var(--transition-smooth);justify-content:center;align-items:center;display:flex}@media (width>=768px){.header-logo{width:40px;height:40px}}.header-logo-icon{color:var(--color-state);animation:3s infinite pulseGlow}.header-title{color:var(--text-primary);font-size:1.15rem;font-weight:800}@media (width>=768px){.header-title{font-size:1.35rem}}.header-desktop-nav{background:var(--bg-item);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);align-items:center;gap:.25rem;padding:.25rem;display:none}@media (width>=768px){.header-desktop-nav{display:flex}}.desktop-nav-item{color:var(--text-secondary);transition:var(--transition-fast);border-radius:6px;align-items:center;gap:.35rem;padding:.5rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.desktop-nav-item:hover{color:var(--text-primary);background:#ffffff08}.desktop-nav-item.active{color:var(--color-state);background:var(--bg-item-active);box-shadow:var(--shadow-card)}.header-actions-wrapper{position:relative}.header-desktop-actions{align-items:center;gap:.5rem;display:none}@media (width>=768px){.header-desktop-actions{display:flex}}.header-btn{color:var(--text-secondary);background:var(--bg-item);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);align-items:center;gap:.35rem;padding:.5rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.header-btn:hover{background:var(--bg-item-active);color:var(--text-primary);border-color:var(--border-focus)}.header-btn:active{transform:translateY(1px)}.header-btn-text{display:none}@media (width>=400px){.header-btn-text{display:inline}}.header-divider{background:var(--border-color);width:1px;height:24px;margin:0 .25rem}.header-theme-toggle{border-radius:var(--border-radius-sm);background:var(--bg-item);border:1px solid var(--border-color);width:38px;height:38px;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.header-theme-toggle:hover{background:var(--bg-item-active);border-color:var(--border-focus);transform:scale(1.05)}.header-theme-toggle:active{transform:scale(.95)}.header-mobile-menu-btn{border-radius:var(--border-radius-sm);background:var(--bg-item);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.header-mobile-menu-btn:hover{background:var(--bg-item-active);color:var(--text-primary)}@media (width>=768px){.header-mobile-menu-btn{display:none}}.header-mobile-dropdown{background:var(--bg-panel-solid);border:1px solid var(--border-color);border-radius:var(--border-radius-md);min-width:170px;box-shadow:var(--shadow-main);z-index:999;-webkit-backdrop-filter:blur(20px);padding:.5rem;position:absolute;top:calc(100% + 8px);right:0}.dropdown-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;align-items:center;gap:.65rem;padding:.65rem .85rem;font-size:.85rem;font-weight:500;display:flex}.dropdown-item:hover{background:var(--bg-item);color:var(--text-primary)}.mobile-bottom-nav{background:var(--bg-panel);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);z-index:900;border-radius:100px;justify-content:space-around;align-items:center;width:calc(100% - 2.5rem);max-width:400px;height:64px;padding:0 .75rem;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0006}@media (width>=768px){.mobile-bottom-nav{display:none}}.mobile-nav-item{color:var(--text-secondary);width:72px;height:52px;transition:var(--transition-fast);border-radius:100px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;display:flex}.mobile-nav-item span{letter-spacing:.02em;font-size:.65rem;font-weight:600}.mobile-nav-item:hover{color:var(--text-primary)}.mobile-nav-item.active{color:var(--color-state);background:var(--bg-item-active);box-shadow:var(--shadow-card)}.app-main-content{grid-column:1/-1;width:100%;margin-top:.5rem}.tab-pane-content{width:100%;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.tab-pane-content.focus-pane{flex-direction:column;gap:1.5rem;display:flex}@media (width>=768px){.tab-pane-content.focus-pane{grid-template-columns:1.2fr 1fr;align-items:start;gap:1.5rem;display:grid}}.tab-pane-content.config-pane{max-width:480px;margin:0 auto}.tab-pane-content.history-pane{width:100%}.header-wrapper{z-index:1000;width:100%;position:relative}