@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";
@tailwind base;@tailwind components;@tailwind utilities;:root{--surface:#368a54;--bg-image:none;--on-primary:#368a54;--logo-filter:brightness(0) invert(1);--primary:#fff;--primary-muted:#ffffffb3;--surface-container:#ffffff26;--surface-container-low:#ffffff14;--on-surface:#fff;--on-surface-variant:#ffffffbf;--outline:#ffffff40;--outline-variant:#ffffff26;--secondary:#fff9;--glass-bg:#ffffff1a;--glass-border:#ffffff1a;--error:#ffb4ab;--seo-bg:#fbf8e9;--seo-text:#1a1b22;--seo-text-muted:#5c3f40;--seo-card-bg:#1a1b2208;--seo-card-border:#1a1b220f;--seo-border:#00000014}@supports (color:lab(0% 0 0)){:root{--seo-bg:lab(97.5095% -.853956 7.61304)}}[data-theme=dark]{--surface:#1a1b22;--on-primary:#1a1b22;--seo-bg:#14151a;--seo-text:#fff;--seo-text-muted:#ffffffb3;--seo-card-bg:#ffffff08;--seo-card-border:#ffffff14;--seo-border:#ffffff1a}[data-theme=forest]{--surface:#15803d;--on-primary:#15803d}[data-theme=ocean]{--surface:#0369a1;--on-primary:#0369a1}[data-theme=sunset]{--surface:#c2410c;--on-primary:#c2410c}[data-theme=lofi]{--surface:#7c3aed;--on-primary:#7c3aed}[data-theme=solid-black]{--surface:#000;--on-primary:#000;--seo-bg:#0a0a0d;--seo-text:#fff;--seo-text-muted:#ffffffb3;--seo-card-bg:#ffffff08;--seo-card-border:#ffffff14;--seo-border:#ffffff1a}[data-theme=solid-crimson]{--surface:#880808;--on-primary:#880808}[data-theme=gradient-midnight]{--surface:transparent;--bg-image:linear-gradient(135deg, #0f2027, #203a43, #2c5364);--on-primary:#0f2027;--seo-bg:#0b1114;--seo-text:#fff;--seo-text-muted:#ffffffb3;--seo-card-bg:#ffffff08;--seo-card-border:#ffffff14;--seo-border:#ffffff1a}[data-theme=gradient-sunrise]{--surface:transparent;--bg-image:linear-gradient(135deg, #ff512f, #dd2476);--on-primary:#dd2476}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:var(--on-surface);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Manrope,sans-serif;transition:color .3s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.headline-lg{letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:40px}.headline-md{font-size:24px;font-weight:600;line-height:32px}.body-lg{font-size:18px;font-weight:400;line-height:28px}.body-md{font-size:16px;font-weight:400;line-height:24px}.body-sm{font-size:14px;font-weight:400;line-height:20px}.label-caps{letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:16px}.primary-text{color:var(--primary)}.surface-text{color:var(--on-surface)}.muted-text{color:var(--on-surface-variant)}.danger-text{color:var(--error)}.icon-secondary{color:var(--secondary)}.glass-panel{-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border,#ffffff1a);background:#000000d9;border-radius:16px}.top-header{z-index:50;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);height:64px;position:fixed;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;max-width:860px;height:100%;margin:0 auto;padding:0 32px;display:flex}.wordmark{letter-spacing:-.04em;color:var(--primary);font-size:22px;font-weight:900;text-decoration:none;transition:opacity .2s}.wordmark:hover{opacity:.8}.top-nav{align-items:center;gap:32px;display:flex}.top-nav-link{letter-spacing:.01em;color:var(--on-surface-variant);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.top-nav-link:hover,.top-nav-link--active{color:var(--primary)}.footer-link{letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);font-size:13px;font-weight:700;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--primary)}.page-wrapper{background-color:var(--surface);min-height:100vh;padding:30px 24px 96px;transition:background-color .3s}.default-theme-page{--surface:#368a54!important;--primary:#fff!important;--primary-muted:#ffffffb3!important;--surface-container:#ffffff26!important;--surface-container-low:#ffffff14!important;--on-surface:#fff!important;--on-surface-variant:#ffffffbf!important;--outline:#ffffff40!important;--outline-variant:#ffffff26!important;--secondary:#fff9!important;--glass-bg:#ffffff1a!important;--glass-border:#ffffff1a!important;--error:#ffb4ab!important;background-color:#368a54!important;background-image:none!important}.timer-page-wrapper{background-image:var(--bg-image,none);background-size:var(--bg-size,contain);background-position:50%;background-repeat:no-repeat;padding:30px 0 96px!important}.page-container{max-width:1200px;margin:0 auto}.content-container{max-width:640px;margin:0 auto}@media (max-width:768px){.page-wrapper{padding-top:20px}.session-switcher{margin-bottom:16px}.timer-display-wrapper{margin-bottom:24px}.control-bar{margin-bottom:16px}}.blog-intro{max-width:720px;color:var(--on-surface-variant);margin-top:12px;line-height:1.75}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:28px;display:grid}.blog-card-wrapper{position:relative}.blog-card-link{color:inherit;text-decoration:none}.blog-card-delete{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.blog-card-delete:hover{background:#f43f5e4d;border-color:#f43f5e80}.blog-delete-status{border-radius:14px;margin-bottom:20px;padding:16px 18px;font-weight:700}.blog-delete-status--error{color:#c24141;background:#c2414126}.blog-delete-status--success{color:#166534;background:#16653426}.blog-card{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:20px;flex-direction:column;justify-content:space-between;min-height:220px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.blog-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 20px 45px #00000014}.admin-form{gap:20px;display:grid}.admin-form-field{gap:10px;display:grid}.admin-form-field--inline{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.admin-form-field label{color:var(--on-surface);font-weight:700;display:block}.admin-form-input,.admin-form-textarea{border:1px solid var(--outline-variant);background:var(--surface-container);width:100%;color:var(--on-surface);font:inherit;border-radius:14px;padding:14px 16px}.admin-form-textarea{resize:vertical;white-space:pre-wrap;min-height:240px}.admin-form-note{color:var(--on-surface-variant);margin:0;font-size:.95rem;line-height:1.7}.admin-form-actions{justify-content:flex-end;display:flex}.admin-form-buttons{flex-wrap:wrap;gap:12px;display:flex}.admin-form-submit,.admin-form-logout{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;padding:14px 22px;font-weight:700;display:inline-flex}.admin-form-submit{background:var(--primary);color:var(--on-primary)}.admin-form-logout{color:var(--on-surface);border:1px solid var(--outline-variant);background:0 0}.admin-form-status{margin:0;font-weight:700}.admin-form-status--error{color:#c24141}.admin-form-status--success{color:#166534}.admin-post-list{gap:16px;display:grid}.admin-post-list-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-post-list-empty{color:var(--on-surface-variant);margin:0}.admin-post-item{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:18px;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.admin-post-item h3{margin:0 0 8px;font-size:1rem}.admin-post-meta,.admin-post-slug{color:var(--on-surface-variant);margin:0 0 8px;font-size:.85rem}.admin-post-excerpt{color:var(--on-surface-variant);margin:0;line-height:1.6}.admin-post-delete{color:#b91c1c;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:14px;align-self:start;padding:10px 16px;font-weight:700}.admin-post-delete:hover{background:#f43f5e14}.blog-card-title{color:var(--on-surface);margin:0 0 14px;font-size:1.3rem;font-weight:700;line-height:1.2}.blog-card-excerpt{color:var(--on-surface-variant);margin:0 0 22px;line-height:1.8}.blog-card-meta{letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.blog-back-link{color:var(--primary);margin-bottom:24px;font-weight:700;text-decoration:none;display:inline-block}.blog-back-link:hover{text-decoration:underline}.blog-post-header{margin-bottom:32px}.blog-post-title{color:var(--on-surface);margin:0 0 16px;font-size:clamp(2rem,3vw,3rem);line-height:1.05}.blog-post-meta{letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);margin:0 0 18px;font-size:13px;font-weight:700}.blog-article{flex-direction:column;gap:24px;display:flex}.blog-article p,.blog-article li{color:var(--on-surface-variant);margin:0;line-height:1.85}.blog-article h2,.blog-article h3{color:var(--on-surface);margin:0}.blog-article h2{font-size:clamp(1.5rem,2vw,2rem)}.blog-article ul{padding-left:1.3rem}.blog-article li{list-style:outside}.blog-article table{border-collapse:collapse;width:100%;font-size:.95rem}.blog-article th,.blog-article td{text-align:left;border:1px solid var(--outline-variant);color:var(--on-surface-variant);padding:12px 14px;line-height:1.6}.blog-article th{color:var(--on-surface);background:var(--surface-container);font-weight:700}.session-switcher{background:var(--surface-container);border-radius:9999px;gap:4px;margin-bottom:32px;padding:4px;display:flex}.session-btn{cursor:pointer;letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);white-space:nowrap;background:0 0;border:none;border-radius:9999px;padding:8px 20px;font-family:Manrope,sans-serif;font-size:12px;font-weight:700;transition:all .2s}.session-btn:hover:not(.session-btn--active){background:#0000000f}.session-btn--active{background:var(--primary);color:var(--on-primary);box-shadow:0 2px 12px #0003}@media (max-width:480px){.session-switcher{justify-content:space-evenly;width:calc(100% - 32px);max-width:340px;margin-bottom:24px}.session-btn{letter-spacing:.02em;text-align:center;flex:1;padding:8px 12px;font-size:10px}}.timer-display-wrapper{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin-bottom:40px;display:flex}.timer-text{letter-spacing:-.04em;color:var(--on-surface);font-family:Manrope,sans-serif;font-size:clamp(96px,20vw,160px);font-weight:800;line-height:1}.timer-text--running{color:var(--on-surface)}.control-bar{justify-content:center;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.control-btn-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.kbd-hint{letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);background:var(--surface-container);border:1px solid var(--outline-variant);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:4px;padding:2px 6px;font-family:Manrope,sans-serif;font-size:10px;font-weight:700;line-height:1.4;transition:opacity .2s}.control-btn-wrap:hover .kbd-hint{opacity:.6}.primary-btn{cursor:pointer;letter-spacing:.08em;color:var(--on-primary);background:var(--primary);border:none;border-radius:24px;min-width:200px;padding:20px 64px;font-family:Manrope,sans-serif;font-size:20px;font-weight:700;transition:transform .2s,opacity .2s}.primary-btn:hover{opacity:.92;transform:scale(1.04)}.primary-btn:active{transform:scale(.97)}.icon-btn{cursor:pointer;width:44px;height:44px;color:var(--on-surface-variant);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:none;border-radius:20px;justify-content:center;align-items:center;transition:color .2s,transform .15s;display:flex}.icon-btn:hover{color:var(--primary)}.icon-btn:active{transform:scale(.93)}.icon-btn--active{color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.icon-btn-sm{cursor:pointer;width:28px;height:28px;color:var(--on-surface-variant);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:color .2s;display:flex}.icon-btn-sm:hover{color:var(--primary)}.icon-btn-xs{cursor:pointer;color:var(--on-surface-variant);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:3px 5px;transition:color .2s;display:flex}.icon-btn-xs:hover{color:var(--primary)}.floating-timer-widget{z-index:1100;touch-action:none;filter:drop-shadow(0 12px 40px #0000002e);flex-direction:column;gap:8px;animation:.35s cubic-bezier(.22,1,.36,1) both floatingWidgetIn;display:flex;position:fixed}.floating-timer-widget--dragging{cursor:grabbing;animation:none}.floating-timer-widget__drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;color:var(--on-surface-variant);border-radius:16px 16px 8px 8px;align-items:center;gap:8px;padding:8px 10px 8px 12px;display:flex}.floating-timer-widget--dragging .floating-timer-widget__drag-handle{cursor:grabbing}.floating-timer-widget__drag-label{letter-spacing:.1em;text-transform:uppercase;opacity:.7;flex:1;font-family:Manrope,sans-serif;font-size:10px;font-weight:700}.floating-timer-widget__close{flex-shrink:0;margin-left:auto}.floating-timer-widget__body{text-align:center;border-radius:8px 8px 20px 20px;flex-direction:column;align-items:center;gap:14px;padding:20px 16px 18px;display:flex}.floating-timer-widget__time{letter-spacing:-.04em;color:var(--on-surface);margin:0;font-family:Manrope,sans-serif;font-size:2.75rem;font-weight:800;line-height:1;transition:color .25s}.floating-timer-widget__time--running{color:var(--primary)}.floating-timer-widget__start{border-radius:16px;width:100%;min-width:0;padding:14px 24px;font-size:15px}@keyframes floatingWidgetIn{0%{opacity:0;transform:scale(.88)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:600px){.control-bar{flex-wrap:wrap;gap:12px}.primary-btn{min-width:160px;padding:16px 40px;font-size:17px}.icon-btn{width:52px;height:52px}}.current-task-card{margin-bottom:48px;padding:20px 24px}.current-task-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.current-task-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.current-task-info .label-caps{margin-bottom:2px}.bento-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:600px){.bento-grid{grid-template-columns:1fr}}.bento-card{flex-direction:column;gap:12px;padding:24px;display:flex}.bento-card-header{color:var(--secondary);align-items:center;gap:8px;display:flex}.bento-stat{align-items:baseline;gap:8px;display:flex}.bento-task-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.progress-track{background:var(--surface-container);border-radius:9999px;height:6px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:9999px;height:100%;transition:width .4s}.view-all-link{align-self:flex-start;margin-top:8px;text-decoration:none;transition:-webkit-text-decoration .15s,text-decoration .15s}.view-all-link:hover{text-underline-offset:3px;text-decoration:underline}.task-list-container{flex-direction:column;gap:16px;display:flex}.add-task-row{align-items:center;gap:10px;display:flex}.task-input{border:1px solid var(--outline-variant);background:var(--surface-container-low,var(--surface-container));color:var(--on-surface);border-radius:10px;outline:none;flex:1;padding:12px 16px;font-family:Manrope,sans-serif;font-size:15px;transition:border-color .2s}.task-input:focus{border-color:var(--primary)}.task-input::placeholder{color:var(--on-surface-variant)}.estimate-stepper{align-items:center;gap:4px;display:flex}.stepper-btn{border:1px solid var(--outline-variant);background:var(--surface-container);width:28px;height:28px;color:var(--on-surface-variant);cursor:pointer;border-radius:8px;font-size:16px;line-height:1;transition:all .15s}.stepper-btn:hover{border-color:var(--primary);color:var(--primary)}.stepper-val{color:var(--on-surface);text-align:center;min-width:20px;font-size:14px;font-weight:700}.add-task-btn{background:var(--primary);color:var(--on-primary);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;transition:opacity .2s;display:flex}.add-task-btn:hover{opacity:.88}.templates-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.template-chip{background:var(--surface-container);border:1px solid var(--outline-variant);color:var(--on-surface-variant);cursor:pointer;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .15s}.template-chip:hover{border-color:var(--primary);color:var(--primary)}.tasks-list{flex-direction:column;gap:8px;display:flex}.empty-tasks{text-align:center;padding:48px 24px}.task-row{background:var(--surface-container);cursor:default;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;transition:border-color .2s;display:flex}.task-row--active{border-left:3px solid var(--primary);padding-left:13px}.task-row--done{opacity:.55}.drag-handle{color:var(--outline);cursor:grab;flex-shrink:0}.check-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px}.task-name{color:var(--on-surface);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;overflow:hidden}.task-name--done{color:var(--on-surface-variant);text-decoration:line-through}.task-edit-input{border:1px solid var(--primary);background:var(--surface);color:var(--on-surface);border-radius:6px;outline:none;flex:1;padding:4px 8px;font-family:Manrope,sans-serif;font-size:15px}.task-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.pomodoro-stepper{align-items:center;gap:4px;display:flex}.stepper-btn-sm{border:1px solid var(--outline-variant);width:22px;height:22px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border-radius:6px;font-size:13px;line-height:1;transition:all .15s}.stepper-btn-sm:hover{border-color:var(--primary);color:var(--primary)}.pomodoro-count{color:var(--on-surface-variant);text-align:center;min-width:32px;font-size:13px;font-weight:600}.tasks-footer{justify-content:flex-end;padding-top:8px;display:flex}.ghost-btn{border:1px solid var(--outline-variant);color:var(--on-surface-variant);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-family:Manrope,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.ghost-btn:hover{border-color:var(--primary);color:var(--primary)}.chart-wrapper{width:100%}.chart-legend{grid-template-columns:repeat(7,1fr);gap:4px;margin-top:8px;display:grid}.chart-legend-item{flex-direction:column;align-items:center;gap:2px;display:flex}.stats-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px;display:grid}@media (max-width:480px){.stats-summary{grid-template-columns:1fr}}.stat-card{background:var(--surface-container);text-align:center;border-radius:16px;padding:20px}.stat-card-value{letter-spacing:-.02em;color:var(--primary);font-size:36px;font-weight:700}.stat-card-label{text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);margin-top:4px;font-size:12px;font-weight:700}.settings-overlay{z-index:100;background-color:var(--surface);background-image:var(--bg-image,none);background-size:var(--bg-size,contain);background-position:50%;background-repeat:no-repeat;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.settings-panel{flex-direction:column;width:100%;max-width:520px;max-height:90vh;display:flex;overflow:hidden;border-radius:24px!important}.settings-header{border-bottom:1px solid var(--outline-variant);flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.settings-body{flex-direction:column;gap:4px;padding:16px 24px 24px;display:flex;overflow-y:auto}.settings-section{border-bottom:1px solid var(--outline-variant);flex-direction:column;gap:14px;padding:16px 0;display:flex}.settings-section:last-child{border-bottom:none}.settings-section-title{color:var(--on-surface-variant);align-items:center;gap:6px;margin-bottom:4px;display:flex}.settings-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-row label{cursor:pointer;flex:1}.slider-group{align-items:center;gap:10px;display:flex}.slider-value{text-align:right;min-width:36px}.range-slider{appearance:none;background:var(--surface-container);cursor:pointer;border-radius:9999px;outline:none;width:140px;height:4px}.range-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0003}.range-slider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.select-input{border:1px solid var(--outline-variant);background:var(--surface-container);color:var(--on-surface);cursor:pointer;border-radius:8px;outline:none;padding:7px 12px;font-family:Manrope,sans-serif;font-size:14px}.select-input:focus{border-color:var(--primary)}.toggle{cursor:pointer;background:var(--outline);border:none;border-radius:9999px;flex-shrink:0;width:44px;height:24px;transition:background .25s;position:relative}.toggle--on{background:var(--primary)}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle--on .toggle-thumb{transform:translate(20px)}.theme-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.theme-swatch{cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .15s;display:flex;position:relative}.theme-swatch--active{border-color:var(--primary)!important}.theme-swatch--staged{opacity:1;box-shadow:0 0 0 3px var(--primary), 0 0 0 5px var(--surface);transform:scale(1.03)}.theme-swatch-dot{border-radius:50%;width:20px;height:20px}.theme-swatch-label{text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.apply-btn{cursor:pointer;background:var(--primary);color:var(--on-primary);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 24px;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;transition:opacity .2s,transform .15s;display:inline-flex}.apply-btn:hover:not(:disabled){opacity:.88;transform:scale(1.02)}.apply-btn:disabled{opacity:.4;cursor:not-allowed}.section-header{margin-bottom:24px}.section-header h1{letter-spacing:-.02em;color:var(--on-surface);font-size:28px;font-weight:700}.section-header p{color:var(--on-surface-variant);margin-top:0;font-size:15px}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--on-surface-variant);border-bottom:1px solid var(--outline-variant);padding:8px 12px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--outline-variant);color:var(--on-surface);padding:12px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--surface-container)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:9999px}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scalePop{0%{opacity:0;transform:scale(.94)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.timer-display-wrapper{animation:.4s cubic-bezier(.34,1.56,.64,1) both scalePop}.session-switcher{animation:.35s both fadeSlideUp}.control-bar{animation:.4s 50ms both fadeSlideUp}.bento-grid{animation:.45s .1s both fadeSlideUp}.seo-section{background-color:var(--seo-bg);color:var(--seo-text);justify-content:center;width:100%;padding:8rem 24px 6rem;transition:background-color .3s,color .3s;display:flex;position:relative}.seo-section:before{content:"";background:linear-gradient(to bottom, var(--surface), var(--seo-bg));pointer-events:none;z-index:1;height:80px;transition:background .3s;position:absolute;top:-80px;left:0;right:0}.seo-article{text-align:left;width:100%;max-width:800px;font-family:Manrope,sans-serif}@media (max-width:768px){.seo-section{padding:4rem 16px 3rem}}.seo-cta-btn{background:var(--seo-text);color:var(--seo-bg);cursor:pointer;letter-spacing:.01em;border:none;border-radius:14px;align-items:center;gap:.5rem;padding:1.125rem 2.5rem;font-size:1.125rem;font-weight:700;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.seo-cta-btn:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.seo-cta-btn:active{transform:translateY(1px)}.seo-card{background:var(--seo-card-bg);border:1px solid var(--seo-card-border);border-radius:16px;padding:1.5rem;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}.seo-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:20px;width:100%;max-width:420px;padding:32px 28px;box-shadow:0 20px 60px #0000004d}.modal-title{color:var(--on-surface);margin:0 0 12px;font-size:20px;font-weight:700}.modal-description{color:var(--on-surface-variant);margin:0 0 28px;line-height:1.6}.modal-buttons{justify-content:flex-end;gap:12px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:12px;padding:12px 20px;font-family:inherit;font-weight:700;transition:all .2s}.modal-btn--cancel{background:var(--surface-container);color:var(--on-surface);border:1px solid var(--outline-variant)}.modal-btn--cancel:hover{border-color:var(--primary);color:var(--primary)}.modal-btn--danger{color:#fff;background:#ef4444}.modal-btn--danger:hover{background:#dc2626}.audio-file-notice{color:var(--on-surface-variant);opacity:.6;margin-top:4px;font-size:12px;font-style:italic}.pip-widget-container{background:var(--surface);min-height:100vh;color:var(--on-surface);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:18px;display:flex}.in-pip-mode{border-radius:22px!important;padding:14px!important;font-size:.95rem!important}.pip-start-btn,.pip-close-btn{width:100%;max-width:260px;font-family:inherit;transition:transform .2s,background-color .2s,border-color .2s}.pip-start-btn:hover,.pip-close-btn:hover{transform:translateY(-1px)}.pip-close-btn{color:var(--primary);background:0 0;border:1px solid #ffffff2e}.pip-fallback-message{text-align:center;max-width:100%;color:var(--on-surface);background:#ffffff14;border-radius:18px;padding:20px}