:root{--color-bg:#f6f6f6;--color-card-bg:#fff;--color-card-hover:#f9f9f9;--color-text-main:#000;--color-text-secondary:#4a4a4a;--color-text-muted:#8e8d8a;--color-text-inverse:#fff;--color-primary:#b18efa;--color-primary-light:#eadffa;--color-primary-translucent:#b18efa66;--color-primary-dark:#8f60ec;--color-success:#34c759;--color-warning:#ff9500;--color-danger:#ff3b30;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.75rem;--text-hero:3.5rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-pill:100px;--border-thin:1px solid #0000000d;--shadow-sm:0 4px 12px #00000008;--shadow-md:0 8px 24px #0000000a;--shadow-lg:0 12px 32px #0000000f;--shadow-nav:0 -4px 40px #0000000d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--z-base:1;--z-nav:10;--z-modal:100;--max-width:430px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;min-height:100dvh;line-height:1.5;display:flex;overflow:hidden}#app{width:100%;max-width:var(--max-width);background-color:var(--color-bg);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #0000000d}.view-container{-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;flex:1;padding-bottom:120px;display:flex;overflow:hidden auto}.view-container::-webkit-scrollbar{display:none}h1,h2,h3,h4{font-weight:var(--weight-black);letter-spacing:-.02em;color:var(--color-text-main);line-height:1.1}.font-mono{font-family:var(--font-mono);font-weight:var(--weight-medium);letter-spacing:-.5px}.page-header{z-index:var(--z-nav);background:var(--color-bg);align-items:center;padding:24px 24px 16px;display:flex;position:sticky;top:0;-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-black);letter-spacing:-.02em}.page-content{gap:var(--space-6);flex-direction:column;padding:0 24px;display:flex}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.items-center{align-items:center}.justify-between{justify-content:space-between}.mt-4{margin-top:var(--space-4)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font-weight:var(--weight-bold);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-inverse);letter-spacing:-.01em;border:none;padding:12px 20px;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background-color:var(--color-text-main)}.btn-primary:active{background-color:var(--color-text-secondary)}.btn-secondary{background-color:var(--color-primary-light);color:var(--color-text-main)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn-ghost:active{color:var(--color-text-main);background-color:#0000000d}.btn-sm{font-size:var(--text-sm);padding:8px 16px}.btn-lg{font-size:var(--text-lg);width:100%;padding:16px 32px}.btn-block{width:100%}.btn-icon-minimal{cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-pill);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.btn-icon-minimal:active{color:var(--color-text-main);background-color:#0000000d;transform:scale(.9)}.icon{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:20px;height:20px}.card{background-color:var(--color-card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);padding:16px}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-group label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.input{background-color:var(--color-bg);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-main);transition:all var(--transition-fast);border:1px solid #0000000d;padding:16px}.input:focus{background-color:var(--color-card-bg);border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light);outline:none}.bottom-nav{background:linear-gradient(to top, var(--color-bg) 60%, #f6f6f600);width:100%;height:90px;z-index:var(--z-nav);pointer-events:none;justify-content:center;align-items:center;padding-bottom:20px;display:flex;position:absolute;bottom:0;left:0}.nav-inner{pointer-events:auto;justify-content:space-between;align-items:center;width:100%;max-width:320px;padding:0 24px;display:flex}.nav-item{border-radius:var(--radius-sm);width:48px;height:48px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.nav-item svg{stroke:currentColor;stroke-width:2.2px;width:24px;height:24px}.nav-item.active{background-color:var(--color-primary-light);color:var(--color-text-main)}.nav-item.active svg{stroke:var(--color-text-main)}.nav-item span{display:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);background-color:#0006;align-items:flex-end;animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex;position:absolute;inset:0}.modal-sheet{background-color:var(--color-card-bg);width:100%;max-width:var(--max-width);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));margin:0 auto;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;transform:translateY(100%);box-shadow:0 -10px 40px #0000001a}.modal-handle{border-radius:var(--radius-pill);background-color:#0000001a;width:40px;height:5px;margin:0 auto 24px}.form-error{color:var(--color-danger);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);background-color:#ff3b301a;padding:12px}empty-state{text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.empty-state svg{stroke-width:1.5px;opacity:.5;width:48px;height:48px}.empty-state p{font-weight:var(--weight-bold);font-size:var(--text-base);letter-spacing:-.01em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pwa-install-banner{z-index:200;background:var(--color-card-bg);box-shadow:var(--shadow-md);animation:.3s forwards slideDown;position:fixed;top:0;left:0;right:0}.pwa-install-banner.hidden{display:none}.pwa-install-inner{max-width:var(--max-width);align-items:center;gap:12px;margin:0 auto;padding:12px 16px;display:flex}.pwa-install-icon{border-radius:var(--radius-xs);flex-shrink:0;width:40px;height:40px}.pwa-install-text{flex-direction:column;flex:1;gap:1px;display:flex}.pwa-install-text strong{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-main)}.pwa-install-text span{font-size:var(--text-sm);color:var(--color-text-muted)}.pwa-install-btn{white-space:nowrap;flex-shrink:0;font-size:var(--text-sm)!important;border-radius:var(--radius-pill)!important;padding:8px 16px!important}.pwa-install-dismiss{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 8px;font-size:22px;line-height:1}.pwa-install-dismiss:hover{color:var(--color-text-main)}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.floating-feedback-btn{background-color:var(--color-primary);color:var(--color-text-main);box-shadow:var(--shadow-sm);z-index:9999;border-radius:9999px;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;animation:3s ease-in-out infinite floatUpDown;position:fixed;bottom:24px;right:24px}.floating-feedback-btn:active{transform:scale(.95)}@keyframes floatUpDown{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@media (width<=650px){.floating-feedback-btn{bottom:110px;right:16px}}.auto-start-popup{z-index:var(--z-modal);pointer-events:none;opacity:0;justify-content:center;padding:24px;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(20px)}.auto-start-popup.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.auto-start-inner{background:var(--color-card-bg);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);border:1px solid #0000000d;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:320px;padding:16px 24px;display:flex;box-shadow:0 10px 40px #00000014}.auto-start-inner p{color:var(--color-text-main);font-size:16px;font-weight:700}.auto-start-actions{gap:8px;width:100%;display:flex}.auto-start-actions .btn{flex:1}.anim-pop-check{animation:.5s cubic-bezier(.16,1,.3,1) forwards popIcon;display:inline-flex}.anim-pop-check svg{width:28px;height:28px}@keyframes popIcon{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.anim-fade-up{opacity:0;animation:.6s .3s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#btn-start-focus-main{transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s}#btn-start-focus-main:active{transform:scale(.97)!important}.assignments-header-top{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.assignments-header-top h1{font-size:var(--text-2xl)}.assignments-header-top .subtitle{font-weight:var(--weight-semibold);color:var(--color-text-secondary);font-size:var(--text-base)}.assignments-today-summary{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-primary-dark);background-color:var(--color-primary-light);border-radius:var(--radius-pill);margin-top:var(--space-4);padding:6px 12px;display:inline-flex}.quick-add-container{width:100%}.quick-add-input{background-color:var(--color-card-bg);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-main);transition:all var(--transition-fast);border:1px solid #0000000f;padding:12px 16px}.quick-add-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.quick-add-input::placeholder{color:var(--color-text-muted)}.today-section{border-bottom:2px solid #0000000a;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.today-title{font-size:var(--text-lg);font-weight:var(--weight-black);letter-spacing:-.01em;color:var(--color-text-main)}.today-count{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-secondary)}.empty-state-new{text-align:left;background:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--space-4);flex-direction:column;justify-content:center;padding:40px 20px;display:flex}.empty-title{font-size:var(--text-xl);font-weight:var(--weight-black);color:var(--color-text-main);margin-bottom:var(--space-2);letter-spacing:-.02em}.empty-subtitle{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-secondary);margin-bottom:4px}.empty-text{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.4}.empty-actions{gap:var(--space-3);display:flex}.empty-actions .btn{flex:1}.assignments-filter{gap:var(--space-2);margin-bottom:var(--space-2);border-radius:var(--radius-pill);background-color:#0000000a;padding:4px;display:flex}.assignments-filter .filter-btn{font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:8px 12px}.assignments-filter .filter-btn.active{background:var(--color-card-bg);color:var(--color-text-main);box-shadow:0 2px 8px #0000000d}.assignment-list{gap:var(--space-3);flex-direction:column;display:flex}.assignment-card{gap:var(--space-3);flex-direction:column;display:flex;position:relative;overflow:hidden}.assignment-top{align-items:flex-start;gap:var(--space-3);display:flex}.check-btn{cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);background:#0000000a;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.check-btn.checked{background:var(--color-success);color:var(--color-card-bg)}.check-btn svg{stroke:currentColor;opacity:0;transition:all var(--transition-fast);transform:scale(.5)}.check-btn.checked svg{opacity:1;transform:scale(1)}.assignment-info{flex-direction:column;flex:1;gap:2px;display:flex}.assignment-title{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-main);transition:opacity var(--transition-base)}.assignment-title.line-through{opacity:.4;text-decoration:line-through}.assignment-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.assignment-meta-text{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.assignment-bottom{padding-top:var(--space-3);border-top:1px solid #00000008;justify-content:space-between;align-items:center;margin-top:auto;display:flex}.focus-time{font-size:var(--text-sm);color:var(--color-text-muted)}.assignment-actions{gap:var(--space-2);display:flex}.badge{font-size:11px;font-weight:var(--weight-bold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;padding:2px 6px}.badge-urgent{background:var(--color-text-main);color:var(--color-card-bg)}.badge-warning{background:var(--color-warning);color:var(--color-text-main)}.badge-secondary{color:var(--color-text-secondary);background:#0000000d}.calendar-nav{margin-bottom:var(--space-4);background:var(--color-card-bg);border-radius:var(--radius-pill);justify-content:space-between;align-items:center;padding:4px;display:flex}.calendar-month-title{font-weight:var(--weight-bold);font-size:var(--text-base)}.calendar-grid{background:var(--color-card-bg);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-day-header{text-align:center;font-size:11px;font-weight:var(--weight-bold);color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--space-2)}.cal-day{aspect-ratio:1;border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:4px;display:flex;position:relative}.cal-day:hover{background:#00000005}.cal-day.selected{background:var(--color-text-main);color:var(--color-card-bg)}.cal-day.today{color:var(--color-primary-dark);font-weight:var(--weight-bold)}.cal-day.selected.today{color:var(--color-card-bg)}.cal-day-number{font-size:13px;font-weight:var(--weight-medium);z-index:2}.cal-dot-container{justify-content:center;gap:2px;margin-top:2px;display:flex}.cal-dot{border-radius:50%;width:4px;height:4px}.cal-day.selected .cal-dot{background-color:var(--color-card-bg)!important}.dot-normal{background:var(--color-primary)}.dot-urgent{background:var(--color-danger)}.dot-warning{background:var(--color-warning)}.dot-completed{background:var(--color-success);opacity:.5}.calendar-detail{margin-top:var(--space-4)}.cal-detail-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;padding:0 4px;display:flex}.cal-detail-header h3{font-size:var(--text-base);color:var(--color-text-secondary)}.cal-detail-list{gap:var(--space-2);flex-direction:column;display:flex}.cal-detail-item{align-items:center;gap:var(--space-3);background:var(--color-card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:12px 16px;display:flex}.cal-detail-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cal-detail-title{font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--color-text-main)}.cal-detail-subject{color:var(--color-text-secondary);font-size:12px;font-weight:var(--weight-medium);margin-top:2px}.cal-detail-item.completed{opacity:.5}.timer-hero-section{text-align:center;margin-top:var(--space-4);flex-direction:column;align-items:center;display:flex}.animated-graphic-container{width:220px;height:220px;margin-bottom:var(--space-6);pointer-events:none;justify-content:center;align-items:center;display:flex;position:relative}.petal{background-color:var(--color-primary-translucent);mix-blend-mode:multiply;border-radius:50%;width:90px;height:90px;transition:opacity .3s;animation:4s ease-in-out infinite alternate breathe;position:absolute}.breathing-paused .petal{opacity:.4;animation-play-state:paused}@keyframes breathe{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(0)}}.petal:first-child{top:25px;left:65px}.petal:nth-child(2){top:45px;right:35px}.petal:nth-child(3){bottom:45px;right:35px}.petal:nth-child(4){bottom:25px;left:65px}.petal:nth-child(5){bottom:45px;left:35px}.petal:nth-child(6){top:45px;left:35px}.black-center-btn{background-color:var(--color-text-main);z-index:2;cursor:pointer;pointer-events:auto;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 10px 30px #00000026}.black-center-btn:active{transform:scale(.9)}.black-center-btn svg{width:32px;height:32px;fill:var(--color-card-bg);stroke:var(--color-card-bg)}.black-center-btn .icon-play{margin-left:4px}.timer-huge-display{font-size:var(--text-hero);font-weight:var(--weight-black);letter-spacing:-.04em;color:var(--color-text-main);margin-bottom:var(--space-3);font-variant-numeric:tabular-nums;line-height:1}.timer-current-task{font-size:var(--text-2xl);font-weight:var(--weight-black);letter-spacing:-.02em;color:var(--color-text-main);margin-bottom:var(--space-3);line-height:1.1}.timer-status-desc{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-secondary);max-width:280px;line-height:1.4}.timer-setup-section{gap:var(--space-4);margin-top:var(--space-6);padding:0 var(--space-4);flex-direction:column;display:flex}.timer-setup-header{font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:-.02em}.timer-link-card{background:var(--color-card-bg);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-2);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.timer-link-card label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-secondary)}.timer-link-card select{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-main);background:0 0;border:none;outline:none;padding:8px 0}.stats-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.stat-card{background:var(--color-card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;padding:20px 16px;display:flex}.stat-value{font-size:var(--text-2xl);font-weight:var(--weight-black);color:var(--color-text-main);letter-spacing:-.02em}.stat-label{font-size:13px;font-weight:var(--weight-bold);color:var(--color-text-secondary);margin-top:4px}.progress-section-header{font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:-.02em;margin-bottom:var(--space-4);margin-top:var(--space-6)}.daily-chart{background:var(--color-card-bg);border-radius:var(--radius-md);height:180px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:flex-end;padding:24px 16px 16px;display:flex}.chart-bar-wrap{flex-direction:column;align-items:center;gap:8px;height:100%;display:flex}.chart-bar-track{background:var(--color-bg);border-radius:var(--radius-sm);flex:1;align-items:flex-end;width:32px;display:flex;overflow:hidden}.chart-bar{background:var(--color-primary-dark);border-radius:var(--radius-sm);width:100%;transition:height .5s cubic-bezier(.175,.885,.32,1.275)}.chart-bar.empty{background:0 0}.chart-bar-label{font-size:12px;font-weight:var(--weight-bold);color:var(--color-text-secondary)}.chart-bar-value{font-size:10px;font-weight:var(--weight-bold);color:var(--color-text-muted)}.assignment-progress-list{gap:var(--space-3);background:var(--color-card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;padding:16px;display:flex}.progress-row-header{justify-content:space-between;margin-bottom:6px;display:flex}.progress-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;max-width:70%;overflow:hidden}.progress-time{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);font-family:var(--font-mono)}.progress-bar-track{background:var(--color-bg);border-radius:var(--radius-pill);height:8px;overflow:hidden}.progress-bar{background:var(--color-primary);border-radius:var(--radius-pill);height:100%}.progress-bar.completed{background:var(--color-success)}body.focus-mode-active{color:#1a202c;background-color:#f6f3ee}#app.focus-mode-active{max-width:100%;box-shadow:none;background-color:#0000;border-radius:0}.focus-fullscreen-container{z-index:50;color:#1a202c;width:100vw;height:100dvh;font-family:var(--font-sans);background-color:#f6f3ee;flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow:hidden}.focus-noise-overlay{pointer-events:none;z-index:100;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.focus-top-bar{z-index:51;justify-content:space-between;align-items:center;padding:32px 40px;display:flex}.focus-brand{letter-spacing:-.02em;color:#1a202c;font-size:20px;font-weight:800}.focus-btn-exit{color:#1a202c;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:16px;font-weight:700;transition:opacity .2s;display:flex}.focus-btn-exit:hover{opacity:.6}.focus-btn-exit svg{stroke:currentColor;width:20px;height:20px}.focus-center-content{z-index:51;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 20px;display:flex}.focus-mode-label{text-transform:uppercase;letter-spacing:.1em;color:#e53e3e;margin-bottom:24px;font-size:14px;font-weight:800}.focus-huge-timer{letter-spacing:-.05em;color:#1a202c;font-variant-numeric:tabular-nums;margin-bottom:16px;font-size:clamp(80px,15vw,180px);font-weight:800;line-height:1}.focus-task-name{color:#1a202c;max-width:600px;margin-bottom:32px;font-size:clamp(24px,4vw,32px);font-weight:700}.focus-motivate-text{color:#1a202c99;font-size:16px;font-weight:500}.focus-bottom-controls{z-index:51;justify-content:center;gap:16px;padding:40px;display:flex}.focus-btn{cursor:pointer;border:2px solid #1a202c;border-radius:0;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:700;transition:all .1s;display:flex;box-shadow:4px 4px #1a202c1a}.focus-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #1a202c1a}.focus-btn svg{stroke:currentColor;fill:none;width:20px;height:20px}.focus-btn .icon-play{fill:currentColor;stroke:none}.focus-btn-secondary{color:#1a202c;background-color:#0000}.focus-btn-primary{color:#f6f3ee;background-color:#1a202c}.focus-btn-primary svg{stroke:#f6f3ee}#cookie-consent-banner{z-index:9999;opacity:0;pointer-events:none;padding:0 16px 16px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}#cookie-consent-banner.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.cookie-consent-inner{background:var(--color-card-bg,#fff);border-radius:var(--radius-md,16px);flex-direction:column;gap:12px;max-width:430px;margin:0 auto;padding:16px 20px;display:flex;box-shadow:0 -4px 40px #0000001a,0 8px 32px #00000014}.cookie-consent-text{color:var(--color-text-secondary,#4a4a4a);margin:0;font-size:.8125rem;line-height:1.5}.cookie-consent-text a{color:var(--color-primary,#b18efa);font-weight:500;text-decoration:none}.cookie-consent-text a:hover{text-decoration:underline}.cookie-consent-actions{justify-content:flex-end;gap:8px;display:flex}.cookie-btn{border-radius:var(--radius-xs,8px);cursor:pointer;border:none;padding:8px 16px;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background .15s,transform .1s}.cookie-btn:active{transform:scale(.97)}.cookie-btn-accept{background:var(--color-text-main,#000);color:var(--color-text-inverse,#fff)}.cookie-btn-accept:hover{background:#222}.cookie-btn-decline{color:var(--color-text-muted,#8e8d8a);background:0 0;border:1px solid #00000014}.cookie-btn-decline:hover{background:#00000008}