:root{--bg-main: #0c0e12;--bg-surface: #14171f;--bg-surface-hover: #1b202c;--bg-surface-elevated: #222837;--bg-card: rgba(20, 24, 34, .75);--bg-card-border: rgba(255, 255, 255, .08);--bg-glass: rgba(16, 20, 29, .85);--primary: #f59e0b;--primary-hover: #d97706;--primary-glow: rgba(245, 158, 11, .25);--primary-light: #fef3c7;--primary-dark: #78350f;--accent: #10b981;--accent-glow: rgba(16, 185, 129, .2);--accent-hover: #059669;--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .2);--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dim: #6b7280;--text-inverse: #0c0e12;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);--shadow-glow: 0 0 25px var(--primary-glow);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--bg-main: #f8fafc;--bg-surface: #ffffff;--bg-surface-hover: #f1f5f9;--bg-surface-elevated: #e2e8f0;--bg-card: rgba(255, 255, 255, .85);--bg-card-border: rgba(0, 0, 0, .08);--bg-glass: rgba(255, 255, 255, .9);--primary: #d97706;--primary-hover: #b45309;--primary-glow: rgba(217, 119, 6, .2);--primary-light: #fffbeb;--primary-dark: #451a03;--text-main: #0f172a;--text-muted: #475569;--text-dim: #94a3b8;--text-inverse: #ffffff;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .12);--shadow-glow: 0 0 25px var(--primary-glow)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100vh;background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}.app-container{min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(circle at 15% 15%,rgba(245,158,11,.05) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(16,185,129,.04) 0%,transparent 40%);background-attachment:fixed}.main-content{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:1.5rem 1rem 4rem}@media(min-width:768px){.main-content{padding:2rem 2rem 5rem}}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all var(--transition-normal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#ea580c 100%);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow);filter:brightness(1.08)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--bg-card-border)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--primary)}.btn-accent{background:linear-gradient(135deg,var(--accent) 0%,#059669 100%);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.btn-icon{width:42px;height:42px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-main);border:1px solid var(--bg-card-border)}.btn-icon:hover{background:var(--bg-surface-hover);color:var(--primary)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-primary{background:#f59e0b26;color:var(--primary);border:1px solid rgba(245,158,11,.3)}.badge-accent{background:#10b98126;color:var(--accent);border:1px solid rgba(16,185,129,.3)}.badge-surface{background:var(--bg-surface-elevated);color:var(--text-muted);border:1px solid var(--bg-card-border)}.font-serif{font-family:var(--font-serif)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #f59e0b4d}50%{box-shadow:0 0 28px #f59e0b99}}.animate-fade-in{animation:fadeIn .35s ease-out forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.navbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-glass);border-bottom:1px solid var(--bg-card-border);padding:.85rem 1rem}.navbar-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.navbar-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-main);cursor:pointer}.brand-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary) 0%,#ea580c 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.brand-title{font-family:var(--font-serif);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-main) 30%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-tagline{font-size:.75rem;color:var(--text-muted);font-weight:400;display:block;margin-top:-3px}.navbar-actions{display:flex;align-items:center;gap:.65rem}.nav-search-bar{display:flex;align-items:center;gap:.5rem;background:var(--bg-surface);border:1px solid var(--bg-card-border);border-radius:var(--radius-full);padding:.45rem .9rem;width:100%;max-width:280px;transition:all var(--transition-fast)}.nav-search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.nav-search-input{background:transparent;border:none;outline:none;color:var(--text-main);font-family:inherit;font-size:.9rem;width:100%}.nav-search-input::placeholder{color:var(--text-dim)}@media(max-width:640px){.brand-tagline,.nav-search-bar{display:none}}.catalog-hero{margin-bottom:2rem;text-align:center;position:relative;padding:2rem 1rem;border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 30%,rgba(245,158,11,.12) 0%,transparent 70%)}.catalog-title{font-family:var(--font-serif);font-size:2.25rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em}@media(min-width:768px){.catalog-title{font-size:3rem}}.catalog-subtitle{color:var(--text-muted);font-size:1.05rem;max-width:600px;margin:0 auto 1.5rem}.mobile-search-wrapper{margin-bottom:1.5rem;display:block}@media(min-width:641px){.mobile-search-wrapper{display:none}}.search-input-box{display:flex;align-items:center;gap:.75rem;background:var(--bg-surface);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);padding:.75rem 1rem;width:100%}.search-input-box input{background:transparent;border:none;outline:none;color:var(--text-main);font-size:1rem;width:100%}.filter-tabs{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:2rem;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab-btn{padding:.5rem 1.15rem;border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--bg-card-border);font-size:.88rem;font-weight:500;white-space:nowrap;transition:all var(--transition-fast)}.filter-tab-btn:hover{background:var(--bg-surface-hover);color:var(--text-main)}.filter-tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px var(--primary-glow)}.recipes-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.recipes-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.recipes-grid{grid-template-columns:repeat(3,1fr)}}.recipe-card{position:relative;background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bg-card-border);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-normal);cursor:pointer}.recipe-card:hover{transform:translateY(-6px);border-color:#f59e0b66;box-shadow:0 16px 32px #0006,0 0 20px var(--primary-glow)}.recipe-card-image-wrap{position:relative;width:100%;padding-top:60%;background:var(--bg-surface-elevated);overflow:hidden}.recipe-card-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.recipe-card:hover .recipe-card-img{transform:scale(1.05)}.recipe-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(12,14,18,.9) 0%,rgba(12,14,18,.2) 60%,transparent 100%)}.recipe-card-top-badges{position:absolute;top:.85rem;left:.85rem;right:.85rem;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.recipe-card-category{background:#0c0e12bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.3rem .7rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.recipe-card-progress-badge{background:#10b981e6;color:#fff;padding:.3rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.3rem;box-shadow:0 2px 8px #0000004d}.recipe-card-body{padding:1.25rem;display:flex;flex-direction:column;flex:1}.recipe-card-title{font-family:var(--font-serif);font-size:1.35rem;font-weight:700;margin-bottom:.35rem;color:var(--text-main);line-height:1.3}.recipe-card-desc{font-size:.88rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem;line-height:1.45}.recipe-card-meta{display:flex;align-items:center;gap:1rem;margin-top:auto;padding-top:.85rem;border-top:1px solid var(--bg-card-border);color:var(--text-dim);font-size:.82rem}.recipe-card-meta-item{display:flex;align-items:center;gap:.35rem}.recipe-card-progress-track{width:100%;height:6px;background:var(--bg-surface-elevated);border-radius:3px;margin-top:.75rem;overflow:hidden}.recipe-card-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);border-radius:3px;transition:width .3s ease}.dashboard-container{display:flex;flex-direction:column;gap:1.5rem}.dashboard-top-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--text-muted);padding:.5rem .85rem;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--bg-card-border)}.btn-back:hover{color:var(--text-main);background:var(--bg-surface-hover)}.wakelock-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;border:1px solid var(--bg-card-border);background:var(--bg-surface);color:var(--text-muted);transition:all var(--transition-fast)}.wakelock-pill.active{background:#10b98126;border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.dashboard-hero{position:relative;border-radius:var(--radius-xl);overflow:hidden;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;border:1px solid var(--bg-card-border)}@media(min-width:768px){.dashboard-hero{min-height:280px;padding:2.25rem}}.dashboard-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dashboard-hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0c0e12f5,#0c0e1299 60%,#0c0e124d)}.dashboard-hero-content{position:relative;z-index:2}.dashboard-recipe-title{font-family:var(--font-serif);font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.35rem;line-height:1.25}@media(min-width:768px){.dashboard-recipe-title{font-size:2.5rem}}.dashboard-recipe-subtitle{color:#ffffffd9;font-size:.95rem;margin-bottom:1rem;max-width:800px}.dashboard-quick-stats{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.stat-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-full);color:#fff;font-size:.82rem;font-weight:500}.cooking-status-bar{background:var(--bg-surface);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-md)}.cooking-status-header{display:flex;align-items:center;justify-content:space-between}.status-label-group{display:flex;align-items:center;gap:.65rem}.status-ring-percentage{font-size:1.25rem;font-weight:800;color:var(--primary)}.status-step-counter{font-size:.9rem;color:var(--text-muted);font-weight:500}.progress-bar-container{width:100%;height:10px;background:var(--bg-surface-elevated);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#10b981);border-radius:var(--radius-full);transition:width .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px #10b98180}.progress-bar-glow{position:absolute;right:0;top:0;bottom:0;width:20px;background:#fff6;filter:blur(4px)}.dashboard-view-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;background:var(--bg-surface);padding:.35rem;border-radius:var(--radius-lg);border:1px solid var(--bg-card-border)}.view-tab-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem .5rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;color:var(--text-muted);transition:all var(--transition-fast)}@media(min-width:640px){.view-tab-btn{font-size:.92rem}}.view-tab-btn.active{background:var(--bg-surface-elevated);color:var(--text-main);box-shadow:var(--shadow-sm);border:1px solid var(--bg-card-border)}.servings-control-panel{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:var(--bg-surface);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg)}.servings-label{font-size:.95rem;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:.5rem}.servings-stepper{display:flex;align-items:center;gap:.75rem}.servings-count{font-weight:700;font-size:1.1rem;min-width:2.5ch;text-align:center;color:var(--primary)}.btn-stepper{width:34px;height:34px;border-radius:var(--radius-full);background:var(--bg-surface-elevated);color:var(--text-main);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;border:1px solid var(--bg-card-border)}.btn-stepper:hover{background:var(--primary);color:#fff}.ingredients-grid-wrapper{display:flex;flex-direction:column;gap:1.25rem}.ingredient-group-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);padding:1.25rem}.ingredient-group-title{font-size:1.05rem;font-weight:700;color:var(--primary);margin-bottom:.85rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--bg-card-border);padding-bottom:.5rem}.ingredients-list{display:flex;flex-direction:column;gap:.65rem}.ingredient-item{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem .75rem;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.ingredient-item:hover{background:var(--bg-surface-hover);border-color:var(--bg-card-border)}.ingredient-item.checked{opacity:.55;background:#10b9810f;border-color:#10b98133}.ingredient-item.checked .ingredient-name{text-decoration:line-through}.ingredient-checkbox{width:20px;height:20px;border-radius:6px;border:2px solid var(--text-dim);display:flex;align-items:center;justify-content:center;margin-top:2px;flex-shrink:0;transition:all var(--transition-fast)}.ingredient-item.checked .ingredient-checkbox{background:var(--accent);border-color:var(--accent);color:#fff}.ingredient-content{flex:1;display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;flex-wrap:wrap}.ingredient-name{font-weight:500;font-size:.95rem;color:var(--text-main)}.ingredient-notes{font-size:.8rem;color:var(--text-muted);display:block;font-weight:400}.ingredient-quantity{font-weight:700;font-size:.95rem;color:var(--primary);white-space:nowrap}.recipe-completed-celebration{background:linear-gradient(135deg,#10b98126,#f59e0b26);border:1px solid var(--accent);border-radius:var(--radius-xl);padding:2rem 1.5rem;text-align:center;box-shadow:0 10px 30px var(--accent-glow);animation:fadeIn .4s ease-out}.celebration-title{font-family:var(--font-serif);font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem}.celebration-text{color:var(--text-muted);margin-bottom:1.25rem}.cooking-steps-container{display:flex;flex-direction:column;gap:1.25rem}.cooking-step-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bg-card-border);border-radius:var(--radius-xl);padding:1.25rem;transition:all var(--transition-normal);position:relative;overflow:hidden}@media(min-width:768px){.cooking-step-card{padding:1.75rem}}.cooking-step-card.active{border-color:var(--primary);box-shadow:0 8px 30px #0006,0 0 20px var(--primary-glow);background:var(--bg-surface)}.cooking-step-card.completed{border-color:#10b9814d;background:#10b98108}.step-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.step-number-title{display:flex;align-items:center;gap:.75rem}.step-number-badge{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;background:var(--bg-surface-elevated);color:var(--text-muted);border:1px solid var(--bg-card-border);flex-shrink:0;transition:all var(--transition-fast)}.cooking-step-card.active .step-number-badge{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow)}.cooking-step-card.completed .step-number-badge{background:var(--accent);color:#fff;border-color:var(--accent)}.step-title-text{font-family:var(--font-serif);font-size:1.2rem;font-weight:700;color:var(--text-main);line-height:1.3}.btn-toggle-step{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;background:var(--bg-surface-elevated);color:var(--text-muted);border:1px solid var(--bg-card-border);white-space:nowrap}.btn-toggle-step:hover{background:var(--bg-surface-hover);color:var(--text-main)}.btn-toggle-step.completed{background:#10b98133;color:var(--accent);border-color:var(--accent)}.step-instruction-text{font-size:1.05rem;line-height:1.65;color:var(--text-main);margin-bottom:1.25rem;font-weight:400}.cooking-step-card.completed .step-instruction-text{color:var(--text-muted)}.thermomix-params-box{background:var(--bg-surface);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);padding:.85rem 1rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.65rem}.params-header{display:flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary)}.params-pills-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.param-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--bg-card-border);font-size:.85rem;font-weight:600;color:var(--text-main)}.param-pill-highlight{background:#f59e0b26;border-color:#f59e0b4d;color:var(--primary)}.step-tip-box{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem 1rem;border-radius:var(--radius-md);background:#f59e0b14;border-left:3px solid var(--primary);font-size:.88rem;color:var(--text-muted);margin-bottom:1.25rem;line-height:1.45}.step-tip-box svg{color:var(--primary);flex-shrink:0;margin-top:2px}.step-card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding-top:1rem;border-top:1px solid var(--bg-card-border)}.btn-complete-step-main{width:100%;padding:.85rem 1.25rem;font-size:1rem}@media(min-width:640px){.btn-complete-step-main{width:auto}}.timers-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.step-timer-widget{background:var(--bg-surface);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);padding:.85rem 1.15rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:all var(--transition-normal)}.step-timer-widget.running{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);background:#f59e0b0d}.step-timer-widget.completed{border-color:var(--accent);background:#10b9811a;animation:pulseGlow 1.5s infinite}.timer-info{display:flex;align-items:center;gap:.75rem}.timer-icon-badge{width:38px;height:38px;border-radius:var(--radius-full);background:var(--bg-surface-elevated);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.step-timer-widget.running .timer-icon-badge{background:var(--primary);color:#fff}.step-timer-widget.completed .timer-icon-badge{background:var(--accent);color:#fff}.timer-details{display:flex;flex-direction:column}.timer-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.timer-digits{font-family:monospace;font-size:1.4rem;font-weight:800;color:var(--text-main);letter-spacing:-.02em}.step-timer-widget.running .timer-digits{color:var(--primary)}.step-timer-widget.completed .timer-digits{color:var(--accent)}.timer-actions{display:flex;align-items:center;gap:.5rem}.btn-timer-ctrl{padding:.5rem .85rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem}.btn-timer-play{background:var(--primary);color:#fff}.btn-timer-play:hover{background:var(--primary-hover)}.btn-timer-pause{background:var(--bg-surface-elevated);color:var(--primary);border:1px solid var(--primary)}.btn-timer-reset{background:var(--bg-surface-elevated);color:var(--text-muted);width:36px;height:36px;padding:0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.btn-timer-reset:hover{color:var(--text-main);background:var(--bg-surface-hover)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-surface);border:1px solid var(--bg-card-border);border-radius:var(--radius-xl);max-width:650px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--bg-card-border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:var(--font-serif);font-size:1.35rem;font-weight:700;color:var(--text-main)}.modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.form-input,.form-textarea,.form-select{background:var(--bg-surface-elevated);border:1px solid var(--bg-card-border);border-radius:var(--radius-md);padding:.7rem .9rem;color:var(--text-main);font-family:inherit;font-size:.95rem;outline:none;transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--bg-card-border);display:flex;align-items:center;justify-content:flex-end;gap:.75rem;background:var(--bg-surface)}