.food-voice-input{position:relative;display:inline-flex;align-items:center;--fvi-shell-bg: color-mix(in srgb, var(--surface-card) 74%, transparent);--fvi-shell-bg-hover: color-mix(in srgb, var(--surface-elevated) 88%, transparent);--fvi-border: color-mix(in srgb, var(--border-default) 72%, transparent);--fvi-shadow: 0 8px 32px color-mix(in srgb, black 28%, transparent);--fvi-overlay-bg: color-mix(in srgb, var(--surface-overlay) 96%, var(--surface-page));--fvi-overlay-bg-strong: color-mix(in srgb, var(--surface-overlay) 98%, var(--surface-elevated));--fvi-text: var(--text-muted);--fvi-text-strong: var(--text-secondary);--fvi-text-primary: var(--text-primary)}.food-voice-settings-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;color:var(--fvi-text);background:var(--fvi-shell-bg);padding:0;flex-shrink:0;transition:all .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.food-voice-settings-btn:hover,.food-voice-settings-btn:active{color:var(--fvi-text-strong);background:var(--fvi-shell-bg-hover)}.food-voice-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--fvi-border);cursor:pointer;transition:all .2s ease;color:var(--fvi-text-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);flex-shrink:0}.food-voice-btn:hover:not(:disabled){background:color-mix(in srgb,var(--surface-card) 92%,transparent);color:var(--fvi-text-primary)}.food-voice-btn.active{background:var(--accent-danger-soft);color:var(--accent-danger);animation:voice-pulse 1.5s ease-in-out infinite}.food-voice-btn.active:hover{background:color-mix(in srgb,var(--accent-danger-soft) 84%,var(--surface-card));color:var(--accent-danger)}.food-voice-btn.processing{background:color-mix(in srgb,var(--accent-primary-soft) 88%,var(--surface-card));color:color-mix(in srgb,var(--accent-primary) 72%,var(--accent-info-fg));cursor:wait}.food-voice-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes voice-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent-danger) 40%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent-danger) 0%,transparent)}}.food-voice-interim{position:fixed;top:auto;bottom:120px;left:16px;right:16px;max-width:360px;margin:0 auto;padding:8px 14px;border-radius:10px;background:var(--fvi-overlay-bg);border:1px solid var(--fvi-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px color-mix(in srgb,black 24%,transparent);z-index:9999;pointer-events:none;animation:voice-interim-in .15s ease-out}@keyframes voice-interim-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.food-voice-provider{display:inline-block;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-info-fg);background:var(--accent-info-soft);padding:1px 5px;border-radius:4px;margin-bottom:2px}.food-voice-interim-text{font-size:.85rem;line-height:1.4;color:var(--fvi-text-strong);font-style:italic;display:block}.food-voice-last-provider{position:absolute;top:-4px;right:-4px;font-size:.55rem;line-height:1;pointer-events:none;opacity:.7}.food-voice-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990}.food-voice-picker{position:fixed;width:200px;padding:8px;border-radius:12px;background:linear-gradient(165deg,var(--fvi-overlay-bg-strong),color-mix(in srgb,var(--surface-overlay) 92%,var(--surface-page)));border:1px solid var(--fvi-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--fvi-shadow);z-index:50;animation:voice-picker-in .2s cubic-bezier(.32,.72,0,1)}@keyframes voice-picker-in{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.food-voice-picker-title{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fvi-text);padding:2px 6px 6px}.food-voice-picker-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:background .15s;text-align:left;color:var(--fvi-text-primary)}.food-voice-picker-option:hover:not(:disabled){background:var(--fvi-shell-bg-hover)}.food-voice-picker-option.selected{background:var(--accent-info-soft)}.food-voice-picker-option.unavailable{opacity:.35;cursor:not-allowed}.food-voice-picker-icon{font-size:1rem;width:24px;text-align:center;flex-shrink:0}.food-voice-picker-text{display:flex;flex-direction:column;min-width:0;flex:1}.food-voice-picker-label{font-size:.8rem;font-weight:500;line-height:1.2}.food-voice-picker-desc{font-size:.65rem;color:var(--fvi-text);line-height:1.2}.food-voice-picker-check{color:var(--accent-info-fg);font-size:.85rem;font-weight:600;flex-shrink:0}.food-voice-lang-row{display:flex;gap:4px;padding:0 4px 4px}.food-voice-lang-btn{flex:1;padding:6px 4px;border:1px solid var(--fvi-border);border-radius:6px;background:transparent;color:var(--fvi-text-strong);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s;text-align:center}.food-voice-lang-btn:hover{background:var(--fvi-shell-bg);color:var(--fvi-text-primary)}.food-voice-lang-flags{font-size:.55rem;letter-spacing:-2px;margin-right:2px}.food-voice-lang-btn.selected{background:color-mix(in srgb,var(--accent-info-soft) 88%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-info) 40%,transparent);color:var(--accent-info-fg)}@media (min-width: 768px){.food-voice-btn{width:34px;height:34px}}.health-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;background:var(--glass-modal-backdrop);backdrop-filter:blur(var(--glass-blur-backdrop));-webkit-backdrop-filter:blur(var(--glass-blur-backdrop));animation:healthSheetFadeIn .15s ease-out}@keyframes healthSheetFadeIn{0%{opacity:0}to{opacity:1}}.health-sheet{position:fixed;bottom:0;left:0;right:0;z-index:221;background:var(--glass-sheet-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-sheet-border);border-radius:20px 20px 0 0;padding:20px 20px var(--bottom-nav-clearance);box-shadow:var(--glass-sheet-shadow);animation:healthSheetSlideUp .28s cubic-bezier(.32,.72,0,1);max-height:85vh;overflow-y:auto}@keyframes healthSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.health-sheet-close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:10px;background:color-mix(in srgb,var(--surface-elevated) 78%,transparent);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease}.health-sheet-header{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}.health-sheet-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.health-sheet-confidence{font-size:.6875rem;color:var(--text-muted)}.health-sheet-loading{text-align:center;color:var(--text-muted);padding:32px 0;font-size:.875rem}.health-sheet-score-circle{width:80px;height:80px;margin:0 auto 8px;border-radius:50%;border:3px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface-overlay) 92%,transparent)}.health-sheet-score-value{font-size:1.75rem;font-weight:700;line-height:1}.health-sheet-score-label{font-size:.625rem;color:var(--text-muted);margin-top:2px}.health-sheet-grade{text-align:center;font-size:.8125rem;font-weight:600;margin-bottom:20px}.health-sheet-components{display:flex;flex-direction:column;gap:12px}.health-sheet-component{padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--surface-overlay) 88%,transparent);border:1px solid var(--border-subtle)}.health-sheet-component.unavailable{opacity:.58}.health-sheet-comp-header{display:flex;align-items:center;gap:8px}.health-sheet-comp-name{flex:1;font-size:.8125rem;font-weight:500;color:var(--text-primary)}.health-sheet-comp-score{font-size:.875rem;font-weight:700}.health-sheet-comp-na{font-size:.6875rem;color:var(--text-disabled);font-style:italic}.health-sheet-comp-bar-bg{height:4px;border-radius:2px;background:color-mix(in srgb,var(--surface-elevated) 84%,transparent);margin-top:6px;overflow:hidden}.health-sheet-comp-bar{height:100%;border-radius:2px;transition:width .4s cubic-bezier(.32,.72,0,1)}.health-sheet-comp-detail{font-size:.6875rem;color:var(--text-muted);margin-top:4px}.health-sheet-risk-flag{display:inline-flex;align-items:center;gap:3px;margin-left:8px;color:var(--accent-danger)}.health-sheet-additives{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-subtle)}.health-sheet-additives-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.health-sheet-additive-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid color-mix(in srgb,var(--border-subtle) 70%,transparent)}.health-sheet-additive-risk{font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:4px;flex-shrink:0}.health-sheet-additive-risk.risk-1{background:var(--accent-warning-soft);color:var(--accent-warning)}.health-sheet-additive-risk.risk-2{background:color-mix(in srgb,var(--accent-warning-soft) 90%,var(--accent-danger-soft));color:color-mix(in srgb,var(--accent-warning) 60%,var(--accent-danger))}.health-sheet-additive-risk.risk-3{background:var(--accent-danger-soft);color:var(--accent-danger)}.health-sheet-additive-name{font-size:.8125rem;color:var(--text-primary)}.health-sheet-additive-note{font-size:.6875rem;color:var(--text-muted);margin-left:auto}@media (min-width: 768px){.health-sheet{left:50%;right:auto;bottom:50%;transform:translate(-50%,50%);border-radius:20px;width:380px;padding:24px;box-shadow:var(--shadow-xl);animation:healthSheetScaleIn .2s cubic-bezier(.32,.72,0,1)}@keyframes healthSheetScaleIn{0%{opacity:0;transform:translate(-50%,50%) scale(.95)}to{opacity:1;transform:translate(-50%,50%) scale(1)}}.health-sheet-close:hover{background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);color:var(--text-primary)}}.barcode-result-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;background:var(--glass-modal-backdrop);backdrop-filter:blur(var(--glass-blur-backdrop));-webkit-backdrop-filter:blur(var(--glass-blur-backdrop));animation:barcodeResultFadeIn .15s ease-out}@keyframes barcodeResultFadeIn{0%{opacity:0}to{opacity:1}}.barcode-result-sheet{--barcode-result-divider: color-mix(in srgb, var(--border-default) 72%, transparent);--barcode-result-divider-soft: color-mix(in srgb, var(--border-default) 34%, transparent);--barcode-result-muted-surface: color-mix(in srgb, var(--surface-elevated) 78%, transparent);--barcode-result-muted-surface-strong: color-mix(in srgb, var(--surface-elevated) 92%, transparent);--barcode-result-input-surface: color-mix(in srgb, var(--surface-overlay) 92%, transparent);--barcode-result-badge-surface: color-mix(in srgb, var(--surface-elevated) 74%, transparent);--barcode-result-warning-surface: color-mix(in srgb, var(--accent-warning-soft) 92%, transparent);--barcode-result-danger-surface: color-mix(in srgb, var(--accent-danger-soft) 92%, transparent);--barcode-result-success-surface: color-mix(in srgb, var(--accent-success-soft) 92%, transparent);--barcode-result-primary-surface: color-mix(in srgb, var(--accent-primary-soft) 92%, transparent);position:fixed;bottom:var(--bottom-nav-clearance);left:0;right:0;z-index:211;background:var(--glass-sheet-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-sheet-border);border-radius:20px 20px 0 0;padding:20px 20px 12px;box-shadow:var(--glass-sheet-shadow);animation:barcodeResultSlideUp .28s cubic-bezier(.32,.72,0,1);max-height:85vh;overflow-y:auto}@keyframes barcodeResultSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.barcode-result-handle{width:32px;height:3px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 42%,transparent);margin:0 auto 12px;flex-shrink:0}.barcode-result-close{position:absolute;top:12px;right:12px;width:32px;height:32px;padding:6px;margin:-6px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;border:none;border-radius:10px;background:var(--barcode-result-muted-surface);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease,transform .15s ease}.barcode-result-close:active{background:var(--barcode-result-muted-surface-strong);color:var(--text-primary);transform:scale(.95)}.barcode-result-name{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.3;padding-right:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.barcode-result-brand{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.barcode-result-meta{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.barcode-result-barcode-num{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.6875rem;color:var(--text-muted)}.barcode-result-source{display:inline-flex;align-items:center;padding:2px 8px;border-radius:8px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.barcode-result-source.off{background:var(--accent-warning-soft);border-color:color-mix(in srgb,var(--accent-warning) 18%,transparent);color:var(--accent-warning)}.barcode-result-source.fddb_verified{background:var(--accent-success-soft);border-color:color-mix(in srgb,var(--accent-success) 18%,transparent);color:var(--accent-success)}.barcode-result-source.fddb_general{background:var(--barcode-result-badge-surface);border-color:color-mix(in srgb,var(--border-default) 68%,transparent);color:var(--text-secondary)}.barcode-result-source.usda,.barcode-result-source.usda_branded{background:var(--accent-info-soft);border-color:color-mix(in srgb,var(--accent-info) 18%,transparent);color:var(--accent-info)}.barcode-result-health-row{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 12px;border-radius:10px;background:var(--accent-success-soft);border:1px solid color-mix(in srgb,var(--accent-success) 18%,transparent)}.barcode-result-health-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.barcode-result-health-divider{width:1px;height:16px;flex-shrink:0;background:var(--barcode-result-divider)}.barcode-result-nutrition{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0;margin-top:12px;border-top:1px solid var(--barcode-result-divider);border-bottom:1px solid var(--barcode-result-divider);flex-wrap:wrap}.barcode-result-nutrition-label{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-right:4px}.barcode-result-cal,.barcode-result-protein{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500}.barcode-result-cal{color:var(--accent-warning)}.barcode-result-protein{color:var(--accent-info)}.barcode-result-dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.barcode-result-fat,.barcode-result-carbs{font-size:.75rem;color:var(--text-secondary)}.barcode-result-serving-section{margin-top:14px}.barcode-result-serving-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:8px}.barcode-result-serving-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0}.barcode-result-serving-chips::-webkit-scrollbar{display:none}.barcode-result-chip{display:flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--border-default) 78%,transparent);border-radius:20px;background:var(--barcode-result-input-surface);color:var(--text-primary);font-size:.75rem;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;flex-shrink:0}.barcode-result-chip:active{transform:scale(.97)}.barcode-result-chip.active{border-color:color-mix(in srgb,var(--accent-primary) 36%,transparent);background:var(--accent-primary-soft);color:var(--accent-primary)}.barcode-result-amount-row{display:flex;align-items:center;gap:8px;margin-top:10px}.barcode-result-amount-input{width:80px;min-height:44px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border-default) 78%,transparent);background:var(--barcode-result-input-surface);color:var(--text-primary);font-size:.875rem;font-weight:500;text-align:center;outline:none;transition:border-color .15s ease,box-shadow .15s ease;-moz-appearance:textfield}.barcode-result-amount-input::-webkit-outer-spin-button,.barcode-result-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.barcode-result-amount-input:focus{border-color:var(--accent-primary-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary-ring) 35%,transparent)}.barcode-result-amount-unit{font-size:.8125rem;color:var(--text-secondary)}.barcode-result-calc{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;border-radius:10px;background:var(--accent-info-soft);border:1px solid color-mix(in srgb,var(--accent-info) 16%,transparent);flex-wrap:wrap}.barcode-result-calc-label{font-size:.6875rem;color:var(--text-secondary)}.barcode-result-calc-value{font-size:.8125rem;font-weight:600;color:var(--accent-warning)}.barcode-result-calc-protein{font-size:.8125rem;font-weight:500;color:var(--accent-info)}.barcode-result-cta,.barcode-result-correction-save,.barcode-result-done{width:100%;padding:14px;border:none;border-radius:12px;color:var(--accent-primary-fg);font-size:.9375rem;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.barcode-result-cta,.barcode-result-correction-save{background:linear-gradient(to right,var(--accent-primary),var(--accent-primary-hover))}.barcode-result-cta{margin-top:16px}.barcode-result-cta.barcode-result-cta--success{background:linear-gradient(to right,var(--accent-success),color-mix(in srgb,var(--accent-success) 78%,black))}.barcode-result-done{margin-top:12px;background:linear-gradient(to right,var(--accent-success),color-mix(in srgb,var(--accent-success) 78%,black));color:var(--accent-success-fg);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-success) 22%,transparent)}.barcode-result-cta:active:not(:disabled),.barcode-result-correction-save:active:not(:disabled),.barcode-result-done:active{transform:scale(.98);opacity:.92}.barcode-result-cta:disabled,.barcode-result-correction-save:disabled{opacity:.5;cursor:not-allowed}.barcode-result-scan-again{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;padding:10px;margin-top:8px;border:none;background:transparent;color:var(--accent-info);font-size:.8125rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease}.barcode-result-scan-again:active{color:color-mix(in srgb,var(--accent-info) 78%,white)}.barcode-result-items{margin-top:14px;border-top:1px solid var(--barcode-result-divider);padding-top:10px}.barcode-result-items-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.barcode-result-items-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.barcode-result-items-total{font-size:.75rem;color:var(--accent-warning);font-weight:500}.barcode-result-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--barcode-result-divider-soft)}.barcode-result-item-info{flex:1;min-width:0}.barcode-result-item-name{font-size:.8125rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barcode-result-item-amount{font-size:.6875rem;color:var(--text-secondary)}.barcode-result-item-remove{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:var(--barcode-result-danger-surface);color:var(--accent-danger);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;transition:all .15s ease}.barcode-result-item-remove:active{background:color-mix(in srgb,var(--accent-danger-soft) 100%,transparent);transform:scale(.93)}.barcode-result-not-found{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0;text-align:center}.barcode-result-not-found-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-warning-soft);color:var(--accent-warning)}.barcode-result-not-found h3{font-size:1rem;font-weight:600;color:var(--text-primary)}.barcode-result-not-found p{font-size:.8125rem;color:var(--text-secondary)}.barcode-result-not-found-barcode{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.875rem;color:var(--text-secondary);padding:4px 12px;border-radius:8px;background:color-mix(in srgb,var(--surface-elevated) 78%,transparent)}.barcode-result-manual-btn{display:flex;align-items:center;gap:6px;min-height:44px;padding:10px 20px;border:1px solid color-mix(in srgb,var(--border-default) 78%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface-elevated) 72%,transparent);color:var(--text-secondary);font-size:.8125rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.barcode-result-manual-btn:active{background:color-mix(in srgb,var(--surface-elevated) 88%,transparent);transform:scale(.95)}.barcode-result-correct-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;text-align:center;padding:10px 0;border:none;background:transparent;color:var(--text-muted);font-size:.6875rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease}.barcode-result-correct-link:active{color:var(--text-secondary)}.barcode-result-correction{margin-top:12px;padding:12px;border-radius:12px;background:var(--barcode-result-warning-surface);border:1px solid color-mix(in srgb,var(--accent-warning) 18%,transparent)}.barcode-result-correction-product-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);margin-bottom:8px;line-height:1.3}.barcode-result-correction-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.barcode-result-correction-title{font-size:.75rem;font-weight:600;color:var(--accent-warning);text-transform:uppercase;letter-spacing:.04em}.barcode-result-correction-actions{display:flex;align-items:center;gap:8px}.barcode-result-correction-cancel{border:none;background:transparent;color:var(--text-secondary);font-size:.75rem;cursor:pointer;min-height:44px;padding:8px 12px;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.barcode-result-correction-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.barcode-result-correction-field{display:flex;flex-direction:column;gap:3px}.barcode-result-correction-input{width:100%;min-height:44px;padding:10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--border-default) 78%,transparent);background:var(--barcode-result-input-surface);color:var(--text-primary);font-size:.875rem;font-weight:500;outline:none;transition:border-color .15s ease,box-shadow .15s ease;-moz-appearance:textfield;box-sizing:border-box}.barcode-result-correction-input::-webkit-outer-spin-button,.barcode-result-correction-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.barcode-result-correction-input:focus{border-color:color-mix(in srgb,var(--accent-warning) 42%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-warning-soft) 85%,transparent)}.barcode-result-correction-input.cal:focus{border-color:color-mix(in srgb,var(--accent-warning) 54%,transparent)}.barcode-result-correction-input.protein:focus{border-color:color-mix(in srgb,var(--accent-info) 54%,transparent)}.barcode-result-correction-unit{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.barcode-result-label-scan-btn{display:flex;align-items:center;gap:5px;min-height:44px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--accent-info) 28%,transparent);border-radius:8px;background:var(--accent-info-soft);color:var(--accent-info);font-size:.6875rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;white-space:nowrap}.barcode-result-label-scan-btn:active:not(:disabled){background:color-mix(in srgb,var(--accent-info-soft) 100%,transparent);transform:scale(.95)}.barcode-result-label-scan-btn:disabled{opacity:.6;cursor:not-allowed}.barcode-result-pantry-suggest{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:10px;margin-top:8px;border:1px solid color-mix(in srgb,var(--accent-success) 28%,transparent);border-radius:10px;background:var(--barcode-result-success-surface);color:var(--accent-success);font-size:.8125rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.barcode-result-pantry-suggest.active{border-color:color-mix(in srgb,var(--accent-success) 42%,transparent);background:color-mix(in srgb,var(--accent-success-soft) 100%,transparent)}.barcode-result-pantry-suggest:active{transform:scale(.98)}.barcode-result-pantry-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}@media (min-width: 768px){.barcode-result-sheet{left:50%;right:auto;bottom:50%;transform:translate(-50%,50%);border-radius:20px;width:380px;padding:24px;box-shadow:var(--shadow-xl);animation:barcodeResultScaleIn .2s cubic-bezier(.32,.72,0,1)}@keyframes barcodeResultScaleIn{0%{opacity:0;transform:translate(-50%,50%) scale(.95)}to{opacity:1;transform:translate(-50%,50%) scale(1)}}.barcode-result-handle{display:none}.barcode-result-close:hover{background:var(--barcode-result-muted-surface-strong);color:var(--text-primary)}.barcode-result-chip:hover{border-color:color-mix(in srgb,var(--border-default) 100%,transparent);background:color-mix(in srgb,var(--surface-elevated) 88%,transparent)}.barcode-result-cta:hover:not(:disabled),.barcode-result-correction-save:hover:not(:disabled),.barcode-result-done:hover{opacity:.96}.barcode-result-item-remove:hover{background:color-mix(in srgb,var(--accent-danger-soft) 100%,transparent)}.barcode-result-label-scan-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent-info-soft) 100%,transparent);border-color:color-mix(in srgb,var(--accent-info) 38%,transparent)}.barcode-result-pantry-suggest:hover{background:color-mix(in srgb,var(--accent-success-soft) 100%,transparent);border-color:color-mix(in srgb,var(--accent-success) 42%,transparent)}}.barcode-scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;display:flex;flex-direction:column;animation:barcode-scanner-in .2s ease-out}@keyframes barcode-scanner-in{0%{opacity:0}to{opacity:1}}.barcode-scanner-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:calc(env(safe-area-inset-top,0px) + 12px);background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.barcode-scanner-title{font-size:1rem;font-weight:600;color:#fff;flex:1;text-align:center}.barcode-scanner-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffff26;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease;flex-shrink:0}.barcode-scanner-close:active{background:#ffffff40}.barcode-scanner-count-badge{min-width:44px;height:32px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 10px;border-radius:16px;background:#3b82f6e6;color:#fff;font-size:.75rem;font-weight:600;flex-shrink:0}.barcode-scanner-count-badge:empty{display:none}.barcode-scanner-camera{flex:1;position:relative;overflow:hidden}.barcode-scanner-video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.barcode-viewfinder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.barcode-viewfinder-circle{position:absolute;width:280px;height:280px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 9999px #0009}.barcode-viewfinder-ring{position:absolute;width:280px;height:280px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,255,255,.35);transition:border-color .2s ease,box-shadow .2s ease}.barcode-viewfinder-ring.scanned{border-color:#22c55e;box-shadow:0 0 24px #22c55e80,inset 0 0 24px #22c55e1a}.barcode-crosshair{position:absolute;width:280px;height:280px;top:50%;left:50%;transform:translate(-50%,-50%)}.barcode-crosshair:before,.barcode-crosshair:after{content:"";position:absolute;background:#ffffff40}.barcode-crosshair:before{width:50%;height:1px;top:50%;left:25%}.barcode-crosshair:after{width:1px;height:50%;left:50%;top:25%}.barcode-scan-sweep{position:absolute;width:280px;height:280px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden}.barcode-scan-sweep:after{content:"";position:absolute;top:0;left:50%;width:50%;height:50%;background:linear-gradient(to bottom right,rgba(59,130,246,.12),transparent);transform-origin:bottom left;animation:barcode-sweep 3s linear infinite}@keyframes barcode-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.barcode-torch-btn{position:absolute;bottom:calc(50% - 196px);left:50%;transform:translate(-50%);width:44px;height:44px;border-radius:50%;border:none;background:#0f172ab3;color:var(--text-muted);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;pointer-events:auto;z-index:10;transition:background .2s,color .2s}.barcode-torch-btn:active{transform:translate(-50%) scale(.92)}.barcode-torch-btn.active{background:#eab30840;color:#facc15;box-shadow:0 0 12px #eab3084d}.barcode-scanner-instruction{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px);background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.barcode-scanner-hint{font-size:.875rem;color:#fffc;text-align:center}.barcode-scanner-hint--totals{color:var(--accent-warning);font-weight:500}.barcode-scanner-gallery-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffe6;font-size:.8125rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.barcode-scanner-gallery-link:active{background:#fff3;transform:scale(.97)}.barcode-scanner-done-btn{width:100%;max-width:320px;padding:14px;border:none;border-radius:12px;background:linear-gradient(to right,#22c55e,#16a34a);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;box-shadow:0 4px 12px #22c55e4d}.barcode-scanner-done-btn:active{transform:scale(.98);opacity:.9}.barcode-scanned-pills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;max-width:320px;padding:2px 0}.barcode-scanned-pills::-webkit-scrollbar{display:none}.barcode-scanned-pill{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.6875rem;white-space:nowrap;flex-shrink:0}.barcode-scanned-pill-remove{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#fff3;color:#fff;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;margin:-8px -8px -8px 0}.barcode-lookup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:barcode-lookup-in .15s ease-out}@keyframes barcode-lookup-in{0%{opacity:0}to{opacity:1}}.barcode-lookup-spinner{display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;font-size:.875rem}.barcode-permission-denied{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;text-align:center}.barcode-permission-denied-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ef444426;color:var(--accent-danger)}.barcode-permission-denied-icon--photo{background:var(--accent-info-soft);color:var(--accent-info)}.barcode-permission-denied h3{font-size:1.125rem;font-weight:600;color:#fff}.barcode-permission-denied p{font-size:.875rem;color:#fff9;max-width:280px;line-height:1.5}.barcode-permission-fallback-btn{display:flex;align-items:center;gap:8px;min-height:44px;padding:12px 24px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.barcode-permission-fallback-btn:active{background:#fff3;transform:scale(.97)}@media (prefers-reduced-motion: reduce){.barcode-scan-sweep:after{animation:none}.barcode-scanner-overlay,.barcode-lookup-overlay{animation:none}}.thumbnail-strip{display:flex;gap:6px;padding:4px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center}.thumbnail-strip::-webkit-scrollbar{display:none}.thumbnail-item{position:relative;flex:0 0 40px;width:40px;height:40px;border-radius:6px;overflow:visible;animation:thumb-in .2s ease-out backwards}.thumbnail-item:nth-child(1){animation-delay:0ms}.thumbnail-item:nth-child(2){animation-delay:50ms}.thumbnail-item:nth-child(3){animation-delay:.1s}.thumbnail-item:nth-child(4){animation-delay:.15s}.thumbnail-item:nth-child(5){animation-delay:.2s}.thumbnail-item .thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px;border:1px solid var(--border-default);cursor:pointer;transition:border-color .2s ease}.thumbnail-item .thumb-img:active{border-color:#8b5cf680}.thumbnail-item.analyzing .thumb-img{opacity:.5}.thumbnail-item.analyzing:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(139,92,246,.3);border-top-color:#8b5cf6cc;border-radius:50%;animation:thumb-spin .8s linear infinite}.thumbnail-remove{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:#ef4444e6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;padding:0;transition:transform .15s ease}.thumbnail-remove:active{transform:scale(.9)}.thumbnail-remove svg{width:10px;height:10px;color:#fff;stroke-width:2.5}.thumbnail-add-btn{flex:0 0 40px;width:40px;height:40px;border-radius:6px;border:1px dashed rgba(148,163,184,.3);background:#ffffff08;color:#94a3b899;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.thumbnail-add-btn:active{background:#8b5cf61a;border-color:#8b5cf666;color:#c4b5fd}.thumbnail-add-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes thumb-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes thumb-spin{to{transform:rotate(360deg)}}.image-upload-section{margin-top:-20px!important}.vision-thumb-badge{position:absolute;bottom:0;left:0;right:0;padding:1px 3px;background:#000000b3;font-size:7px;line-height:1.2;font-weight:600;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;pointer-events:none;border-radius:0 0 6px 6px;animation:vision-badge-in .25s ease-out}@keyframes vision-badge-in{0%{opacity:0}to{opacity:1}}.restore-original-btn{position:relative;display:inline-flex;align-items:center;gap:7px;width:-moz-fit-content;width:fit-content;max-width:100%;margin-top:2px;padding:6px 11px 6px 12px;border-radius:8px;border:1px solid rgba(251,191,36,.15);border-left:none;background:#fbbf240f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fde68ae6;font-size:.7rem;line-height:1.3;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;text-align:left;box-shadow:0 0 8px #fbbf240a;overflow:hidden;animation:restore-slide-in .25s cubic-bezier(.34,1.4,.64,1),restore-glow 3s ease-in-out .3s infinite}.restore-original-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#fbbf24bf,#fbbf241f);border-radius:8px 0 0 8px}@keyframes restore-slide-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes restore-glow{0%,to{box-shadow:0 0 8px #fbbf240a}50%{box-shadow:0 0 12px #fbbf2417}}.restore-original-btn:hover,.restore-original-btn:focus{outline:none;background-color:transparent;background:#fbbf241a;box-shadow:0 0 14px #fbbf241a}.restore-original-btn:active{background:#fbbf2424;transform:scale(.98)}.restore-original-btn>svg:first-child{flex-shrink:0;color:#fbbf24b3}.restore-original-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.restore-original-preview{color:#cbd5e180;font-style:italic}.restore-original-dismiss{flex-shrink:0;opacity:.35;color:#cbd5e199;transition:opacity .15s ease;margin-left:2px}.restore-original-dismiss:active{opacity:.8}.photo-time-applied-chip{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:4px 8px;border-radius:6px;background:#1e293b99;border:1px solid rgba(51,65,85,.4);color:#94a3b8;font-size:.72rem;line-height:1.2;max-width:100%}.photo-time-applied-icon{flex-shrink:0;opacity:.65}.photo-time-applied-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-time-applied-time{color:#cbd5e1;font-variant-numeric:tabular-nums;font-weight:500}.photo-time-applied-undo{flex-shrink:0;background:transparent;color:#60a5fa;font-size:.72rem;font-weight:500;cursor:pointer;border:none;text-decoration:underline;text-underline-offset:2px;-webkit-tap-highlight-color:transparent;padding:6px 10px;margin:-6px -4px -6px 2px;min-width:44px;min-height:32px;text-align:right}.photo-time-applied-undo:hover,.photo-time-applied-undo:focus{outline:none;color:#93c5fd}.photo-time-applied-undo:active{color:#3b82f6}@media (min-width: 768px){.photo-time-applied-chip{font-size:.75rem}.photo-time-applied-undo{min-height:20px;padding:2px 6px;margin:0 -2px 0 4px}}.entry-toolbar{display:flex;align-items:center;gap:6px;margin-top:6px;position:relative}.toolbar-btn-icon-shell{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toolbar-btn-copy{display:flex;align-items:center;min-width:0}.toolbar-btn-title{display:block;min-width:0}.toolbar-btn-meta{display:none}.toolbar-btn-disclosure{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toolbar-analyzing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border:1px solid color-mix(in srgb,var(--ai-purple) 40%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--ai-purple) 25%,transparent),color-mix(in srgb,var(--accent-info) 12%,transparent));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 16px color-mix(in srgb,var(--ai-purple) 10%,transparent);color:var(--ai-purple);font-size:.8rem;font-weight:600;letter-spacing:.02em;overflow:hidden;animation:toolbar-overlay-in .25s ease-out}.toolbar-analyzing-overlay:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ai-purple) 12%,transparent),color-mix(in srgb,var(--accent-info) 15%,transparent),color-mix(in srgb,var(--ai-purple) 12%,transparent),transparent);animation:ai-shimmer 3s ease-in-out infinite}.toolbar-analyzing-overlay .analyzing-text{position:relative;z-index:1;display:flex;align-items:center;gap:8px}@keyframes toolbar-overlay-in{0%{opacity:0;transform:scaleX(.8)}to{opacity:1;transform:scaleX(1)}}.find-db-btn{display:flex;align-items:center;gap:5px;padding:0 10px;height:36px;border:1px solid color-mix(in srgb,var(--accent-primary) 30%,transparent);border-radius:10px;background:color-mix(in srgb,var(--accent-primary) 12%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--accent-primary);font-size:.75rem;font-weight:500;text-align:center;line-height:1.15;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.find-db-btn svg{flex-shrink:0;width:13px;height:13px;opacity:.8}.find-db-btn:hover,.find-db-btn:focus,.find-db-btn:focus-visible{outline:none;background-color:transparent;background:color-mix(in srgb,var(--accent-primary) 12%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent);box-shadow:none}.find-db-btn:active:not(:disabled){transform:scale(.97);background:color-mix(in srgb,var(--accent-primary) 22%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 50%,transparent)}.find-db-btn:disabled{opacity:.35;cursor:not-allowed}.use-ai-btn{display:flex;align-items:center;gap:5px;padding:0 10px;height:36px;border:1px solid color-mix(in srgb,var(--ai-purple) 40%,transparent);border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--ai-purple) 25%,transparent),color-mix(in srgb,var(--accent-info) 10%,transparent));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 12px color-mix(in srgb,var(--ai-purple) 8%,transparent);color:var(--ai-purple);font-size:.75rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.use-ai-btn svg{flex-shrink:0;width:13px;height:13px}.use-ai-btn:hover,.use-ai-btn:focus,.use-ai-btn:focus-visible{outline:none;background-color:transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--ai-purple) 25%,transparent),color-mix(in srgb,var(--accent-info) 10%,transparent));box-shadow:0 0 0 0 transparent,0 0 12px color-mix(in srgb,var(--ai-purple) 8%,transparent)}.use-ai-btn.dropdown-open{background:linear-gradient(135deg,color-mix(in srgb,var(--ai-purple) 35%,transparent),color-mix(in srgb,var(--accent-info) 15%,transparent));border-color:color-mix(in srgb,var(--ai-purple) 60%,transparent)}.use-ai-btn:active:not(:disabled){transform:scale(.97)}.use-ai-btn:disabled{opacity:.35;cursor:not-allowed}.toolbar-barcode-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--accent-warning) 25%,transparent);border-radius:10px;background:color-mix(in srgb,var(--accent-warning) 8%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--accent-warning);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-left:auto}.toolbar-barcode-btn:hover,.toolbar-barcode-btn:focus,.toolbar-barcode-btn:focus-visible{outline:none;background-color:transparent;background:color-mix(in srgb,var(--accent-warning) 8%,transparent);box-shadow:none}.toolbar-barcode-btn:active:not(:disabled){transform:scale(.95);background:color-mix(in srgb,var(--accent-warning) 18%,transparent);border-color:color-mix(in srgb,var(--accent-warning) 50%,transparent);color:var(--accent-warning)}.toolbar-barcode-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-barcode-btn svg{flex-shrink:0;width:16px;height:16px}.toolbar-barcode-btn .toolbar-btn-copy,.toolbar-camera-btn .toolbar-btn-copy{display:none}.toolbar-camera-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;flex-shrink:0;border:1px solid var(--border-default);border-radius:10px;background:color-mix(in srgb,var(--text-muted) 6%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-muted);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.toolbar-camera-btn:hover,.toolbar-camera-btn:focus,.toolbar-camera-btn:focus-visible{outline:none;background-color:transparent;background:color-mix(in srgb,var(--text-muted) 6%,transparent);box-shadow:none}.toolbar-camera-btn:active:not(:disabled){transform:scale(.95);background:color-mix(in srgb,var(--ai-purple) 10%,transparent);border-color:color-mix(in srgb,var(--ai-purple) 30%,transparent);color:var(--ai-purple)}.toolbar-camera-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 767px){.entry-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}.entry-toolbar .find-db-btn,.entry-toolbar .use-ai-btn,.entry-toolbar .toolbar-barcode-btn,.entry-toolbar .toolbar-camera-btn{width:100%;min-width:0;height:auto;min-height:58px;margin-left:0!important;padding:8px 9px;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;border-radius:14px;text-align:left;box-shadow:0 8px 20px var(--shadow-md, rgba(2, 6, 23, .12)),inset 0 1px #ffffff0a}.entry-toolbar .find-db-btn:disabled,.entry-toolbar .use-ai-btn:disabled,.entry-toolbar .toolbar-barcode-btn:disabled,.entry-toolbar .toolbar-camera-btn:disabled{opacity:.58}.entry-toolbar .toolbar-btn-copy,.entry-toolbar .toolbar-barcode-btn .toolbar-btn-copy,.entry-toolbar .toolbar-camera-btn .toolbar-btn-copy{display:block;width:auto;flex:1;min-width:0}.entry-toolbar .toolbar-btn-title{display:block;font-size:clamp(.72rem,3vw,.78rem);font-weight:600;line-height:1.08;letter-spacing:-.015em;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal;max-width:100%}.entry-toolbar .find-db-btn .toolbar-btn-title{white-space:normal;overflow:visible;text-overflow:clip}.entry-toolbar .toolbar-btn-meta{display:none}.entry-toolbar .toolbar-btn-icon-shell{width:25px;height:25px;border-radius:9px;margin-top:0;box-shadow:inset 0 1px #ffffff14,0 6px 14px var(--shadow-sm, rgba(15, 23, 42, .1))}.entry-toolbar .toolbar-btn-icon-shell--search{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-primary) 26%,transparent),color-mix(in srgb,var(--accent-primary) 10%,transparent));border:1px solid color-mix(in srgb,var(--accent-primary) 24%,transparent)}.entry-toolbar .toolbar-btn-icon-shell--ai{background:linear-gradient(145deg,color-mix(in srgb,var(--ai-purple) 34%,transparent),color-mix(in srgb,var(--accent-info) 16%,transparent));border:1px solid color-mix(in srgb,var(--ai-purple) 26%,transparent)}.entry-toolbar .toolbar-btn-icon-shell--barcode{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-warning) 30%,transparent),color-mix(in srgb,var(--accent-warning) 12%,transparent));border:1px solid color-mix(in srgb,var(--accent-warning) 26%,transparent)}.entry-toolbar .toolbar-btn-icon-shell--photo{background:linear-gradient(145deg,color-mix(in srgb,var(--text-muted) 22%,transparent),color-mix(in srgb,var(--text-muted) 14%,transparent));border:1px solid var(--border-default)}.entry-toolbar .toolbar-btn-disclosure{display:none}}.ai-dropdown-menu{position:relative;margin-top:4px;background:var(--surface-elevated);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--ai-purple) 25%,transparent);border-radius:12px;box-shadow:0 4px 24px var(--shadow-lg, rgba(0, 0, 0, .18)),0 0 16px color-mix(in srgb,var(--ai-purple) 8%,transparent);overflow:hidden;animation:dropdown-in .15s ease-out;z-index:20}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ai-dropdown-menu button{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;border:none;background:transparent;color:var(--text-primary);cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent;text-align:left}.ai-dropdown-menu button:not(:last-child){border-bottom:1px solid rgba(148,163,184,.08)}.ai-dropdown-menu button:active:not(:disabled){background:#8b5cf61a}.ai-dropdown-menu button:disabled{opacity:.35;cursor:not-allowed}.ai-dropdown-menu button>svg{flex-shrink:0;margin-top:2px}.ai-dropdown-item-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ai-dropdown-item-name{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.ai-dropdown-item-desc{font-size:.6875rem;color:#94a3b8b3;line-height:1.3}.ai-dropdown-default{font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8b5cf6e6;background:#8b5cf626;padding:1px 5px;border-radius:4px;margin-left:4px;vertical-align:middle}.cancel-analysis-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:6px;padding:8px 16px;border:1px solid rgba(239,68,68,.25);border-radius:9px;background:#ef444414;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fca5a5e6;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.cancel-analysis-btn:active{transform:scale(.98);background:#ef444426;border-color:#ef444466}.cancel-analysis-btn .cancel-icon{width:14px;height:14px}.vague-input-hint{display:flex;align-items:center;gap:6px;margin-top:4px;padding:6px 10px;border-radius:8px;background:#eab30814;border:1px solid rgba(234,179,8,.15);color:#fde047d9;font-size:.75rem;line-height:1.3}.escalation-prompt{display:flex;align-items:center;gap:8px;margin-top:6px;padding:10px 12px;border-radius:10px;background:#8b5cf60f;border:1px solid rgba(139,92,246,.2)}.escalation-prompt .escalation-text{flex:1;font-size:.8125rem;color:#c4b5fde6}.escalation-prompt .escalation-ai-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid rgba(139,92,246,.35);border-radius:8px;background:linear-gradient(135deg,#8b5cf633,#06b6d41a);color:#c4b5fdf2;font-size:.75rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.escalation-prompt .escalation-ai-btn:active{transform:scale(.97);background:#8b5cf64d}.photo-source-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--glass-modal-backdrop);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;animation:photo-source-fade-in .2s ease-out}@keyframes photo-source-fade-in{0%{opacity:0}to{opacity:1}}.photo-source-sheet{width:calc(100% - 24px);max-width:380px;margin-bottom:var(--bottom-nav-clearance);background:var(--glass-float-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-float-border);border-radius:20px;padding:6px 8px 8px;box-shadow:var(--glass-float-shadow);animation:photo-source-slide-up .28s cubic-bezier(.32,.72,0,1)}@keyframes photo-source-slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.photo-source-handle{width:32px;height:3px;border-radius:1.5px;background:#94a3b833;margin:4px auto 10px}.photo-source-option{display:flex;align-items:center;gap:14px;width:100%;padding:12px;border:none;border-radius:14px;background:transparent;color:var(--text-primary);font-size:.9375rem;font-weight:500;letter-spacing:.01em;text-align:left;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;animation:photo-source-option-in .3s cubic-bezier(.32,.72,0,1) backwards}.photo-source-option>span{flex:1;min-width:0;line-height:1.3}@keyframes photo-source-option-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.photo-source-option:active{background:#94a3b81a;transform:scale(.98)}.photo-source-option:first-of-type{border-bottom:1px solid rgba(148,163,184,.06);border-bottom-left-radius:4px;border-bottom-right-radius:4px}.photo-source-option:last-of-type{border-top-left-radius:4px;border-top-right-radius:4px}.photo-source-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#3b82f61f;color:var(--accent-primary);box-shadow:0 0 12px #3b82f614;transition:box-shadow .2s ease}.photo-source-icon.gallery{background:#22c55e1f;color:#4ade80;box-shadow:0 0 12px #22c55e14}.photo-source-icon.text-ai{background:#a855f71f;color:#c084fc;box-shadow:0 0 12px #a855f714}.photo-source-icon.barcode{background:#f59e0b1f;color:var(--accent-warning);box-shadow:0 0 12px #f59e0b14}.photo-source-option:active .photo-source-icon{box-shadow:0 0 16px #3b82f633}.photo-source-option:active .photo-source-icon.gallery{box-shadow:0 0 16px #22c55e33}.photo-source-option:active .photo-source-icon.text-ai{box-shadow:0 0 16px #a855f733}.photo-source-option:active .photo-source-icon.barcode{box-shadow:0 0 16px #f59e0b33}.photo-source-option:nth-of-type(1){animation-delay:.04s}.photo-source-option:nth-of-type(2){animation-delay:.1s}.photo-source-option:nth-of-type(3){animation-delay:.16s}@media (min-width: 768px){.photo-source-backdrop{align-items:center}.photo-source-sheet{margin-bottom:0;animation:photo-source-scale-in .2s cubic-bezier(.32,.72,0,1)}@keyframes photo-source-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.photo-source-handle{display:none}.photo-source-option:hover{background:#94a3b80f}.photo-source-option:hover .photo-source-icon{box-shadow:0 0 16px #3b82f626}.photo-source-option:hover .photo-source-icon.gallery{box-shadow:0 0 16px #22c55e26}.photo-source-option:hover .photo-source-icon.text-ai{box-shadow:0 0 16px #a855f726}.photo-source-option:hover .photo-source-icon.barcode{box-shadow:0 0 16px #f59e0b26}}.image-upload-section.drag-over .entry-toolbar{border:1px dashed color-mix(in srgb,var(--ai-purple) 50%,transparent);border-radius:12px;background:color-mix(in srgb,var(--ai-purple) 6%,transparent);padding:4px}@media (min-width: 768px){.desktop-desc-col textarea{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:var(--border-subtle);margin-bottom:0}.image-upload-section{display:grid;grid-template-columns:repeat(6,1fr);-moz-column-gap:24px;column-gap:24px;margin-top:-24px!important}.image-upload-section>*{grid-column:2 / -1}.image-upload-section.is-editing>*{grid-column:3 / -1}.thumbnail-strip{border-left:1px solid var(--border-default);border-right:1px solid var(--border-default);border-top:1px solid var(--border-subtle);border-bottom:none;border-radius:0;background:var(--surface-card);padding:6px 8px;margin:0}.meal-type-toggle button{border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;min-height:auto;margin-bottom:0;line-height:1.2}.meal-name-desktop{min-height:auto!important;margin-bottom:0!important;height:auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.meal-name-desktop:focus{text-overflow:clip}.entry-toolbar{border:1px solid var(--border-default);border-top:1px solid var(--border-subtle);border-radius:0 0 8px 8px;background:var(--surface-card);padding:5px 8px;margin-top:0;gap:4px}.entry-toolbar button{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important;background-color:transparent!important;border:none!important;border-radius:6px;box-shadow:none!important;padding:4px 8px;height:auto;min-height:28px;font-size:.75rem;transition:background .15s ease,color .15s ease}.entry-toolbar button:disabled{background:transparent!important;background-color:transparent!important}.entry-toolbar .find-db-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent-primary) 12%,transparent)!important;color:var(--accent-primary)}.entry-toolbar .use-ai-btn:hover:not(:disabled){background:color-mix(in srgb,var(--ai-purple) 12%,transparent)!important;color:var(--ai-purple)}.entry-toolbar .toolbar-barcode-btn{margin-left:0;gap:6px}.entry-toolbar .toolbar-barcode-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent-warning) 12%,transparent)!important;color:var(--accent-warning)}.entry-toolbar .toolbar-camera-btn{margin-left:0;gap:6px}.entry-toolbar .toolbar-camera-btn:hover:not(:disabled){background:color-mix(in srgb,var(--text-muted) 12%,transparent)!important;color:var(--text-muted)}.entry-toolbar button{min-height:38px!important;font-size:.8125rem!important}.thumbnail-item,.thumbnail-add-btn{flex:0 0 48px;width:48px;height:48px}.thumbnail-remove{opacity:0;transition:opacity .15s ease,transform .15s ease}.thumbnail-item:hover .thumbnail-remove{opacity:1}.ai-dropdown-menu button:hover:not(:disabled){background:color-mix(in srgb,var(--ai-purple) 8%,transparent)}.toolbar-analyzing-overlay{border-radius:0 0 8px 8px}}@media (prefers-reduced-motion: reduce){.thumbnail-item,.ai-dropdown-menu{animation:none}}.cook-tonight-card{--cook-tonight-shell-bg: linear-gradient( 165deg, color-mix(in srgb, var(--accent-warning-soft) 24%, transparent), color-mix(in srgb, var(--surface-sunken) 90%, transparent) );--cook-tonight-shell-border: color-mix(in srgb, var(--accent-warning) 16%, transparent);--cook-tonight-header-active: color-mix(in srgb, var(--accent-warning-soft) 30%, transparent);--cook-tonight-icon: var(--accent-warning);--cook-tonight-title: color-mix(in srgb, var(--accent-warning) 88%, white);--cook-tonight-chevron: var(--text-muted);--cook-tonight-item-name: var(--text-primary);--cook-tonight-item-meta: var(--text-secondary);--cook-tonight-item-active: color-mix(in srgb, var(--accent-warning-soft) 30%, transparent);--cook-tonight-badge-text: var(--accent-success);--cook-tonight-badge-bg: color-mix(in srgb, var(--accent-success-soft) 96%, transparent);--cook-tonight-cook-bg: color-mix(in srgb, var(--accent-warning-soft) 88%, transparent);--cook-tonight-cook-bg-hover: color-mix(in srgb, var(--accent-warning-soft) 96%, var(--surface-card));--cook-tonight-cook-text: var(--accent-warning);--cook-tonight-view-bg: color-mix(in srgb, var(--surface-overlay) 72%, transparent);--cook-tonight-view-bg-hover: color-mix(in srgb, var(--surface-overlay) 92%, var(--surface-card));--cook-tonight-view-text: var(--text-secondary);background:var(--cook-tonight-shell-bg);border:1px solid var(--cook-tonight-shell-border);border-radius:12px;margin-bottom:12px;overflow:hidden}[data-theme=light] .cook-tonight-card{--cook-tonight-shell-bg: linear-gradient( 165deg, color-mix(in srgb, var(--accent-warning-soft) 78%, var(--surface-card)), color-mix(in srgb, var(--surface-card) 96%, white) );--cook-tonight-shell-border: color-mix(in srgb, var(--accent-warning) 18%, transparent);--cook-tonight-header-active: color-mix(in srgb, var(--accent-warning-soft) 48%, transparent);--cook-tonight-view-bg: color-mix(in srgb, var(--surface-card) 92%, white);--cook-tonight-view-bg-hover: color-mix(in srgb, var(--surface-overlay) 84%, white)}.cook-tonight-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.cook-tonight-header:active{background:var(--cook-tonight-header-active)}.cook-tonight-header-left{display:flex;align-items:center;gap:8px}.cook-tonight-icon{color:var(--cook-tonight-icon)}.cook-tonight-title{font-size:.75rem;font-weight:600;color:var(--cook-tonight-title);text-transform:uppercase;letter-spacing:.04em}.cook-tonight-chevron{color:var(--cook-tonight-chevron)}.cook-tonight-list{padding:0 8px 8px}.cook-tonight-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border-radius:10px;transition:background .1s ease}.cook-tonight-item:active{background:var(--cook-tonight-item-active)}.cook-tonight-item-info{flex:1;min-width:0}.cook-tonight-item-name{font-size:.8125rem;font-weight:500;color:var(--cook-tonight-item-name);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cook-tonight-item-meta{font-size:.6875rem;color:var(--cook-tonight-item-meta);display:flex;align-items:center;gap:6px;margin-top:2px}.cook-tonight-pantry-badge{font-size:.625rem;font-weight:600;color:var(--cook-tonight-badge-text);background:var(--cook-tonight-badge-bg);padding:1px 6px;border-radius:6px}.cook-tonight-actions{display:flex;gap:6px;flex-shrink:0}.cook-tonight-cook-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;min-height:36px;border-radius:8px;border:none;background:var(--cook-tonight-cook-bg);color:var(--cook-tonight-cook-text);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.cook-tonight-cook-btn:active{transform:scale(.95);background:var(--cook-tonight-cook-bg-hover)}.cook-tonight-view-btn{padding:6px 10px;min-height:36px;border-radius:8px;border:none;background:var(--cook-tonight-view-bg);color:var(--cook-tonight-view-text);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.cook-tonight-view-btn:active{background:var(--cook-tonight-view-bg-hover)}@media (min-width: 768px){.cook-tonight-cook-btn:hover{background:var(--cook-tonight-cook-bg-hover)}.cook-tonight-view-btn:hover{background:var(--cook-tonight-view-bg-hover);color:var(--text-primary)}}.ai-history-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-float-backdrop);background:var(--glass-modal-backdrop);backdrop-filter:blur(var(--glass-blur-backdrop));-webkit-backdrop-filter:blur(var(--glass-blur-backdrop));display:flex;align-items:flex-end;justify-content:center;animation:ai-history-fade-in .2s ease-out}@keyframes ai-history-fade-in{0%{opacity:0}to{opacity:1}}.ai-history-sheet{width:calc(100% - 24px);max-width:420px;max-height:70vh;margin-bottom:var(--bottom-nav-clearance);background:var(--glass-float-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-float-border);border-radius:20px;padding:6px 12px 12px;box-shadow:var(--glass-float-shadow);animation:ai-history-slide-up .28s cubic-bezier(.32,.72,0,1);overflow-y:auto;overscroll-behavior:contain}@keyframes ai-history-slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.ai-history-handle{width:32px;height:3px;border-radius:1.5px;background:color-mix(in srgb,var(--text-muted) 32%,transparent);margin:4px auto 8px}.ai-history-title{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding:0 4px}.ai-history-item{background:color-mix(in srgb,var(--surface-elevated) 76%,transparent);border:1px solid var(--border-subtle);border-radius:14px;padding:12px;margin-bottom:8px;animation:ai-history-item-in .3s cubic-bezier(.32,.72,0,1) backwards}.ai-history-item:last-child{margin-bottom:0}@keyframes ai-history-item-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-history-prompt{font-size:.8125rem;color:var(--text-primary);line-height:1.5;margin-bottom:8px;word-break:break-word}.ai-history-prompt-text{background:color-mix(in srgb,var(--accent-primary-soft) 72%,var(--surface-card));border-left:2px solid color-mix(in srgb,var(--accent-primary) 35%,transparent);padding:6px 10px;border-radius:0 8px 8px 0;font-style:italic}.ai-history-image-meta{font-size:.75rem;color:var(--text-muted);margin-bottom:6px}.ai-history-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ai-history-pill{display:inline-flex;align-items:center;gap:3px;font-size:.6875rem;padding:2px 8px;border-radius:999px;font-weight:500;letter-spacing:.01em}.ai-history-pill.method{background:var(--accent-primary-soft);color:var(--accent-primary)}.ai-history-pill.model{background:var(--accent-info-soft);color:var(--accent-info)}.ai-history-pill.cost{background:var(--accent-success-soft);color:var(--accent-success)}.ai-history-pill.confidence{background:var(--accent-warning-soft);color:var(--accent-warning)}.ai-history-copy-btn{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;padding:3px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-primary) 22%,transparent);background:color-mix(in srgb,var(--accent-primary-soft) 72%,transparent);color:var(--accent-primary);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-top:8px}.ai-history-copy-btn:active{background:color-mix(in srgb,var(--accent-primary-soft) 92%,transparent);transform:scale(.97)}.ai-history-skeleton{border-radius:14px;padding:12px;margin-bottom:8px}.ai-history-skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--surface-elevated) 72%,transparent) 25%,color-mix(in srgb,var(--surface-elevated) 96%,transparent),color-mix(in srgb,var(--surface-elevated) 72%,transparent) 75%);background-size:200% 100%;animation:ai-history-shimmer 1.5s ease-in-out infinite;margin-bottom:8px}.ai-history-skeleton-line:last-child{width:60%;margin-bottom:0}@keyframes ai-history-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-history-empty{text-align:center;color:var(--text-muted);font-size:.8125rem;padding:16px 0}@media (min-width: 768px){.ai-history-backdrop{align-items:center}.ai-history-sheet{margin-bottom:0;animation:ai-history-scale-in .2s cubic-bezier(.32,.72,0,1)}@keyframes ai-history-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ai-history-handle{display:none}.ai-history-copy-btn:hover{background:color-mix(in srgb,var(--accent-primary-soft) 86%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent)}}.deficit-goal-tracker{--dgt-shell-bg: linear-gradient( 180deg, color-mix(in srgb, var(--surface-card) 96%, var(--surface-elevated)) 0%, color-mix(in srgb, var(--surface-card) 92%, var(--surface-page)) 100% );--dgt-shell-border: var(--border-default);--dgt-shell-shadow: var(--shadow-md);--dgt-surface-soft: color-mix(in srgb, var(--surface-card) 76%, var(--surface-sunken));--dgt-surface-strong: color-mix(in srgb, var(--surface-elevated) 74%, var(--surface-card));--dgt-hover: color-mix(in srgb, var(--surface-elevated) 60%, transparent);--dgt-text: var(--text-primary);--dgt-text-secondary: var(--text-secondary);--dgt-text-muted: var(--text-muted);--dgt-text-disabled: var(--text-disabled);--dgt-link: var(--text-link);--dgt-link-hover: var(--text-link-hover);--dgt-focus: var(--accent-primary-ring);--dgt-success: var(--accent-success);--dgt-success-soft: var(--accent-success-soft);--dgt-warning: var(--accent-warning);--dgt-warning-soft: var(--accent-warning-soft);--dgt-danger: var(--accent-danger);--dgt-danger-soft: var(--accent-danger-soft);--dgt-time: var(--brand-pepi-deep);--dgt-time-soft: color-mix(in srgb, var(--brand-pepi) 16%, transparent);background:var(--dgt-shell-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--dgt-shell-border);border-radius:16px;margin-bottom:1.5rem;overflow:hidden;color:var(--dgt-text);box-shadow:var(--dgt-shell-shadow);transition:all .3s ease}.deficit-goal-tracker.error{padding:1rem 1.25rem;color:var(--dgt-danger)}.deficit-goal-tracker.collapsed{margin-bottom:1rem}.deficit-goal-tracker.skeleton .deficit-goal-header{pointer-events:none}.skeleton-title{height:24px;width:200px;background:color-mix(in srgb,var(--dgt-surface-strong) 88%,transparent);border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-progress{height:32px;background:color-mix(in srgb,var(--dgt-surface-strong) 88%,transparent);border-radius:16px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-stat{height:60px;background:color-mix(in srgb,var(--dgt-surface-strong) 88%,transparent);border-radius:8px;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}@media (max-width: 640px){.skeleton-title{width:150px;height:20px}.skeleton-progress{height:28px}.skeleton-stat{height:50px}}.deficit-goal-tracker.no-goal.compact{padding:0;margin-bottom:1rem}.goal-prompt{display:flex;align-items:stretch}.goal-prompt-content{display:flex;align-items:center;flex:1;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;color:var(--dgt-text);text-align:left;transition:background-color .2s ease}.goal-prompt-content:hover{background:var(--dgt-hover)}.goal-prompt-content:active{background:color-mix(in srgb,var(--dgt-surface-strong) 76%,transparent)}.goal-prompt-icon{font-size:1.25rem;margin-right:.75rem;flex-shrink:0}.goal-prompt-text{display:flex;flex-direction:column;gap:.125rem}.goal-prompt-title{font-size:.875rem;font-weight:500;color:var(--dgt-text)}.goal-prompt-cta{font-size:.75rem;color:var(--dgt-link)}.goal-prompt-dismiss{display:flex;align-items:center;justify-content:center;padding:0 .75rem;background:transparent;border:none;border-left:1px solid var(--dgt-shell-border);cursor:pointer;color:var(--dgt-text-disabled);transition:color .2s ease,background-color .2s ease}.goal-prompt-dismiss:hover{color:var(--dgt-text-muted);background:var(--dgt-hover)}.goal-prompt-dismiss svg{width:1rem;height:1rem}.goal-title-button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0;border-bottom:1px dashed color-mix(in srgb,var(--accent-primary) 32%,transparent);transition:border-color .2s ease}.goal-title-button:hover{border-bottom-color:color-mix(in srgb,var(--accent-primary) 60%,transparent)}.goal-title-button:focus{outline:none;border-bottom-style:solid;border-bottom-color:var(--accent-primary)}@media (max-width: 640px){.goal-prompt-content{padding:.625rem .875rem}.goal-prompt-icon{font-size:1.125rem;margin-right:.625rem}.goal-prompt-title{font-size:.8125rem}.goal-prompt-cta{font-size:.6875rem}.goal-prompt-dismiss{padding:0 .625rem}}.deficit-goal-header{padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s ease}.deficit-goal-header:hover{background:var(--dgt-hover)}.header-content{display:flex;justify-content:space-between;align-items:center}.deficit-goal-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--dgt-text);margin:0}.goal-meta{font-size:.75rem;font-weight:400;color:var(--dgt-text-muted);margin-left:.5rem}.collapse-icon{font-size:.875rem;color:var(--dgt-text-muted);transition:transform .2s ease}.dgt-inline-icon{width:1em;height:1em;display:inline-block;vertical-align:-.14em}.collapsed-info{display:flex;align-items:center;gap:1rem}.collapsed-percentage{font-size:1rem;font-weight:600;background:linear-gradient(90deg,var(--accent-danger),var(--accent-warning),var(--accent-success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.collapsed-streak{font-size:.875rem;color:var(--dgt-text-muted);display:inline-flex;align-items:center;gap:.25rem}.deficit-goal-content{padding:0 1.25rem 1.25rem}.dual-progress-container{margin-bottom:1rem}.progress-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.progress-row.time-row{margin-bottom:.25rem}.progress-label{display:flex;align-items:center;gap:.25rem;min-width:70px;flex-shrink:0}.progress-label-icon{font-size:.875rem;display:inline-flex;align-items:center;color:var(--dgt-text-muted)}.progress-label-text{font-size:.75rem;color:var(--dgt-text-muted);text-transform:uppercase;letter-spacing:.05em}.progress-bar-wrapper{flex:1;position:relative}.progress-value{min-width:50px;text-align:right;font-size:.875rem;font-weight:700;color:var(--dgt-text)}.progress-value.time-value{color:var(--dgt-time)}.progress-bar-bg.time-bar{height:20px;background:var(--dgt-time-soft)}.progress-bar-fill.time-fill{background:var(--dgt-time)!important;border-radius:10px}.deficit-marker{position:absolute;top:0;bottom:0;width:3px;background:var(--dgt-success);border-radius:2px;transform:translate(-50%);box-shadow:0 0 6px color-mix(in srgb,var(--dgt-success) 50%,transparent);z-index:5}.progress-status{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;margin-top:.5rem;border-radius:8px;font-size:.8125rem;font-weight:500}.progress-status.ahead{background:var(--dgt-success-soft);color:var(--dgt-success)}.progress-status.behind{background:var(--dgt-danger-soft);color:var(--dgt-danger)}.progress-status.on-track{background:var(--dgt-time-soft);color:var(--dgt-time)}.status-icon{width:.875rem;height:.875rem;flex-shrink:0}.status-eta{color:var(--dgt-text-muted);font-weight:400;font-size:.75rem}@media (max-width: 640px){.progress-row{gap:.5rem}.progress-label{min-width:55px}.progress-label-text{font-size:.6875rem}.progress-value{min-width:40px;font-size:.8125rem}.progress-bar-bg.time-bar{height:16px}.progress-status{flex-wrap:wrap;font-size:.75rem;padding:.375rem .5rem}.status-eta{font-size:.6875rem}}.progress-container{position:relative;margin-bottom:1.5rem}.progress-bar-bg{position:relative;height:32px;background:color-mix(in srgb,var(--surface-sunken) 74%,transparent);border-radius:16px;overflow:hidden;box-shadow:inset 0 2px 4px color-mix(in srgb,var(--surface-page) 20%,transparent)}.progress-bar-fill{height:100%;border-radius:16px;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px color-mix(in srgb,var(--surface-page) 30%,transparent)}.progress-bar-glow{position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text-inverse) 32%,transparent),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100px)}to{transform:translate(100px)}}.progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:700;color:var(--text-inverse);text-shadow:0 2px 4px color-mix(in srgb,var(--slate-950) 40%,transparent);z-index:2}.milestone-markers{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none}.milestone-line{position:absolute;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--dgt-text-muted) 24%,transparent);transform:translate(-50%);transition:all .3s ease}.milestone-line.achieved{background:color-mix(in srgb,var(--dgt-success) 34%,transparent);box-shadow:0 0 4px color-mix(in srgb,var(--dgt-success) 22%,transparent)}.deficit-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.stat-item{background:var(--dgt-surface-soft);border:1px solid color-mix(in srgb,var(--dgt-shell-border) 70%,transparent);padding:.75rem;border-radius:8px;display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:var(--dgt-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:.875rem;font-weight:600;color:var(--dgt-text)}.stat-pending{font-size:.625rem;color:var(--dgt-success);font-weight:400;opacity:.6}.stat-pending-success{color:var(--dgt-success)}.stat-pending-warning{color:var(--dgt-warning)}.time-expired-banner{display:flex;align-items:center;justify-content:center;gap:.375rem;background:var(--dgt-warning-soft);border:1px solid color-mix(in srgb,var(--dgt-warning) 34%,transparent);border-radius:8px;padding:.5rem .75rem;font-size:.75rem;color:var(--dgt-warning);text-align:center}.time-expired-icon{width:.875rem;height:.875rem;flex-shrink:0}.stat-value-muted{color:var(--dgt-text-disabled)}.stat-recovery{font-size:.625rem;font-weight:500;color:var(--dgt-warning);opacity:.9}.stat-mode-toggle{cursor:pointer;transition:opacity .15s ease;border-bottom:1px dotted currentColor;padding-bottom:1px;width:-moz-fit-content;width:fit-content}.stat-mode-toggle:hover{opacity:1}.stat-mode-toggle:active{opacity:.4}.stat-value.streak{display:flex;align-items:center;gap:.25rem}.streak-icon,.streak-status-icon{width:.875rem;height:.875rem;flex-shrink:0}.streak-status{font-size:.875rem;display:inline-flex;align-items:center}.streak-status.on-track{color:var(--dgt-success)}.streak-status.at-risk{color:var(--dgt-warning)}.no-streak{color:var(--dgt-text-disabled)}.best-trophy{width:.875rem;height:.875rem;color:var(--dgt-warning);animation:trophy-pulse 2s ease-in-out infinite}@keyframes trophy-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.best-streak-label{font-size:.6875rem;color:var(--dgt-text-muted);font-weight:400;margin-top:.25rem}.sparkline-container{grid-column:1 / -1}.sparkline-chart{margin-top:.25rem;flex:1;min-width:0}.sparkline-hint{font-size:.65rem;color:var(--dgt-text-disabled);margin-top:.125rem}.motivation-message{text-align:center;padding:.75rem;background:var(--dgt-surface-soft);border:1px solid color-mix(in srgb,var(--dgt-shell-border) 70%,transparent);border-radius:8px;font-size:.875rem;color:var(--dgt-text-secondary);font-weight:500;letter-spacing:.025em}.mobile-tooltip{position:absolute;top:-45px;left:50%;transform:translate(-50%);background:var(--tooltip-surface);color:var(--tooltip-text);padding:4px 8px;border-radius:4px;font-size:.65rem;white-space:nowrap;width:-moz-max-content;width:max-content;text-align:center;z-index:1000;box-shadow:0 2px 8px color-mix(in srgb,var(--slate-950) 40%,transparent)}.mobile-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--tooltip-surface)}.tooltip-close{background:none;border:none;color:var(--tooltip-text);margin-left:8px;cursor:pointer;font-size:.75rem;padding:0}.mobile-only{display:none}.desktop-only{display:flex}.mobile-inline{display:none}@media (max-width: 640px){.mobile-only{display:flex}.desktop-only{display:none}.mobile-inline{display:inline}.deficit-goal-tracker{margin-bottom:1rem;border-radius:12px}.deficit-goal-header{padding:.875rem 1rem}.header-content{flex-direction:column;align-items:flex-start;gap:.25rem}.deficit-goal-title{font-size:1rem;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;padding-right:2rem}.deficit-goal-title .title-text{display:flex;justify-content:space-between;align-items:center;width:100%}.mobile-inline{font-size:1.125rem;font-weight:700;margin-right:.5rem}.goal-meta{font-size:.6875rem;margin-left:0;line-height:1.2}.collapse-icon{position:absolute;top:.875rem;right:1rem;font-size:1rem}.collapsed-info.mobile-only{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.collapsed-info.desktop-only{display:none}.collapsed-streak{font-size:.8125rem}.deficit-goal-content{padding:0 1rem 1rem}.progress-bar-bg{height:28px}.progress-percentage{font-size:.875rem}.deficit-stats{grid-template-columns:1fr;gap:.75rem}.stat-item{padding:.625rem}.motivation-message{font-size:.8125rem;padding:.625rem}.sparkline-container{display:flex;justify-content:space-between;align-items:center}}@media (min-width: 768px){.deficit-stats{grid-template-columns:repeat(3,1fr)}.sparkline-container{grid-column:auto}}.insights-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--dgt-shell-border)}.tooltip-close-icon{width:.75rem;height:.75rem}.insights-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.25rem 0;margin:-.25rem 0 .75rem;border-radius:.25rem;transition:background-color .15s ease}.insights-header:hover{background-color:var(--dgt-hover)}.insights-section.collapsed .insights-header{margin-bottom:0}.insights-title{font-size:.75rem;font-weight:600;color:var(--dgt-text-muted);text-transform:uppercase;letter-spacing:.05em}.insights-collapse-icon{font-size:.75rem;color:var(--dgt-text-disabled);transition:transform .2s ease}.insights-summary{display:flex;align-items:center;gap:.75rem;flex:1;margin-left:.75rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.insights-summary::-webkit-scrollbar{display:none}.summary-item{font-size:.8125rem;color:var(--dgt-text-secondary);white-space:nowrap;display:inline-flex;align-items:center;gap:.25rem}.summary-icon{width:.875rem;height:.875rem;color:var(--dgt-text-muted);flex-shrink:0}.summary-more{color:var(--dgt-text-disabled);font-weight:500}@media (max-width: 640px){.insights-section.collapsed .insights-title{display:none}.insights-section.collapsed .insights-summary{margin-left:0;gap:.5rem}.insights-section.collapsed .summary-item{font-size:.75rem}.insights-section.collapsed .summary-more{font-size:.6875rem;opacity:.7}}.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.insight-card{display:flex;gap:.625rem;padding:.75rem;background:var(--dgt-surface-soft);border:1px solid color-mix(in srgb,var(--dgt-shell-border) 70%,transparent);border-radius:10px;transition:background-color .2s ease}.insight-card:hover{background:var(--dgt-surface-strong)}.insight-icon{font-size:1.25rem;line-height:1;flex-shrink:0;color:var(--dgt-text-muted)}.insight-icon svg{width:1.25rem;height:1.25rem}.insight-content{flex:1;min-width:0}.insight-label{font-size:.6875rem;color:var(--dgt-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.125rem}.insight-value{font-size:1rem;font-weight:600;color:var(--dgt-text);display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.value-7d{color:var(--dgt-text)}.value-total{color:var(--dgt-text-disabled);font-weight:400;font-size:.875rem}.insight-meta .value-7d{color:var(--dgt-text-muted);font-weight:500}.insight-meta .value-total{color:var(--dgt-text-disabled);font-weight:400;font-size:inherit}.insight-target{font-size:.875rem;font-weight:400;color:var(--dgt-text-disabled)}.insight-meta{font-size:.6875rem;color:var(--dgt-text-disabled);margin-top:.125rem;line-height:1.3}.insight-expected{color:var(--dgt-text-disabled)}.trend-arrow{font-size:.875rem;font-weight:700;width:.875rem;height:.875rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.trend-arrow.up{color:var(--dgt-success)}.trend-arrow.down{color:var(--dgt-danger)}.trend-arrow.stable{color:var(--dgt-text-disabled)}.trend-arrow.weight-up{color:var(--dgt-danger)}.trend-arrow.weight-down{color:var(--dgt-success)}.trend-arrow.weight-stable{color:var(--dgt-text-disabled)}@media (max-width: 640px){.insights-section{margin-top:.75rem;padding-top:.75rem}.insights-grid{grid-template-columns:1fr;gap:.625rem}.insight-card{padding:.625rem}.insight-icon{font-size:1.125rem}.insight-value{font-size:.9375rem}.insight-meta{font-size:.625rem}}@media (min-width: 768px){.insights-grid{grid-template-columns:repeat(2,1fr)}}.analyze-why-btn{position:relative;width:100%;padding:.875rem 1rem;border-radius:.75rem;font-weight:600;font-size:.9375rem;cursor:not-allowed;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand-pepi) 40%,transparent);background:linear-gradient(135deg,var(--brand-pepi-deep) 0%,var(--brand-pepi) 45%,var(--brand-pepi-bright) 100%);box-shadow:0 0 20px color-mix(in srgb,var(--brand-pepi) 15%,transparent),0 0 40px color-mix(in srgb,var(--brand-pepi) 5%,transparent),inset 0 1px color-mix(in srgb,var(--text-inverse) 10%,transparent);color:color-mix(in srgb,var(--brand-pepi-fg) 72%,transparent);display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.02em;opacity:.85;transition:opacity .3s ease}.analyze-why-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand-pepi) 15%,transparent),color-mix(in srgb,var(--accent-info) 20%,transparent),color-mix(in srgb,var(--brand-pepi) 15%,transparent),transparent);animation:ai-shimmer 3s ease-in-out infinite}.analyze-why-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.75rem;border:1px solid transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-pepi) 40%,transparent),color-mix(in srgb,var(--accent-info) 30%,transparent)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ai-glow 4s ease-in-out infinite}.analyze-why-badge{font-size:.6rem;background:color-mix(in srgb,var(--brand-pepi) 30%,transparent);color:color-mix(in srgb,var(--brand-pepi-fg) 80%,transparent);padding:.15rem .5rem;border-radius:9999px;letter-spacing:.04em}.analyze-why-sparkle{font-size:1rem;animation:ai-sparkle 2s ease-in-out infinite}@keyframes ai-shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes ai-glow{0%,to{opacity:.3}50%{opacity:.8}}@keyframes ai-sparkle{0%,to{opacity:.5;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(10deg)}}.deficit-goal-macro-crosslink{position:relative;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;margin-bottom:6px;font-size:11px;font-weight:500;letter-spacing:.01em;color:var(--dgt-text-muted);background:color-mix(in srgb,var(--dgt-surface-soft) 86%,transparent);border:1px solid color-mix(in srgb,var(--dgt-shell-border) 90%,transparent);border-radius:9999px;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease;align-self:flex-start;font-family:inherit;min-height:28px}.deficit-goal-macro-crosslink:hover{color:var(--dgt-text);background:var(--dgt-surface-strong);border-color:color-mix(in srgb,var(--accent-primary) 20%,var(--dgt-shell-border))}.deficit-goal-macro-crosslink:active{transform:scale(.97)}.deficit-goal-macro-crosslink:focus-visible{outline:2px solid var(--dgt-focus);outline-offset:2px}.deficit-goal-macro-crosslink:after{content:"";position:absolute;top:-8px;right:-6px;bottom:-8px;left:-6px;pointer-events:auto}.deficit-surplus-warning{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin-bottom:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--dgt-warning-soft) 86%,var(--surface-card)),color-mix(in srgb,var(--dgt-warning-soft) 72%,var(--surface-card)));border:1px solid color-mix(in srgb,var(--dgt-warning) 38%,transparent);border-radius:10px;animation:deficit-surplus-warning-in .3s ease}.deficit-surplus-warning__icon{font-size:16px;line-height:1.3;color:var(--dgt-warning);flex-shrink:0}.deficit-surplus-warning__text{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.35;color:color-mix(in srgb,var(--dgt-warning) 82%,var(--dgt-text))}.deficit-surplus-warning__text strong{color:color-mix(in srgb,var(--dgt-warning) 88%,var(--dgt-text));font-weight:600}.deficit-surplus-warning__text>span{color:color-mix(in srgb,var(--dgt-warning) 70%,var(--dgt-text-secondary));font-weight:400}.deficit-surplus-warning__dismiss{flex-shrink:0;width:28px;height:28px;padding:0;background:transparent;border:none;color:color-mix(in srgb,var(--dgt-warning) 60%,var(--dgt-text-secondary));cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s ease,color .15s ease}.deficit-surplus-warning__dismiss:hover{background:color-mix(in srgb,var(--dgt-warning-soft) 78%,var(--surface-card));color:color-mix(in srgb,var(--dgt-warning) 88%,var(--dgt-text))}@keyframes deficit-surplus-warning-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cat-settings{padding:0 16px 120px;max-width:480px;margin:0 auto}.cat-settings-header{display:flex;align-items:center;gap:8px;padding:16px 0 12px}.cat-settings-header h1{font-size:1.125rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.cat-card{background:color-mix(in srgb,var(--surface-card) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow-md)}.cat-card-title{font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px}.cat-form-group{margin-bottom:14px}.cat-form-label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.cat-form-label .required{color:var(--accent-danger);margin-left:2px}.cat-form-hint{font-size:.6875rem;color:var(--text-muted);margin-top:4px;line-height:1.4}.cat-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border-default);background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);color:var(--text-primary);font-size:.8125rem;outline:none;transition:border-color .15s ease;box-shadow:var(--shadow-sm)}.cat-input:focus{border-color:var(--accent-primary-ring)}.cat-input::-moz-placeholder{color:var(--text-muted)}.cat-input::placeholder{color:var(--text-muted)}.cat-input:disabled{opacity:.5;cursor:not-allowed}.cat-select{width:100%;padding:10px 36px 10px 12px;border-radius:10px;border:1px solid var(--border-default);background-color:color-mix(in srgb,var(--surface-overlay) 92%,transparent);color:var(--text-primary);font-size:.8125rem;outline:none;transition:border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-repeat:no-repeat;background-position:calc(100% - 18px) calc(50% - 1px),calc(100% - 13px) calc(50% - 1px);background-size:6px 6px;box-shadow:var(--shadow-sm)}.cat-select:focus{border-color:var(--accent-primary-ring)}.cat-checkbox-row{padding:4px 0}.cat-btn-primary{width:100%;padding:12px;border:none;border-radius:12px;background:linear-gradient(to right,var(--accent-primary),var(--accent-primary-hover));color:var(--accent-primary-fg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.cat-btn-primary:active:not(:disabled){transform:scale(.98);opacity:.9}.cat-btn-primary:disabled{opacity:.5;cursor:not-allowed}.cat-btn-row{display:flex;gap:8px}.cat-btn-row .cat-btn-primary{flex:1}.cat-btn-cancel{flex:1;padding:12px;border:none;border-radius:12px;background:color-mix(in srgb,var(--surface-elevated) 86%,transparent);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.cat-btn-cancel:active{transform:scale(.98);background:color-mix(in srgb,var(--surface-elevated) 96%,transparent)}.cat-list{display:flex;flex-direction:column;gap:10px}.cat-item{background:color-mix(in srgb,var(--surface-overlay) 82%,transparent);border:1px solid var(--border-subtle);border-radius:12px;padding:14px;transition:border-color .15s ease}.cat-item:active{border-color:var(--border-default)}.cat-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.cat-item-name{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.cat-item-desc{font-size:.75rem;color:var(--text-secondary);margin-top:2px;line-height:1.4}.cat-item-meta{display:flex;gap:12px;margin-top:8px}.cat-item-tag{font-size:.6875rem;color:var(--text-secondary);background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);padding:2px 8px;border-radius:6px}.cat-item-tag--active{color:var(--accent-success);background:var(--accent-success-soft)}.cat-item-tag--inactive{color:var(--text-secondary);background:color-mix(in srgb,var(--surface-elevated) 82%,transparent)}.cat-item-actions{display:flex;gap:6px;flex-shrink:0}.cat-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);color:var(--text-muted);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.cat-action-btn:active{transform:scale(.95)}.cat-action-btn--edit:active{background:var(--accent-primary-soft);color:var(--accent-primary)}.cat-action-btn--delete:active{background:var(--accent-danger-soft);color:var(--accent-danger)}.cat-base-badge{font-size:.625rem;font-weight:600;color:var(--accent-primary);background:var(--accent-primary-soft);padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;margin-left:6px}.cat-empty{text-align:center;padding:24px 16px;color:var(--text-muted);font-size:.8125rem}.cat-error{color:var(--accent-danger);font-size:.8125rem;padding:12px 0}.cat-loading{display:flex;justify-content:center;padding:32px 0}.cat-spinner{width:28px;height:28px;border:2px solid color-mix(in srgb,var(--accent-primary) 22%,transparent);border-top-color:var(--accent-primary);border-radius:50%;animation:catSpin .6s linear infinite}@keyframes catSpin{to{transform:rotate(360deg)}}@media (min-width: 768px){.cat-settings{max-width:560px;padding-top:8px}.cat-settings-header h1{font-size:1.5rem}.cat-card{padding:20px}.cat-action-btn:hover{background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);color:var(--text-primary)}.cat-action-btn--edit:hover{background:var(--accent-primary-soft);color:var(--accent-primary)}.cat-action-btn--delete:hover{background:var(--accent-danger-soft);color:var(--accent-danger)}.cat-btn-primary:hover:not(:disabled){opacity:.95}.cat-btn-cancel:hover{background:color-mix(in srgb,var(--surface-elevated) 96%,transparent)}}.session-replay-pills{scrollbar-width:none;-ms-overflow-style:none}.session-replay-pills::-webkit-scrollbar{display:none}.session-replay-route-input,.session-replay-select,.session-replay-date-input{width:100%;min-height:36px;border:1px solid var(--border-default);border-radius:8px;background:var(--surface-input);color:var(--text-primary);font-size:13px;transition:border-color .2s,box-shadow .2s,background-color .2s}.session-replay-route-input{padding:6px 12px 6px 32px}.session-replay-select,.session-replay-date-input{padding:6px 12px}.session-replay-route-input::-moz-placeholder{color:var(--text-muted)}.session-replay-route-input::placeholder{color:var(--text-muted)}.session-replay-route-input:focus,.session-replay-select:focus,.session-replay-date-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-primary-ring)}.session-replay-player{overflow:hidden;border:1px solid rgb(51 65 85);border-radius:12px;background:#0f172a;box-shadow:var(--shadow-lg)}.session-replay-player .rr-player{width:100%!important;max-width:100%!important;background:#0f172a!important}.session-replay-player .rr-player__frame{max-width:100%!important;transform-origin:top left;background:#1e293b!important}.session-replay-player .rr-controller{background:#1e293b!important;border-top:1px solid rgb(51 65 85)!important}.session-replay-player .rr-controller .rr-timeline,.session-replay-player .rr-progress{background:#334155!important}.session-replay-player .rr-progress.rr-progress--filled{background:#c084fc!important}.session-replay-player .rr-controller__btns button{color:#cbd5e1!important}.session-replay-player .rr-controller__btns button:hover{color:#fff!important}.session-replay-player .rr-timeline__time{color:#94a3b8!important}.session-replay-player select{border:1px solid rgb(71 85 105)!important;border-radius:6px!important;background:#334155!important;color:#cbd5e1!important}[data-theme=light] .session-replay-player{border-color:var(--border-default);background:var(--surface-card)}[data-theme=light] .session-replay-player .rr-player{background:var(--surface-card)!important}[data-theme=light] .session-replay-player .rr-player__frame{background:var(--surface-elevated)!important}[data-theme=light] .session-replay-player .rr-controller{background:var(--surface-card)!important;border-top-color:var(--border-default)!important}[data-theme=light] .session-replay-player .rr-controller .rr-timeline,[data-theme=light] .session-replay-player .rr-progress{background:var(--surface-hover)!important}[data-theme=light] .session-replay-player .rr-progress.rr-progress--filled{background:var(--accent-primary)!important}[data-theme=light] .session-replay-player .rr-controller__btns button{color:var(--text-secondary)!important}[data-theme=light] .session-replay-player .rr-controller__btns button:hover{color:var(--text-primary)!important}[data-theme=light] .session-replay-player .rr-timeline__time{color:var(--text-muted)!important}[data-theme=light] .session-replay-player select{border-color:var(--border-default)!important;background:var(--surface-elevated)!important;color:var(--text-secondary)!important}@media (max-width: 768px){.session-replay-player{overflow-x:auto;-webkit-overflow-scrolling:touch}.session-replay-player .rr-player__frame{transform:scale(.35);transform-origin:top left}.session-replay-player .rr-player{min-height:300px;height:auto!important}}@media (min-width: 769px) and (max-width: 1024px){.session-replay-player{overflow-x:auto;-webkit-overflow-scrolling:touch}.session-replay-player .rr-player__frame{transform:scale(.6);transform-origin:top left}}.recording-indicator{display:inline-flex;align-items:center;gap:6px}.recording-indicator:before{content:"";display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--accent-danger);animation:recording-pulse 1.5s ease-in-out infinite}@keyframes recording-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.contrib-thumb-confidence-high{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent-primary) 42%,transparent)!important}.contrib-thumb-confidence-medium{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent-warning) 40%,transparent)!important}.contrib-thumb-confidence-low{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent-danger) 40%,transparent)!important}.contrib-thumb-conf-badge{position:absolute;bottom:2px;left:2px;z-index:2;padding:1px 5px;border-radius:4px;font-size:10px;font-weight:600;background:#020617b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contrib-conf-high{color:var(--accent-primary)}.contrib-conf-medium{color:var(--accent-warning)}.contrib-conf-low{color:var(--accent-danger)}.contrib-thumb-meta{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;gap:4px;padding:4px 6px;font-size:10px;color:var(--text-inverse);background:linear-gradient(180deg,transparent,rgb(2 6 23 / .84));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contrib-thumb-prediction{position:absolute;right:0;bottom:0;left:0;z-index:1;padding:2px 4px;font-size:9px;font-weight:500;color:var(--text-inverse);background:linear-gradient(transparent,#020617d6);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contrib-photo-viewer-backdrop{background:color-mix(in srgb,var(--glass-modal-backdrop) 78%,rgb(2 6 23 / .62));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.contrib-photo-zoom-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;background:color-mix(in srgb,var(--glass-modal-backdrop) 34%,rgb(2 6 23 / .94))}.contrib-photo-close-button{color:var(--text-inverse);background:color-mix(in srgb,var(--glass-modal-backdrop) 62%,rgb(2 6 23 / .78));box-shadow:0 10px 24px #02061738;transition:background .15s ease,transform .15s ease}.contrib-photo-close-button:hover{background:color-mix(in srgb,var(--text-inverse) 10%,rgb(2 6 23 / .82))}.contrib-photo-close-button:active{transform:scale(.97)}.contrib-label-comparison{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary-soft) 82%,var(--surface-card)),color-mix(in srgb,var(--accent-info-soft) 86%,var(--surface-card)));border:1px solid color-mix(in srgb,var(--accent-primary) 16%,transparent)}.contrib-label-side{flex:1;min-width:0}.contrib-label-side-tag{display:block;margin-bottom:2px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.contrib-label-side.user .contrib-label-side-tag{color:var(--text-muted)}.contrib-label-side.model .contrib-label-side-tag{color:var(--accent-primary)}.contrib-label-side-value{display:block;overflow:hidden;font-size:13px;font-weight:600;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap}.contrib-label-match-indicator{display:flex;width:28px;height:28px;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;font-size:14px;font-weight:700}.contrib-label-match-indicator.agree{background:color-mix(in srgb,var(--accent-success-soft) 95%,var(--surface-card));color:var(--accent-success);border:1px solid color-mix(in srgb,var(--accent-success) 26%,transparent)}.contrib-label-match-indicator.disagree{background:color-mix(in srgb,var(--accent-warning-soft) 95%,var(--surface-card));color:var(--accent-warning);border:1px solid color-mix(in srgb,var(--accent-warning) 24%,transparent)}.contrib-inference-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.contrib-inference-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.contrib-inference-title{font-size:12px;font-weight:600;color:var(--accent-primary)}.contrib-inference-meta{font-size:10px;color:var(--text-muted)}.contrib-model-columns{display:flex;gap:6px;margin-bottom:10px}.contrib-model-col{display:flex;flex:1;justify-content:center;gap:4px;padding:5px 8px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--surface-elevated);font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;white-space:nowrap}.contrib-model-col:last-child{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary-soft) 88%,var(--surface-card)),color-mix(in srgb,var(--accent-info-soft) 92%,var(--surface-card)));border-color:color-mix(in srgb,var(--accent-primary) 16%,transparent);color:var(--accent-primary)}.contrib-model-time{opacity:.5}.contrib-prediction-row{margin-bottom:6px;padding:8px 10px;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.contrib-prediction-row:hover{background:var(--surface-hover)}.contrib-prediction-row.selected{border-color:color-mix(in srgb,var(--accent-primary) 34%,transparent);background:color-mix(in srgb,var(--accent-primary-soft) 88%,var(--surface-card))}.contrib-prediction-label-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}.contrib-prediction-rank{display:flex;width:20px;height:20px;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--surface-hover) 90%,var(--surface-card));font-size:10px;font-weight:700;color:var(--text-muted)}.contrib-prediction-rank.top-1{background:linear-gradient(135deg,var(--accent-primary),color-mix(in srgb,var(--accent-primary) 40%,#06b6d4));color:var(--accent-primary-fg)}.contrib-prediction-label{font-size:13px;font-weight:600;color:var(--text-primary)}.contrib-bar-row{display:flex;align-items:center;gap:6px;margin-top:3px}.contrib-bar-tag{width:80px;flex-shrink:0;font-size:9px;font-weight:600;color:var(--text-muted);text-align:right;text-transform:uppercase}.contrib-bar-bg{flex:1;height:5px;overflow:hidden;border-radius:3px;background:var(--surface-hover)}.contrib-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.contrib-bar-fill.high{background:linear-gradient(90deg,var(--accent-success),color-mix(in srgb,var(--accent-success) 60%,#4ade80))}.contrib-bar-fill.medium{background:linear-gradient(90deg,var(--accent-warning),color-mix(in srgb,var(--accent-warning) 65%,#fbbf24))}.contrib-bar-fill.low{background:linear-gradient(90deg,var(--accent-danger),color-mix(in srgb,var(--accent-danger) 65%,#f87171))}.contrib-bar-pct{width:28px;flex-shrink:0;font-size:10px;font-weight:600;color:var(--text-secondary);text-align:right}.contrib-bar-meta{font-size:.55rem;color:var(--text-muted)}.contrib-bar-time{font-size:.5rem}.contrib-bar-meta-compact{font-size:.6rem}.contrib-agreement{margin-top:8px;padding:6px 0;font-size:11px;color:var(--text-muted);text-align:center}.contrib-agreement-label{color:var(--accent-primary);font-weight:600}.contrib-no-inference{padding:12px;font-size:11px;font-style:italic;color:var(--text-muted);text-align:center}.improved-visual-editor{background:var(--surface-card);border:1px solid var(--border-default);border-radius:8px;overflow:hidden}.editor-toolbar{display:flex;align-items:center;gap:4px;padding:8px;background:var(--surface-elevated);border-bottom:1px solid var(--border-default);flex-wrap:wrap;position:relative;min-height:48px;flex-shrink:0}.editor-toolbar.collapsed{min-height:32px;padding:4px}.editor-toolbar.collapsed>*:not(.toolbar-toggle){display:none}.toolbar-toggle{position:absolute;right:8px;top:8px;width:28px;height:24px;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s}.toolbar-toggle:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.toolbar-btn{display:flex;align-items:center;justify-content:center;gap:4px;min-width:32px;height:32px;padding:0 8px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.toolbar-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.toolbar-btn:active,.toolbar-btn.active{background:var(--accent-primary);color:var(--accent-primary-fg);border-color:var(--accent-primary)}.toolbar-btn-text{font-size:12px;font-weight:500}.toolbar-separator{width:1px;height:24px;background:var(--border-default);margin:0 4px}.toolbar-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;min-width:200px;max-height:min(540px,calc(100vh - 180px));overflow-y:auto;overflow-x:hidden;padding:8px}.font-menu{width:280px}.dropdown-section{padding:4px 0}.dropdown-section+.dropdown-section{border-top:1px solid var(--border-default);margin-top:8px;padding-top:8px}.dropdown-label{padding:4px 8px;font-size:11px;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.05em}.size-options{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px}.size-preset{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s}.size-preset:hover{background:var(--surface-hover);border-color:var(--border-strong)}.size-preset.selected{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--accent-primary-fg)}.size-preset.custom{grid-column:span 2;justify-content:center;gap:8px;border-style:dashed}.size-label{font-size:13px;font-weight:500}.size-value{font-size:11px;color:var(--text-muted)}.size-preset.selected .size-value{color:color-mix(in srgb,var(--accent-primary-fg) 80%,transparent)}.custom-size-input{grid-column:span 2;display:flex;gap:4px}.custom-size-input input{flex:1;padding:6px 8px;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default);border-radius:4px;color:var(--text-primary);font-size:14px}.custom-size-input input:focus{outline:none;border-color:var(--accent-primary)}.custom-size-confirm-btn{padding:6px 12px;background:var(--accent-primary);border:none;border-radius:4px;color:var(--accent-primary-fg);cursor:pointer;font-weight:500}.custom-size-confirm-btn:hover{background:var(--accent-primary-hover)}.dropdown-item{display:block;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);text-align:left;cursor:pointer;transition:background .2s;font-size:14px}.dropdown-item:hover{background:var(--surface-hover)}.dropdown-item.selected{background:var(--accent-primary);color:var(--accent-primary-fg)}.color-menu{width:240px;max-height:400px!important;overflow-y:auto!important;overflow-x:hidden!important}.color-menu.dropup{top:auto;bottom:100%;margin-bottom:4px;margin-top:0}.color-indicator{width:16px;height:16px;border-radius:3px;border:1px solid var(--border-default)}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:4px}.recent-colors{opacity:.85}.color-swatch{width:40px;height:40px;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s;position:relative}.color-swatch:hover{transform:scale(1.1);border-color:var(--border-strong);z-index:1}.color-swatch:active{transform:scale(.95)}.color-swatch.selected{border-color:var(--text-inverse);box-shadow:0 0 0 1px var(--accent-primary),0 0 8px color-mix(in srgb,var(--accent-primary) 40%,transparent);transform:scale(1.05)}.custom-color-section{display:flex;align-items:center;gap:8px;padding:8px;margin-top:8px;margin-bottom:4px;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border-radius:6px;flex-shrink:0}.custom-color-input{width:50px;height:32px;border:1px solid var(--border-default);border-radius:4px;cursor:pointer;background:transparent}.custom-color-input:hover{border-color:var(--border-strong)}.custom-color-label{font-size:13px;color:var(--text-secondary)}.editor-frame{width:100%;height:350px;border:none;background:var(--surface-overlay);display:block}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mobile-font-modal{display:none}@media (max-width: 640px){.mobile-font-modal{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999}.mobile-font-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--surface-sunken) 60%,transparent)}.mobile-font-content{position:absolute;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));background:var(--surface-card);border:1px solid var(--border-default);border-radius:16px;padding:12px;max-height:min(72vh,520px);overflow-y:auto;box-shadow:var(--shadow-lg)}.mobile-font-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.mobile-font-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text-primary)}.mobile-font-close{width:32px;height:32px;border:1px solid var(--border-default);border-radius:999px;background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mobile-font-section+.mobile-font-section{border-top:1px solid var(--border-default);margin-top:12px;padding-top:12px}.mobile-font-label{margin-bottom:8px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.mobile-font-size-options{padding:0}.mobile-font-family-list{display:grid;gap:4px}.mobile-font-family-list .dropdown-item{background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default)}.mobile-font-family-list .dropdown-item.selected{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--accent-primary-fg)}.mobile-font-content .custom-size-input{margin-top:4px}.mobile-font-content .custom-size-input input{min-width:0}}.mobile-color-modal{display:none}@media (max-width: 640px){.mobile-color-modal{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999}.mobile-color-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--surface-sunken) 60%,transparent)}.mobile-color-content{position:absolute;top:50px;left:85px;width:160px;background:var(--surface-card);border-radius:8px;padding:6px;max-height:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border-default)}.mobile-color-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.mobile-color-header h3{font-size:11px;font-weight:600;color:var(--text-primary);margin:0}.mobile-color-close{background:none;border:none;color:var(--text-secondary);font-size:16px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-color-section{margin-bottom:4px}.mobile-color-label{font-size:8px;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;font-weight:600}.mobile-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.mobile-color-swatch{width:32px;height:32px;border:1px solid transparent;border-radius:4px;cursor:pointer}.mobile-color-swatch.selected{border-color:var(--text-inverse);box-shadow:0 0 0 2px var(--accent-primary)}.mobile-color-custom{display:flex;align-items:center;gap:4px;padding:4px;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border-radius:3px;margin-top:2px}.mobile-custom-input{width:26px;height:20px;border:none;border-radius:2px;cursor:pointer}.mobile-custom-label{color:var(--text-secondary);font-size:10px}}@media (max-width: 640px){.improved-visual-editor{height:100%;display:flex;flex-direction:column}.editor-toolbar{padding:4px;gap:1px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:8px}.editor-toolbar::-webkit-scrollbar{display:none}.toolbar-btn{min-width:32px;height:32px;padding:0 6px;flex-shrink:0}.toolbar-separator{margin:0 2px;flex-shrink:0}.editor-frame{height:300px;flex:1;min-height:200px}.toolbar-dropdown{position:relative!important}.dropdown-menu{position:absolute;max-width:calc(100vw - 32px)}.font-menu{width:auto;min-width:200px}.color-menu{width:220px;max-height:380px!important;z-index:10000!important}.color-grid{grid-template-columns:repeat(4,1fr);gap:4px}.color-swatch{width:36px;height:36px}.size-options{grid-template-columns:repeat(2,1fr)}.size-preset.custom,.custom-size-input{grid-column:span 2}}.improved-visual-editor,.editor-frame{background:var(--surface-card);border-color:var(--border-default)}.editor-toolbar,.dropdown-menu,.mobile-color-modal{background:var(--surface-elevated);border-color:var(--border-default);color:var(--text-primary)}.toolbar-toggle,.toolbar-btn,.size-preset,.custom-size-input input,.dropdown-item{background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border-color:var(--border-default);color:var(--text-secondary)}.toolbar-toggle:hover,.toolbar-btn:hover,.size-preset:hover,.dropdown-item:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.toolbar-btn.active,.size-preset.selected,.custom-size-input button{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--accent-primary-fg)}.dropdown-label,.size-value{color:var(--text-muted)}.recurring-config{background:var(--surface-page);border:1px solid var(--border-default);border-radius:12px;padding:1rem;margin-bottom:1rem}.recurring-header{display:flex;align-items:center;gap:.25rem;color:var(--text-muted);font-size:.75rem;font-weight:500;margin-bottom:.5rem;padding-bottom:.375rem;border-bottom:1px solid var(--border-default)}.special-event-templates{margin-bottom:1rem}.show-templates-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:#1e293b80;border:1px dashed rgba(148,163,184,.3);border-radius:8px;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .2s}.show-templates-btn:hover{background:#1e293bcc;border-color:#94a3b880;color:var(--text-muted)}.template-hint{font-size:1rem}.template-hint-text{font-size:.8125rem;font-style:italic}.hide-templates-btn{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:0;margin-left:auto;transition:color .2s}.hide-templates-btn:hover{color:var(--text-muted)}.templates-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem;font-weight:500;display:flex;align-items:center;justify-content:space-between}.templates-buttons{display:flex;gap:.5rem}.template-btn{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem .5rem;background:var(--surface-card);border:1px solid var(--border-default);border-radius:8px;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 640px){.template-btn{font-size:.8125rem;padding:.5rem .375rem;gap:.25rem}.template-icon{font-size:1rem}}.template-btn:hover{background:var(--border-default);border-color:#4caf50;transform:translateY(-1px)}.template-btn.active{background:#4caf5033;border-color:#4caf50;color:#4caf50}.template-icon{font-size:1.25rem}.special-event-fields{margin-top:1rem;padding:.75rem;background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px}.year-input-field label,.reminder-field label{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.year-input-field input,.reminder-field input{width:auto;min-width:100px;padding:.375rem .5rem;background:var(--surface-card);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:.875rem}.age-preview{margin-top:.5rem;padding:.5rem;background:#4caf501a;border-radius:6px;color:#4caf50;font-size:.875rem;text-align:center;font-weight:500}.yearly-info{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:8px;color:#fbbf24;font-size:.875rem}.pattern-selection,.pattern-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1rem;width:100%}.pattern-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:var(--surface-card);border:1px solid var(--border-default);border-radius:8px;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .2s}.pattern-btn svg{width:20px;height:20px}.pattern-btn:hover{background:var(--border-default);color:var(--text-primary)}.pattern-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pattern-options{background:var(--surface-card);border:1px solid var(--border-default);border-radius:8px;padding:1rem;margin-bottom:1rem}.pattern-options label{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem}.pattern-options input[type=number]{width:60px;padding:.5rem;background:var(--surface-page);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);text-align:center;font-size:.875rem;height:36px;line-height:1.2}.pattern-options select{padding:.5rem .75rem;background:var(--surface-page);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;height:36px;line-height:1.2}.weekday-selector{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.weekday-btn{padding:.5rem;background:var(--surface-page);border:1px solid var(--border-default);border-radius:6px;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.weekday-btn:hover{background:var(--border-default);color:var(--text-primary)}.weekday-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.date-range{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.date-field{display:flex;flex-direction:column;gap:.25rem}.date-field label{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem;font-weight:500}.date-field input[type=date],.date-field input[type=datetime-local]{padding:.5rem .75rem;background:var(--surface-card);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:.875rem;height:38px;line-height:1.2}.date-field input[type=date]:focus{outline:none;border-color:#3b82f6}.advanced-options{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;padding:.5rem;background:var(--surface-card);border:1px solid var(--border-default);border-radius:8px;margin-bottom:1rem}.advanced-options .option-group:last-child{grid-column:1 / -1}.option-group{display:flex;align-items:center;gap:.25rem;margin-bottom:.25rem}.option-group label{display:flex;align-items:center;gap:.25rem;color:var(--text-muted);font-size:.7rem;cursor:pointer}.option-toggle{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;background:var(--surface-page);border:1px solid var(--border-default);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s}.option-toggle:hover{background:var(--surface-card);border-color:var(--text-secondary)}.option-toggle.active{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.toggle-indicator{position:relative;width:20px;height:20px;border:2px solid var(--text-secondary);border-radius:4px;background:transparent;transition:all .2s;flex-shrink:0}.toggle-indicator:after{content:"";position:absolute;top:2px;left:5px;width:6px;height:10px;border:solid #3b82f6;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s}.option-toggle.active .toggle-indicator{background:#3b82f6;border-color:#3b82f6}.option-toggle.active .toggle-indicator:after{opacity:1;border-color:#fff}.toggle-label{font-size:.875rem;font-weight:500}.option-group select{margin-left:.5rem;padding:.5rem .75rem;background:var(--surface-page);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:.875rem;cursor:pointer;height:36px}.date-field input.error{border-color:#ef4444;background:#ef44441a}.date-field .error-message{display:block;color:#ef4444;font-size:.75rem;margin-top:.25rem}.recurrence-preview{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6;font-size:.875rem;font-weight:500}.monthly-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;margin-bottom:.5rem}.radio-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--surface-page);border:1px solid var(--border-default);border-radius:6px;cursor:pointer;transition:all .2s}.radio-option:hover{background:var(--surface-card);border-color:var(--text-secondary)}.radio-option input[type=radio]{margin:0;cursor:pointer;accent-color:#3b82f6;outline:none}.radio-option input[type=radio]:focus{outline:none;box-shadow:none}.monthly-date-option,.monthly-weekday-option{padding:.75rem;background:var(--surface-page);border:1px solid var(--border-default);border-radius:6px}.weekday-selector-row{display:flex;gap:.75rem;align-items:center}.month-week-select,.month-weekday-select{padding:.5rem .75rem;background:var(--surface-card);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s}.month-week-select:hover,.month-weekday-select:hover{background:var(--border-default);border-color:#3b82f6}.month-week-select:focus,.month-weekday-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.example-text{margin-top:.75rem;padding:.5rem .75rem;background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:4px;color:var(--text-muted);font-size:.8rem;font-style:italic}.weekly-clarification{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:6px;color:var(--text-muted);font-size:.8rem}.weekly-clarification .info-icon{font-size:1rem;flex-shrink:0}.weekly-clarification .info-text{line-height:1.4}.birthday-note{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px;margin-top:1rem}.birthday-note-icon{font-size:1rem;color:#4caf50}.birthday-note-text{font-size:.875rem;color:var(--text-muted);font-style:italic}@media (max-width: 640px){.recurring-config{padding:.5rem!important;margin-top:-.25rem!important;margin-bottom:.5rem!important;background:var(--surface-page)!important;border:1px solid var(--border-default)!important;border-radius:8px!important;max-height:calc(100vh - 300px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.recurring-header{display:none}.recurring-config .pattern-selector{display:flex;width:100%;background:#0f172acc;border:1px solid rgba(51,65,85,.5);border-radius:6px;padding:2px;margin-bottom:.625rem}.recurring-config .pattern-btn{padding:.25rem .5rem;font-size:.625rem;gap:.25rem;border:none;background:transparent;border-radius:4px;display:flex;align-items:center;justify-content:center;white-space:nowrap;color:var(--text-muted);transition:all .15s;text-transform:uppercase;letter-spacing:.025em;font-weight:600;flex-direction:row}.recurring-config .pattern-btn:not(:last-child){margin-right:2px!important}.recurring-config .pattern-btn:hover{background:#3341554d!important}.recurring-config .pattern-btn.active{background:#3b82f6!important;color:#fff!important;box-shadow:0 1px 2px #0003!important}.recurring-config .pattern-btn svg{width:12px!important;height:12px!important;flex-shrink:0!important}.recurring-config .pattern-label{display:none!important}.pattern-options{padding:.25rem .375rem;margin-bottom:.375rem;background:#0000000d;border-radius:3px;flex-shrink:0}.pattern-options label{font-size:.7rem;gap:.25rem;font-weight:500;display:inline-flex;align-items:center;color:var(--text-muted)}.pattern-options input[type=number]{width:40px;padding:.15rem .2rem;font-size:.7rem!important;height:24px;border-radius:3px;background:var(--surface-page);border:1px solid var(--border-default);color:var(--text-primary);text-align:center;line-height:1}.pattern-options select{padding:.15rem .25rem;font-size:.7rem!important;height:24px;border-radius:3px;background:var(--surface-page);border:1px solid var(--border-default);color:var(--text-primary);line-height:1}.weekday-selector{grid-template-columns:repeat(7,1fr);gap:.15rem;padding:2px}.weekday-btn{padding:.2rem .1rem;font-size:.625rem;border-radius:2px;font-weight:600;min-width:unset;aspect-ratio:1}.date-range{display:flex;gap:.375rem;margin-bottom:.375rem;align-items:flex-start;flex-shrink:0}.date-field{flex:1;min-width:0}.date-field label{font-size:.65rem;gap:.15rem;font-weight:600;margin-bottom:.15rem;display:flex;align-items:center;color:var(--text-muted)}.date-field label svg{width:10px;height:10px}.date-field input[type=datetime-local]{padding:.15rem .25rem;font-size:.7rem!important;height:24px;border-radius:3px;width:100%;line-height:1}.date-field input[type=datetime-local]::-webkit-datetime-edit,.date-field input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper,.date-field input[type=datetime-local]::-webkit-datetime-edit-text,.date-field input[type=datetime-local]::-webkit-datetime-edit-month-field,.date-field input[type=datetime-local]::-webkit-datetime-edit-day-field,.date-field input[type=datetime-local]::-webkit-datetime-edit-year-field,.date-field input[type=datetime-local]::-webkit-datetime-edit-hour-field,.date-field input[type=datetime-local]::-webkit-datetime-edit-minute-field,.date-field input[type=datetime-local]::-webkit-datetime-edit-ampm-field{font-size:.7rem!important}.advanced-options{padding:.3rem;gap:.3rem;margin-bottom:.375rem;background:#0000000d;border-radius:3px;display:grid;grid-template-columns:1fr}.advanced-options .option-group:last-child{grid-column:1 / -1}.option-toggle{padding:.3rem .4rem;font-size:.7rem;border-radius:3px;gap:.3rem;width:100%;background:var(--surface-page);border:1px solid var(--border-default)}.option-group{display:flex;align-items:center;gap:.3rem;margin-bottom:0}.option-group label{font-size:.7rem;color:var(--text-muted);font-weight:500;white-space:nowrap}.option-group select{flex:1;padding:.2rem .3rem;font-size:.7rem!important;height:24px;background:var(--surface-page);border:1px solid var(--border-default);border-radius:3px;color:var(--text-primary);line-height:1}.option-group select option{font-size:.7rem!important}.toggle-indicator{width:12px;height:12px;border-width:1px}.toggle-indicator:after{top:1px;left:3px;width:4px;height:6px;border-width:0 1.5px 1.5px 0}.toggle-label{font-size:.7rem;font-weight:600;white-space:nowrap}.monthly-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;margin-bottom:.25rem}.radio-option{padding:.25rem .35rem;font-size:.7rem;border-radius:3px;gap:.25rem}.radio-option input[type=radio]{width:12px;height:12px}.radio-option span{font-size:.7rem}.monthly-date-option,.monthly-weekday-option{padding:.375rem;border-radius:4px;background:#0000001a}.weekday-selector-row{flex-direction:row;gap:.25rem;flex-wrap:wrap}.month-week-select,.month-weekday-select{flex:1;min-width:0;padding:.2rem .3rem;font-size:.65rem;height:24px;border-radius:3px}.example-text{margin-top:.375rem;padding:.25rem .375rem;font-size:.6rem;border-radius:3px;line-height:1.3}.weekly-clarification{margin-top:.5rem;padding:.375rem .5rem;font-size:.65rem;border-radius:4px;line-height:1.4;background:#3b82f614;border:1px solid rgba(59,130,246,.15);flex-shrink:0}.weekly-clarification .info-icon{font-size:.65rem}.recurrence-preview{padding:.3rem .4rem;font-size:.6rem;border-radius:4px;gap:.3rem}.recurrence-preview svg{width:10px;height:10px}.pattern-options label{display:inline-flex!important;align-items:center;white-space:nowrap}.next-occurrence-preview{padding:.25rem .35rem;font-size:.7rem;margin-top:.25rem;line-height:1.3}.pattern-options:last-child{margin-bottom:0}.recurring-config>*:not(:last-child){margin-bottom:.25rem}.option-group{margin-bottom:.25rem}.option-group label{font-size:.65rem}.option-group select{margin-left:.25rem;padding:.15rem .25rem;font-size:.65rem;height:24px}}.reminders-editor{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0}.reminders-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:1.25rem .5rem;color:var(--text-disabled);text-align:center}.reminders-empty p{margin:0;font-size:.875rem}.reminder-row{display:flex;align-items:stretch;gap:.625rem;padding:.625rem .75rem;background:color-mix(in srgb,var(--surface-page) 60%,transparent);border:1px solid color-mix(in srgb,var(--text-muted) 15%,transparent);border-left:3px solid var(--accent-info);border-radius:8px;transition:all .15s}.reminder-row:hover{background:color-mix(in srgb,var(--surface-card) 80%,transparent)}.reminder-row.overdue{border-left-color:var(--accent-danger);background:color-mix(in srgb,var(--accent-danger) 15%,transparent)}.reminder-row.priority-high{border-left-color:var(--accent-warning)}.reminder-row.priority-critical{border-left-color:var(--accent-danger)}.reminder-row.priority-low{border-left-color:var(--text-muted)}.reminder-row-icon{display:flex;align-items:center;color:var(--text-muted);flex-shrink:0}.reminder-row.overdue .reminder-row-icon{color:var(--accent-danger)}.reminder-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.reminder-row-when{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.reminder-row.overdue .reminder-row-when{color:var(--accent-danger)}.reminder-row-title{font-size:.875rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reminder-row-message{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reminder-row-status{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:1px 6px;background:color-mix(in srgb,var(--text-muted) 15%,transparent);border-radius:4px;align-self:flex-start;margin-top:2px}.reminder-row-delete{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:6px;background:transparent;border:none;color:var(--text-muted);border-radius:6px;cursor:pointer;transition:all .15s;flex-shrink:0}.reminder-row-delete:hover{background:color-mix(in srgb,var(--accent-danger) 15%,transparent);color:var(--accent-danger)}.reminder-add-form{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:color-mix(in srgb,var(--surface-page) 60%,transparent);border:1px solid color-mix(in srgb,var(--text-muted) 18%,transparent);border-radius:8px}.reminder-form-row{display:flex;flex-direction:column;gap:.25rem}.reminder-form-row>span{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.reminder-form-row input,.reminder-form-row select{padding:.5rem .625rem;background:color-mix(in srgb,var(--surface-card) 85%,transparent);border:1px solid color-mix(in srgb,var(--text-muted) 20%,transparent);border-radius:6px;color:var(--text-primary);font-size:.875rem;min-height:38px}.reminder-form-row input:focus,.reminder-form-row select:focus{outline:none;border-color:var(--accent-info);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-info) 15%,transparent)}.reminder-form-actions{display:flex;gap:.5rem;margin-top:.25rem}.reminder-cancel-btn,.reminder-save-btn{flex:1;padding:.625rem .875rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;min-height:40px}.reminder-cancel-btn{background:var(--border-strong);color:var(--text-primary)}.reminder-cancel-btn:hover{background:var(--text-disabled)}.reminder-save-btn{background:var(--accent-info);color:#fff}.reminder-save-btn:hover{background:color-mix(in srgb,var(--accent-info) 85%,black)}.reminder-save-btn:disabled{background:var(--surface-elevated);color:var(--text-disabled);cursor:not-allowed}.reminder-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1rem;background:color-mix(in srgb,var(--accent-info) 10%,transparent);border:1px dashed color-mix(in srgb,var(--accent-info) 40%,transparent);border-radius:8px;color:var(--accent-info);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;min-height:44px}.reminder-add-btn:hover{background:color-mix(in srgb,var(--accent-info) 18%,transparent);border-color:color-mix(in srgb,var(--accent-info) 60%,transparent);color:var(--text-primary)}.reminders-hint{margin:.5rem 0 0;font-size:.75rem;color:var(--text-disabled);line-height:1.4;font-style:italic}.checklist-editor{padding:12px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 640px){.checklist-editor{padding:4px 0}.checklist-progress{display:none}}.checklist-progress{margin-bottom:16px;padding:12px 16px;background:var(--surface-card);border-radius:8px;border:1px solid var(--border-default)}.progress-text{font-size:14px;font-weight:500;color:var(--text-muted);margin-bottom:8px}.progress-bar{height:8px;background:var(--surface-sunken);border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-success),color-mix(in srgb,var(--accent-success) 88%,black));border-radius:4px;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.checklist-items{display:flex;flex-direction:column;gap:8px;transform:translateZ(0);backface-visibility:hidden}@media (max-width: 640px){.checklist-items{gap:4px}}.checklist-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:8px;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;transform-origin:center left}@media (max-width: 640px){.checklist-item{padding:6px 8px;min-height:32px;border-radius:6px;background:color-mix(in srgb,var(--surface-card) 50%,transparent);border:1px solid color-mix(in srgb,var(--border-default) 50%,transparent)}.checklist-item:hover:not(.dragging){background:color-mix(in srgb,var(--surface-elevated) 50%,transparent);border-color:color-mix(in srgb,var(--accent-success) 50%,transparent);box-shadow:none}}.checklist-item:hover:not(.dragging){background:var(--surface-elevated);border-color:var(--accent-success);box-shadow:0 2px 4px #0003}.checklist-item.dragging{opacity:.95;box-shadow:0 8px 24px #0006;background:var(--surface-card);z-index:1000;cursor:grabbing!important;transition:none!important}.checklist-item.animating{animation:checkAnimation .45s cubic-bezier(.4,0,.2,1)}@keyframes checkAnimation{0%{transform:scale(1)}15%{transform:scale(1.05)}30%{transform:scale(1)}to{transform:scale(1)}}.checklist-item.checked{background:var(--surface-sunken);opacity:.7}.checklist-item.checked .item-text{text-decoration:line-through;color:var(--text-muted)}.item-content{display:flex;align-items:center;gap:12px;flex:1}.checkbox-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.checkbox-button:hover:not(:disabled){transform:scale(1.1)}.checkbox-button:active:not(:disabled){transform:scale(.95)}.checkbox-button:disabled{cursor:not-allowed;opacity:.6}.checkbox{width:20px;height:20px;border:2px solid var(--accent-success);border-radius:4px;display:flex;align-items:center;justify-content:center;background:var(--surface-sunken);transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@media (max-width: 640px){.checkbox-button{min-width:44px;min-height:44px;margin:-8px;padding:8px}.checkbox{width:20px;height:20px;border-width:1.5px}.checkbox svg{width:14px;height:14px}}.checkbox.checked{background:var(--accent-success);border-color:var(--accent-success);animation:checkboxFill .15s ease-out}@keyframes checkboxFill{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.checkbox.checked svg{color:#fff;animation:checkmark .2s cubic-bezier(.4,0,.2,1)}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.item-text{flex:1;font-size:15px;line-height:1.5;color:var(--text-primary);transition:all .2s linear;word-break:break-word}@media (max-width: 640px){.item-text{font-size:13px;line-height:1.3}.item-content{gap:8px}}.item-text.completed{position:relative}.item-text.completed:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:var(--border-strong);animation:strikethrough .2s linear;transform-origin:left center}@keyframes strikethrough{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.item-actions{display:flex;gap:8px;align-items:center;opacity:0;transition:opacity .2s ease}.checklist-item:hover .item-actions{opacity:1}.drag-handle{cursor:grab;padding:4px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:color .15s ease}.drag-handle:hover{color:var(--accent-success)}.drag-handle:active{cursor:grabbing}.delete-button{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:color .15s ease}.delete-button:hover{color:var(--accent-danger)}.checklist-divider{margin:16px 0;position:relative;text-align:center}.checklist-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--surface-elevated)}.divider-text{background:var(--surface-card);padding:0 12px;font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;position:relative}.add-item-section{margin-top:12px}@media (max-width: 640px){.add-item-section{margin-top:6px}.drag-handle{display:none}.item-actions{opacity:1;gap:2px}.delete-button{min-width:36px;min-height:36px;padding:8px;display:flex;align-items:center;justify-content:center}.delete-button svg{width:16px;height:16px}}.add-item-trigger{width:100%;display:flex;align-items:center;gap:8px;padding:12px;background:var(--surface-sunken);border:2px dashed var(--border-default);border-radius:8px;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .2s ease}@media (max-width: 640px){.add-item-trigger{padding:8px 10px;font-size:13px;min-height:44px;border-width:1px;border-radius:6px;background:color-mix(in srgb,var(--surface-card) 50%,transparent)}.add-item-trigger svg{width:16px;height:16px}}.add-item-trigger:hover{border-color:var(--accent-success);color:var(--accent-success);background:var(--surface-card)}.add-item-form{display:flex;gap:8px;padding:12px;background:var(--surface-sunken);border:2px solid var(--accent-success);border-radius:8px}@media (max-width: 640px){.add-item-form{padding:6px;gap:4px;border-width:1px;border-radius:6px;background:color-mix(in srgb,var(--surface-sunken) 50%,transparent)}}.add-item-input{flex:1;padding:8px 12px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:4px;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .15s ease}@media (max-width: 640px){.add-item-input{padding:4px 8px;font-size:13px;background:color-mix(in srgb,var(--surface-card) 80%,transparent)}}.add-item-input:focus{border-color:var(--accent-success);background:var(--surface-elevated)}.add-button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;background:var(--surface-elevated);color:var(--text-primary)}.add-button.confirm{background:var(--accent-success);color:#fff}.add-button.confirm:hover:not(:disabled){background:color-mix(in srgb,var(--accent-success) 88%,black)}.add-button.confirm:disabled{opacity:.5;cursor:not-allowed}.add-button.cancel:hover{background:var(--accent-danger);color:#fff}@media (min-width: 641px) and (max-width: 768px){.checklist-item{padding:10px}.item-actions{opacity:1}.checkbox{width:24px;height:24px}}@media (max-width: 768px){.checklist-editor .item-text,.checklist-editor .add-item-input{font-size:16px}}.edit-item-button{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:color .15s ease}.edit-item-button:hover{color:var(--accent-primary)}.edit-item-form{display:flex;align-items:center;gap:8px;flex:1}.edit-item-input{flex:1;padding:6px 10px;background:var(--surface-sunken);border:1px solid var(--accent-primary);border-radius:4px;font-size:14px;color:var(--text-primary);outline:none}.edit-item-input:focus{border-color:color-mix(in srgb,var(--accent-primary) 78%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.edit-button{padding:6px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;background:var(--surface-elevated);color:var(--text-primary)}.edit-button.save{background:var(--accent-primary);color:#fff}.edit-button.save:hover{background:var(--accent-primary-hover)}.edit-button.cancel:hover{background:var(--accent-danger);color:#fff}.checklist-item.editing{border-color:var(--accent-primary);background:var(--surface-sunken)}@media (max-width: 640px){.edit-item-button{min-width:36px;min-height:36px;padding:8px;display:flex;align-items:center;justify-content:center}.edit-item-button svg{width:16px;height:16px}.edit-item-input{font-size:16px;padding:4px 8px}.edit-button{min-width:36px;min-height:36px;padding:8px}}[data-theme=dark] .checklist-editor{--surface-color: var(--surface-card)}[data-theme=dark] .checklist-item,[data-theme=dark] .checkbox{background:var(--surface-color)}[data-theme=dark] .progress-fill:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}.checklist-progress,.checklist-item,.add-item-form,.edit-item-form,.checklist-divider{background:color-mix(in srgb,var(--surface-card) 94%,transparent);border-color:var(--border-default)}.progress-bar,.checkbox,.add-item-input,.edit-item-input{background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border-color:var(--border-default)}.progress-text,.item-text,.divider-text,.add-item-trigger,.drag-handle,.delete-button,.edit-item-button{color:var(--text-secondary)}.item-text,.add-item-input,.edit-item-input{color:var(--text-primary)}.checklist-item:hover:not(.dragging),.add-item-trigger:hover,.drag-handle:hover,.delete-button:hover,.edit-item-button:hover{background:var(--surface-hover);border-color:var(--border-strong)}.checklist-item.checked{background:color-mix(in srgb,var(--surface-elevated) 82%,transparent)}.checklist-item.checked .item-text,.item-text.completed,.progress-text{color:var(--text-muted)}.checkbox{border-color:color-mix(in srgb,var(--accent-success) 55%,transparent)}.checkbox.checked,.add-button.confirm,.edit-button.save{background:var(--accent-success);border-color:var(--accent-success);color:var(--accent-success-fg)}.add-button,.edit-button,.add-item-trigger{border-color:var(--border-default)}.add-button.cancel:hover,.edit-button.cancel:hover{background:color-mix(in srgb,var(--accent-danger-soft) 92%,transparent);color:var(--accent-danger)}.template-manager-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.template-manager-modal{background:var(--surface-card);border-radius:12px;width:90%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #00000080}.template-manager-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #333}.template-manager-header h2{margin:0;color:var(--text-primary);font-size:1.5rem}.close-btn{background:none;border:none;color:#999;font-size:1.5rem;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn:hover{color:var(--text-primary)}.template-filters{padding:20px;border-bottom:1px solid #333}.search-bar{display:flex;align-items:center;background:var(--surface-elevated);border-radius:8px;padding:10px 15px;margin-bottom:15px}.search-bar svg{color:#666;margin-right:10px}.search-bar input{flex:1;background:none;border:none;color:var(--text-primary);font-size:1rem;outline:none}.search-bar input::-moz-placeholder{color:#666}.search-bar input::placeholder{color:#666}.category-pills{display:flex;gap:8px;flex-wrap:wrap}.category-pill{display:flex;align-items:center;gap:5px;padding:6px 12px;background:var(--surface-elevated);border:1px solid #333;border-radius:20px;color:#999;cursor:pointer;transition:all .2s;font-size:.9rem}.category-pill:hover{background:#333;color:var(--text-primary);border-color:#444}.category-pill.active{background:var(--accent-primary);color:var(--text-primary);border-color:var(--accent-primary)}.category-icon{font-size:1.1rem}.templates-grid{flex:1;overflow-y:auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.template-card{background:var(--surface-elevated);border:1px solid #333;border-radius:10px;padding:15px;transition:all .2s;cursor:default}.template-card:hover{background:#333;border-color:#444;transform:translateY(-2px)}.template-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.template-icon{font-size:1.5rem}.template-header h3{flex:1;margin:0;font-size:1.1rem;color:var(--text-primary)}.visibility-icon{color:#666;font-size:.9rem}.template-description{color:#999;font-size:.9rem;margin-bottom:10px;line-height:1.4}.template-preview{background:var(--surface-card);border-radius:6px;padding:10px;margin-bottom:10px;font-size:.85rem}.preview-item{color:#ccc;padding:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-more{color:#666;font-style:italic;padding:3px 0}.template-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.template-stats{display:flex;align-items:center;gap:5px;color:#666;font-size:.85rem}.template-stats svg{font-size:.9rem}.template-actions{display:flex;gap:8px}.use-template-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;background:var(--accent-primary);color:var(--text-primary);border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .2s}.use-template-btn:hover:not(:disabled){background:var(--accent-primary-hover)}.use-template-btn:disabled{opacity:.5;cursor:not-allowed}.delete-template-btn{display:flex;align-items:center;justify-content:center;padding:5px 8px;background:#333;color:#999;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.delete-template-btn:hover{background:var(--accent-danger);color:var(--text-primary)}.template-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.tag{padding:2px 8px;background:#333;color:#999;border-radius:12px;font-size:.75rem}.no-templates{text-align:center;padding:40px;color:#666}.create-template-btn{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:10px 20px;background:var(--accent-primary);color:var(--text-primary);border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .2s}.create-template-btn:hover{background:var(--accent-primary-hover)}.save-template-form{padding:20px;overflow-y:auto;flex:1}.form-group{margin-bottom:20px}.form-group label{display:block;color:#ccc;margin-bottom:8px;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{width:100%;background:var(--surface-elevated);border:1px solid #333;color:var(--text-primary);padding:10px;border-radius:6px;font-size:1rem;outline:none;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-primary)}.form-group textarea{resize:vertical;font-family:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.icon-picker{display:flex;align-items:center;gap:15px}.current-icon{font-size:2rem;padding:10px;background:#333;border-radius:8px}.icon-options{display:flex;flex-wrap:wrap;gap:5px;flex:1}.icon-option{padding:8px;font-size:1.3rem;background:var(--surface-elevated);border:1px solid #333;border-radius:6px;cursor:pointer;transition:all .2s}.icon-option:hover{background:#333;border-color:#444}.icon-option.selected{background:var(--accent-primary);border-color:var(--accent-primary)}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:10px;margin:0;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;margin:0}.template-preview-section{background:var(--surface-card);border:1px solid #333;border-radius:8px;padding:15px;margin:20px 0}.template-preview-section h4{margin:0 0 10px;color:#ccc;font-size:.95rem}.preview-list{font-size:.9rem;color:#999}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #333;background:var(--surface-card)}.cancel-btn{padding:10px 20px;background:#333;color:#ccc;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .2s}.cancel-btn:hover{background:#444}.save-template-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent-primary);color:var(--text-primary);border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .2s}.save-template-btn:hover:not(:disabled){background:var(--accent-primary-hover)}.save-template-btn:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;padding:40px;color:#666;font-size:1.1rem}@media (max-width: 768px){.template-manager-modal{width:100%;max-width:100%;max-height:100%;height:100%;border-radius:0}.templates-grid,.form-row{grid-template-columns:1fr}.category-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.icon-picker{flex-direction:column;align-items:stretch}}.voice-recorder-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--surface-overlay) 72%,rgb(2 6 23 / 42%));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px;animation:fadeIn .3s ease}.voice-recorder{--voice-surface: var(--surface-card);--voice-surface-strong: var(--surface-sunken);--voice-surface-elevated: var(--surface-elevated);--voice-surface-overlay: color-mix(in srgb, var(--surface-overlay) 96%, transparent);--voice-surface-hover: var(--surface-hover);--voice-border: var(--border-default);--voice-border-strong: var(--border-strong);--voice-text-primary: var(--text-primary);--voice-text-secondary: var(--text-secondary);--voice-text-muted: var(--text-muted);--voice-accent: var(--accent-success);--voice-accent-soft: var(--accent-success-soft);--voice-accent-fg: var(--accent-success-fg);--voice-primary: var(--accent-primary);--voice-primary-soft: var(--accent-primary-soft);--voice-primary-fg: var(--accent-primary-fg);--voice-danger: var(--accent-danger);--voice-danger-soft: var(--accent-danger-soft);--voice-danger-fg: var(--accent-danger-fg);--voice-warning: var(--accent-warning);--voice-warning-soft: var(--accent-warning-soft);--voice-warning-fg: var(--accent-warning-fg);--voice-waveform-base: color-mix(in srgb, var(--surface-hover) 82%, var(--surface-sunken));--voice-waveform-line: var(--accent-success);--voice-panel-shadow: 0 24px 52px color-mix(in srgb, black 22%, transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--voice-surface) 97%,transparent),color-mix(in srgb,var(--voice-surface-elevated) 88%,transparent));color:var(--voice-text-primary);border:1px solid var(--voice-border);border-radius:18px;padding:0;width:min(100%,520px);max-height:min(90vh,760px);overflow-y:auto;box-shadow:var(--voice-panel-shadow);animation:slideUp .3s ease}.recorder-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--voice-border);background:linear-gradient(180deg,color-mix(in srgb,var(--voice-surface-elevated) 86%,transparent),color-mix(in srgb,var(--voice-surface) 94%,transparent));border-radius:18px 18px 0 0}.recorder-header h3{margin:0;font-size:1.05rem;font-weight:600;color:var(--voice-text-primary)}.close-btn{background:transparent;border:none;color:var(--voice-text-muted);font-size:24px;cursor:pointer;padding:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:background-color .2s ease,color .2s ease,transform .2s ease}.close-btn:hover{background:var(--voice-surface-hover);color:var(--voice-text-primary);transform:translateY(-1px)}.offline-indicator{padding:10px 18px;text-align:center;font-size:.86rem;font-weight:600;background:color-mix(in srgb,var(--voice-warning-soft) 90%,var(--voice-surface));color:var(--voice-warning);border-bottom:1px solid color-mix(in srgb,var(--voice-warning) 26%,transparent)}.recorder-body{padding:22px}.waveform-canvas{width:100%;height:100px;background:var(--voice-waveform-base);border-radius:12px;margin-bottom:20px;border:1px solid var(--voice-border);box-shadow:inset 0 1px color-mix(in srgb,white 12%,transparent)}.duration-display{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font-size:clamp(2rem,5vw,3rem);font-weight:300;text-align:center;color:var(--voice-accent);margin:20px 0;font-family:SF Mono,Monaco,Inconsolata,monospace}.duration-live-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;background:color-mix(in srgb,var(--voice-accent-soft) 88%,var(--voice-surface));color:var(--voice-accent);border:1px solid color-mix(in srgb,var(--voice-accent) 22%,transparent)}.recording-controls{display:flex;justify-content:center;gap:14px;margin:28px 0}.record-btn,.pause-btn,.stop-btn,.retry-btn,.save-btn{font:inherit}.record-btn{background:linear-gradient(135deg,var(--voice-danger),color-mix(in srgb,var(--voice-danger) 78%,white 22%));border:none;color:var(--voice-danger-fg);padding:15px 30px;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 10px 24px color-mix(in srgb,var(--voice-danger) 28%,transparent)}.record-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px color-mix(in srgb,var(--voice-danger) 34%,transparent)}.record-icon{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.pause-btn,.stop-btn,.retry-btn,.save-btn{border:1px solid var(--voice-border);color:var(--voice-text-primary);padding:12px 24px;border-radius:12px;font-size:.96rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.pause-btn,.retry-btn{background:var(--voice-surface-strong)}.pause-btn:hover,.retry-btn:hover{background:var(--voice-surface-hover);border-color:var(--voice-border-strong);transform:translateY(-1px)}.stop-btn{background:linear-gradient(135deg,var(--voice-danger),color-mix(in srgb,var(--voice-danger) 84%,white 16%));border-color:color-mix(in srgb,var(--voice-danger) 30%,transparent);color:var(--voice-danger-fg);box-shadow:0 10px 20px color-mix(in srgb,var(--voice-danger) 22%,transparent)}.stop-btn:hover{transform:translateY(-1px);box-shadow:0 14px 24px color-mix(in srgb,var(--voice-danger) 26%,transparent)}.playback-controls{width:100%}.playback-controls audio{width:100%;margin-bottom:15px;border-radius:12px;border:1px solid var(--voice-border);background:var(--voice-surface-strong)}.action-buttons{display:flex;justify-content:center;gap:14px}.save-btn{background:linear-gradient(135deg,var(--voice-accent),color-mix(in srgb,var(--voice-accent) 82%,white 18%));border-color:color-mix(in srgb,var(--voice-accent) 30%,transparent);color:var(--voice-accent-fg);box-shadow:0 10px 20px color-mix(in srgb,var(--voice-accent) 22%,transparent)}.save-btn:hover{transform:translateY(-1px);box-shadow:0 14px 24px color-mix(in srgb,var(--voice-accent) 28%,transparent)}.retry-btn:disabled,.save-btn:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}.language-selector{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:20px 0;padding:0 8px}.language-selector--compact{margin-top:4px}.language-selector label{color:var(--voice-text-secondary);font-size:.82rem;font-weight:600;flex-shrink:0}.lang-btn{background:var(--voice-surface-strong);border:1px solid var(--voice-border);color:var(--voice-text-secondary);padding:8px 16px;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;min-width:48px}.lang-btn.active{background:linear-gradient(135deg,var(--voice-primary),color-mix(in srgb,var(--voice-primary) 82%,white 18%));border-color:color-mix(in srgb,var(--voice-primary) 30%,transparent);color:var(--voice-primary-fg);box-shadow:0 10px 20px color-mix(in srgb,var(--voice-primary) 22%,transparent)}.lang-btn:hover:not(.active):not(:disabled){background:var(--voice-surface-hover);color:var(--voice-text-primary);border-color:var(--voice-border-strong);transform:translateY(-1px)}.lang-btn:disabled{opacity:.52;cursor:not-allowed}.lang-btn--more{font-size:.72rem}.voice-lang-search{margin:6px 0;border-radius:12px;background:var(--voice-surface-overlay);border:1px solid var(--voice-border);overflow:hidden;box-shadow:0 20px 28px color-mix(in srgb,black 12%,transparent)}.voice-lang-search-input{width:100%;padding:10px 12px;border:none;border-bottom:1px solid var(--voice-border);background:var(--voice-surface-strong);color:var(--voice-text-primary);font-size:.85rem;outline:none}.voice-lang-search-input::-moz-placeholder{color:var(--voice-text-muted)}.voice-lang-search-input::placeholder{color:var(--voice-text-muted)}.voice-lang-list{max-height:160px;overflow-y:auto}.voice-lang-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--voice-text-secondary);font-size:.82rem;cursor:pointer;text-align:left;transition:background-color .12s ease,color .12s ease}.voice-lang-item:hover{background:var(--voice-surface-hover);color:var(--voice-text-primary)}.voice-lang-item.active{background:color-mix(in srgb,var(--voice-primary-soft) 92%,var(--voice-surface));color:var(--voice-primary)}.voice-lang-check{margin-left:auto;color:var(--voice-primary);font-weight:700}.quality-selector{display:flex;justify-content:center;margin:10px 0}.quality-toggle{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--voice-text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;padding:8px 12px;border-radius:10px;transition:background-color .2s ease,color .2s ease}.quality-toggle:hover{background:var(--voice-surface-hover);color:var(--voice-text-primary)}.toggle-checkbox{width:16px;height:16px;border-radius:4px;border:1px solid var(--voice-border-strong);background:var(--voice-surface-strong);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease;flex-shrink:0}.toggle-checkbox.active{background:var(--voice-primary);border-color:var(--voice-primary)}.toggle-checkbox svg{width:12px;height:12px;color:#fff}.quality-hint{color:var(--voice-text-muted);font-size:.74rem}.transcription-info{text-align:center;margin:15px 0;color:var(--voice-text-muted)}.transcription-info small{font-size:.76rem}.transcription-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--voice-border)}.transcription-section h4{color:var(--voice-text-secondary);font-size:.88rem;font-weight:600;margin:0 0 10px}.transcription-text{width:100%;background:var(--voice-surface-strong);border:1px solid var(--voice-border);border-radius:12px;color:var(--voice-text-primary);padding:12px;font-size:.92rem;line-height:1.55;resize:vertical;min-height:80px}.transcription-text::-moz-placeholder{color:var(--voice-text-muted)}.transcription-text::placeholder{color:var(--voice-text-muted)}.transcription-text:focus{outline:none;border-color:var(--voice-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--voice-primary) 14%,transparent)}.duration-warning{background:color-mix(in srgb,var(--voice-warning-soft) 90%,var(--voice-surface));color:var(--voice-warning);padding:10px 16px;text-align:center;font-size:.82rem;font-weight:700;border-top:1px solid color-mix(in srgb,var(--voice-warning) 22%,transparent);border-radius:0 0 18px 18px}@media (max-width: 768px){.voice-recorder-modal{padding:12px;align-items:flex-end}.voice-recorder{width:100%;max-height:min(88vh,760px);border-radius:20px 20px 0 0}.recorder-header{padding:16px 18px;border-radius:20px 20px 0 0}.recorder-body{padding:18px}.duration-display{font-size:2.25rem}.recording-controls,.action-buttons{flex-direction:column;align-items:stretch}.record-btn,.pause-btn,.stop-btn,.retry-btn,.save-btn{width:100%}.waveform-canvas{height:84px}}.audio-player{--audio-surface: var(--surface-card);--audio-surface-strong: var(--surface-sunken);--audio-surface-hover: var(--surface-hover);--audio-surface-active: var(--surface-active);--audio-border: var(--border-default);--audio-border-strong: var(--border-strong);--audio-text-primary: var(--text-primary);--audio-text-secondary: var(--text-secondary);--audio-text-muted: var(--text-muted);--audio-accent: var(--accent-success);--audio-accent-soft: var(--accent-success-soft);--audio-accent-fg: var(--accent-success-fg);--audio-accent-shadow: 0 4px 15px color-mix(in srgb, var(--accent-success) 28%, transparent);--audio-accent-shadow-hover: 0 6px 20px color-mix(in srgb, var(--accent-success) 36%, transparent);--audio-danger: var(--accent-danger);--audio-danger-soft: var(--accent-danger-soft);--audio-danger-fg: var(--accent-danger-fg);--audio-info: var(--accent-info);--audio-info-soft: var(--accent-info-soft);--audio-warning: var(--accent-warning);--audio-warning-fg: var(--accent-warning-fg);--audio-waveform-base: color-mix(in srgb, var(--surface-hover) 85%, var(--surface-card));--audio-waveform-progress: color-mix(in srgb, var(--accent-success) 34%, transparent);--audio-waveform-playhead: var(--accent-success);background:var(--audio-surface);border-radius:12px;padding:20px;margin:15px 0;border:1px solid var(--audio-border)}.waveform-container{position:relative;width:100%;height:60px;background:var(--audio-surface-strong);border-radius:8px;cursor:pointer;overflow:hidden;margin-bottom:15px;transition:transform .2s,box-shadow .2s}.waveform-container:hover{transform:scale(1.01);box-shadow:0 2px 8px color-mix(in srgb,var(--audio-accent) 22%,transparent)}.waveform-static,.waveform-progress{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.waveform-progress{z-index:2}.time-display{text-align:center;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:14px;color:var(--audio-text-secondary);margin:10px 0}.current-time{color:var(--audio-accent)}.separator{margin:0 5px;color:var(--audio-text-muted)}.total-time{color:var(--audio-text-secondary)}.playback-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin:20px 0}.play-btn{background:linear-gradient(135deg,var(--audio-accent),color-mix(in srgb,var(--audio-accent) 86%,white 14%));border:none;color:var(--audio-accent-fg);width:50px;height:50px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:var(--audio-accent-shadow)}.play-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:var(--audio-accent-shadow-hover)}.play-btn:disabled{opacity:.5;cursor:not-allowed}.skip-btn{background:var(--audio-surface-hover);border:none;color:var(--audio-text-secondary);padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.skip-btn:hover{background:var(--audio-surface-active);color:var(--audio-text-primary)}.speed-control{display:flex;align-items:center;justify-content:center;gap:10px;margin:15px 0}.speed-control label{color:var(--audio-text-muted);font-size:13px}.speed-control select{background:var(--audio-surface-hover);border:1px solid var(--audio-border);color:var(--audio-text-primary);padding:4px 8px;border-radius:4px;font-size:13px;cursor:pointer}.speed-control select:focus{outline:none;border-color:var(--accent-success)}.transcription-panel{margin-top:20px;padding-top:20px;border-top:1px solid var(--audio-border)}.transcription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.transcription-header h4{color:var(--audio-text-secondary);font-size:14px;font-weight:500;margin:0;display:flex;align-items:center;gap:8px}.transcription-header-title--danger{color:var(--audio-danger)!important}.offline-badge{background:var(--audio-warning);color:var(--audio-warning-fg);padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700}.transcription-actions{display:flex;gap:8px}.toggle-btn,.edit-btn,.copy-btn{background:none;border:none;color:var(--audio-text-muted);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.toggle-btn:hover,.edit-btn:hover,.copy-btn:hover{background:var(--audio-surface-hover);color:var(--audio-text-primary)}.edit-btn--retry{color:var(--audio-info);background:none;border:1px solid color-mix(in srgb,var(--audio-info) 48%,transparent);border-radius:6px;padding:2px 10px;cursor:pointer;font-size:12px}.edit-btn--retry:hover{background:color-mix(in srgb,var(--audio-info-soft) 88%,var(--audio-surface))}.transcription-text{background:var(--audio-surface-strong);border:1px solid var(--audio-border);border-radius:8px;padding:12px;color:var(--audio-text-primary);font-size:14px;line-height:1.6;position:relative}.transcription-text--muted{color:var(--audio-text-secondary);font-style:italic}.transcription-text--meta{color:var(--audio-text-secondary);font-size:12px}.language-badge{position:absolute;top:8px;right:8px;background:var(--audio-accent);color:var(--audio-accent-fg);padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700}.transcription-editor textarea{width:100%;background:var(--audio-surface-strong);border:1px solid var(--audio-border);border-radius:8px;color:var(--audio-text-primary);padding:12px;font-size:14px;line-height:1.6;resize:vertical;min-height:100px}.transcription-editor textarea:focus{outline:none;border-color:var(--accent-success)}.editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.save-btn,.cancel-btn{border:none;color:var(--audio-text-primary);padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.save-btn{background:var(--audio-accent);color:var(--audio-accent-fg)}.save-btn:hover{background:color-mix(in srgb,var(--audio-accent) 86%,black 14%)}.cancel-btn{background:var(--audio-surface-hover)}.cancel-btn:hover{background:var(--audio-surface-active)}.delete-audio-btn{background:none;border:1px solid color-mix(in srgb,var(--audio-danger) 48%,transparent);color:var(--audio-danger);padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;margin-top:15px;width:100%;transition:all .2s}.delete-audio-btn:hover{background:var(--audio-danger);color:var(--audio-danger-fg)}.audio-player-error{padding:8px 12px;color:var(--audio-danger);font-size:13px;text-align:center}@media (max-width: 768px){.audio-player{padding:15px}.waveform-container{height:50px}.playback-controls{gap:10px}.play-btn{width:45px;height:45px;font-size:18px}.skip-btn{font-size:11px;padding:6px 10px}.transcription-text,.transcription-editor textarea{font-size:13px;padding:10px}}.transcription-spinner{display:inline-block;animation:transcription-spin 1.5s linear infinite}@keyframes transcription-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transcription-pending .transcription-header h4,.transcription-processing .transcription-header h4{color:var(--audio-info)}.transcription-failed .transcription-header h4{color:var(--audio-danger)}.note-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--surface-sunken) 74%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.note-editor-modal{background:var(--surface-card);border:1px solid var(--border-default);border-radius:12px;max-width:800px;width:100%;height:85vh;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:visible}.note-editor-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-default);position:sticky;top:0;background:var(--surface-card);z-index:10}.note-editor-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.header-actions{display:flex;gap:.5rem;align-items:center}.header-save-btn,.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.header-save-btn:hover{background:color-mix(in srgb,var(--accent-success-soft) 92%,transparent);color:var(--accent-success)}.header-save-btn:disabled{opacity:.5;cursor:not-allowed}.close-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.note-editor-form{padding:1.5rem;flex:1;overflow-y:auto;overflow-x:hidden;position:relative}.title-controls-container{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;overflow:visible}@media (min-width: 641px){.scrollable-content{display:flex;flex-direction:column;gap:.75rem}}@media (min-width: 641px){.fixed-desktop-header{position:sticky;top:-1.5rem;background:var(--surface-card);z-index:50;padding:1.5rem 0 .5rem;margin:-1.5rem 0 1rem;border-bottom:1px solid var(--border-default)}.fixed-desktop-header .title-controls-container{margin-bottom:.75rem}.fixed-desktop-header .note-type-selector{margin-bottom:0}}.note-title-input{flex:1;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default);border-radius:8px;padding:.625rem 1rem;color:var(--text-primary);font-size:1.125rem;font-weight:500;transition:border-color .2s;height:42px}.quick-controls{display:flex;gap:.5rem;flex-shrink:0;align-items:center;overflow:visible;padding:2px}.category-button-wrapper{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center;z-index:100}.category-button-wrapper .icon-control-btn{width:100%;height:100%}.icon-control-btn{width:42px;height:42px;padding:0;background:color-mix(in srgb,var(--surface-elevated) 74%,transparent);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;overflow:visible}.icon-control-btn svg{width:20px;height:20px}.icon-control-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-1px)}.icon-control-btn.active{background:color-mix(in srgb,var(--accent-success-soft) 92%,transparent);border-color:color-mix(in srgb,var(--accent-success) 40%,transparent);color:var(--accent-success)}.icon-control-btn .badge{position:absolute;top:-4px;right:-4px;background:var(--accent-primary);color:var(--accent-primary-fg);font-size:.625rem;padding:.125rem .25rem;border-radius:10px;font-weight:600;min-width:16px;text-align:center;z-index:1}.note-title-input:focus{outline:none;border-color:var(--accent-primary)}.note-title-input::-moz-placeholder{color:var(--text-muted)}.note-title-input::placeholder{color:var(--text-muted)}.note-type-selector{display:flex;gap:.5rem;margin-bottom:1rem}.type-btn{flex:1;padding:.5rem 1rem;background:color-mix(in srgb,var(--surface-elevated) 74%,transparent);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.type-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.type-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--accent-primary-fg)}.type-label{display:inline-block}.note-content-input{width:100%;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default);border-radius:8px;padding:1rem;color:var(--text-primary);font-size:1rem;line-height:1.5;resize:vertical;min-height:200px;transition:border-color .2s}.note-content-input:focus{outline:none;border-color:var(--accent-primary)}.checklist-editor{background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default);border-radius:8px;padding:1rem;margin-bottom:1rem}.checklist-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.checklist-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checklist-item input[type=text]{flex:1;background:var(--surface-card);border:1px solid var(--border-default);border-radius:6px;padding:.5rem;color:var(--text-primary)}.remove-item-btn{background:none;border:none;color:var(--accent-danger);cursor:pointer;padding:.25rem;border-radius:4px;transition:background .2s}.remove-item-btn:hover{background:var(--accent-danger-soft)}.add-checklist-btn{width:100%;padding:.5rem;background:color-mix(in srgb,var(--surface-elevated) 74%,transparent);border:1px dashed var(--border-default);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.add-checklist-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.event-date-section{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem;background:color-mix(in srgb,var(--surface-elevated) 74%,transparent);border:1px solid var(--border-default);border-radius:8px}.event-date-preview{width:100%;padding-top:.5rem;margin-top:.25rem;border-top:1px solid var(--border-default);color:var(--text-secondary);font-size:.8125rem;font-weight:500}.event-date-label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;flex-shrink:0}.event-date-label svg{width:16px;height:16px}.all-day-toggle{margin-left:auto;padding:.25rem .625rem;background:var(--surface-card);border:1px solid var(--border-default);border-radius:999px;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s;min-height:28px}.all-day-toggle:hover{background:var(--surface-elevated);color:var(--text-primary)}.all-day-toggle.active{background:color-mix(in srgb,var(--accent-info) 20%,transparent);border-color:var(--accent-info);color:var(--accent-info)}.event-date-input{flex:1;padding:.5rem .75rem;background:var(--surface-card);border:1px solid var(--border-default);border-radius:6px;font-size:.875rem;height:38px;line-height:1.2;color:var(--text-primary);cursor:pointer;outline:none;transition:border-color .2s}.event-date-input:focus{border-color:var(--accent-primary)}.event-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.event-date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.task-status-section{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:color-mix(in srgb,var(--accent-success-soft) 90%,transparent);border:1px solid color-mix(in srgb,var(--accent-success) 32%,transparent);border-radius:8px;color:var(--accent-success);font-size:.875rem}.tags-section{margin-top:.5rem;margin-bottom:.5rem;background:color-mix(in srgb,var(--surface-overlay) 76%,transparent);border:1px solid var(--border-default);border-radius:8px;padding:.75rem}.tags-section.expanded{border-color:var(--accent-primary);background:color-mix(in srgb,var(--surface-overlay) 94%,transparent)}.tags-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-default)}.tags-title{font-size:.875rem;font-weight:600;color:var(--accent-primary)}.tags-close-btn{width:28px;height:28px;background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);border:1px solid var(--border-default);border:none;border-radius:6px;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.tags-close-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.tags-header-button{width:100%;background:transparent;border:none;padding:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:.5rem}.tags-header{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.tag-count{color:var(--text-muted);font-weight:400}.expand-icon{color:var(--text-muted)}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default);border-radius:8px;padding:.75rem;min-height:48px}.tag{display:inline-flex;align-items:center;gap:.25rem;background:color-mix(in srgb,var(--accent-primary-soft) 88%,var(--surface-card));border:1px solid color-mix(in srgb,var(--accent-primary) 24%,transparent);color:var(--text-secondary);padding:.25rem .75rem;border-radius:999px;font-size:.875rem}.remove-tag{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;line-height:1;opacity:.7;transition:opacity .2s}.remove-tag:hover{opacity:1}.tag-input{flex:1;min-width:100px;background:transparent;border:none;color:var(--text-primary);outline:none}.color-picker-section{margin-bottom:1.5rem}.color-picker-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.color-options{display:flex;gap:.5rem}.color-option{width:36px;height:36px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-ring)}.note-editor-actions{display:flex;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-default);margin-top:auto;flex-shrink:0}.spacer{flex:1}.delete-btn,.archive-btn,.cancel-btn,.save-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.delete-btn{background:color-mix(in srgb,var(--accent-danger-soft) 92%,transparent);color:var(--accent-danger)}.delete-btn:hover{background:color-mix(in srgb,var(--accent-danger-soft) 100%,var(--surface-card))}.archive-btn:hover{background:color-mix(in srgb,var(--accent-warning-soft) 100%,var(--surface-card))}.cancel-btn{background:var(--border-strong);color:var(--text-primary)}.cancel-btn:hover{background:color-mix(in srgb,var(--border-strong) 70%,var(--text-muted));color:var(--text-primary)}.save-btn{background:var(--accent-primary);color:var(--accent-primary-fg)}.save-btn:hover{background:var(--accent-primary-hover)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.category-dropdown-container{margin-bottom:1rem}.mobile-controls-row{display:block}.category-dropdown{width:100%;padding:.625rem 2.5rem .625rem 1rem;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem}[data-theme=light] .category-dropdown{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23334155' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.category-dropdown:hover{background-color:var(--surface-hover);border-color:var(--border-strong)}.category-dropdown:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft)}.category-dropdown option{background:color-mix(in srgb,var(--surface-overlay) 96%,transparent);color:var(--text-primary);padding:.5rem}.category-dropdown option[value=new]{color:var(--accent-primary);font-style:italic}.category-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--surface-sunken) 60%,transparent);display:flex;align-items:center;justify-content:center;z-index:1001}.category-modal{background:var(--surface-card);border:1px solid var(--border-default);border-radius:12px;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.category-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-default)}.category-modal-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.category-modal-body{padding:1.5rem}.category-name-input{width:100%;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-size:1rem;margin-bottom:1.5rem;transition:border-color .2s}.category-name-input:focus{outline:none;border-color:var(--accent-primary)}.category-color-picker{margin-bottom:1.5rem}.category-color-picker label{display:block;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.75rem}.category-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.category-button-wrapper{position:relative}@media (min-width: 641px){.category-btn{cursor:pointer}.category-select-overlay{pointer-events:none;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}}.category-dropdown-menu{position:fixed;min-width:200px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--shadow-lg);z-index:99999;max-height:300px;overflow-y:auto}.category-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s;color:var(--text-secondary);font-size:14px}.category-dropdown-item:hover{background:var(--surface-hover)}.category-dropdown-item.selected{background:var(--surface-active);font-weight:500}.category-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:1px solid var(--border-default)}.category-dropdown-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-dropdown-divider{height:1px;background:var(--border-default);margin:4px 0}.category-dropdown-item.category-action{color:var(--text-muted)}.category-dropdown-item.category-action:hover{background:var(--surface-hover);color:var(--accent-primary)}.category-action-icon{width:14px;text-align:center;font-weight:600}.category-management{max-width:500px}.categories-list{max-height:400px;overflow-y:auto;margin-bottom:1rem}.category-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:color-mix(in srgb,var(--surface-elevated) 74%,transparent);border:1px solid var(--border-default);border-radius:8px;margin-bottom:.5rem;transition:all .2s}.category-item:hover{background:var(--surface-hover);border-color:var(--border-strong)}.category-info{display:flex;align-items:center;gap:.75rem}.category-name{color:var(--text-primary);font-size:.9375rem;font-weight:500}.category-actions{display:flex;gap:.5rem}.edit-category-btn,.delete-category-btn{padding:.375rem .75rem;font-size:.8125rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s;font-weight:500}.edit-category-btn{background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);color:var(--text-secondary)}.edit-category-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.delete-category-btn{background:color-mix(in srgb,var(--accent-danger-soft) 92%,transparent);color:var(--accent-danger)}.delete-category-btn:hover{background:color-mix(in srgb,var(--accent-danger-soft) 100%,var(--surface-card))}.empty-categories{text-align:center;padding:2rem;color:var(--text-secondary)}.empty-categories p{margin-bottom:1rem;font-size:.9375rem}.empty-categories .save-btn{width:auto;padding:.625rem 1.25rem}.checklist-toggle-section{margin:16px 0}.checklist-toggle-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);border:2px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center;white-space:nowrap}.checklist-toggle-btn:hover{border-color:color-mix(in srgb,var(--accent-success) 40%,transparent);background:var(--surface-hover)}.checklist-toggle-btn.active{border-color:color-mix(in srgb,var(--accent-success) 40%,transparent);background:color-mix(in srgb,var(--accent-success-soft) 92%,transparent);color:var(--accent-success)}.checklist-count{margin-left:4px;opacity:.7;font-size:13px}.checklist-editor-section{margin:0;padding:.75rem;background:color-mix(in srgb,var(--surface-overlay) 90%,transparent);border:1px solid var(--border-default);border-radius:8px;flex-shrink:0;max-height:250px;overflow-y:auto;overflow-x:hidden}.scrollable-content.notes-hidden .checklist-editor-section{min-height:400px;max-height:60vh}@media (max-width: 640px){.more-menu-mobile{width:calc(100vw - 32px);max-width:calc(100vw - 32px)!important;right:16px!important;background-image:none!important}.more-menu-mobile .category-dropdown-item{padding:.625rem .75rem;min-height:44px}.more-menu-mobile .category-dropdown-text{font-size:.9375rem}}.checklist-template-buttons{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;position:relative;z-index:100}.template-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:color-mix(in srgb,var(--surface-elevated) 72%,transparent);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.template-action-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.template-action-btn svg{width:14px;height:14px}.export-menu-container{position:relative;display:inline-block;z-index:200}.export-dropdown-menu{background:var(--surface-card);border:1px solid var(--border-default);border-radius:12px;padding:8px;box-shadow:var(--shadow-lg);min-width:240px}.export-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;margin:2px 0;background:transparent;color:var(--text-secondary);border:none;border-radius:8px;font-size:14px;font-weight:400;text-align:left;cursor:pointer;transition:all .15s ease}.export-menu-item:hover{background:var(--surface-hover);color:var(--text-primary);transform:translate(2px)}.export-menu-item svg{width:16px;height:16px;flex-shrink:0}.bulk-menu-container{position:relative;display:inline-block;z-index:200}.bulk-dropdown-menu{background:var(--surface-card);border:1px solid var(--border-default);border-radius:12px;padding:8px;box-shadow:var(--shadow-lg);min-width:220px}.bulk-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;margin:2px 0;background:transparent;color:var(--text-secondary);border:none;border-radius:8px;font-size:14px;font-weight:400;text-align:left;cursor:pointer;transition:all .15s ease}.bulk-menu-item:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary);transform:translate(2px)}.bulk-menu-item:disabled{opacity:.4;cursor:not-allowed}.bulk-menu-item svg{width:16px;height:16px;flex-shrink:0}.voice-memos-section{margin:20px 0;padding:15px;background:var(--surface-card);border-radius:8px;border:1px solid var(--border-default)}.voice-memos-section .section-title{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0 0 15px}.checklist-editor-section{background:color-mix(in srgb,var(--surface-overlay) 88%,transparent);border-radius:8px;padding:12px 0;margin-bottom:16px;border:1px solid var(--border-default)}.note-editor-overlay,.category-modal-overlay{background:color-mix(in srgb,var(--surface-sunken) 74%,transparent)}.note-editor-modal,.note-editor-header,.fixed-desktop-header,.note-editor-actions,.category-modal,.category-dropdown-menu,.export-dropdown-menu,.bulk-dropdown-menu,.voice-memos-section,.checklist-editor-section{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-default)}.note-editor-modal,.category-modal{border:1px solid var(--border-default);box-shadow:var(--shadow-xl)}.checklist-editor,.tags-section,.tags-container,.note-editor-modal .improved-visual-editor,.note-editor-modal .editor-frame,.note-editor-modal .editor-toolbar,.note-editor-modal .dropdown-menu,.note-editor-modal .link-dialog-content{background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);color:var(--text-primary);border-color:var(--border-default)}.note-editor-modal .editor-content,.note-editor-modal .editor-frame .editor-content{background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);color:var(--text-primary)}.note-editor-header,.fixed-desktop-header,.note-editor-actions,.category-modal-header,.category-dropdown-divider{border-color:var(--border-default)}.note-editor-header h2,.category-modal-header h3,.tags-title,.event-date-preview,.category-name,.voice-memos-section .section-title{color:var(--text-primary)}.header-save-btn,.close-btn,.icon-control-btn,.checklist-toggle-btn,.template-action-btn,.cancel-btn,.note-editor-modal .toolbar-toggle,.note-editor-modal .toolbar-btn,.note-editor-modal .size-preset,.note-editor-modal .link-dialog-actions button:not(.primary){background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);border:1px solid var(--border-default);color:var(--text-secondary)}.header-save-btn:hover,.close-btn:hover,.icon-control-btn:hover,.type-btn:hover,.checklist-toggle-btn:hover,.template-action-btn:hover,.category-dropdown-item:hover,.export-menu-item:hover,.bulk-menu-item:hover,.tags-close-btn:hover,.tags-header-button:hover,.cancel-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.type-btn.active,.save-btn,.add-checklist-btn,.category-dropdown-item.selected,.note-editor-modal .toolbar-btn.active,.note-editor-modal .link-dialog-actions button.primary,.note-editor-modal .size-preset.selected,.note-editor-modal .custom-size-input button{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--accent-primary-fg)}.checklist-toggle-btn.active,.icon-control-btn.active{background:color-mix(in srgb,var(--accent-success-soft) 92%,transparent);border-color:color-mix(in srgb,var(--accent-success) 40%,transparent);color:var(--accent-success)}.note-title-input,.note-content-input,.tag-input,.category-name-input,.event-date-input,.category-dropdown,.checklist-item input[type=text],.note-editor-modal input:not([type=color]):not([type=checkbox]):not([type=radio]),.note-editor-modal textarea,.note-editor-modal select{background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border-color:var(--border-default);color:var(--text-primary)}.note-title-input::-moz-placeholder,.note-content-input::-moz-placeholder,.tag-input::-moz-placeholder,.category-name-input::-moz-placeholder,.event-date-input::-moz-placeholder,.note-editor-modal input::-moz-placeholder,.note-editor-modal textarea::-moz-placeholder{color:var(--text-muted)}.note-title-input::placeholder,.note-content-input::placeholder,.tag-input::placeholder,.category-name-input::placeholder,.event-date-input::placeholder,.note-editor-modal input::placeholder,.note-editor-modal textarea::placeholder{color:var(--text-muted)}.note-title-input:focus,.note-content-input:focus,.tag-input:focus,.category-name-input:focus,.event-date-input:focus,.category-dropdown:focus,.checklist-item input[type=text]:focus,.note-editor-modal input:focus,.note-editor-modal textarea:focus,.note-editor-modal select:focus{border-color:var(--accent-primary)}.note-type-selector,.event-date-section,.category-item,.empty-categories,.checklist-item{background:color-mix(in srgb,var(--surface-elevated) 74%,transparent);border-color:var(--border-default)}.task-status-section{background:color-mix(in srgb,var(--accent-success-soft) 90%,transparent);border-color:color-mix(in srgb,var(--accent-success) 32%,transparent);color:var(--accent-success)}.tag{background:color-mix(in srgb,var(--accent-primary-soft) 88%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-primary) 24%,transparent);color:var(--text-secondary)}.remove-tag,.tag-count,.event-date-label,.expand-icon,.empty-categories p,.category-dropdown-item,.export-menu-item,.bulk-menu-item,.tags-close-btn,.tags-header-button{color:var(--text-muted)}.save-btn:hover,.add-checklist-btn:hover{background:var(--accent-primary-hover)}.delete-btn,.delete-category-btn{background:color-mix(in srgb,var(--accent-danger-soft) 92%,transparent);color:var(--accent-danger)}.archive-btn{background:color-mix(in srgb,var(--accent-warning-soft) 92%,transparent);color:var(--accent-warning)}.note-editor-modal .toolbar-btn:hover,.note-editor-modal .toolbar-toggle:hover,.note-editor-modal .size-preset:hover,.note-editor-modal .link-dialog-actions button:hover:not(.primary){background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.note-editor-modal .toolbar-separator{background:var(--border-default)}.note-editor-modal .dropdown-section+.dropdown-section{border-color:var(--border-default)}.note-editor-modal .dropdown-label,.note-editor-modal .size-value,.note-editor-modal .link-dialog-content p{color:var(--text-muted)}.note-editor-modal .size-preset.custom{border-style:dashed}.note-editor-modal .custom-size-input input,.note-editor-modal .link-dialog-content input{background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border-color:var(--border-default);color:var(--text-primary)}.note-editor-modal .custom-size-input input:focus,.note-editor-modal .link-dialog-content input:focus{border-color:var(--accent-primary)}.note-editor-modal .editor-content:empty:before{color:var(--text-muted)}@media (max-width: 640px){.note-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--surface-page);z-index:9999;padding:0}.note-editor-modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;background:var(--surface-card);border-radius:0;display:flex;flex-direction:column;overflow:hidden}.note-editor-header{position:relative;height:48px;min-height:48px;max-height:48px;padding:0 1rem;background:var(--surface-card);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;flex-shrink:0}.note-editor-header h2{font-size:1rem;font-weight:600;margin:0}.header-actions{position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.close-btn{padding:.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer}.note-editor-form{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.fixed-top-section{position:sticky;top:0;background:var(--surface-card);z-index:100;padding:.5rem .75rem .25rem;border-bottom:1px solid var(--border-default);flex-shrink:0}.title-controls-container{display:flex;gap:.5rem;align-items:center;margin-bottom:.375rem}.note-title-input{flex:1;min-width:0;height:42px;padding:0 .75rem;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:1rem}.quick-controls{display:flex;gap:.25rem;flex-shrink:0}.icon-control-btn{width:42px;height:42px;padding:0;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.icon-control-btn svg{width:18px;height:18px}.icon-control-btn.active{background:color-mix(in srgb,var(--accent-success-soft) 92%,transparent);border-color:color-mix(in srgb,var(--accent-success) 40%,transparent);color:var(--accent-success)}.icon-control-btn .badge{position:absolute;top:-4px;right:-4px;background:var(--accent-primary);color:var(--accent-primary-fg);font-size:10px;padding:2px 4px;border-radius:10px;min-width:16px;text-align:center}.note-type-selector{display:flex;background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);border:1px solid var(--border-default);border-radius:6px;padding:2px;flex-shrink:0}.scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:.375rem .75rem 1rem;display:flex;flex-direction:column;gap:.25rem;min-height:0}.type-btn{flex:1;padding:.375rem .25rem;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;display:flex;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;transition:all .15s}.type-btn:not(:last-child){margin-right:2px}.type-btn.active{background:var(--accent-primary);color:var(--accent-primary-fg)}.type-btn svg{width:12px;height:12px}.event-date-section{display:flex;align-items:center;gap:.2rem;padding:.15rem .25rem;background:color-mix(in srgb,var(--surface-overlay) 90%,transparent);border:1px solid var(--border-default);border-radius:3px;flex-shrink:0;margin-top:-.3rem;margin-bottom:.2rem}.event-date-label{display:flex;align-items:center;gap:.1rem;color:var(--text-secondary);font-size:.55rem;white-space:nowrap}.event-date-label svg{width:10px;height:10px}.event-date-input{flex:1;padding:.1rem .2rem;background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);border:1px solid transparent;border-radius:2px;color:var(--text-primary);font-size:.55rem!important;height:20px;line-height:1}.event-date-input::-webkit-datetime-edit,.event-date-input::-webkit-datetime-edit-fields-wrapper,.event-date-input::-webkit-datetime-edit-text,.event-date-input::-webkit-datetime-edit-month-field,.event-date-input::-webkit-datetime-edit-day-field,.event-date-input::-webkit-datetime-edit-year-field{font-size:.55rem!important}.recurring-config{flex-shrink:0;margin-top:-.25rem}.recurring-config .pattern-selector{display:flex;width:100%;background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);border:1px solid var(--border-default);border-radius:6px;padding:2px;margin-bottom:.75rem}.recurring-config .pattern-btn{flex:1;padding:.375rem .25rem;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;display:flex;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;transition:all .15s}.recurring-config .pattern-btn:not(:last-child){margin-right:2px}.recurring-config .pattern-btn.active{background:var(--accent-primary);color:var(--accent-primary-fg)}.recurring-config .pattern-btn svg{width:12px;height:12px}.checklist-editor-section{background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);border:1px solid var(--border-default);border-radius:6px;padding:.25rem;max-height:150px;overflow-y:auto;flex-shrink:0}.scrollable-content.notes-hidden .checklist-editor-section{max-height:none;flex:1;display:flex;flex-direction:column;min-height:300px}.checklist-editor-section .checklist-item{padding:.2rem .25rem;margin-bottom:.15rem;min-height:28px}.checklist-editor-section .item-text{font-size:.8rem;line-height:1.2}.checklist-editor-section .checkbox{width:16px;height:16px}.checklist-editor-section .add-item-trigger{padding:.3rem .5rem;font-size:.75rem}.editor-wrapper{flex:1 1 auto;min-height:120px;display:flex;flex-direction:column;position:relative}.editor-content{flex:1;border:1px solid var(--border-default);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent)}.improved-visual-editor{flex:1;display:flex;flex-direction:column;min-height:80px}.improved-visual-editor .editor-toolbar{display:flex!important;padding:4px;background:var(--surface-card);border-bottom:1px solid var(--border-default);overflow-x:auto;flex-shrink:0;position:relative;min-height:36px;flex-wrap:wrap;gap:4px}.improved-visual-editor .editor-toolbar.collapsed{min-height:28px;padding:2px}.improved-visual-editor .editor-toolbar.collapsed>*:not(.toolbar-toggle){display:none}.toolbar-toggle{position:absolute;right:4px;top:4px;width:24px;height:20px;background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);border:1px solid var(--border-default);border-radius:4px;color:var(--text-secondary);font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.toolbar-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.improved-visual-editor .editor-frame{flex:1;min-height:100px}.editor-resize-handle{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:20px;background:color-mix(in srgb,var(--accent-primary-soft) 82%,var(--surface-card));border-radius:10px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;z-index:10}.editor-resize-handle:before{content:"";width:30px;height:3px;background:var(--accent-primary);border-radius:3px}.note-editor-actions{position:relative;height:56px;min-height:56px;max-height:56px;padding:.5rem .75rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));background:var(--surface-card);border-top:1px solid var(--border-default);display:flex;gap:.75rem;align-items:center;flex-shrink:0}.note-editor-actions .spacer{flex:1}.cancel-btn,.save-btn{flex:1;max-width:150px;padding:.75rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.cancel-btn{background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);color:var(--text-secondary)}.save-btn{background:var(--accent-primary);color:var(--accent-primary-fg)}.delete-btn,.archive-btn{display:none}.tags-section{display:none;position:fixed;bottom:70px;left:.5rem;right:.5rem;max-height:200px;background:var(--surface-card);border:2px solid var(--accent-primary);border-radius:8px;padding:.75rem;box-shadow:var(--shadow-strong);z-index:200;overflow-y:auto}.tags-section.expanded{display:block!important}.tags-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-default)}.tags-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.tags-close-btn{width:24px;height:24px;background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);border:none;border-radius:4px;color:var(--text-secondary);font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.tags-close-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.tags-container{display:flex;flex-wrap:wrap;gap:.375rem;min-height:40px;padding:.5rem;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default);border-radius:4px}.tag{display:inline-flex;align-items:center;gap:.25rem;background:color-mix(in srgb,var(--accent-primary-soft) 88%,var(--surface-card));color:var(--text-secondary);padding:.25rem .5rem;border-radius:999px;font-size:.75rem}.remove-tag{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;line-height:1;opacity:.8}.tag-input{flex:1;min-width:80px;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;outline:none}.mobile-controls-row,.category-dropdown-container,.checklist-toggle-section,.color-picker-section{display:none}.checklist-template-buttons{display:none!important}.improved-visual-editor .editor-frame,.editor-content,.scrollable-content,.checklist-editor-section,.note-editor-modal *{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.improved-visual-editor .editor-frame::-webkit-scrollbar,.editor-content::-webkit-scrollbar,.scrollable-content::-webkit-scrollbar,.checklist-editor-section::-webkit-scrollbar,.note-editor-modal *::-webkit-scrollbar{width:4px}.improved-visual-editor .editor-frame::-webkit-scrollbar-track,.editor-content::-webkit-scrollbar-track,.scrollable-content::-webkit-scrollbar-track,.checklist-editor-section::-webkit-scrollbar-track,.note-editor-modal *::-webkit-scrollbar-track{background:transparent}.improved-visual-editor .editor-frame::-webkit-scrollbar-thumb,.editor-content::-webkit-scrollbar-thumb,.scrollable-content::-webkit-scrollbar-thumb,.checklist-editor-section::-webkit-scrollbar-thumb,.note-editor-modal *::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.recurring-config .pattern-btn .pattern-label{display:none}}.mobile-accordion{border:1px solid var(--border-default);border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--surface-overlay) 92%,transparent)}.mobile-accordion.open{overflow:visible}.mobile-accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.625rem .75rem;background:color-mix(in srgb,var(--surface-elevated) 88%,transparent);border:none;color:var(--text-primary);cursor:pointer;min-height:40px;transition:background .15s ease}.mobile-accordion-header:hover{background:var(--surface-hover)}.mobile-accordion-header:active{background:var(--surface-active)}.mobile-accordion-title{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary)}.mobile-accordion-title svg{width:16px;height:16px;color:var(--text-muted)}.mobile-accordion.open .mobile-accordion-title{color:var(--text-primary)}.mobile-accordion.open .mobile-accordion-title svg{color:var(--accent-primary)}.mobile-accordion-badge{background:var(--accent-primary);color:var(--accent-primary-fg);font-size:.6875rem;padding:1px 6px;border-radius:10px;font-weight:600;letter-spacing:0;text-transform:none}.mobile-accordion-chevron{width:18px;height:18px;color:var(--text-muted);transition:transform .25s ease;flex-shrink:0}.mobile-accordion-chevron.rotated{transform:rotate(180deg)}.mobile-accordion-body{max-height:0;overflow:hidden;transition:max-height .3s ease-out,opacity .2s ease;opacity:0;overflow-anchor:none}.mobile-accordion-body.expanded{max-height:2000px;overflow:visible;opacity:1;transition:max-height .3s ease-in,opacity .15s ease}.mobile-accordion.open .checklist-editor-section{max-height:min(300px,40vh);overflow-y:auto}.mobile-accordion .voice-memos-section .section-title{display:none}.mobile-accordion-body.expanded>*{padding:.25rem}.mobile-accordion-body.expanded>.checklist-template-buttons{padding:.25rem .5rem}.mobile-accordion-body.expanded>.editor-wrapper{padding:0}@media (max-width: 640px){.mobile-accordion-header{min-height:44px}.mobile-accordion.open .checklist-editor-section{max-height:min(200px,30vh)}.note-editor-overlay{background:var(--surface-page)}.note-editor-modal,.note-editor-header,.fixed-top-section,.note-editor-actions,.mobile-accordion,.mobile-accordion-body,.mobile-accordion-header{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-default)}.scrollable-content{background:var(--surface-page)}.note-title-input,.icon-control-btn,.note-type-selector,.event-date-section,.event-date-input,.editor-content,.checklist-editor-section,.tags-container,.tags-section,.recurring-config .pattern-selector,.improved-visual-editor .editor-toolbar{background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border-color:var(--border-default);color:var(--text-primary)}.improved-visual-editor,.editor-wrapper,.editor-frame{background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);border-color:var(--border-default);color:var(--text-primary)}.close-btn,.event-date-label,.mobile-accordion-title,.mobile-accordion-chevron,.type-btn,.tags-header,.expand-icon,.tag-count,.toolbar-toggle{color:var(--text-secondary)}.mobile-accordion-header:hover{background:var(--surface-hover)}.mobile-accordion-header:active{background:var(--surface-active)}.type-btn.active{background:var(--accent-primary);color:var(--accent-primary-fg)}.icon-control-btn.active{background:color-mix(in srgb,var(--accent-success-soft) 92%,transparent);border-color:color-mix(in srgb,var(--accent-success) 40%,transparent);color:var(--accent-success)}.mobile-accordion.open .mobile-accordion-title{color:var(--accent-success)}.mobile-accordion.open .mobile-accordion-title svg{color:var(--accent-primary)}.icon-control-btn .badge,.mobile-accordion-badge{background:var(--accent-primary);color:var(--accent-primary-fg)}.cancel-btn,.toolbar-toggle,.tags-close-btn{background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);border:1px solid var(--border-default);color:var(--text-secondary)}.cancel-btn:hover,.toolbar-toggle:hover,.tags-close-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.save-btn{background:var(--accent-primary);color:var(--accent-primary-fg)}.tags-title,.event-date-preview{color:var(--text-primary)}.tag{background:color-mix(in srgb,var(--accent-primary-soft) 88%,var(--surface-card));color:var(--text-secondary)}.tag-input::-moz-placeholder{color:var(--text-muted)}.tag-input::placeholder{color:var(--text-muted)}.editor-resize-handle{background:color-mix(in srgb,var(--accent-primary-soft) 82%,var(--surface-card))}.editor-resize-handle:before{background:var(--accent-primary)}}:root{--bg-primary: var(--surface-page);--bg-secondary: var(--surface-elevated);--bg-card: var(--surface-card);--border-color: var(--border-default);--accent-blue: var(--accent-primary);--accent-green: var(--accent-success);--accent-yellow: var(--accent-warning);--accent-red: var(--accent-danger);--hover-bg: color-mix(in srgb, var(--surface-elevated) 72%, var(--surface-card));--shadow: var(--shadow-md);--shadow-strong: var(--shadow-lg);--tooltip-bg: rgb(0 0 0 / .9);--chip-bg: color-mix(in srgb, var(--surface-elevated) 78%, transparent);--chip-border: var(--border-default);--search-highlight-bg: color-mix(in srgb, var(--accent-warning) 24%, transparent);--header-veil: color-mix(in srgb, var(--surface-elevated) 86%, transparent);--danger-soft-bg: color-mix(in srgb, var(--accent-danger) 8%, transparent);--danger-soft-bg-hover: color-mix(in srgb, var(--accent-danger) 12%, transparent);--danger-border: color-mix(in srgb, var(--accent-danger) 35%, transparent);--danger-border-strong: color-mix(in srgb, var(--accent-danger) 55%, transparent);--danger-glow: color-mix(in srgb, var(--accent-danger) 30%, transparent)}.notes-overview-container{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;z-index:1;position:relative;transition:background-color .3s ease,color .3s ease;overflow:visible}.notes-overview-loading,.notes-overview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.notes-overview-error button{padding:.5rem 1.5rem;background:var(--accent-blue);color:var(--accent-primary-fg);border:none;border-radius:6px;cursor:pointer}.overview-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:5;overflow:visible!important}.header-main{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;min-height:56px;overflow:visible}.header-left{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.menu-btn{background:none;border:none;color:var(--text-muted);padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s}.menu-btn:hover{background:var(--hover-bg)}.header-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.header-subtitle{font-size:.75rem;color:var(--text-muted);font-weight:500}.header-right{display:flex;align-items:center;gap:.5rem;position:relative;flex:1;justify-content:flex-end;overflow:visible}.header-right button[data-tooltip]{position:relative}.header-right button[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--tooltip-bg);color:var(--text-inverse);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:100000;pointer-events:none}.search-container{display:flex;align-items:center}@media (min-width: 768px){.header-left{margin-right:1.5rem}.search-container{flex:1;max-width:600px;margin-right:auto}}.search-highlight{background:var(--search-highlight-bg);color:var(--accent-yellow);padding:0 2px;border-radius:2px;font-weight:600}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.search-suggestions-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--shadow-strong);z-index:200;max-height:320px;animation:none!important;overflow-y:auto}.suggestions-section{padding:.5rem 0;border-bottom:1px solid var(--border-color)}.suggestions-section:last-child{border-bottom:none}.suggestions-label{padding:.25rem .75rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.suggestion-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-secondary);text-align:left;cursor:pointer;transition:all .2s}.suggestion-item:hover{background:var(--hover-bg)}.suggestion-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:.8}.suggestion-text{flex:1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-count{font-size:.75rem;color:var(--text-muted);background:var(--chip-bg);padding:.125rem .375rem;border-radius:999px}.suggestion-item.history .suggestion-text{color:var(--text-secondary)}.search-scope-container{position:relative;margin-right:.5rem}.search-scope-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:.375rem;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.search-scope-btn:hover{background:var(--hover-bg);border-color:var(--border-color)}.search-scope-label{min-width:3rem;text-align:left}.search-scope-dropdown{position:absolute;top:calc(100% + .25rem);left:0;min-width:120px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--shadow-strong);z-index:100;overflow:hidden;animation:none!important}.scope-option{display:block;width:100%;padding:.5rem .75rem;text-align:left;font-size:.875rem;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s}.scope-option:hover{background:var(--hover-bg);color:var(--text-primary)}.scope-option.active{background:var(--accent-primary-soft);color:var(--accent-blue)}.search-bar-wrapper{position:relative;display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:0 .75rem;min-width:250px;width:100%;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-icon{width:1rem;height:1rem;color:var(--text-muted);margin-right:.5rem}.search-input{flex:1;background:none;border:none;color:var(--text-primary);padding:.5rem 0;font-size:.875rem;outline:none}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.search-clear{background:none;border:none;color:var(--text-muted);padding:.25rem;cursor:pointer;display:flex;align-items:center}.search-btn{background:none;border:none;color:var(--text-secondary);padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px}.filter-btn,.view-mode-btn{background:none;border:none;color:var(--text-secondary);padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.filter-btn:hover,.view-mode-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.filter-btn.active,.view-mode-btn.active{background:var(--accent-blue);color:var(--accent-primary-fg)}.view-mode-toggle{display:flex;background:var(--chip-bg);border-radius:8px;padding:2px;gap:2px}.date-groups-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s}.date-groups-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.date-groups-btn.active{background:var(--accent-primary-soft);color:var(--accent-blue)}.sort-dropdown-container{position:relative;margin-left:8px;display:inline-block}.sort-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem;white-space:nowrap;height:36px}.sort-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.sort-btn.active{background:color-mix(in srgb,var(--accent-primary-soft) 92%,var(--surface-card));color:var(--accent-blue);border-color:var(--accent-blue)}.sort-label{font-weight:500}.sort-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);z-index:999999;overflow:visible;display:block}.sort-options{padding:8px}.sort-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:all .15s ease;border-radius:6px;font-size:.9rem}.sort-option-content{display:inline-flex;align-items:center;gap:.625rem}.sort-option-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted)}.sort-option:hover{background:var(--hover-bg)}.sort-option.active{background:color-mix(in srgb,var(--accent-primary-soft) 92%,var(--surface-card));color:var(--accent-blue);font-weight:500}.sort-option.active .sort-option-icon{color:currentColor}.sort-option-label{font-weight:500}.sort-option-dir{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:400;color:var(--text-muted);white-space:nowrap}.sort-option.active .sort-option-dir{color:var(--accent-blue)}.sort-direction-row{display:flex;gap:6px;padding:0 8px 8px}.sort-direction-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 10px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;font-size:.8125rem;cursor:pointer;transition:all .15s ease}.sort-direction-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.sort-direction-btn.active{background:color-mix(in srgb,var(--accent-info) 15%,transparent);border-color:var(--accent-blue);color:var(--accent-blue);font-weight:500}.sort-reset-btn{width:100%;padding:8px 12px;margin-top:4px;background:transparent;border:none;color:var(--text-muted);font-size:.8125rem;text-align:center;cursor:pointer;border-radius:6px;transition:all .15s ease}.sort-reset-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.sort-divider{height:1px;background:var(--border-color);margin:4px 0}.overdue-priority-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:all .15s ease;font-size:.9rem}.overdue-priority-toggle:hover{background:var(--hover-bg)}.toggle-switch{width:36px;height:20px;background:var(--bg-secondary);border-radius:10px;position:relative;transition:background .2s ease}.toggle-switch.on{background:var(--accent-blue)}.toggle-thumb{width:16px;height:16px;background:var(--text-inverse);border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease}.toggle-switch.on .toggle-thumb{transform:translate(16px)}@media (max-width: 768px){.sort-dropdown-container{display:none!important}}.header-views{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--header-veil);border-bottom:1px solid var(--border-color);overflow:visible;position:relative}.view-selector-wrapper,.view-selector-container{position:relative}.view-selector{display:flex;align-items:center;gap:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem .75rem;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s}.view-selector:hover{border-color:var(--accent-blue)}.view-selector-icon{display:flex;align-items:center}.view-selector-count{color:var(--text-muted);font-size:.75rem}.view-selector-arrow{width:1rem;height:1rem;transition:transform .2s}.view-selector-arrow.rotate{transform:rotate(180deg)}.view-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;min-width:200px;box-shadow:var(--shadow-strong);z-index:200;overflow:hidden}.view-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-secondary);text-align:left;cursor:pointer;transition:all .2s}.view-option:hover{background:var(--hover-bg);color:var(--text-primary)}.view-option.active{background:var(--accent-primary-soft);color:var(--accent-blue)}.view-option-icon{display:flex;align-items:center}.view-option-label{flex:1;font-size:.875rem}.view-option-count{font-size:.75rem;color:var(--text-muted)}.view-dropdown hr{margin:.25rem 0;border:none;border-top:1px solid var(--border-color)}.header-stats{display:flex;gap:.5rem}.stat-badge{padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500}.stat-badge.today{background:var(--accent-primary-soft);color:var(--accent-primary)}.stat-badge.tasks{background:color-mix(in srgb,var(--accent-info-soft) 92%,var(--surface-card));color:var(--accent-info-fg)}.stat-badge.recurring{background:color-mix(in srgb,var(--accent-success-soft) 92%,var(--surface-card));color:var(--accent-success)}.notes-overview-content{flex:1;padding:1rem;overflow-y:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--text-muted)}.empty-state-icon{width:64px;height:64px;margin-bottom:1rem;color:var(--text-secondary)}.empty-state h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text-secondary)}.empty-state p{margin:0 0 1.5rem;font-size:.875rem}.create-first-btn{padding:.75rem 1.5rem;background:var(--accent-blue);color:var(--accent-primary-fg);border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.create-first-btn:hover{background:var(--accent-primary-hover)}.cards-flat-view,.list-flat-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem;padding:1rem}@media (max-width: 768px){.cards-flat-view{grid-template-columns:1fr;padding:.5rem}.list-flat-view{grid-template-columns:1fr;padding:.5rem;gap:.375rem}}.time-grouped-view{padding:1rem}.time-group-section{margin-bottom:1.5rem}.time-group-header{display:flex;align-items:center;padding:.5rem 0;margin-bottom:.75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.time-group-title-wrapper{display:flex;align-items:center;gap:.5rem}.collapse-toggle{background:none;border:none;color:var(--text-muted);padding:.25rem;cursor:pointer;display:flex;align-items:center;transition:color .2s}.collapse-toggle:hover{color:var(--text-secondary)}.time-group-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0}.time-group-count{padding:.125rem .375rem;background:var(--chip-bg);border-radius:999px;font-size:.625rem;font-weight:500;color:var(--text-secondary)}.time-group-content,.time-group-content.grid-layout,.time-group-content.list-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem}.note-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--accent-blue);border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s;position:relative;overflow:visible}.note-card:hover{background:var(--hover-bg);transform:translateY(-1px);box-shadow:var(--shadow)}.note-card.menu-open{z-index:99999}.note-card.overdue{background:var(--danger-soft-bg);border-color:var(--danger-border);border-left-color:var(--accent-red);animation:pulse-overdue 3s ease-in-out infinite}@keyframes pulse-overdue{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 8px var(--danger-glow)}}.note-card.overdue:hover{background:var(--danger-soft-bg-hover);box-shadow:0 4px 12px var(--danger-glow)}.note-card-datetime.overdue{color:var(--accent-red);font-weight:500}.overdue-badge{background:var(--accent-red);color:var(--accent-danger-fg);padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.note-card[draggable=true]{cursor:move}.note-card.dragging{opacity:.5;transform:scale(.95)}.note-card.drag-over{background:var(--hover-bg);border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-primary-soft)}.note-card[draggable=true]:hover{cursor:grab}.note-card[draggable=true]:active{cursor:grabbing}.note-card.completed{opacity:.7}.note-card-header{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.note-card-type{display:flex;align-items:center;flex-shrink:0}.note-type-icon{width:1.25rem;height:1.25rem}.note-type-icon.note{color:var(--amber-500)}.note-type-icon.task{color:var(--accent-blue)}.note-type-icon.event{color:var(--violet-500)}.note-type-icon.recurring{color:var(--accent-green)}.note-type-icon.birthday{color:var(--accent-danger)}.note-card-title{flex:1;font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;word-break:break-word;display:flex;align-items:center;gap:.5rem}.voice-indicator{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;background:var(--accent-primary-soft);border:1px solid color-mix(in srgb,var(--accent-blue) 35%,transparent);border-radius:999px;color:var(--accent-blue);font-size:.75rem;margin-left:auto;flex-shrink:0}.special-event-icon{display:inline-flex;align-items:center;gap:.25rem;margin-right:.5rem;font-size:1.125rem;vertical-align:middle}.special-event-age{font-size:.75rem;color:var(--accent-green);font-weight:500;margin-left:.125rem;vertical-align:middle}.voice-indicator svg{width:.75rem;height:.75rem}.voice-count{font-weight:600;font-size:.7rem}.voice-status{font-size:.65rem;font-weight:500;white-space:nowrap}.voice-indicator .animate-spin{animation:spin 1s linear infinite}.note-card-menu-btn{background:none;border:none;color:var(--text-muted);padding:.25rem;cursor:pointer;opacity:0;transition:opacity .2s}.note-card:hover .note-card-menu-btn{opacity:1}.note-card-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;min-width:180px;box-shadow:var(--shadow-strong);z-index:999999;overflow:visible}.note-card-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;color:var(--text-secondary);font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s}.note-card-menu button:hover{background:var(--hover-bg);color:var(--text-primary)}.note-card-menu button.delete-action{color:var(--accent-danger)}.note-card-menu button.delete-action:hover{background:var(--accent-danger-soft);color:var(--accent-red)}.note-card-menu hr{margin:.25rem 0;border:none;border-top:1px solid var(--border-color)}.note-card-content{margin-bottom:.5rem}.note-card-preview{font-size:.8125rem;color:var(--text-secondary);line-height:1.4;margin:0;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.note-card-datetime,.note-card-recurring{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.note-card-streak{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-warning-soft) 92%,var(--surface-card)),color-mix(in srgb,var(--accent-danger-soft) 72%,var(--surface-card)));border:1px solid color-mix(in srgb,var(--accent-warning) 30%,transparent);border-radius:.375rem;padding:.125rem .375rem;margin-top:.375rem}.note-card-streak .streak-icon{font-size:.875rem}.note-card-streak .streak-text{color:var(--accent-warning);font-weight:600}.note-card-streak .streak-total{color:var(--text-secondary);font-size:.7rem;margin-left:.125rem}.note-card-completion-history{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.note-card-completion-history svg{color:var(--accent-green)}.note-card-next-occurrence{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;background:var(--accent-warning-soft);border:1px solid color-mix(in srgb,var(--accent-yellow) 30%,transparent);border-radius:.375rem;padding:.25rem .5rem;margin-top:.5rem}.note-card-next-occurrence .next-occurrence-label{color:var(--text-secondary);font-weight:500}.note-card-next-occurrence .next-occurrence-date{color:var(--accent-yellow);font-weight:600}.note-card-completion-status{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:color-mix(in srgb,var(--accent-green) 16%,transparent);border-radius:4px;margin-top:.5rem;font-size:.75rem;color:var(--accent-green)}.note-card-completion-status.completed{background:color-mix(in srgb,var(--accent-green) 22%,transparent);border:1px solid color-mix(in srgb,var(--accent-green) 35%,transparent)}.note-card-quick-complete{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-color)}.quick-complete-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border:2px solid var(--accent-blue);border-radius:5px;cursor:pointer;position:relative;transition:all .2s ease;background:color-mix(in srgb,var(--accent-blue) 8%,transparent);margin-right:10px;flex-shrink:0}.quick-complete-checkbox:hover{border-color:var(--accent-blue);background:var(--accent-primary-soft);transform:scale(1.05)}.quick-complete-checkbox:checked{background:var(--accent-blue);border-color:var(--accent-blue)}.quick-complete-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--accent-primary-fg);font-size:16px;font-weight:700;line-height:1}.quick-complete-label{font-size:.875rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quick-complete-label:hover{color:var(--text-primary)}.recurring-overdue-badge,.task-overdue-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:var(--accent-danger);color:var(--accent-danger-fg);border-radius:4px;font-size:.7rem;font-weight:600;margin-right:8px;animation:pulse-red 2s infinite}.recurring-overdue-badge svg,.task-overdue-badge svg{width:12px;height:12px}.task-overdue-badge{margin-left:8px;margin-right:0}.note-card-checklist{margin-top:.75rem}.show-more-container{display:flex;justify-content:center;margin:2rem 0;padding:1rem}.show-more-btn,.show-less-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.show-more-btn:hover,.show-less-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--border-strong)}.show-more-count{font-size:.75rem;color:var(--text-muted)}.filter-input-group{margin-top:.75rem}.filter-input-group label{display:block;margin-bottom:.25rem;font-size:.875rem;color:var(--text-secondary)}.filter-select{width:100%;padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.875rem;cursor:pointer}.filter-select:hover{border-color:var(--border-strong)}.filter-select:focus{outline:none;border-color:var(--accent-blue)}.checklist-progress{display:flex;align-items:center;gap:.5rem}.checklist-progress-bar{flex:1;height:4px;background:var(--border-strong);border-radius:2px;overflow:hidden}.checklist-progress-fill{height:100%;background:var(--accent-green);transition:width .3s}.checklist-progress-text{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.note-card-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.note-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;background:color-mix(in srgb,var(--accent-primary-soft) 92%,var(--surface-card));border:1px solid color-mix(in srgb,var(--accent-primary) 30%,transparent);border-radius:999px;font-size:.625rem;color:var(--accent-primary)}.note-tag-more{padding:.125rem .375rem;background:var(--chip-bg);border-radius:999px;font-size:.625rem;color:var(--text-muted)}.note-card-reminders{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;padding:2px 8px;font-size:.75rem;color:var(--accent-warning);background:color-mix(in srgb,var(--accent-warning) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-warning) 25%,transparent);border-radius:999px;font-weight:500;white-space:nowrap}.note-card-reminders.overdue{color:var(--accent-danger);background:color-mix(in srgb,var(--accent-danger) 15%,transparent);border-color:color-mix(in srgb,var(--accent-danger) 40%,transparent)}.note-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500;margin-top:.5rem}.note-status-badge.completed{background:color-mix(in srgb,var(--accent-success-soft) 92%,var(--surface-card));color:var(--accent-success)}.note-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--accent-blue);border-radius:6px;margin-bottom:.5rem;cursor:pointer;transition:all .2s}.note-list-item:hover{background:var(--hover-bg)}.note-list-icon{flex-shrink:0}.note-list-content{flex:1;min-width:0}.note-list-title{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-list-date{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted);margin-top:.125rem}.note-list-progress{flex-shrink:0;padding:.125rem .375rem;background:color-mix(in srgb,var(--accent-success-soft) 92%,var(--surface-card));border:1px solid color-mix(in srgb,var(--accent-success) 30%,transparent);border-radius:999px;font-size:.75rem;color:var(--accent-green)}.tasklist-view{background:var(--bg-secondary);border-radius:8px;padding:1rem}.tasklist-content{font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.fab-container{position:fixed;bottom:calc(var(--bottom-nav-clearance) + .75rem);right:1.5rem;z-index:90;overflow:hidden!important}.fab{width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:all .2s;overflow:hidden!important}.fab-primary{background:var(--accent-primary);color:var(--accent-primary-fg)}.fab-primary:hover{background:var(--accent-primary-hover);transform:scale(1.05);box-shadow:var(--shadow-xl)}.filter-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--surface-sunken) 70%,transparent);z-index:999991;animation:none!important;transform:none!important}.filter-panel{position:fixed;top:0;right:0;bottom:0;width:320px;background:var(--surface-card);border-left:1px solid var(--border-default);padding:1.5rem;overflow-y:auto;box-shadow:var(--shadow-xl);animation:none!important;transform:none!important}@media (max-width: 768px){.header-main{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;row-gap:.5rem;align-items:center}.header-left{grid-row:1;flex:0 0 auto}.header-right{grid-row:2;justify-content:flex-end;flex-wrap:wrap;row-gap:.375rem;-moz-column-gap:.375rem;column-gap:.375rem}}@media (max-width: 350px){.header-main{padding:.375rem;gap:.375rem}.header-title{font-size:1rem}.header-right{gap:.25rem}.header-right>button,.header-right>.search-container>button{padding:.375rem;min-width:34px;min-height:34px}.search-container{order:-10!important}.search-btn{display:flex!important}.filter-btn{display:flex!important;order:-9!important}.view-mode-toggle{padding:1px;order:-8}.view-mode-btn{padding:.5rem;min-width:40px;min-height:44px}.view-mode-btn:nth-child(3),.view-mode-btn:nth-child(4){display:none!important}.header-right button svg,.view-mode-btn svg{width:16px;height:16px}.selection-mode-btn,.date-groups-btn{display:none!important}}@media (min-width: 351px) and (max-width: 768px){.header-main{padding:.5rem;gap:.5rem}.header-right{gap:.375rem}.header-right>button,.header-right>.search-container>button{padding:.625rem;min-width:44px;min-height:44px}.search-container{order:-10!important;display:flex!important}.search-btn{display:flex!important}.filter-btn{display:flex!important;order:-9!important}.view-mode-btn{padding:.5rem;min-width:44px;min-height:44px}.header-right button svg,.view-mode-btn svg{width:17px;height:17px}.date-groups-btn{min-width:32px;min-height:32px;width:32px;height:32px;padding:.375rem}.date-groups-btn svg{width:16px;height:16px}}@media (max-width: 768px){.filter-panel{width:100%}.overview-header{padding:.5rem;background:var(--bg-primary)}.header-main{padding:.5rem;gap:.5rem}.header-left{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;margin-right:0}.header-title{font-size:1.125rem;font-weight:600}.header-subtitle{display:none}.header-right{display:flex;gap:.5rem;align-items:center;flex:1;justify-content:flex-end}.search-container{order:-10;display:flex!important}.header-right>button,.header-right>.search-container>button{display:flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:background .2s}.header-right>button:hover,.header-right>button:active{background:var(--hover-bg)}.filter-btn.active,.selection-mode-btn.active{background:var(--accent-primary-soft);color:var(--accent-blue)}.view-mode-toggle{display:flex!important;gap:0;background:var(--bg-secondary);padding:2px;border-radius:6px;border:1px solid var(--border-color);flex-shrink:0}.view-mode-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.view-mode-btn.active{background:var(--accent-blue);color:var(--accent-primary-fg)}.view-mode-btn svg{width:16px;height:16px}.selection-mode-btn{display:none}.mobile-search-header-full{width:100%;display:flex;align-items:center;gap:.5rem;padding:0 .5rem;position:relative}.mobile-search-input-wrapper{flex:1;display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:0 .5rem;height:36px}.mobile-search-input-wrapper:focus-within{border-color:var(--accent-blue);background:var(--bg-primary)}.mobile-search-input-wrapper .search-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;margin-right:.25rem}.mobile-search-scope{display:flex;align-items:center;gap:.125rem;padding:.25rem .375rem;background:var(--hover-bg);border:none;border-radius:4px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;margin-right:.375rem;white-space:nowrap;cursor:pointer}.mobile-search-scope:active{background:var(--border-strong)}.mobile-search-scope .scope-text{min-width:32px}.mobile-scope-dropdown{position:fixed;top:60px;left:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.25rem;box-shadow:var(--shadow-strong);z-index:1000;min-width:140px}.mobile-scope-dropdown .scope-option{display:block;width:100%;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;text-align:left;cursor:pointer;border-radius:4px;transition:all .2s}.mobile-scope-dropdown .scope-option:hover,.mobile-scope-dropdown .scope-option:active{background:var(--hover-bg)}.mobile-scope-dropdown .scope-option.active{background:var(--accent-blue);color:var(--accent-primary-fg)}.mobile-search-input-wrapper .search-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.9375rem;padding:0}.mobile-search-input-wrapper .search-input::-moz-placeholder{color:var(--text-muted)}.mobile-search-input-wrapper .search-input::placeholder{color:var(--text-muted)}.mobile-search-input-wrapper .search-input:focus{outline:none}.mobile-search-input-wrapper .search-clear{padding:.25rem;background:transparent;border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;margin-left:.25rem}.mobile-search-header-full .search-cancel{padding:.375rem .625rem;background:transparent;border:none;color:var(--accent-blue);font-size:.875rem;font-weight:500}.search-container{display:flex;flex:0;max-width:none;margin-right:0}.search-bar-wrapper{display:none!important}.search-btn{display:flex!important;padding:.5rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;align-items:center;justify-content:center;border-radius:6px;min-width:40px;min-height:40px}.search-btn:hover{background:var(--hover-bg)}.search-icon{width:14px;height:14px;color:var(--text-muted);margin-right:.25rem}.search-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;padding:.25rem;min-width:0}.search-input:focus{outline:none}.search-input::-moz-placeholder{color:var(--text-muted);font-size:.875rem}.search-input::placeholder{color:var(--text-muted);font-size:.875rem}.search-scope-container,.search-suggestions-dropdown{display:none}.search-clear{padding:.25rem;background:transparent;border:none;color:var(--text-muted)}.search-btn,.filter-btn{padding:.375rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary)}.search-btn.active,.filter-btn.active{background:var(--accent-blue);color:var(--accent-primary-fg);border-color:var(--accent-blue)}.header-views{padding:.375rem .5rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.header-views-inner{display:flex;align-items:center;gap:.375rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.header-views-inner::-webkit-scrollbar{display:none}.view-selector-container{flex:0 0 auto;display:inline-flex}.view-selector-button{padding:.375rem .625rem!important;font-size:.8125rem!important;background:transparent!important;border:1px solid var(--border-color)!important;border-radius:6px!important;height:32px!important;color:var(--text-secondary)!important}.view-selector-button:hover{background:var(--hover-bg)!important}.view-selector-label{display:none}.view-selector-chevron{width:14px!important;height:14px!important}.stat-badge{padding:.625rem .75rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0;cursor:pointer;transition:all .2s}.stat-badge:hover{background:var(--hover-bg)}.stat-badge.today{background:color-mix(in srgb,var(--accent-primary-soft) 92%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-primary) 28%,transparent);color:var(--accent-primary)}.stat-badge.recurring{background:color-mix(in srgb,var(--accent-success-soft) 92%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-success) 28%,transparent);color:var(--accent-success)}.stat-badge svg{width:.875rem;height:.875rem;flex-shrink:0}.quick-filters{flex:1;display:flex;gap:.375rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0}.quick-filters::-webkit-scrollbar{display:none}.quick-filter-chip{padding:.625rem .75rem;font-size:.8125rem;white-space:nowrap;background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);min-height:44px;display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0}.quick-filter-chip:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.quick-filter-chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--accent-primary-fg)}.quick-filter-chip .chip-count{font-size:.75rem;opacity:.8}.notes-overview-content{padding:.5rem;background:var(--bg-primary)}.time-group-header{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:.5rem .25rem;margin-bottom:.5rem;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.note-cards-grid{gap:.5rem}.note-card{padding:.875rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.note-card-header h3{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.note-card-body{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.note-card-footer{font-size:.75rem;color:var(--text-muted)}}.filter-panel h3{font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;color:var(--text-primary)}.close-filter-panel{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1}.spinner{width:40px;height:40px;border:3px solid var(--border-strong);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}.filter-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.active-filters-count{padding:.25rem .5rem;background:var(--accent-blue);color:var(--accent-primary-fg);border-radius:999px;font-size:.75rem;font-weight:500}.filter-sections{display:flex;flex-direction:column;gap:1.5rem}.filter-section{display:flex;flex-direction:column;gap:.75rem}.filter-section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;display:flex;align-items:center;justify-content:space-between}.date-toggle-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem}.filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-option-btn{padding:.5rem .75rem;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.filter-option-btn:hover{background:var(--surface-hover);border-color:var(--accent-primary);color:var(--text-primary)}.filter-option-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--accent-primary-fg)}.filter-option-btn.priority-low{border-left:3px solid var(--accent-success)}.filter-option-btn.priority-normal{border-left:3px solid var(--accent-primary)}.filter-option-btn.priority-high{border-left:3px solid var(--accent-warning)}.filter-option-btn.priority-critical{border-left:3px solid var(--accent-danger)}.filter-tags{gap:.375rem}.filter-tag{padding:.25rem .5rem;background:color-mix(in srgb,var(--accent-primary-soft) 92%,var(--surface-card));border:1px solid color-mix(in srgb,var(--accent-primary) 30%,transparent);border-radius:999px;color:var(--accent-primary);font-size:.75rem;cursor:pointer;transition:all .2s}.filter-tag:hover{background:color-mix(in srgb,var(--accent-primary-soft) 100%,var(--surface-card))}.filter-tag.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--accent-primary-fg)}.date-picker-section{margin-top:.75rem}.date-inputs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.date-input{padding:.425rem .75rem;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:.875rem;transition:all .2s;flex:0 1 auto;min-width:110px;max-width:130px;height:36px}.date-input:hover{border-color:var(--border-strong)}.date-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary) 14%,transparent)}.date-separator{color:var(--text-muted);font-size:.875rem;padding:0 .25rem}.apply-date-btn{padding:.425rem 1rem;background:var(--accent-primary);color:var(--accent-primary-fg);border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap;height:36px}.apply-date-btn:hover{background:var(--accent-primary-hover)}.filter-toggles{display:flex;flex-direction:column;gap:.625rem}.filter-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:0;margin:0;height:auto;line-height:normal}.filter-toggle input[type=checkbox],.filter-toggle .checkbox{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;flex-shrink:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.filter-toggle span{font-size:.875rem;color:var(--text-secondary);line-height:1}.filter-panel-footer{display:flex;gap:.75rem;margin-top:2rem;padding-top:1rem;padding-bottom:var(--bottom-nav-clearance);border-top:1px solid var(--border-color);position:sticky;bottom:0;background:var(--surface-card);z-index:5}.filter-reset-btn{flex:1;padding:.75rem;background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);color:var(--text-secondary);border:none;border-radius:6px;font-size:.875rem;cursor:pointer}.filter-apply-btn{flex:1;padding:.75rem;background:var(--accent-primary);color:var(--accent-primary-fg);border:none;border-radius:6px;font-size:.875rem;cursor:pointer}.tasklist-view{display:flex;flex-direction:column;height:100%;padding:1.5rem 0;background:transparent;margin:0 -1rem}.tasklist-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px 8px 0 0}.tasklist-title{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary)}.tasklist-actions{display:flex;gap:.5rem}.tasklist-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.tasklist-action-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.tasklist-action-btn svg{width:20px;height:20px;display:block}@media (max-width: 768px){.tasklist-action-btn{width:44px;height:44px}.tasklist-action-btn svg{width:22px;height:22px}.tasklist-actions{gap:.375rem}.tasklist-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0}.option-group{display:flex;align-items:center;gap:.25rem}.option-group:last-child{grid-column:1 / -1}.option-group label{font-size:.875rem;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:.25rem}.option-select{width:100%!important;padding:.425rem .625rem!important;font-size:.9375rem!important;min-height:36px!important;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent)!important;border:1px solid var(--border-default)!important;border-radius:6px!important;color:var(--text-primary)!important}.option-checkbox{display:flex;align-items:center;gap:.375rem;padding:0;background:transparent;border:none;margin-top:0}.option-checkbox input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;flex-shrink:0}.option-checkbox span{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.tasklist-header{flex-direction:column;gap:.75rem;align-items:stretch;padding:.75rem}.tasklist-title{font-size:1rem;margin-bottom:.25rem}.tasklist-actions{justify-content:center;width:100%}.tasklist-content-wrapper{padding:.75rem}.tasklist-footer{flex-direction:column;gap:.5rem;align-items:stretch;padding:.75rem}.tasklist-stat{text-align:center;padding:.375rem .75rem}}.tasklist-options{display:flex;gap:1rem;padding:1rem;background:color-mix(in srgb,var(--surface-elevated) 86%,transparent);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.option-group{display:flex;align-items:center;gap:.5rem}.option-group label{font-size:.875rem;color:var(--text-secondary)}.option-select{padding:.5rem .75rem;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default);border-radius:4px;color:var(--text-primary);font-size:.875rem;line-height:1.5;min-height:40px;cursor:pointer}.option-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.option-checkbox input[type=checkbox]{-moz-appearance:auto!important;appearance:auto!important;-webkit-appearance:checkbox!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;margin:0!important;padding:0!important;border:initial!important;background:initial!important;background-color:initial!important;background-image:none!important;border-radius:initial!important;position:static!important;cursor:pointer;accent-color:var(--accent-green)}.option-checkbox input[type=checkbox]:after{content:none!important;display:none!important}.option-checkbox input[type=checkbox]:checked{background:initial!important;background-color:initial!important;border:initial!important}.option-checkbox input[type=checkbox]:checked:after{content:none!important;display:none!important}.option-checkbox span{font-size:.875rem;color:var(--text-secondary)}.tasklist-options-bar{display:flex;gap:.5rem;padding:.75rem 1rem;background:color-mix(in srgb,var(--surface-elevated) 86%,transparent);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.tasklist-toggle-btn{padding:.4rem .8rem;background:color-mix(in srgb,var(--surface-elevated) 78%,transparent);border:1px solid var(--border-strong);border-radius:6px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:.3rem}.tasklist-toggle-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.tasklist-toggle-btn.active{background:color-mix(in srgb,var(--accent-primary-soft) 92%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent);color:var(--accent-primary)}.tasklist-content-wrapper{flex:1;background:var(--bg-secondary);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);overflow-y:auto;padding:1rem}.tasklist-content{font-family:Courier New,monospace;font-size:.875rem;line-height:1.8;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0}.tasklist-footer{display:flex;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0 0 8px 8px}.tasklist-stat{font-size:.75rem;color:var(--text-muted);padding:.25rem .5rem;background:var(--chip-bg);border-radius:999px}.view-selector-container{position:relative!important;display:inline-block}.view-selector-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;transition:all .2s}.view-selector-button:hover{background:var(--hover-bg);border-color:var(--accent-blue)}.view-selector-label{color:var(--text-secondary);font-size:.75rem}.view-selector-name{font-weight:600}.view-selector-chevron{width:16px;height:16px;transition:transform .2s}.view-selector-chevron.rotate{transform:rotate(180deg)}.view-selector-dropdown{min-width:280px;max-height:60vh;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-strong);overflow-y:auto;overflow-x:hidden;pointer-events:auto!important;z-index:10000!important}.view-selector-dropdown::-webkit-scrollbar{width:8px}.view-selector-dropdown::-webkit-scrollbar-track{background:color-mix(in srgb,var(--bg-primary) 88%,transparent);border-radius:4px}.view-selector-dropdown::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.view-selector-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.view-selector-section{padding:.5rem 0;border-bottom:1px solid var(--border-color)}.view-selector-section:last-child{border-bottom:none}.view-selector-section-title{padding:.25rem 1rem;font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.05em}.view-selector-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;cursor:pointer;transition:background .2s;position:relative;pointer-events:auto!important;z-index:10001!important}.view-selector-item:hover{background:var(--hover-bg)}.view-selector-item.active{background:var(--accent-primary-soft)}.view-selector-item-name{display:flex;align-items:center;gap:.5rem;flex:1;font-size:.875rem}.view-selector-check{width:16px;height:16px;color:var(--accent-green)}.view-selector-star{width:16px;height:16px;color:var(--accent-yellow)}.view-selector-star.filled{fill:var(--accent-yellow)}.view-selector-item-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.view-selector-item:hover .view-selector-item-actions{opacity:1}@media (max-width: 768px){.view-selector-item-actions{opacity:1}}.view-selector-action{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.view-selector-action:hover{background:var(--hover-bg);color:var(--text-primary)}.view-selector-action.delete:hover{background:var(--accent-danger);color:var(--accent-danger-fg)}.view-selector-action svg{width:14px;height:14px}.view-selector-footer{padding:.5rem;border-top:1px solid var(--border-color)}.view-selector-save-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:var(--accent-blue);border:none;border-radius:4px;color:var(--accent-primary-fg);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.view-selector-save-btn:hover{background:var(--accent-primary-hover)}.view-selector-save-btn svg{width:16px;height:16px}.view-save-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--surface-sunken) 72%,transparent);display:flex;align-items:center;justify-content:center;z-index:300}.view-save-dialog{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;width:90%;max-width:400px;box-shadow:var(--shadow-strong)}.view-save-dialog h3{margin:0 0 .5rem;font-size:1.125rem;color:var(--text-primary)}.view-save-dialog p{margin:0 0 1rem;font-size:.875rem;color:var(--text-secondary)}.view-save-input{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.875rem;margin-bottom:1rem}.view-save-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-primary-soft)}.view-save-actions{display:flex;gap:.75rem;justify-content:flex-end}.view-save-cancel,.view-save-confirm{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.view-save-cancel{background:var(--hover-bg);color:var(--text-primary)}.view-save-cancel:hover{background:var(--border-strong)}.view-save-confirm{background:var(--accent-blue);color:var(--accent-primary-fg)}.view-save-confirm:hover{background:var(--accent-primary-hover)}.view-save-confirm:disabled{background:var(--hover-bg);color:var(--text-muted);cursor:not-allowed}.archive-button{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s}.archive-button:hover{background:var(--hover-bg);color:var(--text-primary)}.note-status-badge.archived{background:var(--chip-bg);color:var(--text-secondary);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.note-card.archived{opacity:.7;background:color-mix(in srgb,var(--surface-sunken) 88%,var(--surface-card))}.note-card.archived .note-card-title{color:var(--text-secondary)}.archive-stats{padding:1rem;background:color-mix(in srgb,var(--surface-overlay) 94%,transparent);border:1px solid var(--border-default);border-radius:8px;margin-bottom:1rem}.archive-stats-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.archive-stat-item{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);padding:.25rem 0}.archive-stat-value{color:var(--text-primary);font-weight:500}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.note-card{animation:slideInUp .3s ease-out;animation-fill-mode:both}.note-card:nth-child(1){animation-delay:.05s}.note-card:nth-child(2){animation-delay:.1s}.note-card:nth-child(3){animation-delay:.15s}.note-card:nth-child(4){animation-delay:.2s}.note-card:nth-child(5){animation-delay:.25s}.note-card:nth-child(6){animation-delay:.3s}.note-card:nth-child(7){animation-delay:.35s}.note-card:nth-child(8){animation-delay:.4s}.note-card{transition:transform .2s,box-shadow .2s}.note-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-strong)}.search-input{transition:all .3s ease}.search-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.fab,.filter-btn,.view-mode-btn,.note-action-btn{transition:all .2s ease}.fab:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.fab:active{transform:scale(.95)}.checklist-progress-fill{transition:width .5s ease-out}.spinner{width:40px;height:40px;border:3px solid var(--border-strong);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}.skeleton-card{background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-bottom:.75rem;animation:pulse 1.5s ease-in-out infinite}.skeleton-line{height:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--surface-elevated) 82%,var(--surface-card)),color-mix(in srgb,var(--border-strong) 92%,var(--surface-card)),color-mix(in srgb,var(--surface-elevated) 82%,var(--surface-card)));background-size:200% 100%;border-radius:4px;margin-bottom:8px;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-line.title{width:60%;height:16px}.skeleton-line.content{width:90%}.skeleton-line.short{width:30%}.empty-state{animation:fadeIn .5s ease-out}.empty-state-icon{animation:pulse 2s ease-in-out infinite}.note-context-menu{animation:fadeIn .2s ease-out;transform-origin:top right}.fab-container .fab{animation:pulse 2s ease-in-out 3}.toast{animation:slideInUp .3s ease-out}.toast.hiding{animation:fadeOut .3s ease-out}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.note-card:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.note-card.keyboard-selected{background:var(--surface-hover);box-shadow:0 0 0 2px var(--accent-blue)}html{scroll-behavior:smooth}.time-group-section{transition:max-height .3s ease-out,opacity .3s ease-out}.time-group-section.collapsed{max-height:60px;overflow:hidden}.time-group-cards{transition:opacity .3s ease-out}.time-group-section.collapsed .time-group-cards{opacity:0;pointer-events:none}.filter-panel-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--surface-sunken) 68%,transparent);z-index:98;animation:fadeIn .3s ease-out}.note-info-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--surface-sunken) 74%,transparent);display:flex;align-items:center;justify-content:center;z-index:999999;padding:1rem}.note-info-modal{position:relative;max-width:500px;width:100%;animation:slideInUp .3s ease-out}.note-info-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;max-width:400px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.note-info-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.note-info-close:hover{background:var(--hover-bg);color:var(--text-primary)}.note-info-content h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem}.note-info-details{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.info-label{color:var(--text-secondary);font-weight:500;flex-shrink:0}.info-row>span:last-child{color:var(--text-primary);text-align:right;word-break:break-word}@media (max-width: 768px){.note-info-modal{padding:.5rem}.note-info-content{max-width:95%;padding:1.25rem}.info-row{flex-direction:column;gap:.25rem}.info-row>span:last-child{text-align:left}}.note-card.swipeable{touch-action:pan-y;position:relative;will-change:transform,opacity}.note-card.drag-mode{background:var(--hover-bg);transform:scale(1.02);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-blue) 30%,transparent);z-index:1000}.note-card.drag-over{border-top:3px solid var(--accent-blue);padding-top:1rem}.zoom-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:color-mix(in srgb,var(--surface-overlay) 84%,var(--bg-secondary));color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:8px;font-size:1rem;font-weight:600;z-index:9999;pointer-events:none;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.note-card.swipeable:before,.note-card.swipeable:after{content:"";position:absolute;top:0;bottom:0;width:100px;opacity:0;transition:opacity .3s;pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:-1}.note-card.swipeable:before{left:-100px;background:linear-gradient(to right,transparent,var(--accent-green))}.note-card.swipeable:after{right:-100px;background:linear-gradient(to left,transparent,var(--accent-red))}.note-card.swipeable.swiping-right:before{opacity:.5}.note-card.swipeable.swiping-left:after{opacity:.5}.swipe-hint{position:absolute;top:50%;transform:translateY(-50%);padding:.5rem;background:var(--tooltip-bg);color:var(--text-inverse);border:1px solid color-mix(in srgb,var(--border-color) 65%,transparent);box-shadow:var(--shadow-md);border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}.swipe-hint.left{left:1rem}.swipe-hint.right{right:1rem}.note-card:active .swipe-hint{opacity:.8}.pull-to-refresh-indicator{position:fixed;top:-60px;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,var(--bg-secondary),transparent);z-index:100;transition:transform .2s,opacity .2s}.pull-to-refresh-content{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.pull-arrow{width:20px;height:20px;border:2px solid var(--text-secondary);border-top:none;border-left:none;transform:rotate(45deg);transition:transform .3s}.pull-arrow.up{transform:rotate(-135deg)}.pull-arrow.down{transform:rotate(45deg)}.pull-spinner{width:20px;height:20px;border:2px solid var(--text-secondary);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pull-to-refresh-indicator.can-refresh{background:linear-gradient(to bottom,color-mix(in srgb,var(--accent-green) 48%,var(--bg-secondary)),transparent)}.pull-to-refresh-indicator.can-refresh .pull-to-refresh-content{color:var(--accent-green)}.pull-to-refresh-indicator.refreshing{background:linear-gradient(to bottom,color-mix(in srgb,var(--accent-blue) 44%,var(--bg-secondary)),transparent)}.pull-to-refresh-indicator.refreshing .pull-to-refresh-content{color:var(--accent-blue)}@media (max-width: 640px){.header-main{padding:.5rem}.header-title{font-size:1rem}.header-subtitle{display:none}.search-container{flex:1;display:flex;align-items:center}.search-bar-wrapper{position:relative;background:transparent;border:none;border-radius:0;padding:0;width:100%;display:flex;align-items:center;gap:.5rem}.search-input{flex:1;padding:.5rem .75rem;font-size:.9rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px}.search-close{padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.875rem;white-space:nowrap}.view-selector-dropdown{max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.view-mode-toggle{display:none}.header-views{padding:.5rem;flex-direction:column;gap:.5rem}.view-selector{width:100%;justify-content:space-between}.view-dropdown{left:0;right:0;width:calc(100% - 1rem);margin:0 .5rem}.header-stats{width:100%;justify-content:center;flex-wrap:wrap}.notes-overview-content{padding:.5rem;padding-bottom:calc(var(--bottom-nav-clearance) + 56px)}.time-group-content{grid-template-columns:1fr;gap:.5rem}.note-card{padding:.625rem}.note-card-title{font-size:.875rem}.note-card-preview{font-size:.75rem;line-height:1.3}.note-card-menu-btn{opacity:1}.note-card-menu{position:fixed!important;top:auto!important;bottom:var(--bottom-nav-clearance)!important;left:0!important;right:0!important;width:100%!important;border-radius:16px 16px 0 0;box-shadow:var(--shadow-strong);animation:slideUp .3s;z-index:2147483647!important;background:var(--bg-secondary)!important;padding:.75rem 0!important;max-height:50vh;overflow-y:auto}.note-card-menu button{padding:.65rem 1rem;font-size:.875rem;min-height:44px}.note-list-item{padding:.625rem;gap:.5rem}.fab-container{bottom:calc(var(--bottom-nav-clearance) + .25rem);right:1rem}.fab{width:48px;height:48px}.filter-panel{width:92%;max-width:92%}.close-filter-panel{min-width:44px;min-height:44px;padding:.5rem;background:var(--hover-bg);border-radius:8px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.tasklist-view{padding:.75rem;font-size:.75rem}.tasklist-content{font-size:.75rem;line-height:1.5}.empty-state{padding:2rem 1rem}.empty-state-icon{width:48px;height:48px}.empty-state h3{font-size:1rem}.empty-state p{font-size:.8125rem}}@media (hover: none) and (pointer: coarse){.menu-btn,.search-btn,.filter-btn,.selection-mode-btn,.date-groups-btn,.theme-toggle-btn,.stat-badge,.quick-filter-chip{min-width:44px;min-height:44px}.collapse-toggle,.note-card-menu-btn{padding:10px;min-width:44px;min-height:44px}.view-mode-btn,.view-selector{min-height:44px}.note-card{-webkit-tap-highlight-color:transparent}.note-card{position:relative;overflow:hidden}.note-card:active{transform:scale(.98);transition:transform .1s}}@media (max-width: 640px) and (orientation: landscape){.overview-header{position:relative}.notes-overview-content{padding-top:0;padding-bottom:calc(var(--bottom-nav-clearance) + 56px)}.time-group-content{grid-template-columns:repeat(2,1fr)}.fab-container{bottom:var(--bottom-nav-clearance);right:.5rem}}@media (min-width: 641px) and (max-width: 1024px){.time-group-content{grid-template-columns:repeat(2,1fr)}.view-mode-toggle{display:flex}.filter-panel{width:400px}}@media (max-width: 640px){[data-theme=dark] .note-card{background:var(--surface-sunken)}[data-theme=dark] .note-card:hover{background:var(--bg-secondary)}}@media (max-width: 640px){.search-input:focus,.view-selector:focus,.note-card:focus{outline:2px solid var(--accent-blue);outline-offset:2px}@media (prefers-contrast: high){.note-card{border:2px solid var(--border-strong)}.note-card-title{font-weight:700}}@media (prefers-reduced-motion: reduce){.note-card,.filter-panel,.note-card-menu{animation:none;transition:none}}}.calendar-view{background:var(--bg-primary);min-height:calc(100vh - 200px);padding:1rem 0;margin:0 -1rem;position:relative}.calendar-header{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1rem;overflow:visible;position:relative;z-index:10}.calendar-nav{display:flex;align-items:center;margin-bottom:1rem;width:100%}.calendar-nav-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;flex:1;width:100%}.calendar-header-toggles{display:flex;align-items:center;gap:.5rem;margin-left:auto;position:relative;z-index:15}.calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.calendar-nav-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent-blue)}.calendar-title{flex:1;font-size:1.25rem;font-weight:600;color:var(--text-primary);text-align:center}.calendar-title-wrapper{position:relative;display:flex;justify-content:center;align-items:center;flex:1}.calendar-title-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;color:var(--text-primary);font-size:1.25rem;font-weight:600;cursor:pointer;border-radius:8px;transition:background-color .2s}.calendar-title-btn:hover{background:var(--bg-card)}.month-year-picker{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1rem;box-shadow:var(--shadow-lg);z-index:100;min-width:280px}.picker-section{margin-bottom:1rem}.picker-section:last-child{margin-bottom:0}.picker-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.month-btn{padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;border-radius:6px;cursor:pointer;transition:all .2s}.month-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--accent-blue)}.month-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.year-controls{display:flex;align-items:center;gap:.5rem;justify-content:center}.year-nav-btn{padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.year-nav-btn:hover{background:var(--bg-card);border-color:var(--accent-blue);color:var(--text-primary)}.year-input{width:80px;padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9375rem;text-align:center;font-weight:600}.year-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-primary-soft)}.picker-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.picker-cancel-btn,.picker-apply-btn{flex:1;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid var(--border-color)}.picker-cancel-btn{background:var(--bg-primary);color:var(--text-secondary)}.picker-cancel-btn:hover{background:var(--bg-card);color:var(--text-primary)}.picker-apply-btn{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.picker-apply-btn:hover{background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-blue) 30%,transparent)}.calendar-today-btn{padding:.5rem 1rem;background:var(--accent-blue);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.calendar-today-btn:hover{background:var(--accent-blue-hover);transform:translateY(-1px)}.layout-toggle{display:flex;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:2px;margin-left:.5rem;position:relative;z-index:15}.layout-toggle-btn{padding:.4rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative}.layout-toggle-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.layout-toggle-btn.active{background:var(--accent-blue);color:#fff}.view-toggle{display:flex;gap:.25rem;background:var(--bg-primary);padding:.25rem;border-radius:6px;border:1px solid var(--border-color);position:relative;z-index:1000}.view-toggle-btn{padding:.375rem .5rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative}.view-toggle-btn:hover{background:var(--bg-card);color:var(--text-primary)}.view-toggle-btn.active{background:var(--accent-blue);color:#fff}.calendar-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.filter-label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.filter-chip{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all .2s ease}.filter-chip:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent-blue)}.filter-chip.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.calendar-options{display:flex;align-items:center;gap:1rem}.option-toggle{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;cursor:pointer}.option-toggle input[type=checkbox]{-moz-appearance:auto!important;appearance:auto!important;-webkit-appearance:checkbox!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:0!important;padding:0!important;border:initial!important;background:initial!important;background-color:initial!important;background-image:none!important;border-radius:initial!important;position:static!important;cursor:pointer;accent-color:var(--accent-blue)}.option-toggle input[type=checkbox]:after{content:none!important;display:none!important}.option-toggle:hover{color:var(--text-primary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.calendar-day-name{background:var(--bg-secondary);padding:.75rem;text-align:center;font-size:.875rem;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.calendar-day{background:var(--bg-secondary);min-height:100px;max-height:200px;padding:.5rem;position:relative;transition:background-color .2s ease;overflow-y:auto;overflow-x:hidden}.calendar-day::-webkit-scrollbar{width:3px}.calendar-day::-webkit-scrollbar-track{background:transparent}.calendar-day::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.calendar-day:hover::-webkit-scrollbar-thumb{background:var(--text-muted)}.calendar-day:hover:not(.empty){background:var(--bg-card)}.calendar-day.empty{background:var(--bg-primary);opacity:.5}.calendar-day.outside{opacity:.4}.calendar-day.outside .calendar-day-number{color:var(--text-muted);font-weight:400}.calendar-day.today{background:color-mix(in srgb,var(--accent-blue) 10%,transparent);border:2px solid var(--accent-blue)}.calendar-day-number{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.calendar-day.today .calendar-day-number{color:var(--accent-blue)}.calendar-day-items{display:flex;flex-direction:column;gap:2px}.calendar-item{display:flex;align-items:center;gap:.25rem;padding:.25rem;background:var(--bg-primary);border-left:3px solid;border-radius:3px;font-size:.75rem;cursor:pointer;transition:all .2s ease;overflow:hidden}.calendar-item:hover{background:var(--bg-card);transform:translate(2px)}.calendar-item-icon{flex-shrink:0;opacity:.7}.calendar-item-time{flex-shrink:0;font-size:.6875rem;color:var(--text-muted);margin-right:.25rem}.calendar-item-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.calendar-grid[data-view=week] .calendar-item-title{white-space:normal;word-break:break-word;line-height:1.2;text-overflow:initial}.calendar-grid[data-view=week] .calendar-item{min-height:auto;padding:.35rem .4rem;align-items:flex-start;flex-wrap:wrap}.calendar-grid[data-view=week] .calendar-day-items{max-height:none;gap:.35rem}.calendar-grid[data-view=week] .calendar-day{min-height:180px}.calendar-grid[data-view=week] .calendar-item-time{font-size:.7rem;font-weight:500}.calendar-item.task{border-left-color:var(--accent-green)}.calendar-item.event{border-left-color:var(--accent-blue)}.calendar-item.recurring{border-left-color:var(--accent-yellow)}.calendar-item.birthday{border-left-color:var(--purple-500)}.calendar-item.note{border-left-color:var(--text-muted)}.calendar-item.recurring-occurrence{opacity:.8;font-style:italic}.calendar-item-more{padding:.25rem;font-size:.6875rem;color:var(--text-muted);text-align:center;cursor:pointer}.calendar-item-more:hover{color:var(--text-primary)}.calendar-grid.week-agenda{display:flex;flex-direction:column;gap:0;grid-template-columns:none!important;padding:0 1rem}.agenda-day{border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1rem}.agenda-day:last-child{border-bottom:none}.agenda-day-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem 0}.agenda-day-name{font-weight:600;color:var(--text-primary);font-size:1rem;min-width:40px}.agenda-day-date{color:var(--text-secondary);font-size:.9rem}.agenda-today-badge{background:var(--accent-blue);color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:auto}.agenda-day-items{display:flex;flex-direction:column;gap:.5rem}.agenda-no-items{color:var(--text-muted);font-size:.875rem;padding:.75rem;text-align:center;background:var(--bg-secondary);border-radius:8px}.agenda-item{display:flex;gap:.75rem;padding:.75rem;background:var(--bg-card);border-radius:8px;border-left:3px solid;cursor:pointer;transition:all .2s}.agenda-item:active{transform:scale(.98)}.agenda-item-left{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.agenda-item-icon{display:flex;align-items:center;color:var(--text-secondary)}.agenda-item-time{font-size:.8rem;color:var(--text-muted);min-width:50px}.agenda-item-content{flex:1;min-width:0}.agenda-item-title{font-size:.95rem;color:var(--text-primary);font-weight:500;margin-bottom:.25rem;word-break:break-word}.agenda-item-description{font-size:.85rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agenda-item.recurring-occurrence{opacity:.85}.agenda-item.recurring-occurrence .agenda-item-title{font-style:italic}@media (max-width: 768px){.calendar-view{padding:.5rem 0;margin:0}.calendar-header{padding:.5rem .75rem;border-radius:0;border-left:none;border-right:none;margin-bottom:0;background:var(--bg-secondary)}.calendar-nav{display:flex;margin-bottom:.5rem;width:100%}.calendar-nav-controls{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:.25rem;width:100%}.calendar-header-toggles{display:flex;gap:.125rem;grid-column:5}.layout-toggle{padding:1px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px}.layout-toggle-btn{padding:.15rem;min-width:22px;height:22px}.layout-toggle-btn svg{width:11px;height:11px}.view-toggle{padding:1px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px}.view-toggle-btn{padding:.15rem;font-size:0;min-width:22px;height:22px}.view-toggle-btn svg{width:11px;height:11px}.calendar-nav-btn{width:32px;height:32px;padding:0;flex-shrink:0;background:transparent;border:1px solid transparent}.calendar-nav-btn:active{background:var(--bg-primary)}.calendar-nav-btn svg{width:20px;height:20px}.calendar-title-wrapper{grid-column:2;display:flex;justify-content:center;align-items:center}.calendar-title{font-size:.875rem}.calendar-title-btn{font-size:.75rem;font-weight:600;padding:.25rem .3rem;min-width:0;white-space:nowrap}.calendar-title-btn svg{width:14px;height:14px}.calendar-today-btn{padding:.25rem .45rem;font-size:.7rem;grid-column:4}.month-year-picker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100vw - 2rem);max-width:320px;max-height:calc(100vh - 4rem);overflow-y:auto;z-index:1000;box-shadow:var(--shadow-xl)}.month-grid{grid-template-columns:repeat(3,1fr)}.calendar-filters{display:flex;gap:.375rem;padding:.5rem .75rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.calendar-filters::-webkit-scrollbar{display:none}.filter-label{display:none}.filter-chip{padding:.25rem .5rem;font-size:.75rem;white-space:nowrap;flex-shrink:0;border-radius:4px}.filter-chip svg{width:12px;height:12px}.calendar-options{padding:.5rem .75rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);margin-bottom:.5rem}.option-toggle{font-size:.8125rem;gap:.375rem}.option-toggle input[type=checkbox]{width:14px!important;height:14px!important}.calendar-grid{margin:1rem .5rem .5rem;border-radius:6px;gap:0}.calendar-day{min-height:50px;max-height:80px;padding:.125rem;font-size:.625rem;overflow:hidden}.calendar-day-number{font-size:.625rem;margin-bottom:.125rem;font-weight:500}.calendar-item{padding:1px 2px;font-size:.5rem;border-left-width:2px;line-height:1.2}.calendar-item-icon,.calendar-item-time{display:none}.calendar-day-items{gap:1px}.calendar-item-title{font-size:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-item-more{font-size:.5rem;padding:1px 2px}.calendar-day-name{padding:.375rem .125rem;font-size:.5625rem;font-weight:500}}.day-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-backdrop-50);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:flex-end;justify-content:center;animation:dayDetailFadeIn .18s ease-out}@keyframes dayDetailFadeIn{0%{opacity:0}to{opacity:1}}.day-detail-sheet{width:100%;max-height:80vh;background:linear-gradient(165deg,color-mix(in srgb,var(--surface-card) 98%,transparent),color-mix(in srgb,var(--surface-page) 99%,transparent));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px 20px 0 0;box-shadow:0 -8px 32px #0006;overflow:hidden;display:flex;flex-direction:column;animation:dayDetailSlideUp .28s cubic-bezier(.32,.72,0,1)}@keyframes dayDetailSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width: 768px){.day-detail-overlay{align-items:center}.day-detail-sheet{max-width:480px;border-radius:20px;animation:dayDetailFadeInScale .2s ease-out}@keyframes dayDetailFadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}}.day-detail-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.day-detail-date{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.day-detail-count{font-size:.8125rem;color:var(--text-muted);margin-top:2px}.day-detail-close{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--border-subtle);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:all .15s}.day-detail-close:hover{background:var(--border-default);color:var(--text-primary)}.day-detail-body{overflow-y:auto;padding:.75rem 1rem;padding-bottom:calc(1rem + var(--bottom-nav-clearance));display:flex;flex-direction:column;gap:.5rem;flex:1}.day-detail-empty{padding:2.5rem 1rem;text-align:center;color:var(--text-disabled);display:flex;flex-direction:column;align-items:center;gap:.5rem}.day-detail-empty p{margin:0;font-size:.875rem}.day-detail-item{display:flex;align-items:stretch;gap:.75rem;width:100%;padding:.75rem 1rem;background:color-mix(in srgb,var(--surface-page) 60%,transparent);border:1px solid var(--border-default);border-left:3px solid var(--accent-info);border-radius:10px;color:var(--text-primary);cursor:pointer;text-align:left;transition:all .15s;min-height:56px}.day-detail-item:hover{background:color-mix(in srgb,var(--surface-card) 80%,transparent);transform:translate(2px)}.day-detail-item:active{transform:scale(.99)}.day-detail-item-icon{display:flex;align-items:center;color:var(--text-muted);flex-shrink:0}.day-detail-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.day-detail-item-time{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted);font-weight:500}.day-detail-item-title{font-size:.9375rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-operations-bar{position:fixed;top:80px;left:0;right:0;background:var(--bg-secondary);border-bottom:2px solid var(--accent-blue);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;z-index:999;animation:slideDown .3s ease;box-shadow:var(--shadow-md)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.bulk-operations-left{display:flex;align-items:center;gap:1rem}.bulk-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.bulk-close-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent-blue)}.bulk-count{font-size:.9rem;font-weight:600;color:var(--text-primary)}.bulk-operations-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.bulk-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.bulk-action-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent-blue);transform:translateY(-1px)}.bulk-action-btn.danger{border-color:var(--accent-red);color:var(--accent-red)}.bulk-action-btn.danger:hover{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.bulk-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--surface-sunken) 74%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.bulk-confirm-dialog{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;max-width:400px;width:90%;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.bulk-confirm-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.bulk-confirm-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.bulk-confirm-body{margin-bottom:1.5rem}.bulk-confirm-body p{margin:.5rem 0;color:var(--text-secondary);line-height:1.5}.bulk-confirm-warning{color:var(--accent-yellow);font-size:.9rem;font-weight:500;margin-top:.75rem}.bulk-confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}.bulk-confirm-cancel,.bulk-confirm-confirm{padding:.5rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.bulk-confirm-cancel{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.bulk-confirm-cancel:hover{background:var(--hover-bg);color:var(--text-primary)}.bulk-confirm-confirm{background:var(--accent-blue);color:#fff}.bulk-confirm-confirm:hover{background:var(--accent-blue-hover);transform:translateY(-1px)}.bulk-confirm-confirm.danger{background:var(--accent-red)}.bulk-confirm-confirm.danger:hover{background:var(--accent-danger)}.note-card.selection-mode{cursor:pointer;position:relative}.note-card.selection-mode:hover{background:var(--hover-bg)}.note-card.selected{background:color-mix(in srgb,var(--accent-blue) 10%,transparent);border-color:var(--accent-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-blue) 20%,transparent)}.note-card-selection{position:absolute;top:1rem;left:1rem;z-index:10}.selection-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-blue)}.selection-mode-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.selection-mode-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent-blue)}.selection-mode-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.bulk-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--surface-sunken) 0%,transparent);display:flex;align-items:center;justify-content:center;z-index:99999;pointer-events:auto;animation:fadeIn .2s ease forwards}@keyframes fadeIn{0%{background:color-mix(in srgb,var(--surface-sunken) 0%,transparent)}to{background:color-mix(in srgb,var(--surface-sunken) 74%,transparent)}}@keyframes modalAppear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.bulk-modal{background:var(--bg-secondary);opacity:0;transform:scale(.95) translateY(10px);animation:modalAppear .2s ease forwards;border:1px solid var(--border-color);border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative;z-index:99999;pointer-events:auto}.bulk-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--border-color)}.bulk-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s;border-radius:6px}.modal-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.bulk-modal-body{padding:1.25rem}.modal-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.category-list{display:flex;flex-direction:column;gap:.5rem}.category-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.category-option:hover{background:var(--hover-bg);border-color:var(--accent-blue)}.category-option input[type=radio]{cursor:pointer}.category-color-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0}.date-time-inputs{display:flex;gap:1rem;margin-bottom:1.5rem}.input-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.date-input,.time-input{padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;transition:all .2s}.date-input:focus,.time-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-primary-soft)}.modal-info{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:color-mix(in srgb,var(--accent-blue) 10%,transparent);border-left:3px solid var(--accent-blue);border-radius:6px;font-size:.875rem;color:var(--text-secondary)}.tag-mode-selector{display:flex;gap:.5rem;margin-bottom:1.5rem}.mode-option{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s;font-size:.875rem}.mode-option:hover{background:var(--hover-bg)}.mode-option.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.mode-option input[type=radio]{display:none}.tag-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.tag-input{flex:1;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;transition:all .2s}.tag-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-primary-soft)}.add-tag-btn{padding:.75rem 1.25rem;background:var(--accent-blue);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.add-tag-btn:hover{background:var(--accent-blue-hover);transform:translateY(-1px)}.selected-tags,.existing-tags{margin-top:1rem}.tags-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:var(--accent-blue);color:#fff;border-radius:999px;font-size:.8125rem;font-weight:500}.tag-chip button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;cursor:pointer;margin-left:.25rem;opacity:.8;transition:opacity .2s}.tag-chip button:hover{opacity:1}.tag-suggestion{padding:.375rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all .2s}.tag-suggestion:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent-blue)}.bulk-modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem;border-top:1px solid var(--border-color)}.modal-btn{padding:.625rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.modal-btn.cancel{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.modal-btn.cancel:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-btn.confirm{background:var(--accent-blue);color:#fff}.modal-btn.confirm:hover{background:var(--accent-blue-hover);transform:translateY(-1px)}.modal-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.bulk-operations-bar{top:48px;padding:.5rem .5rem 1.5rem;flex-direction:column;gap:.75rem;align-items:stretch}.bulk-operations-left{justify-content:space-between}.bulk-operations-actions{justify-content:center}.bulk-action-btn{padding:.4rem .75rem;font-size:.8rem}.bulk-action-btn span{display:none}.bulk-action-btn svg{width:18px;height:18px}.selection-checkbox{width:24px;height:24px}}.collection-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--glass-modal-backdrop);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;animation:collection-sheet-fade-in .2s ease-out}@keyframes collection-sheet-fade-in{0%{opacity:0}to{opacity:1}}.collection-sheet{width:calc(100% - 24px);max-width:380px;max-height:70vh;margin-bottom:var(--bottom-nav-clearance);background:var(--glass-float-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-float-border);border-radius:20px;padding:6px 8px 8px;box-shadow:var(--glass-float-shadow);animation:collection-sheet-slide-up .28s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column}@keyframes collection-sheet-slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.collection-sheet-handle{width:100%;padding:18px 0;margin:0;flex-shrink:0;cursor:grab;display:flex;justify-content:center}.collection-sheet-handle:after{content:"";width:32px;height:3px;border-radius:1.5px;background:#94a3b833}.collection-sheet-backdrop.closing{animation:collection-sheet-fade-out .2s ease-in forwards}.collection-sheet.closing{animation:collection-sheet-slide-down .2s ease-in forwards}@keyframes collection-sheet-fade-out{0%{opacity:1}to{opacity:0}}@keyframes collection-sheet-slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(40px);opacity:0}}.collection-sheet-title{font-size:.8125rem;font-weight:600;color:var(--text-muted);padding:0 12px 8px;letter-spacing:.02em;flex-shrink:0}.collection-sheet-list{overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.collection-sheet-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;border-radius:14px;background:transparent;color:var(--text-primary);font-size:.9375rem;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;animation:collection-row-in .3s cubic-bezier(.32,.72,0,1) backwards}.collection-sheet-row:nth-child(1){animation-delay:.02s}.collection-sheet-row:nth-child(2){animation-delay:.05s}.collection-sheet-row:nth-child(3){animation-delay:.08s}.collection-sheet-row:nth-child(4){animation-delay:.11s}.collection-sheet-row:nth-child(5){animation-delay:.14s}.collection-sheet-row:nth-child(6){animation-delay:.17s}@keyframes collection-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.collection-sheet-row:active{background:#94a3b81a;transform:scale(.98)}.collection-sheet-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.125rem;transition:box-shadow .2s ease}.collection-sheet-icon.amber{background:#f59e0b1f;box-shadow:0 0 12px #f59e0b14}.collection-sheet-icon.green{background:#22c55e1f;box-shadow:0 0 12px #22c55e14}.collection-sheet-icon.blue{background:#3b82f61f;box-shadow:0 0 12px #3b82f614}.collection-sheet-row:active .collection-sheet-icon.amber{box-shadow:0 0 16px #f59e0b33}.collection-sheet-row:active .collection-sheet-icon.green{box-shadow:0 0 16px #22c55e33}.collection-sheet-row:active .collection-sheet-icon.blue{box-shadow:0 0 16px #3b82f633}.collection-sheet-info{flex:1;min-width:0;text-align:left}.collection-sheet-name{font-size:.9375rem;font-weight:500;color:var(--text-primary);line-height:1.3}.collection-sheet-count{font-size:.75rem;color:var(--text-muted);line-height:1.3}.collection-sheet-checkbox{width:22px;height:22px;border-radius:6px;border:2px solid var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s cubic-bezier(.32,.72,0,1);background:transparent}.collection-sheet-checkbox.checked{border-color:transparent;background:#3b82f6;animation:collection-check-bounce .3s cubic-bezier(.32,.72,0,1)}.collection-sheet-checkbox.checked.amber{background:#f59e0b}.collection-sheet-checkbox.checked.green{background:#22c55e}@keyframes collection-check-bounce{0%{transform:scale(.85)}50%{transform:scale(1.1)}to{transform:scale(1)}}.collection-sheet-checkbox svg{width:14px;height:14px;color:#fff}.collection-sheet-create-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;border-radius:14px;background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-top:2px;flex-shrink:0}.collection-sheet-create-row:active{background:#94a3b81a}.collection-sheet-create-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px dashed var(--text-secondary);color:var(--text-muted);transition:all .15s ease}.collection-sheet-create-row:active .collection-sheet-create-icon{border-color:var(--text-muted);color:var(--text-muted)}.collection-sheet-create-form{padding:8px 12px 4px;flex-shrink:0;animation:collection-row-in .2s cubic-bezier(.32,.72,0,1)}.collection-sheet-create-input{width:100%;padding:10px 12px;background:#1e293bcc;border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-primary);font-size:.875rem;outline:none;transition:border-color .15s ease}.collection-sheet-create-input:focus{border-color:#3b82f680}.collection-sheet-create-input::-moz-placeholder{color:var(--text-secondary)}.collection-sheet-create-input::placeholder{color:var(--text-secondary)}.collection-sheet-emoji-row{display:flex;gap:6px;padding:8px 0 4px;flex-wrap:wrap}.collection-sheet-emoji-btn{width:40px;height:40px;border-radius:10px;border:1.5px solid transparent;background:#1e293b99;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.collection-sheet-emoji-btn:active{transform:scale(.9)}.collection-sheet-emoji-btn.selected{border-color:#3b82f6;background:#3b82f626}.collection-sheet-create-actions{display:flex;justify-content:flex-end;gap:8px;padding:6px 0 2px}.collection-sheet-create-actions button{padding:10px 20px;min-height:44px;border-radius:10px;font-size:.8125rem;font-weight:600;border:none;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.collection-sheet-cancel-btn{background:transparent;color:var(--text-muted)}.collection-sheet-confirm-btn{background:#3b82f6;color:#fff}.collection-sheet-confirm-btn:disabled{opacity:.4;cursor:default}.collection-sheet-confirm-btn:not(:disabled):active{transform:scale(.95);background:#2563eb}.collection-sheet-divider{height:1px;background:#94a3b814;margin:4px 12px;flex-shrink:0}@media (min-width: 768px){.collection-sheet-backdrop{align-items:center}.collection-sheet{margin-bottom:0;animation:collection-sheet-scale-in .2s cubic-bezier(.32,.72,0,1)}@keyframes collection-sheet-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.collection-sheet-handle{display:none;padding:0}.collection-sheet-row:hover{background:#94a3b80f}.collection-sheet-row:hover .collection-sheet-icon.amber{box-shadow:0 0 16px #f59e0b26}.collection-sheet-row:hover .collection-sheet-icon.green{box-shadow:0 0 16px #22c55e26}.collection-sheet-row:hover .collection-sheet-icon.blue{box-shadow:0 0 16px #3b82f626}.collection-sheet-create-row:hover{background:#94a3b80f}}.manage-sheet{width:calc(100% - 24px);max-width:400px;max-height:80vh;margin-bottom:var(--bottom-nav-clearance);background:var(--glass-float-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-float-border);border-radius:20px;padding:6px 8px 8px;box-shadow:var(--glass-float-shadow);animation:collection-sheet-slide-up .28s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column}.manage-sheet.closing{animation:collection-sheet-slide-down .2s ease-in forwards}.manage-loading{display:flex;justify-content:center;padding:2rem 0}.manage-loading-spinner{width:1.5rem;height:1.5rem;border-radius:999px;border:2px solid color-mix(in srgb,var(--border-default) 85%,transparent);border-top-color:var(--accent-primary);animation:manage-spin .7s linear infinite}@keyframes manage-spin{to{transform:rotate(360deg)}}.manage-collection-list{overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch;padding:0 4px}.manage-collection-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:14px;transition:background-color .15s ease,box-shadow .15s ease;animation:collection-row-in .3s cubic-bezier(.32,.72,0,1) backwards}.manage-collection-row:nth-child(1){animation-delay:.02s}.manage-collection-row:nth-child(2){animation-delay:.05s}.manage-collection-row:nth-child(3){animation-delay:.08s}.manage-collection-row:nth-child(4){animation-delay:.11s}.manage-collection-row:nth-child(5){animation-delay:.14s}.manage-collection-row.dragging{background:color-mix(in srgb,var(--accent-primary-soft) 95%,transparent);border-radius:14px;box-shadow:var(--shadow-md)}.manage-drag-handle{display:flex;align-items:center;justify-content:center;width:28px;height:36px;flex-shrink:0;color:var(--text-muted);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;transition:color .15s ease}.manage-drag-handle:active{color:var(--text-secondary);cursor:grabbing}.manage-drag-handle.disabled{color:var(--text-disabled);cursor:default;opacity:.4}.manage-collection-icon{--manage-collection-accent: var(--accent-primary);width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;background:color-mix(in srgb,var(--manage-collection-accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--manage-collection-accent) 14%,transparent)}.manage-collection-info{flex:1;min-width:0}.manage-collection-name{font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-collection-count{font-size:.6875rem;color:var(--text-muted);line-height:1.3}.manage-actions{display:flex;gap:4px;flex-shrink:0}.manage-action-btn{width:36px;height:36px;border-radius:10px;border:none;background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.manage-action-btn:active{transform:scale(.9);background:color-mix(in srgb,var(--surface-elevated) 96%,transparent)}.manage-action-btn.destructive{color:var(--text-secondary)}.manage-action-btn.destructive:active{color:var(--accent-danger);background:var(--accent-danger-soft)}.manage-system-badge{font-size:.625rem;font-weight:500;color:var(--text-secondary);background:color-mix(in srgb,var(--surface-elevated) 74%,transparent);border:1px solid var(--border-subtle);padding:3px 8px;border-radius:6px;flex-shrink:0}.manage-edit-form{flex:1;min-width:0;animation:collection-row-in .2s cubic-bezier(.32,.72,0,1)}.manage-edit-input{width:100%;padding:8px 10px;background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-size:.875rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.manage-edit-input:focus{border-color:var(--accent-primary-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary-ring) 35%,transparent)}.manage-edit-emoji-row{display:flex;gap:4px;padding:6px 0 4px;flex-wrap:wrap}.manage-edit-emoji{width:32px;height:32px;border-radius:8px;border:1.5px solid transparent;background:color-mix(in srgb,var(--surface-overlay) 88%,transparent);display:flex;align-items:center;justify-content:center;font-size:.875rem;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.manage-edit-emoji:active{transform:scale(.9)}.manage-edit-emoji.selected{border-color:color-mix(in srgb,var(--accent-primary) 45%,transparent);background:var(--accent-primary-soft)}.manage-edit-actions{display:flex;justify-content:flex-end;gap:6px;padding:4px 0 0}.manage-edit-cancel,.manage-edit-save{width:36px;height:36px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.manage-edit-cancel{background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);color:var(--text-secondary)}.manage-edit-save{background:linear-gradient(to right,var(--accent-primary),var(--accent-primary-hover));color:var(--accent-primary-fg)}.manage-edit-save:active,.manage-edit-cancel:active{transform:scale(.9)}.manage-undo-toast{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 8px 4px;padding:10px 12px;background:var(--accent-danger-soft);border:1px solid color-mix(in srgb,var(--accent-danger) 18%,transparent);border-radius:12px;flex-shrink:0;animation:collection-row-in .2s cubic-bezier(.32,.72,0,1)}.manage-undo-text{font-size:.8125rem;color:var(--accent-danger);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-undo-btn{padding:6px 14px;min-height:36px;border-radius:8px;border:none;background:color-mix(in srgb,var(--accent-danger-soft) 100%,transparent);color:var(--accent-danger);font-size:.8125rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.manage-undo-btn:active{transform:scale(.95);background:color-mix(in srgb,var(--accent-danger-soft) 100%,var(--surface-overlay))}@media (min-width: 768px){.manage-sheet{margin-bottom:0;animation:collection-sheet-scale-in .2s cubic-bezier(.32,.72,0,1)}.manage-action-btn:hover{background:color-mix(in srgb,var(--surface-elevated) 92%,transparent)}.manage-action-btn.destructive:hover{color:var(--accent-danger);background:color-mix(in srgb,var(--accent-danger-soft) 88%,transparent)}.manage-collection-row:hover{background:color-mix(in srgb,var(--surface-elevated) 54%,transparent)}.manage-edit-save:hover{filter:brightness(1.03)}.manage-edit-cancel:hover{background:color-mix(in srgb,var(--surface-elevated) 96%,transparent)}.manage-undo-btn:hover{background:color-mix(in srgb,var(--accent-danger-soft) 100%,var(--surface-overlay))}}.shopping-list-page,.shopping-lists-page{--shopping-route-page-bg: var(--surface-page);--shopping-route-header-bg: color-mix(in srgb, var(--surface-card) 95%, transparent);--shopping-route-header-border: var(--border-subtle);--shopping-route-text-primary: var(--text-primary);--shopping-route-text-secondary: var(--text-secondary);--shopping-route-text-muted: var(--text-muted);--shopping-route-text-disabled: var(--text-disabled);--shopping-route-border-strong: var(--border-strong);--shopping-route-press-bg: color-mix(in srgb, var(--surface-elevated) 76%, transparent);--shopping-route-chip-bg: color-mix(in srgb, var(--surface-elevated) 88%, transparent);--shopping-route-success: var(--accent-success);--shopping-route-success-soft: var(--accent-success-soft);--shopping-route-success-border: color-mix(in srgb, var(--accent-success) 22%, transparent);--shopping-route-warning: var(--accent-warning);--shopping-route-warning-soft: var(--accent-warning-soft);--shopping-route-info: var(--accent-info);--shopping-route-info-soft: var(--accent-info-soft);--shopping-route-overlay-bg: linear-gradient( 165deg, color-mix(in srgb, var(--surface-overlay) 96%, var(--surface-card) 4%), color-mix(in srgb, var(--surface-card) 88%, var(--surface-elevated) 12%) );--shopping-route-overlay-border: var(--border-default);--shopping-route-overlay-shadow: var(--shadow-lg)}[data-theme=light] .shopping-list-page,[data-theme=light] .shopping-lists-page{--shopping-route-header-bg: color-mix(in srgb, var(--surface-card) 98%, white 2%);--shopping-route-press-bg: color-mix(in srgb, var(--surface-elevated) 92%, white 8%);--shopping-route-chip-bg: color-mix(in srgb, var(--surface-elevated) 94%, white 6%)}.shopping-list-page{min-height:100vh;background:var(--shopping-route-page-bg);padding-bottom:var(--bottom-nav-clearance)}.shopping-list-header{position:sticky;top:0;z-index:20;background:var(--shopping-route-header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--shopping-route-header-border);padding:12px 16px;display:flex;align-items:center;gap:12px}.shopping-list-header-back{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:transparent;border:none;color:var(--shopping-route-text-muted);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.shopping-list-header-back:active{background:var(--shopping-route-press-bg)}.shopping-list-header-title{flex:1;min-width:0;font-size:1.0625rem;font-weight:600;color:var(--shopping-route-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopping-list-header-progress{font-size:.75rem;color:var(--shopping-route-text-disabled);flex-shrink:0;font-variant-numeric:tabular-nums}.shopping-list-header-menu{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:transparent;border:none;color:var(--shopping-route-text-muted);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.shopping-list-header-menu:active{background:var(--shopping-route-press-bg)}.shopping-section{margin-bottom:4px}.shopping-section-header{position:sticky;top:var(--shopping-header-height, 68px);z-index:10;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--shopping-route-header-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;width:100%;text-align:left;border-bottom:1px solid var(--shopping-route-header-border)}.shopping-section-emoji{font-size:1.125rem;flex-shrink:0}.shopping-section-name{font-size:.8125rem;font-weight:600;color:var(--shopping-route-text-muted);text-transform:uppercase;letter-spacing:.04em;flex:1}.shopping-section-count{font-size:.75rem;color:var(--shopping-route-text-disabled);font-variant-numeric:tabular-nums}.shopping-section-chevron{width:16px;height:16px;color:var(--shopping-route-text-disabled);transition:transform .2s ease;flex-shrink:0}.shopping-section-chevron.collapsed{transform:rotate(-90deg)}.shopping-item{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:52px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .1s ease;border:none;background:transparent;width:100%;text-align:left}.shopping-item:active{background:var(--shopping-route-press-bg)}.shopping-item-check{width:24px;height:24px;min-width:24px;border-radius:7px;border:2px solid var(--shopping-route-border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s cubic-bezier(.32,.72,0,1);background:transparent;margin:-10px;box-sizing:content-box;padding:10px}.shopping-item-check.checked{border-color:transparent;background:var(--shopping-route-success);animation:shopping-check-pop .25s cubic-bezier(.32,.72,0,1)}@keyframes shopping-check-pop{0%{transform:scale(.85)}50%{transform:scale(1.12)}to{transform:scale(1)}}.shopping-item-check svg{width:14px;height:14px;color:#fff}.shopping-item-content{flex:1;min-width:0}.shopping-item-name{font-size:.9375rem;font-weight:500;color:var(--shopping-route-text-primary);line-height:1.35;transition:all .2s ease}.shopping-item.is-checked .shopping-item-name{text-decoration:line-through;color:var(--shopping-route-text-disabled)}.shopping-item-detail{font-size:.75rem;color:var(--shopping-route-text-secondary);line-height:1.3;margin-top:1px}.shopping-item.is-checked .shopping-item-detail{color:var(--shopping-route-text-disabled)}.shopping-item-qty{font-size:.8125rem;font-weight:600;color:var(--shopping-route-text-muted);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.shopping-item.is-checked .shopping-item-qty{color:var(--shopping-route-text-disabled)}.shopping-item.is-checked .shopping-item-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:transparent;border:none;cursor:pointer;padding:0;text-align:left;-webkit-tap-highlight-color:transparent}.shopping-pantry-chip{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;font-weight:600;padding:4px 10px;border-radius:12px;flex-shrink:0;background:var(--shopping-route-success-soft);color:var(--shopping-route-success);border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.shopping-pantry-chip:active{background:color-mix(in srgb,var(--shopping-route-success-soft) 72%,var(--shopping-route-success) 28%)}.shopping-pantry-chip.in-pantry{background:var(--shopping-route-chip-bg);color:var(--shopping-route-text-disabled);cursor:default;font-weight:500}.shopping-batch-pantry-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 32px);margin:4px 16px 8px;padding:8px 12px;border-radius:10px;background:var(--shopping-route-success-soft);color:var(--shopping-route-success);font-size:.8125rem;font-weight:600;border:1px solid var(--shopping-route-success-border);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.shopping-batch-pantry-btn:active{background:color-mix(in srgb,var(--shopping-route-success-soft) 72%,var(--shopping-route-success) 28%)}.shopping-item-optional{font-size:.625rem;font-weight:500;color:var(--shopping-route-text-disabled);background:var(--shopping-route-chip-bg);padding:1px 6px;border-radius:4px;flex-shrink:0}.shopping-item-pantry{font-size:.625rem;font-weight:600;letter-spacing:.02em;color:var(--shopping-route-success);background:var(--shopping-route-success-soft);padding:2px 6px;border-radius:4px;flex-shrink:0;text-transform:uppercase}.shopping-item-pantry.is-low{color:var(--shopping-route-warning);background:var(--shopping-route-warning-soft)}.shopping-item-pantry.is-staple{color:var(--shopping-route-info);background:var(--shopping-route-info-soft)}.shopping-pantry-summary{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:.75rem;color:var(--shopping-route-success);background:color-mix(in srgb,var(--shopping-route-success-soft) 82%,transparent);border-bottom:1px solid var(--shopping-route-success-border)}.shopping-pantry-toggle{display:flex;align-items:center;gap:4px;min-height:44px;padding:8px 12px;font-size:.6875rem;color:var(--shopping-route-text-muted);background:var(--shopping-route-chip-bg);border:1px solid var(--shopping-route-header-border);border-radius:8px;cursor:pointer;transition:all .15s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.shopping-pantry-toggle.active{color:var(--shopping-route-success);background:var(--shopping-route-success-soft);border-color:var(--shopping-route-success-border)}.shopping-checked-section{margin-top:8px;border-top:1px solid var(--shopping-route-header-border)}.shopping-checked-header{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;background:transparent;width:100%;text-align:left}.shopping-checked-label{font-size:.8125rem;font-weight:500;color:var(--shopping-route-text-muted)}.shopping-checked-count{font-size:.75rem;color:var(--shopping-route-text-disabled);font-variant-numeric:tabular-nums}.shopping-lists-page{min-height:100vh;background:var(--shopping-route-page-bg);padding-bottom:var(--bottom-nav-clearance)}.shopping-lists-header{position:sticky;top:0;z-index:20;background:var(--shopping-route-header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--shopping-route-header-border);padding:12px 16px;display:flex;align-items:center;gap:12px}.shopping-lists-title{flex:1;font-size:1.125rem;font-weight:600;color:var(--shopping-route-text-primary)}.shopping-list-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--shopping-route-header-border);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .1s ease}.shopping-list-card:active{background:var(--shopping-route-press-bg)}.shopping-list-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem;background:var(--shopping-route-success-soft)}.shopping-list-card.completed .shopping-list-card-icon,.shopping-list-card.archived .shopping-list-card-icon{background:var(--shopping-route-chip-bg);opacity:.5}.shopping-list-card-info{flex:1;min-width:0}.shopping-list-card-name{font-size:.9375rem;font-weight:500;color:var(--shopping-route-text-primary);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopping-list-card.completed .shopping-list-card-name,.shopping-list-card.archived .shopping-list-card-name{color:var(--shopping-route-text-muted)}.shopping-list-card-meta{font-size:.75rem;color:var(--shopping-route-text-secondary);line-height:1.3;margin-top:2px}.shopping-list-card-progress{width:100%;height:3px;background:var(--shopping-route-chip-bg);border-radius:1.5px;margin-top:6px;overflow:hidden}.shopping-list-card-progress-bar{height:100%;background:var(--shopping-route-success);border-radius:1.5px;transition:width .3s ease}.shopping-list-card-chevron{width:18px;height:18px;color:var(--shopping-route-text-disabled);flex-shrink:0}.shopping-lists-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.shopping-lists-empty-icon{width:56px;height:56px;border-radius:16px;background:var(--shopping-route-success-soft);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--shopping-route-success)}.shopping-lists-empty-title{font-size:1rem;font-weight:600;color:var(--shopping-route-text-primary);margin-bottom:6px}.shopping-lists-empty-text{font-size:.8125rem;color:var(--shopping-route-text-secondary);line-height:1.5;max-width:260px}.shopping-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;animation:shopping-sheet-fade-in .2s ease-out}@keyframes shopping-sheet-fade-in{0%{opacity:0}to{opacity:1}}.shopping-sheet{width:calc(100% - 24px);max-width:380px;max-height:60vh;margin-bottom:var(--bottom-nav-clearance);background:var(--shopping-route-overlay-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--shopping-route-overlay-border);border-radius:20px;padding:6px 8px 8px;box-shadow:var(--shopping-route-overlay-shadow),0 0 0 .5px color-mix(in srgb,var(--shopping-route-overlay-border) 40%,transparent) inset;animation:shopping-sheet-slide-up .28s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column}@keyframes shopping-sheet-slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.shopping-sheet-handle{width:32px;height:3px;border-radius:1.5px;background:#94a3b833;margin:4px auto 8px;flex-shrink:0}.shopping-sheet-title{font-size:.8125rem;font-weight:600;color:var(--shopping-route-text-muted);padding:0 12px 8px;letter-spacing:.02em;flex-shrink:0}.shopping-sheet-list{overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.shopping-sheet-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;border-radius:14px;background:transparent;color:var(--shopping-route-text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;animation:shopping-row-in .3s cubic-bezier(.32,.72,0,1) backwards}.shopping-sheet-row:nth-child(1){animation-delay:.02s}.shopping-sheet-row:nth-child(2){animation-delay:.05s}.shopping-sheet-row:nth-child(3){animation-delay:.08s}.shopping-sheet-row:nth-child(4){animation-delay:.11s}@keyframes shopping-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shopping-sheet-row:active{background:var(--shopping-route-press-bg);transform:scale(.98)}.shopping-sheet-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.125rem;background:var(--shopping-route-success-soft);box-shadow:0 0 12px color-mix(in srgb,var(--shopping-route-success) 10%,transparent)}.shopping-sheet-row:active .shopping-sheet-icon{box-shadow:0 0 16px color-mix(in srgb,var(--shopping-route-success) 22%,transparent)}.shopping-sheet-info{flex:1;min-width:0;text-align:left}.shopping-sheet-name{font-size:.9375rem;font-weight:500;color:var(--shopping-route-text-primary);line-height:1.3}.shopping-sheet-meta{font-size:.75rem;color:var(--shopping-route-text-secondary);line-height:1.3}.shopping-sheet-divider{height:1px;background:var(--shopping-route-header-border);margin:4px 12px;flex-shrink:0}.shopping-sheet-create-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;border-radius:14px;background:transparent;color:var(--shopping-route-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-top:2px;flex-shrink:0}.shopping-sheet-create-row:active{background:var(--shopping-route-press-bg)}.shopping-sheet-create-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px dashed var(--shopping-route-border-strong);color:var(--shopping-route-text-disabled)}.shopping-overflow-menu{position:fixed;right:12px;top:52px;width:200px;background:var(--shopping-route-overlay-bg);border:1px solid var(--shopping-route-overlay-border);border-radius:12px;box-shadow:var(--shopping-route-overlay-shadow);z-index:50;padding:4px;animation:shopping-menu-in .15s ease-out}@keyframes shopping-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.shopping-overflow-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px;min-height:44px;border:none;border-radius:8px;background:transparent;color:var(--shopping-route-text-primary);font-size:.875rem;cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:left}.shopping-overflow-item:active{background:var(--shopping-route-press-bg)}.shopping-overflow-item.destructive{color:var(--accent-danger)}.shopping-overflow-divider{height:1px;background:var(--shopping-route-header-border);margin:2px 8px}.shopping-barcode-bar{position:fixed;bottom:var(--bottom-nav-clearance);left:16px;right:16px;z-index:51;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:var(--shopping-route-overlay-bg);border:1px solid var(--shopping-route-overlay-border);box-shadow:var(--shopping-route-overlay-shadow);animation:shopping-bar-slide-up .25s cubic-bezier(.32,.72,0,1)}@keyframes shopping-bar-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.shopping-barcode-input{flex:1;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-default);background:var(--surface-input);color:var(--text-primary);font-size:14px;outline:none;min-width:0}.shopping-barcode-input:focus{border-color:color-mix(in srgb,var(--accent-primary) 50%,transparent)}.shopping-barcode-submit{padding:10px 16px;border-radius:10px;border:none;background:color-mix(in srgb,var(--accent-success) 20%,transparent);color:var(--accent-success);font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0;min-height:44px;-webkit-tap-highlight-color:transparent}.shopping-barcode-submit:active{background:color-mix(in srgb,var(--accent-success) 35%,transparent)}.shopping-barcode-submit:disabled{opacity:.5;cursor:not-allowed}.shopping-barcode-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.shopping-barcode-close:active{background:#94a3b81a}.shopping-barcode-camera-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:none;background:#8b5cf626;color:var(--brand-pepi);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:all .15s ease}[data-theme=light] .shopping-barcode-camera-btn{color:var(--brand-pepi-deep)}.shopping-barcode-camera-btn:active{background:#8b5cf640;transform:scale(.95)}@media (min-width: 768px){.shopping-sheet-backdrop{align-items:center}.shopping-sheet{margin-bottom:0;animation:shopping-sheet-scale-in .2s cubic-bezier(.32,.72,0,1)}@keyframes shopping-sheet-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.shopping-sheet-handle{display:none}.shopping-sheet-row:hover,.shopping-sheet-create-row:hover{background:#94a3b80f}.shopping-item:hover,.shopping-list-card:hover{background:#94a3b80a}.shopping-barcode-bar{max-width:400px;left:50%;transform:translate(-50%)}}@media (min-width: 1024px){.shopping-list-items-container{max-width:640px;margin:0 auto}}.meal-plan-day-tabs{display:flex;gap:4px;padding:0 12px 10px;align-items:center}.meal-plan-day-tab{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;min-height:48px;padding:6px 4px;border-radius:12px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.32,.72,0,1);-webkit-tap-highlight-color:transparent;background:color-mix(in srgb,var(--surface-card) 40%,transparent);color:var(--text-muted)}.meal-plan-day-tab:active{transform:scale(.95)}.meal-plan-day-tab.active{background:linear-gradient(to bottom,var(--accent-primary),var(--accent-primary-hover));color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 25%,transparent)}.meal-plan-day-tab.today:not(.active){background:color-mix(in srgb,var(--surface-card) 60%,transparent);color:var(--accent-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-primary) 30%,transparent)}.meal-section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 6px;font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.meal-slot-card{display:flex;align-items:center;gap:12px;padding:12px;min-height:64px;border-radius:10px;background:color-mix(in srgb,var(--surface-card) 60%,transparent);border-left:4px solid var(--text-muted);margin-bottom:8px;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.meal-slot-card:active{background:color-mix(in srgb,var(--surface-card) 80%,transparent)}.meal-slot-card.status-planned{border-left-color:var(--text-muted)}.meal-slot-card.status-logged{border-left-color:var(--accent-success);background:color-mix(in srgb,var(--accent-success) 6%,transparent)}.meal-slot-card.status-skipped{border-left-color:var(--accent-danger)}.meal-slot-card .slot-name{font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meal-slot-card.status-skipped .slot-name{text-decoration:line-through;color:var(--text-muted)}.meal-slot-card .slot-nutrition{font-size:.75rem;color:var(--text-muted);line-height:1.3;margin-top:1px}.meal-slot-card .slot-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.meal-slot-empty{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;border:1.5px dashed color-mix(in srgb,var(--text-muted) 15%,transparent);background:transparent;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-bottom:8px;padding:10px}.meal-slot-empty:active{background:color-mix(in srgb,var(--text-muted) 6%,transparent);border-color:color-mix(in srgb,var(--text-muted) 25%,transparent)}.day-nutrition-bar{padding:4px 0}.day-nutrition-bar .bar-track{height:8px;border-radius:4px;background:color-mix(in srgb,var(--surface-elevated) 60%,transparent);overflow:hidden}.day-nutrition-bar .bar-fill{height:100%;border-radius:3px;transition:width .5s cubic-bezier(.32,.72,0,1)}.day-nutrition-bar .bar-fill.under{background:var(--accent-success)}.day-nutrition-bar .bar-fill.near{background:var(--accent-warning)}.day-nutrition-bar .bar-fill.over{background:var(--accent-danger)}.weekly-summary{background:color-mix(in srgb,var(--surface-card) 40%,transparent);border-radius:12px;overflow:hidden}.weekly-summary-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;min-height:48px;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.weekly-summary-toggle:active{background:color-mix(in srgb,var(--text-muted) 4%,transparent)}.weekly-summary-content{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 12px}.add-meal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;animation:mealSheetFadeIn .2s ease-out}.add-meal-sheet{width:calc(100% - 24px);max-width:380px;margin-bottom:var(--bottom-nav-clearance);background:linear-gradient(165deg,color-mix(in srgb,var(--surface-card) 97%,transparent),color-mix(in srgb,var(--surface-sunken) 98%,transparent));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--text-muted) 10%,transparent);border-radius:20px;padding:6px 8px 8px;box-shadow:0 8px 32px #00000073,0 0 0 .5px #ffffff0d inset;animation:mealSheetSlideUp .28s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column}.add-meal-handle{width:100%;padding:18px 0;margin:0;flex-shrink:0;cursor:grab;display:flex;justify-content:center}.add-meal-handle:after{content:"";width:32px;height:3px;border-radius:1.5px;background:color-mix(in srgb,var(--text-muted) 20%,transparent)}.add-meal-title{font-size:.8125rem;font-weight:600;color:var(--text-muted);padding:0 12px 8px;letter-spacing:.02em;flex-shrink:0}.add-meal-option{display:flex;align-items:center;gap:14px;width:100%;padding:10px 12px;border:none;border-radius:14px;background:transparent;color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;text-align:left;animation:mealOptionSlideUp .3s cubic-bezier(.32,.72,0,1) backwards}.add-meal-option:nth-child(1){animation-delay:.04s}.add-meal-option:nth-child(2){animation-delay:.1s}.add-meal-option:nth-child(3){animation-delay:.16s}.add-meal-option:nth-child(4){animation-delay:.22s}.add-meal-option:active{background:color-mix(in srgb,var(--text-muted) 10%,transparent);transform:scale(.98)}.add-meal-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:box-shadow .2s ease}.add-meal-icon.recipe{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);color:var(--accent-primary);box-shadow:0 0 12px color-mix(in srgb,var(--accent-primary) 8%,transparent)}.add-meal-icon.template{background:color-mix(in srgb,var(--accent-success) 12%,transparent);color:var(--accent-success);box-shadow:0 0 12px color-mix(in srgb,var(--accent-success) 8%,transparent)}.add-meal-icon.manual{background:color-mix(in srgb,var(--ai-purple) 12%,transparent);color:var(--ai-purple);box-shadow:0 0 12px color-mix(in srgb,var(--ai-purple) 8%,transparent)}.add-meal-option:active .add-meal-icon.recipe{box-shadow:0 0 16px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.add-meal-option:active .add-meal-icon.template{box-shadow:0 0 16px color-mix(in srgb,var(--accent-success) 20%,transparent)}.add-meal-option:active .add-meal-icon.manual{box-shadow:0 0 16px color-mix(in srgb,var(--ai-purple) 20%,transparent)}.add-meal-info{flex:1;min-width:0}.add-meal-info-name{font-size:.9375rem;font-weight:500;color:var(--text-primary);line-height:1.3}.add-meal-info-desc{font-size:.75rem;color:var(--text-muted);line-height:1.3}.add-meal-divider{height:1px;background:color-mix(in srgb,var(--text-muted) 8%,transparent);margin:4px 12px;flex-shrink:0}.add-meal-form{padding:8px 12px}.add-meal-form-field{margin-bottom:12px}.add-meal-form-label{display:block;font-size:.75rem;font-weight:500;color:var(--text-muted);margin-bottom:4px}.add-meal-form-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--text-muted) 15%,transparent);background:color-mix(in srgb,var(--surface-page) 60%,transparent);color:var(--text-primary);font-size:.875rem;outline:none;transition:border-color .15s ease}.add-meal-form-input:focus{border-color:color-mix(in srgb,var(--accent-primary) 50%,transparent)}.add-meal-form-input::-moz-placeholder{color:var(--text-secondary)}.add-meal-form-input::placeholder{color:var(--text-secondary)}.add-meal-form-row{display:flex;gap:8px}.add-meal-form-row .add-meal-form-field{flex:1}.add-meal-form-submit{width:100%;padding:10px;border:none;border-radius:10px;background:linear-gradient(to right,var(--accent-primary),var(--accent-primary-hover));color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.add-meal-form-submit:active{transform:scale(.98);opacity:.9}.add-meal-form-submit:disabled{opacity:.5;cursor:not-allowed}.add-meal-form-back{display:flex;align-items:center;gap:6px;padding:12px;min-height:44px;border:none;background:transparent;color:var(--text-muted);font-size:.8125rem;cursor:pointer;-webkit-tap-highlight-color:transparent;margin-bottom:4px}.add-meal-form-back:active{color:var(--text-primary)}.week-nav{display:flex;align-items:center;justify-content:center;gap:12px}.week-nav button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.week-nav button:active{background:color-mix(in srgb,var(--text-muted) 10%,transparent);color:var(--text-primary)}.meal-overflow-menu{position:fixed;right:12px;top:56px;width:210px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 8px 24px #0006;z-index:50;padding:4px;animation:mealMenuIn .15s ease-out}@keyframes mealMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.meal-overflow-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px;min-height:44px;border:none;border-radius:8px;background:transparent;color:var(--text-primary);font-size:.875rem;cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:left}.meal-overflow-item:active{background:color-mix(in srgb,var(--text-muted) 10%,transparent)}.meal-plan-skeleton{padding:16px}.meal-plan-skeleton-bar{height:10px;border-radius:5px;background:color-mix(in srgb,var(--surface-elevated) 40%,transparent);margin-bottom:12px;animation:mealSkeletonPulse 1.5s ease-in-out infinite}.meal-plan-skeleton-bar:nth-child(odd){width:70%}.meal-plan-skeleton-card{height:64px;border-radius:10px;background:color-mix(in srgb,var(--surface-card) 40%,transparent);margin-bottom:8px;animation:mealSkeletonPulse 1.5s ease-in-out infinite}@keyframes mealSkeletonPulse{0%,to{opacity:.4}50%{opacity:.7}}.meal-plan-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.meal-plan-empty-icon{width:56px;height:56px;border-radius:16px;background:color-mix(in srgb,var(--accent-primary) 10%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--accent-primary)}.meal-plan-empty-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.meal-plan-empty-text{font-size:.8125rem;color:var(--text-muted);line-height:1.5;max-width:260px}@keyframes mealSheetSlideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mealSheetFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mealOptionSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.pull-refresh-container{overflow:hidden;display:flex;align-items:flex-end;justify-content:center;transition:height .3s cubic-bezier(.4,0,.2,1)}.pull-refresh-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding-bottom:8px;color:var(--text-muted);transition:color .2s ease}.pull-refresh-indicator.ready{color:var(--accent-primary)}.pull-refresh-arrow{transition:transform .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.pull-refresh-text{font-size:.75rem;font-weight:500;white-space:nowrap}.pull-refresh-spinner{width:18px;height:18px;border:2px solid color-mix(in srgb,var(--accent-primary) 20%,transparent);border-top-color:var(--accent-primary);border-radius:50%;animation:pullRefreshSpin .7s linear infinite;flex-shrink:0}@keyframes pullRefreshSpin{to{transform:rotate(360deg)}}@media (min-width: 768px){.pull-refresh-container{display:none}}@media (min-width: 768px){.add-meal-backdrop{align-items:center}.add-meal-sheet{margin-bottom:0;animation:mealSheetScaleIn .2s cubic-bezier(.32,.72,0,1)}@keyframes mealSheetScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.add-meal-handle{display:none}.add-meal-option:hover{background:color-mix(in srgb,var(--text-muted) 6%,transparent)}.add-meal-option:hover .add-meal-icon.recipe{box-shadow:0 0 16px color-mix(in srgb,var(--accent-primary) 15%,transparent)}.add-meal-option:hover .add-meal-icon.template{box-shadow:0 0 16px color-mix(in srgb,var(--accent-success) 15%,transparent)}.add-meal-option:hover .add-meal-icon.manual{box-shadow:0 0 16px color-mix(in srgb,var(--ai-purple) 15%,transparent)}.meal-slot-card:hover{background:color-mix(in srgb,var(--surface-card) 80%,transparent)}.meal-slot-empty:hover{background:color-mix(in srgb,var(--text-muted) 4%,transparent);border-color:color-mix(in srgb,var(--text-muted) 25%,transparent)}.weekly-summary-toggle:hover{background:color-mix(in srgb,var(--text-muted) 4%,transparent)}.meal-overflow-item:hover{background:color-mix(in srgb,var(--text-muted) 8%,transparent)}}.meal-plan-inline-sheet,.meal-plan-ai-preview-sheet{display:flex;flex-direction:column;max-height:min(70vh,calc(100vh - 12px))}.meal-plan-inline-sheet-scroll,.meal-plan-ai-preview-scroll{margin-top:16px;flex:1;min-height:0}.meal-plan-inline-sheet-scroll{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.meal-plan-ai-preview-scroll{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.meal-plan-ai-preview-actions{display:flex;gap:8px}@media (min-width: 1024px){.meal-plan-content{max-width:640px;margin:0 auto}}.recipe-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;animation:mealSheetFadeIn .2s ease-out}.recipe-picker-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;background:var(--surface-page);display:flex;flex-direction:column;animation:recipePickerSlideUp .3s cubic-bezier(.32,.72,0,1)}@keyframes recipePickerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.recipe-picker-header{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--surface-page) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--text-muted) 8%,transparent);padding:0 16px 10px;flex-shrink:0}.recipe-picker-header-top{display:flex;align-items:center;gap:12px;padding:12px 0 10px}.recipe-picker-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:10px;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.recipe-picker-back:active{background:color-mix(in srgb,var(--text-muted) 10%,transparent);color:var(--text-primary)}.recipe-picker-context{display:flex;flex-direction:column;min-width:0}.recipe-picker-context-label{font-size:.6875rem;color:var(--text-muted);line-height:1.2}.recipe-picker-context-value{font-size:.9375rem;font-weight:600;color:var(--text-primary);line-height:1.3}.recipe-picker-search{position:relative;margin-bottom:10px}.recipe-picker-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-secondary);pointer-events:none}.recipe-picker-search-input{width:100%;padding:10px 40px 10px 36px;border-radius:10px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-card) 60%,transparent);color:var(--text-primary);font-size:.875rem;outline:none;transition:border-color .15s ease}.recipe-picker-search-input:focus{border-color:color-mix(in srgb,var(--accent-primary) 50%,transparent)}.recipe-picker-search-input::-moz-placeholder{color:var(--text-secondary)}.recipe-picker-search-input::placeholder{color:var(--text-secondary)}.recipe-picker-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent}.recipe-picker-search-clear:active{background:color-mix(in srgb,var(--text-muted) 10%,transparent)}.recipe-picker-filters{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:0 16px}.recipe-picker-filters:after{content:"";flex-shrink:0;width:16px}.recipe-picker-filters::-webkit-scrollbar{display:none}.recipe-picker-chip{flex-shrink:0;padding:6px 14px;border-radius:20px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-card) 40%,transparent);color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;white-space:nowrap}.recipe-picker-chip.active{background:color-mix(in srgb,var(--accent-primary) 15%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent);color:var(--accent-primary)}.recipe-picker-chip:active{transform:scale(.96)}.recipe-picker-chip-divider{width:1px;height:20px;background:color-mix(in srgb,var(--text-muted) 15%,transparent);flex-shrink:0;align-self:center}.recipe-picker-chip-collection{border-color:color-mix(in srgb,var(--ai-purple) 15%,transparent)}.recipe-picker-chip-collection.active{background:color-mix(in srgb,var(--ai-purple) 15%,transparent);border-color:color-mix(in srgb,var(--ai-purple) 35%,transparent);color:var(--ai-purple)}.recipe-picker-grid-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px calc(var(--bottom-nav-clearance) + 4px)}.recipe-picker-loading{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.recipe-picker-skeleton{height:280px;border-radius:12px;background:color-mix(in srgb,var(--surface-card) 50%,transparent);animation:mealSkeletonPulse 1.5s ease-in-out infinite}.recipe-picker-skeleton-list{height:60px;border-radius:8px;background:color-mix(in srgb,var(--surface-card) 50%,transparent);animation:mealSkeletonPulse 1.5s ease-in-out infinite;margin-bottom:4px}.recipe-picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}@media (min-width: 768px){.recipe-picker-modal{top:40px;right:40px;bottom:40px;left:40px;border-radius:16px;box-shadow:0 24px 64px #00000080;animation:recipePickerScaleIn .25s cubic-bezier(.32,.72,0,1)}@keyframes recipePickerScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.recipe-picker-loading{grid-template-columns:repeat(3,1fr)}}.servings-picker-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#00000073;animation:mealSheetFadeIn .15s ease-out}.servings-picker-sheet{position:absolute;bottom:0;left:0;right:0;z-index:11;background:linear-gradient(165deg,color-mix(in srgb,var(--surface-card) 98%,transparent),color-mix(in srgb,var(--surface-page) 99%,transparent));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);border-radius:20px 20px 0 0;padding:20px 20px var(--bottom-nav-clearance);box-shadow:0 -8px 32px #0006;animation:servingsPickerSlideUp .28s cubic-bezier(.32,.72,0,1)}@keyframes servingsPickerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.servings-picker-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:color-mix(in srgb,var(--text-muted) 10%,transparent);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.servings-picker-close:active{background:color-mix(in srgb,var(--text-muted) 20%,transparent);color:var(--text-primary)}.servings-picker-title{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.3;padding-right:40px;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.servings-picker-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 2px;margin-bottom:12px}.servings-picker-chips::-webkit-scrollbar{display:none}.servings-picker-chip{flex-shrink:0;display:flex;align-items:center;gap:4px;height:30px;padding:0 12px;border-radius:15px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-card) 50%,transparent);color:var(--text-muted);font-size:.75rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.servings-picker-chip.active{background:color-mix(in srgb,var(--accent-primary) 15%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 35%,transparent);color:var(--accent-primary)}.servings-picker-chip:active{transform:scale(.95)}.servings-picker-chips-secondary{margin-top:-4px;margin-bottom:10px}.servings-picker-chip-version{height:26px;font-size:.6875rem;padding:0 10px;color:var(--text-muted);border-color:color-mix(in srgb,var(--text-muted) 8%,transparent);background:color-mix(in srgb,var(--surface-page) 40%,transparent)}.servings-picker-chip-version.active{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 25%,transparent);color:var(--accent-primary)}.servings-picker-version-desc{font-size:.6875rem;color:var(--text-muted);line-height:1.35;margin:-4px 0 10px;padding:0 2px;min-height:calc(.6875rem * 1.35 * 2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.servings-picker-input{width:64px;text-align:center;font-size:1.75rem;font-weight:700;color:#fff;background:color-mix(in srgb,var(--surface-page) 60%,transparent);border:1.5px solid color-mix(in srgb,var(--accent-primary) 50%,transparent);border-radius:10px;padding:4px 8px;outline:none;line-height:1;-moz-appearance:textfield}.servings-picker-input::-webkit-outer-spin-button,.servings-picker-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.servings-picker-counter{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:14px}.servings-picker-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border-default);border-radius:12px;background:color-mix(in srgb,var(--surface-card) 60%,transparent);color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;flex-shrink:0}.servings-picker-btn:active:not(:disabled){background:color-mix(in srgb,var(--accent-primary) 15%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);transform:scale(.93)}.servings-picker-btn:disabled{opacity:.3;cursor:not-allowed}.servings-picker-value{display:flex;flex-direction:column;align-items:center;min-width:64px}.servings-picker-number{font-size:1.75rem;font-weight:700;color:#fff;line-height:1}.servings-picker-label{font-size:.6875rem;color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.servings-picker-nutrition{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0;margin-bottom:16px;border-top:1px solid color-mix(in srgb,var(--text-muted) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--text-muted) 8%,transparent)}.servings-picker-cal{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;color:var(--accent-orange)}.servings-picker-dot{width:3px;height:3px;border-radius:50%;background:var(--text-secondary);flex-shrink:0}.servings-picker-protein{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;color:var(--accent-primary)}.servings-picker-add{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(to right,var(--accent-primary),var(--accent-primary-hover));color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.servings-picker-add:active:not(:disabled){transform:scale(.98);opacity:.9}.servings-picker-add:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 768px){.servings-picker-sheet{left:50%;right:auto;bottom:50%;transform:translate(-50%,50%);border-radius:20px;width:360px;padding:24px;box-shadow:0 16px 48px #00000080;animation:servingsPickerScaleIn .2s cubic-bezier(.32,.72,0,1)}@keyframes servingsPickerScaleIn{0%{opacity:0;transform:translate(-50%,50%) scale(.95)}to{opacity:1;transform:translate(-50%,50%) scale(1)}}.servings-picker-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent-primary) 10%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent)}.servings-picker-close:hover{background:color-mix(in srgb,var(--text-muted) 15%,transparent);color:var(--text-primary)}.servings-picker-add:hover:not(:disabled){opacity:.95}}.meal-plan-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:8px 12px 16px}.meal-plan-day-column{min-width:0;background:color-mix(in srgb,var(--surface-card) 30%,transparent);border-radius:12px;border:1px solid color-mix(in srgb,var(--text-muted) 6%,transparent);overflow:hidden}.meal-plan-day-column.today{border-color:color-mix(in srgb,var(--accent-primary) 20%,transparent);background:color-mix(in srgb,var(--surface-card) 50%,transparent)}.meal-plan-day-header{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;padding:8px 6px 6px;border-bottom:1px solid color-mix(in srgb,var(--text-muted) 6%,transparent)}.meal-plan-day-name{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.meal-plan-day-name.today{color:var(--accent-primary)}.meal-plan-day-num{font-size:.8125rem;font-weight:700;color:var(--text-muted)}.meal-plan-day-num.today{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,transparent);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.meal-plan-day-cals{font-size:.625rem;color:var(--text-secondary);width:100%;text-align:center}.meal-plan-grid-section{padding:2px 4px}.meal-plan-grid-slot{padding:4px 6px;margin:2px 0;border-radius:6px;background:color-mix(in srgb,var(--text-muted) 6%,transparent);cursor:pointer;transition:background .1s ease;display:flex;align-items:center;justify-content:space-between;gap:4px}.meal-plan-grid-slot:hover{background:color-mix(in srgb,var(--text-muted) 12%,transparent)}.meal-plan-grid-slot.logged{background:color-mix(in srgb,var(--accent-success) 8%,transparent)}.meal-plan-grid-slot.logged .meal-plan-grid-slot-name{color:var(--accent-success);text-decoration:line-through}.meal-plan-grid-slot.skipped{opacity:.4}.meal-plan-grid-slot.skipped .meal-plan-grid-slot-name{text-decoration:line-through}.meal-plan-grid-slot-name{font-size:.6875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.meal-plan-grid-slot-cals{font-size:.5625rem;color:var(--text-secondary);flex-shrink:0}.meal-plan-grid-add{width:100%;padding:3px;margin:1px 0;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .1s ease;-webkit-tap-highlight-color:transparent}.meal-plan-grid-add:hover{background:color-mix(in srgb,var(--text-muted) 8%,transparent);color:var(--text-muted)}.diet-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet-backdrop);background:var(--glass-modal-backdrop);backdrop-filter:blur(var(--glass-blur-backdrop));-webkit-backdrop-filter:blur(var(--glass-blur-backdrop));animation:dietModalFadeIn .15s ease-out}@keyframes dietModalFadeIn{0%{opacity:0}to{opacity:1}}.diet-modal-sheet{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sheet);background:var(--glass-sheet-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-sheet-border);border-radius:20px 20px 0 0;padding:20px 20px var(--bottom-nav-clearance);box-shadow:var(--glass-sheet-shadow);animation:dietModalSlideUp .28s cubic-bezier(.32,.72,0,1)}@keyframes dietModalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.diet-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:color-mix(in srgb,var(--surface-elevated) 78%,transparent);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.diet-modal-close:active{background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);color:var(--text-primary)}.diet-modal-title{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.3;padding-right:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.diet-modal-subtitle{font-size:.6875rem;color:var(--text-muted);margin-top:2px}.diet-modal-counter{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:16px}.diet-modal-counter-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border-default);border-radius:12px;background:color-mix(in srgb,var(--surface-elevated) 80%,transparent);color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;flex-shrink:0}.diet-modal-counter-btn:active:not(:disabled){background:var(--accent-primary-soft);border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);transform:scale(.93)}.diet-modal-counter-btn:disabled{opacity:.3;cursor:not-allowed}.diet-modal-counter-value{display:flex;flex-direction:column;align-items:center;min-width:64px;cursor:pointer;-webkit-tap-highlight-color:transparent}.diet-modal-counter-number{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.diet-modal-counter-label{font-size:.6875rem;color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.diet-modal-counter-input{width:64px;text-align:center;font-size:1.75rem;font-weight:700;color:var(--text-primary);background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);border:1.5px solid var(--accent-primary-ring);border-radius:10px;padding:4px 8px;outline:none;line-height:1;-moz-appearance:textfield}.diet-modal-counter-input::-webkit-outer-spin-button,.diet-modal-counter-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.diet-modal-optional{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--accent-warning-soft) 92%,transparent);border:1px solid color-mix(in srgb,var(--accent-warning) 18%,transparent);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.diet-modal-optional:active{background:color-mix(in srgb,var(--accent-warning-soft) 100%,var(--surface-card));transform:scale(.98)}.diet-modal-optional-checkbox{width:18px;height:18px;border-radius:5px;border:1.5px solid color-mix(in srgb,var(--accent-warning) 28%,transparent);background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.diet-modal-optional-checkbox.checked{background:var(--accent-warning);border-color:var(--accent-warning);color:var(--accent-warning-fg)}.diet-modal-optional-label{font-size:.8125rem;color:var(--accent-warning);font-weight:500}.diet-modal-nutrition{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0;margin-top:12px;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.diet-modal-cal{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;color:var(--accent-warning)}.diet-modal-dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.diet-modal-protein{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;color:var(--accent-info)}.diet-modal-datetime{display:flex;align-items:center;gap:8px;margin-top:12px}.diet-modal-date-input,.diet-modal-time-input{padding:10px;border-radius:10px;border:1px solid var(--border-default);background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);color:var(--text-primary);font-size:.8125rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease;min-width:0}.diet-modal-date-input{flex:1.3}.diet-modal-time-input{flex:1}.diet-modal-date-input:focus,.diet-modal-time-input:focus{border-color:var(--accent-primary-ring);box-shadow:0 0 0 3px var(--accent-primary-soft)}.diet-modal-now-btn{flex-shrink:0;padding:0 14px;height:40px;border:1px solid color-mix(in srgb,var(--accent-info) 28%,transparent);border-radius:20px;background:var(--accent-info-soft);color:var(--accent-info);font-size:.75rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.diet-modal-now-btn:active{background:color-mix(in srgb,var(--accent-info-soft) 100%,var(--surface-card));transform:scale(.95)}.diet-modal-rating-row{display:flex;align-items:center;gap:8px;margin-top:12px}.diet-modal-rating-star{color:var(--accent-warning);flex-shrink:0}.diet-modal-rating-input{width:48px;text-align:center;font-size:1rem;font-weight:600;color:var(--text-primary);background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);border:1px solid var(--border-default);border-radius:8px;padding:6px 4px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.diet-modal-rating-input:focus{border-color:color-mix(in srgb,var(--accent-warning) 48%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-warning-soft) 84%,transparent)}.diet-modal-rating-input::-moz-placeholder{color:var(--text-muted);font-weight:400}.diet-modal-rating-input::placeholder{color:var(--text-muted);font-weight:400}.diet-modal-rating-slash{font-size:.8125rem;color:var(--text-muted)}.diet-modal-rating-spacer{flex:1}.diet-modal-wma-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border-default);border-radius:10px;background:color-mix(in srgb,var(--surface-elevated) 80%,transparent);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.diet-modal-wma-btn:active{transform:scale(.93)}.diet-modal-wma-btn.yes{background:var(--accent-success);border-color:var(--accent-success);color:var(--accent-success-fg);box-shadow:0 0 8px color-mix(in srgb,var(--accent-success) 30%,transparent)}.diet-modal-wma-btn.no{background:var(--accent-danger);border-color:var(--accent-danger);color:var(--accent-danger-fg);box-shadow:0 0 8px color-mix(in srgb,var(--accent-danger) 30%,transparent)}.diet-modal-wma-btn.prefilled{opacity:.75}.diet-modal-notes-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border-default);background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);color:var(--text-primary);font-size:.8125rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease;margin-top:12px}.diet-modal-notes-input:focus{border-color:var(--accent-primary-ring);box-shadow:0 0 0 3px var(--accent-primary-soft)}.diet-modal-notes-input::-moz-placeholder{color:var(--text-muted)}.diet-modal-notes-input::placeholder{color:var(--text-muted)}.diet-modal-cta{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(to right,var(--accent-primary),var(--accent-primary-hover));color:var(--accent-primary-fg);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-top:16px}.diet-modal-cta:active:not(:disabled){transform:scale(.98);opacity:.9}.diet-modal-cta:disabled{opacity:.5;cursor:not-allowed}.diet-modal-share{margin-top:16px;padding:14px;background:color-mix(in srgb,var(--accent-info-soft) 92%,transparent);border:1px solid color-mix(in srgb,var(--accent-info) 22%,transparent);border-radius:12px}.diet-modal-share-text{font-size:.8125rem;color:var(--accent-info);line-height:1.4;display:flex;align-items:flex-start;gap:8px}.diet-modal-share-actions{display:flex;gap:8px;margin-top:10px}.diet-modal-share-btn{flex:1;padding:10px;border:none;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.diet-modal-share-btn:active{transform:scale(.98)}.diet-modal-share-btn.primary{background:linear-gradient(to right,var(--accent-primary),var(--accent-primary-hover));color:var(--accent-primary-fg)}.diet-modal-share-btn.secondary{background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);color:var(--text-secondary)}@media (min-width: 768px){.diet-modal-sheet{left:50%;right:auto;bottom:50%;transform:translate(-50%,50%);border-radius:20px;width:380px;padding:24px;box-shadow:var(--shadow-xl);animation:dietModalScaleIn .2s cubic-bezier(.32,.72,0,1)}@keyframes dietModalScaleIn{0%{opacity:0;transform:translate(-50%,50%) scale(.95)}to{opacity:1;transform:translate(-50%,50%) scale(1)}}.diet-modal-close:hover{background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);color:var(--text-primary)}.diet-modal-counter-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent-primary-soft) 82%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent)}.diet-modal-now-btn:hover{background:color-mix(in srgb,var(--accent-info-soft) 100%,var(--surface-card))}.diet-modal-wma-btn:hover:not(.yes):not(.no){background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);color:var(--text-secondary)}.diet-modal-cta:hover:not(:disabled){opacity:.95}.diet-modal-share-btn:hover{opacity:.9}}.vps-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--glass-modal-backdrop);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:vpsFadeIn .15s ease-out}@keyframes vpsFadeIn{0%{opacity:0}to{opacity:1}}.vps-sheet{position:fixed;bottom:0;left:0;right:0;z-index:81;max-height:calc(88vh - var(--bottom-nav-clearance));background:var(--glass-sheet-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);border-radius:20px 20px 0 0;padding:20px 20px var(--bottom-nav-clearance);box-shadow:var(--glass-sheet-shadow);display:flex;flex-direction:column;overflow:hidden;animation:vpsSlideUp .28s cubic-bezier(.32,.72,0,1)}@keyframes vpsSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.vps-handle{width:36px;height:4px;border-radius:2px;background:color-mix(in srgb,var(--slate-400) 25%,transparent);margin:-8px auto 12px;flex-shrink:0}.vps-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:color-mix(in srgb,var(--slate-400) 10%,transparent);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,color .15s ease}.vps-close:active,.vps-close:hover{background:color-mix(in srgb,var(--slate-400) 20%,transparent);color:var(--text-primary)}.vps-title{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.3;padding-right:40px;margin:0}.vps-current{font-size:.75rem;color:var(--text-muted);margin:4px 0 14px;padding-right:40px}.vps-current strong{color:var(--text-primary);font-weight:600}.vps-current-indicator{color:#7dd3fc;font-variant-numeric:tabular-nums}.vps-chip-section{margin-bottom:10px;flex-shrink:0}.vps-chip-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px}.vps-chip-row{display:flex;flex-wrap:wrap;gap:6px}.vps-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;min-height:32px;border-radius:999px;font-size:.8125rem;font-weight:500;color:var(--text-muted);background:#1e293b99;border:1px solid var(--border-subtle);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vps-chip:active{transform:scale(.96)}.vps-chip--active{color:#fff;background:linear-gradient(135deg,#22c55e40,#10b98140);border-color:#22c55e80;box-shadow:0 0 0 1px #22c55e33}.vps-chip-emoji{font-size:.9em;line-height:1}.vps-chip--ghost{color:var(--text-muted);background:transparent;border-style:dashed;font-size:.75rem}.vps-chip--active-ghost{color:#a5b4fc;border-color:#6366f166;background:#6366f11f;border-style:solid}.vps-list{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin:8px -20px 0;padding:0 20px 8px}.vps-list::-webkit-scrollbar{width:4px}.vps-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--slate-400) 20%,transparent);border-radius:2px}.vps-empty{padding:32px 16px;text-align:center;color:var(--text-muted)}.vps-empty-title{font-size:.875rem;font-weight:500;margin-bottom:12px;color:var(--text-secondary)}.vps-empty-reset{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.vps-empty-reset:active{transform:scale(.97)}.vps-variant{margin-top:12px}.vps-variant:first-child{margin-top:0}.vps-variant-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px 4px;position:sticky;top:0;background:linear-gradient(180deg,#0f172afa,#0f172aeb 80%,#0f172a00);z-index:2}.vps-variant-name{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-primary)}.vps-variant-count{font-size:.6875rem;color:var(--text-muted);font-weight:500}.vps-group{margin-bottom:4px}.vps-group-badge{display:flex;align-items:baseline;gap:8px;padding:6px 4px 4px;font-size:.75rem}.vps-group-version{font-size:.8125rem;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.vps-group-label{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.vps-group-header{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border:none;background:#1e293b80;border-radius:10px;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease;text-align:left}.vps-group-header:active,.vps-group-header:hover{background:#1e293bbf}.vps-group-header-left{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;min-width:0;flex:1}.vps-group-count{font-size:.6875rem;color:#a5b4fc;font-weight:500;background:#6366f11f;padding:2px 8px;border-radius:999px}.vps-group-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.vps-group-rating{display:flex;gap:8px;font-size:.6875rem;color:var(--text-muted)}.vps-group-rating-item{font-variant-numeric:tabular-nums}.vps-group-chevron{color:var(--text-muted);transition:transform .2s ease}.vps-group-chevron--open{transform:rotate(180deg)}.vps-group-combos{padding:6px 0 2px 12px;margin-left:6px;border-left:2px solid rgba(99,102,241,.25);animation:vpsFadeIn .2s ease-out}.vps-combo-wrap{position:relative;overflow:hidden;border-radius:10px;margin-bottom:4px}.vps-combo-actions{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:stretch;z-index:0;opacity:0;pointer-events:none;transition:opacity .2s ease}.vps-combo-wrap--swiped .vps-combo-actions{opacity:1;pointer-events:auto}.vps-combo-action-delete{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 18px;border:none;background:linear-gradient(135deg,var(--red-500),var(--red-600));color:#fff;font-size:.6875rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.vps-combo{position:relative;z-index:1;display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:10px;background:#0f172a99;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,border-color .15s ease,transform .2s cubic-bezier(.32,.72,0,1);text-align:left}.vps-combo:active,.vps-combo:hover{background:#1e293bcc;border-color:var(--border-default)}.vps-combo--current{background:linear-gradient(135deg,#3b82f61f,#06b6d414);border-color:#3b82f666;box-shadow:inset 3px 0 #22d3ee}.vps-combo-wrap--swiped .vps-combo{transform:translate(-88px)}.vps-combo-left{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.vps-combo-current-dot{display:inline-block;width:6px;height:6px;border-radius:999px;background:#22d3ee;margin-right:6px;vertical-align:middle;box-shadow:0 0 6px #22d3ee99}.vps-combo-label{display:flex;align-items:baseline;gap:6px;color:var(--text-primary);font-size:.875rem;font-weight:500}.vps-combo-emoji{font-size:.9em;line-height:1}.vps-combo-code{color:#7dd3fc;font-variant-numeric:tabular-nums;font-size:.75rem;letter-spacing:.02em}.vps-combo-desc{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vps-combo-meta{display:flex;gap:4px;font-size:.6875rem;color:var(--text-muted);margin-top:2px;flex-wrap:wrap}.vps-combo-right{display:flex;align-items:center;gap:2px;flex-shrink:0}.vps-icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.vps-icon-btn:active,.vps-icon-btn:hover{background:color-mix(in srgb,var(--slate-400) 10%,transparent);color:var(--text-primary)}.vps-icon-btn--star-active{color:var(--accent-warning)}.vps-icon-btn--star-active:hover,.vps-icon-btn--star-active:active{color:var(--accent-warning-hover)}.vps-icon-btn--danger:active,.vps-icon-btn--danger:hover{color:var(--accent-danger);background:#ef44441f}@media (min-width: 768px){.vps-sheet{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:480px;max-width:calc(100vw - 40px);max-height:80vh;border-radius:20px;padding:24px 24px 20px;animation:vpsScaleIn .2s cubic-bezier(.32,.72,0,1)}@keyframes vpsScaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.vps-handle{display:none}}.cookidoo-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--glass-modal-backdrop);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:cookidooFadeIn .15s ease-out}@keyframes cookidooFadeIn{0%{opacity:0}to{opacity:1}}.cookidoo-modal-sheet{--cookidoo-accent: #00ac46;--cookidoo-accent-hover: #009a3e;--cookidoo-accent-soft: color-mix(in srgb, var(--cookidoo-accent) 12%, var(--surface-card));--cookidoo-accent-border: color-mix(in srgb, var(--cookidoo-accent) 28%, transparent);position:fixed;bottom:0;left:0;right:0;z-index:51;background:linear-gradient(165deg,color-mix(in srgb,var(--surface-overlay) 96%,transparent),color-mix(in srgb,var(--surface-card) 92%,transparent));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-default);border-radius:20px 20px 0 0;padding:20px 20px var(--bottom-nav-clearance);box-shadow:var(--shadow-xl);animation:cookidooSlideUp .28s cubic-bezier(.32,.72,0,1)}@keyframes cookidooSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookidoo-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:color-mix(in srgb,var(--surface-elevated) 88%,transparent);color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.cookidoo-modal-close:hover,.cookidoo-modal-close:active{background:var(--surface-elevated);color:var(--text-primary)}.cookidoo-modal-title{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.3;padding-right:40px;display:flex;align-items:center;gap:8px}.cookidoo-modal-title svg{flex-shrink:0}.cookidoo-modal-subtitle{font-size:.6875rem;color:var(--text-secondary);margin-top:2px}.cookidoo-modal-tabs{display:flex;gap:4px;background:color-mix(in srgb,var(--surface-elevated) 90%,transparent);border:1px solid var(--border-default);padding:3px;border-radius:10px;margin-top:16px}.cookidoo-modal-tab{flex:1;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.cookidoo-modal-tab.active{background:var(--cookidoo-accent);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--cookidoo-accent) 36%,transparent)}.cookidoo-modal-tab:hover:not(.active),.cookidoo-modal-tab:active:not(.active){background:color-mix(in srgb,var(--surface-card) 78%,transparent)}.cookidoo-modal-info{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--cookidoo-accent-border);background:var(--cookidoo-accent-soft);margin-top:12px}.cookidoo-modal-info p{font-size:.75rem;color:var(--text-primary);line-height:1.4}.cookidoo-modal-info svg{color:var(--cookidoo-accent);flex-shrink:0;margin-top:1px}.cookidoo-modal-field{margin-top:12px}.cookidoo-modal-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;margin-bottom:6px;display:block}.cookidoo-modal-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border-default);background:var(--surface-elevated);color:var(--text-primary);font-size:.8125rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.cookidoo-modal-input:focus{border-color:var(--cookidoo-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cookidoo-accent) 18%,transparent)}.cookidoo-modal-input::-moz-placeholder{color:var(--text-muted)}.cookidoo-modal-input::placeholder{color:var(--text-muted)}.cookidoo-modal-input:disabled{opacity:.5}.cookidoo-modal-textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border-default);background:var(--surface-elevated);color:var(--text-primary);font-size:.75rem;font-family:monospace;outline:none;transition:border-color .15s ease,box-shadow .15s ease;resize:none}.cookidoo-modal-textarea:focus{border-color:var(--cookidoo-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cookidoo-accent) 18%,transparent)}.cookidoo-modal-textarea::-moz-placeholder{color:var(--text-muted);font-family:inherit}.cookidoo-modal-textarea::placeholder{color:var(--text-muted);font-family:inherit}.cookidoo-modal-security{display:flex;align-items:flex-start;gap:6px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--surface-elevated) 80%,transparent);margin-top:12px}.cookidoo-modal-security p{font-size:.6875rem;color:var(--text-secondary);line-height:1.4}.cookidoo-modal-accordion{margin-top:12px;border:1px solid var(--border-default);border-radius:10px;overflow:hidden}.cookidoo-modal-accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:none;background:color-mix(in srgb,var(--surface-elevated) 90%,transparent);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.cookidoo-modal-accordion-trigger:hover,.cookidoo-modal-accordion-trigger:active{background:var(--surface-elevated)}.cookidoo-modal-accordion-body{padding:12px;border-top:1px solid var(--border-default);background:color-mix(in srgb,var(--surface-card) 86%,transparent)}.cookidoo-modal-accordion-body ol{list-style:decimal;padding-left:18px;font-size:.75rem;color:var(--text-secondary);line-height:1.6}.cookidoo-modal-accordion-body ol li+li{margin-top:4px}.cookidoo-modal-accordion-body a{color:var(--cookidoo-accent)}.cookidoo-modal-accordion-body kbd{padding:1px 5px;background:color-mix(in srgb,var(--surface-elevated) 88%,transparent);border-radius:4px;font-size:.6875rem;font-family:monospace;color:var(--text-primary)}.cookidoo-modal-accordion-body code{padding:1px 5px;background:color-mix(in srgb,var(--surface-elevated) 84%,transparent);border-radius:4px;font-size:.6875rem;font-family:monospace;color:var(--cookidoo-accent)}.cookidoo-modal-error{padding:8px 12px;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent-danger) 28%,transparent);background:color-mix(in srgb,var(--accent-danger-soft) 94%,var(--surface-card));font-size:.75rem;color:var(--accent-danger);margin-top:12px}.cookidoo-modal-cta{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(to right,var(--cookidoo-accent),var(--cookidoo-accent-hover));color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:8px}.cookidoo-modal-cta:active:not(:disabled){transform:scale(.98);opacity:.9}.cookidoo-modal-cta:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 768px){.cookidoo-modal-sheet{left:50%;right:auto;bottom:50%;transform:translate(-50%,50%);border-radius:20px;width:380px;padding:24px;border:1px solid var(--border-default);box-shadow:var(--shadow-xl);animation:cookidooScaleIn .2s cubic-bezier(.32,.72,0,1)}@keyframes cookidooScaleIn{0%{opacity:0;transform:translate(-50%,50%) scale(.95)}to{opacity:1;transform:translate(-50%,50%) scale(1)}}}.ai-modify-banner{--ai-modify-accent: rgb(147 51 234);--ai-modify-accent-soft: color-mix(in srgb, var(--ai-modify-accent) 16%, var(--surface-card));--ai-modify-accent-border: color-mix(in srgb, var(--ai-modify-accent) 30%, transparent);position:relative;display:flex;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid var(--ai-modify-accent-border);background:linear-gradient(135deg,color-mix(in srgb,var(--ai-modify-accent-soft) 90%,var(--surface-overlay)),color-mix(in srgb,var(--surface-overlay) 88%,rgb(30 15 60 / .34)));overflow:hidden;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.ai-modify-banner:hover{border-color:color-mix(in srgb,var(--ai-modify-accent) 42%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--ai-modify-accent-soft) 100%,var(--surface-overlay)),color-mix(in srgb,var(--surface-overlay) 84%,rgb(30 15 60 / .42)))}.ai-modify-banner:active{transform:scale(.985)}.ai-modify-banner-content{position:relative;z-index:1;display:flex;align-items:center;width:100%;gap:8px}.ai-modify-banner-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#9333ea52,#4f46e53d);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:color-mix(in srgb,var(--ai-modify-accent) 68%,var(--text-primary));box-shadow:0 0 12px color-mix(in srgb,var(--ai-modify-accent) 18%,transparent)}.ai-modify-banner-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 25%,rgba(147,51,234,.08) 45%,rgba(192,132,252,.06) 55%,transparent 75%);animation:aiModifyBannerShimmer 3.5s ease-in-out infinite}@keyframes aiModifyBannerShimmer{0%{transform:translate(-120%)}60%{transform:translate(120%)}to{transform:translate(120%)}}.ai-modify-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--glass-modal-backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;animation:aiModifyFadeIn .2s ease-out}@media (min-width: 640px){.ai-modify-overlay{align-items:center}}.ai-modify-modal{width:100%;height:92vh;max-height:92vh;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-overlay) 96%,rgb(30 15 60 / .22)),color-mix(in srgb,var(--surface-card) 96%,var(--surface-overlay)));border-top:1px solid color-mix(in srgb,var(--ai-modify-accent) 28%,transparent);border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:aiModifySlideUp .3s cubic-bezier(.32,.72,0,1)}@media (min-width: 640px){.ai-modify-modal{max-width:560px;max-height:80vh;border-radius:20px;border:1px solid color-mix(in srgb,var(--ai-modify-accent) 28%,transparent);box-shadow:var(--shadow-xl);animation:aiModifyScaleIn .25s cubic-bezier(.32,.72,0,1)}}.ai-modify-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid color-mix(in srgb,var(--ai-modify-accent) 18%,var(--border-default));flex-shrink:0}.ai-modify-cost-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;color:color-mix(in srgb,var(--ai-modify-accent) 72%,var(--text-primary));background:color-mix(in srgb,var(--ai-modify-accent) 18%,var(--surface-card));border-radius:9999px;white-space:nowrap}.ai-modify-content{flex:1;overflow-y:auto;min-height:200px;-webkit-overflow-scrolling:touch}.ai-modify-footer{padding:12px 16px;border-top:1px solid var(--border-default);flex-shrink:0;padding-bottom:var(--bottom-nav-clearance)}.ai-modify-loading{position:relative;overflow:hidden}.ai-modify-loading-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--ai-modify-accent) 8%,transparent) 50%,transparent 70%);animation:aiModifyShimmer 2s ease-in-out infinite}.ai-modify-save-option{padding:12px;border:1px solid var(--border-default);border-radius:12px;cursor:pointer;transition:all .15s ease;background:color-mix(in srgb,var(--surface-card) 90%,transparent)}.ai-modify-save-option:hover{border-color:color-mix(in srgb,var(--ai-modify-accent) 38%,transparent);background:color-mix(in srgb,var(--ai-modify-accent) 10%,var(--surface-card))}.ai-modify-save-option.selected{border-color:color-mix(in srgb,var(--ai-modify-accent) 52%,transparent);background:color-mix(in srgb,var(--ai-modify-accent) 14%,var(--surface-card))}.ai-modify-save-option.destructive.selected{border-color:color-mix(in srgb,var(--accent-danger) 38%,transparent);background:color-mix(in srgb,var(--accent-danger-soft) 88%,var(--surface-card))}@keyframes aiModifyFadeIn{0%{opacity:0}to{opacity:1}}@keyframes aiModifySlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes aiModifyScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes aiModifyShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sub-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--glass-modal-backdrop);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;animation:collection-sheet-fade-in .2s ease-out}@media (min-width: 768px){.sub-sheet-backdrop{align-items:center}.sub-sheet{margin-bottom:0}}.sub-sheet-backdrop.closing{animation:collection-sheet-fade-out .2s ease-in forwards}.sub-sheet{width:calc(100% - 24px);max-width:380px;max-height:75vh;margin-bottom:var(--bottom-nav-clearance);background:var(--glass-float-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-float-border);border-radius:20px;padding:6px 8px 12px;box-shadow:var(--glass-float-shadow);animation:collection-sheet-slide-up .28s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column}.sub-sheet.closing{animation:collection-sheet-slide-down .2s ease-in forwards}.sub-sheet-handle{width:100%;padding:14px 0;cursor:grab;display:flex;justify-content:center;flex-shrink:0}.sub-sheet-handle:after{content:"";width:32px;height:3px;border-radius:1.5px;background:#94a3b833}.sub-sheet-header{display:flex;align-items:center;gap:8px;padding:0 8px 8px;flex-shrink:0}.sub-sheet-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-sheet-close{width:32px;height:32px;border-radius:10px;border:none;background:#94a3b814;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.sub-sheet-search{display:flex;align-items:center;gap:8px;margin:0 8px 8px;padding:8px 10px;background:#0f172a99;border:1px solid var(--border-subtle);border-radius:10px;flex-shrink:0}.sub-sheet-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.8125rem}.sub-sheet-search-input::-moz-placeholder{color:var(--text-muted)}.sub-sheet-search-input::placeholder{color:var(--text-muted)}.sub-sheet-chips{display:flex;gap:6px;padding:0 8px 8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0}.sub-sheet-chips::-webkit-scrollbar{display:none}.sub-sheet-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;border:1px solid var(--border-subtle);background:#0f172a80;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.sub-sheet-chip:active{transform:scale(.96)}.sub-sheet-chip.active{background:linear-gradient(135deg,#a855f738,#22d3ee2e);border-color:#a855f766;color:#f5f3ff;box-shadow:0 0 0 .5px #a855f726}.sub-sheet-footer-meta{padding:6px 8px 0;font-size:.625rem;color:var(--text-muted);text-align:right;flex-shrink:0}.sub-sheet-list{overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch;padding:0 4px}.sub-sheet-section-label{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 8px 4px}.sub-sheet-section-label.pantry{color:#34d399;display:flex;align-items:center;gap:4px}.sub-sheet-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%;padding:10px 8px;border:none;border-radius:12px;background:transparent;cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent;text-align:left;animation:collection-row-in .3s cubic-bezier(.32,.72,0,1) backwards}.sub-sheet-row:nth-child(2){animation-delay:.03s}.sub-sheet-row:nth-child(3){animation-delay:.06s}.sub-sheet-row:nth-child(4){animation-delay:.09s}.sub-sheet-row:nth-child(5){animation-delay:.12s}.sub-sheet-row:active{background:#94a3b814;transform:scale(.98)}.sub-sheet-row-info{flex:1;min-width:0}.sub-sheet-row-name{font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.3;display:flex;align-items:center;gap:6px}.sub-sheet-ratio{font-size:.6875rem;font-weight:600;color:#a78bfa;background:#a78bfa1f;padding:1px 5px;border-radius:6px}.sub-sheet-row-badges{display:flex;gap:4px;margin-top:3px;flex-wrap:wrap}.sub-sheet-row-notes{font-size:.6875rem;color:var(--text-muted);line-height:1.3;margin-top:2px}.sub-sheet-row-tags{display:flex;flex-direction:column;gap:3px;flex-shrink:0;align-items:flex-end}.sub-sheet-tag{font-size:.5625rem;font-weight:500;color:#a78bfa;background:#a78bfa1a;padding:2px 6px;border-radius:6px;white-space:nowrap}.sub-sheet-loading{padding:8px;display:flex;flex-direction:column;gap:8px}.sub-sheet-skeleton{height:52px;border-radius:12px;background:linear-gradient(90deg,#94a3b80f 25%,#94a3b81a,#94a3b80f 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sub-sheet-empty{padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:4px}@media (min-width: 768px){.sub-sheet-backdrop{align-items:center}.sub-sheet{margin-bottom:0;animation:collection-sheet-scale-in .2s cubic-bezier(.32,.72,0,1)}.sub-sheet-handle{display:none}.sub-sheet-row:hover{background:#94a3b80f}}.ing-link-scroll{margin-top:14px;max-height:55vh;padding-right:2px}.ing-link-add-new{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;margin-top:8px;border:none;border-radius:8px;background:transparent;color:var(--accent-primary);font-size:.8125rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.ing-link-add-new:active{background:var(--accent-primary-soft);transform:scale(.98)}.ing-link-back-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:8px;margin-top:8px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.ing-link-back-btn:active{background:color-mix(in srgb,var(--surface-elevated) 80%,transparent);transform:scale(.98)}.ing-link-counter{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:16px}.ing-link-counter-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border-default);border-radius:12px;background:color-mix(in srgb,var(--surface-elevated) 80%,transparent);color:var(--text-primary);font-size:1.25rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;flex-shrink:0}.ing-link-counter-btn:active:not(:disabled){background:var(--accent-primary-soft);border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);transform:scale(.93)}.ing-link-counter-btn:disabled{opacity:.3;cursor:not-allowed}.ing-link-counter-value{display:flex;flex-direction:column;align-items:center;min-width:80px;cursor:pointer;-webkit-tap-highlight-color:transparent}.ing-link-counter-number{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.ing-link-counter-unit{font-size:.6875rem;color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.ing-link-counter-input{width:80px;text-align:center;font-size:1.75rem;font-weight:700;color:var(--text-primary);background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);border:1.5px solid var(--accent-primary-ring);border-radius:10px;padding:4px 8px;outline:none;line-height:1;-moz-appearance:textfield}.ing-link-counter-input::-webkit-outer-spin-button,.ing-link-counter-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ing-link-unit-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;justify-content:center}.ing-link-unit-chip{padding:6px 14px;border-radius:8px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-overlay) 90%,transparent);color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.ing-link-unit-chip.active{background:var(--accent-primary-soft);border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);color:var(--accent-primary)}.ing-link-unit-chip:active{transform:scale(.95)}.ing-link-avail{margin-top:12px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--surface-overlay) 88%,transparent);border:1px solid var(--border-subtle)}.ing-link-avail-text{font-size:.75rem;color:var(--text-muted);margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}.ing-link-avail-right{display:flex;align-items:center;gap:8px}.ing-link-max-pill{padding:2px 10px;border:1px solid color-mix(in srgb,var(--accent-primary) 30%,transparent);border-radius:6px;background:color-mix(in srgb,var(--accent-primary-soft) 88%,transparent);color:var(--accent-primary);font-size:.625rem;font-weight:700;letter-spacing:.06em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;line-height:1.6}.ing-link-max-pill:active{background:color-mix(in srgb,var(--accent-primary-soft) 100%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-primary) 45%,transparent);transform:scale(.93)}.ing-link-avail-bar{height:4px;border-radius:2px;background:color-mix(in srgb,var(--surface-elevated) 84%,transparent);overflow:hidden}.ing-link-avail-fill{height:100%;border-radius:2px;background:linear-gradient(to right,var(--accent-primary),var(--accent-primary-hover));transition:width .3s ease}.ing-link-avail-fill.over{background:linear-gradient(to right,var(--accent-warning),color-mix(in srgb,var(--accent-warning) 82%,black))}.ing-link-preview{margin-top:12px;padding:12px;border-radius:10px;background:color-mix(in srgb,var(--surface-overlay) 88%,transparent);border:1px solid var(--border-subtle)}.ing-link-preview-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.ing-link-preview-nutrition{font-size:.75rem;color:var(--text-muted);margin-top:4px;display:flex;gap:8px}.ing-link-warning{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--accent-warning-soft) 92%,transparent);border:1px solid color-mix(in srgb,var(--accent-warning) 22%,transparent)}.ing-link-warning-icon{color:var(--accent-warning);flex-shrink:0}.ing-link-warning-text{font-size:.75rem;color:var(--accent-warning);line-height:1.3}.ing-link-conflict-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;background:var(--glass-modal-backdrop);backdrop-filter:blur(var(--glass-blur-backdrop));-webkit-backdrop-filter:blur(var(--glass-blur-backdrop));animation:sheetFadeIn .15s ease-out}.ing-link-conflict-panel{position:fixed;bottom:0;left:0;right:0;z-index:211;background:var(--glass-sheet-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid color-mix(in srgb,var(--accent-warning) 24%,var(--glass-sheet-border));border-radius:20px 20px 0 0;padding:20px 20px var(--bottom-nav-clearance);box-shadow:var(--glass-sheet-shadow);animation:sheetSlideUp .28s cubic-bezier(.32,.72,0,1)}.ing-link-conflict-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.ing-link-conflict-icon{width:40px;height:40px;border-radius:12px;background:var(--accent-warning-soft);color:var(--accent-warning);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ing-link-conflict-title{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.3}.ing-link-conflict-desc{font-size:.8125rem;color:var(--text-muted);margin-top:2px;line-height:1.4}.ing-link-conflict-option{width:100%;padding:14px;margin-top:8px;border:1px solid var(--border-subtle);border-radius:12px;background:color-mix(in srgb,var(--surface-overlay) 88%,transparent);color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;text-align:left}.ing-link-conflict-option:active{background:color-mix(in srgb,var(--accent-primary-soft) 82%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent);transform:scale(.98)}.ing-link-conflict-option-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.ing-link-conflict-option-desc{font-size:.75rem;color:var(--text-muted);margin-top:2px}.ing-link-calc-cta{--sheet-accent: var(--accent-success);--sheet-accent-end: color-mix(in srgb, var(--accent-success) 82%, black)}@media (min-width: 768px){.ing-link-conflict-panel{left:50%;right:auto;bottom:50%;transform:translate(-50%,50%);border-radius:20px;width:380px;padding:24px;box-shadow:var(--shadow-xl);animation:sheetScaleIn .2s cubic-bezier(.32,.72,0,1)}.ing-link-counter-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent-primary-soft) 82%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent)}.ing-link-unit-chip:hover{background:color-mix(in srgb,var(--accent-primary-soft) 62%,var(--surface-card));border-color:var(--border-default);color:var(--text-primary)}.ing-link-unit-chip.active:hover{background:color-mix(in srgb,var(--accent-primary-soft) 100%,var(--surface-card))}.ing-link-add-new:hover{background:var(--accent-primary-soft)}.ing-link-back-btn:hover{background:color-mix(in srgb,var(--surface-elevated) 80%,transparent)}.ing-link-conflict-option:hover{background:color-mix(in srgb,var(--accent-primary-soft) 62%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-primary) 20%,transparent)}.ing-link-max-pill:hover{background:color-mix(in srgb,var(--accent-primary-soft) 100%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-primary) 45%,transparent)}}@media (prefers-reduced-motion: reduce){.ing-link-conflict-backdrop,.ing-link-conflict-panel{animation:none}}.cooking-mode{--cm-surface-page: color-mix(in srgb, var(--surface-page) 96%, var(--surface-sunken));--cm-surface-header: color-mix(in srgb, var(--surface-card) 96%, transparent);--cm-surface-card: color-mix(in srgb, var(--surface-card) 95%, var(--surface-elevated));--cm-surface-card-strong: color-mix(in srgb, var(--surface-elevated) 84%, var(--surface-card));--cm-surface-input: color-mix(in srgb, var(--surface-elevated) 88%, var(--surface-card));--cm-surface-hover: color-mix(in srgb, var(--surface-hover) 92%, var(--surface-card));--cm-surface-overlay: color-mix(in srgb, var(--surface-overlay) 94%, var(--surface-card));--cm-border-subtle: color-mix(in srgb, var(--border-default) 44%, transparent);--cm-border-strong: color-mix(in srgb, var(--border-default) 76%, transparent);--cm-text-primary: var(--text-primary);--cm-text-secondary: var(--text-secondary);--cm-text-muted: var(--text-muted);background:var(--cm-surface-page);color:var(--cm-text-primary)}.cm-page{background:radial-gradient(circle at top,color-mix(in srgb,var(--surface-elevated) 18%,transparent),transparent 54%),var(--cm-surface-page)}.cm-state-screen{min-height:100vh;background:var(--cm-surface-page);color:var(--cm-text-primary)}.cm-loading-spinner{width:3rem;height:3rem;border-radius:9999px;border-top:4px solid var(--accent-primary);border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid transparent;animation:cmSpin .8s linear infinite}@keyframes cmSpin{to{transform:rotate(360deg)}}.cm-state-error{color:var(--accent-danger)}.cm-header{background:color-mix(in srgb,var(--cm-surface-header) 88%,transparent);border-bottom:1px solid var(--cm-border-subtle);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.cm-header-meta{color:var(--cm-text-muted)}.cm-header-awake{color:color-mix(in srgb,var(--accent-warning) 68%,var(--cm-text-secondary))}.cm-wake-toggle{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:500;transition:all .15s ease;background:var(--cm-surface-card);color:var(--cm-text-muted);border:1px solid var(--cm-border-subtle)}.cm-wake-toggle:hover{background:var(--cm-surface-hover);color:var(--cm-text-secondary)}.cm-wake-toggle.active{background:color-mix(in srgb,var(--accent-warning-soft) 94%,transparent);color:var(--accent-warning);border-color:color-mix(in srgb,var(--accent-warning) 34%,transparent)}.cm-wake-toggle.unsupported{opacity:.5;cursor:not-allowed}.cm-tooltip{position:absolute;top:100%;right:0;margin-top:.5rem;width:12rem;padding:.5rem;background:var(--cm-surface-overlay);border:1px solid var(--cm-border-strong);border-radius:.75rem;box-shadow:var(--shadow-lg);font-size:.75rem;color:var(--cm-text-secondary);z-index:50}.cm-tooltip-arrow{position:absolute;top:-.25rem;right:1rem;width:.5rem;height:.5rem;background:var(--cm-surface-overlay);border-top:1px solid var(--cm-border-strong);border-left:1px solid var(--cm-border-strong);transform:rotate(45deg)}.cm-icon-btn{color:var(--cm-text-muted);transition:color .15s ease}.cm-icon-btn:hover{color:var(--cm-text-primary)}.cm-progress-track{margin-top:.5rem;height:.25rem;border-radius:9999px;overflow:hidden;background:var(--cm-surface-card)}.cm-progress-fill{height:100%;background:var(--accent-primary);transition:width .3s ease}.cm-step-title{color:var(--cm-text-primary)}.cm-section-title{color:var(--cm-text-muted)}.cm-ingredient-card{width:100%;padding:.75rem;border-radius:.75rem;background:var(--cm-surface-card);border:1px solid var(--cm-border-subtle);transition:opacity .15s ease,background .15s ease}.cm-check-toggle{width:1.25rem;height:1.25rem;border-radius:.375rem;border:2px solid var(--cm-border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s ease,background .15s ease}.cm-check-toggle.checked{background:var(--accent-success);border-color:var(--accent-success)}.cm-ingredient-text{color:var(--cm-text-primary);transition:color .15s ease,opacity .15s ease}.cm-ingredient-text.checked{color:var(--cm-text-muted)}.cm-inline-icon-btn{color:var(--cm-text-muted);transition:color .15s ease}.cm-inline-icon-btn:hover{color:var(--cm-text-primary)}.cm-inline-icon-btn.swap:hover{color:var(--accent-primary)}.cm-thermo-card{background:var(--cm-surface-card);border:1px solid var(--cm-border-subtle)}.cm-warning-panel{background:var(--accent-warning-soft);border:1px solid color-mix(in srgb,var(--accent-warning) 30%,transparent)}.cm-warning-title{color:var(--accent-warning)}.cm-warning-copy{color:color-mix(in srgb,var(--accent-warning) 84%,var(--cm-text-secondary))}.cm-inline-divider,.cm-empty-copy{color:var(--cm-text-muted)}.cm-subtle-link{color:var(--cm-text-muted);transition:color .15s ease}.cm-subtle-link:hover{color:var(--cm-text-secondary)}.cm-thermo-link{color:var(--accent-primary);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:.25rem;transition:color .15s ease}.cm-thermo-link:hover{color:color-mix(in srgb,var(--cm-text-primary) 20%,var(--accent-primary))}.cm-thermo-link.ingredient,.cm-thermo-link.duration{color:var(--accent-primary)}.cm-thermo-link.temperature{color:var(--accent-warning)}.cm-thermo-link.temperature:hover{color:color-mix(in srgb,var(--cm-text-primary) 18%,var(--accent-warning))}.cm-thermo-link.speed{color:var(--accent-success)}.cm-thermo-link.speed:hover{color:color-mix(in srgb,var(--cm-text-primary) 18%,var(--accent-success))}.cm-thermo-reverse,.cm-inline-icon{display:inline-block;vertical-align:text-bottom;flex-shrink:0}.cm-thermo-reverse{width:1.1em;height:1.1em;color:var(--accent-info)}.cm-inline-icon{width:.95em;height:.95em}.cm-lid-link{font-weight:500;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.cm-lid-link.info{color:var(--accent-info)}.cm-lid-link.warning{color:var(--accent-warning)}.cm-btn-neutral{background:var(--cm-surface-card-strong);color:var(--cm-text-primary);border:1px solid var(--cm-border-subtle);transition:background .15s ease,border-color .15s ease,color .15s ease}.cm-btn-neutral:hover{background:var(--cm-surface-hover);border-color:var(--cm-border-strong)}.cm-btn-primary,.cm-btn-success{color:var(--accent-primary-fg);border:1px solid transparent;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.cm-btn-primary{background:var(--accent-primary)}.cm-btn-primary:hover{background:color-mix(in srgb,var(--accent-primary) 88%,black)}.cm-btn-success{background:var(--accent-success)}.cm-btn-success:hover{background:color-mix(in srgb,var(--accent-success) 88%,black)}.cm-btn-primary:disabled,.cm-btn-success:disabled{opacity:.5;cursor:not-allowed}.cm-text-action{color:var(--cm-text-muted);transition:color .15s ease}.cm-text-action:hover{color:var(--cm-text-primary)}.cm-footer{background:color-mix(in srgb,var(--cm-surface-header) 92%,transparent);border-top:1px solid var(--cm-border-subtle)}.cm-nav-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;transition:background .15s ease,opacity .15s ease,color .15s ease}.cm-nav-btn.neutral{background:var(--cm-surface-card);color:var(--cm-text-primary)}.cm-nav-btn.neutral:hover{background:var(--cm-surface-hover)}.cm-nav-btn.primary,.cm-nav-btn.success{color:var(--accent-primary-fg)}.cm-nav-btn.primary{background:var(--accent-primary)}.cm-nav-btn.primary:hover{background:color-mix(in srgb,var(--accent-primary) 88%,black)}.cm-nav-btn.success{background:var(--accent-success)}.cm-nav-btn.success:hover{background:color-mix(in srgb,var(--accent-success) 88%,black)}.cm-nav-btn:disabled{opacity:.5;cursor:not-allowed}.cm-check-icon{color:var(--accent-success-fg)}.cm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617ad;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:200}.cm-modal-backdrop.centered{display:flex;align-items:center;justify-content:center;padding:1rem}.cm-modal-backdrop.sheet{display:flex;align-items:flex-end}.cm-sheet,.cm-modal-card{background:var(--cm-surface-overlay);color:var(--cm-text-primary);border:1px solid var(--cm-border-strong);box-shadow:var(--shadow-xl)}.cm-sheet{width:100%;border-radius:1rem 1rem 0 0}.cm-modal-card{width:100%;max-width:28rem;border-radius:1rem}.cm-sheet-header,.cm-modal-header,.cm-sheet-footer,.cm-modal-footer{border-color:var(--cm-border-subtle)}.cm-sheet-header,.cm-modal-header{border-bottom:1px solid var(--cm-border-subtle)}.cm-sheet-footer,.cm-modal-footer{border-top:1px solid var(--cm-border-subtle)}.cm-sheet-handle{width:3rem;height:.25rem;border-radius:9999px;margin:0 auto .75rem;background:var(--cm-border-strong)}.cm-modal-title{color:var(--cm-text-primary)}.cm-modal-copy,.cm-modal-subtitle{color:var(--cm-text-secondary)}.cm-modal-meta,.cm-field-label{color:var(--cm-text-muted)}.cm-emphasis{color:var(--cm-text-primary)}.cm-danger-copy{color:var(--accent-danger)}.cm-stepper-btn{background:var(--cm-surface-card);color:var(--cm-text-primary);border:1px solid var(--cm-border-subtle);transition:background .15s ease,color .15s ease}.cm-stepper-btn:hover,.cm-stepper-btn:active{background:var(--cm-surface-hover)}.cm-stepper-btn.subtle{background:var(--cm-surface-card-strong)}.cm-stepper-input{background:var(--cm-surface-card);color:var(--cm-text-primary);border:1px solid var(--cm-border-strong)}.cm-stepper-input:focus{outline:none;border-color:var(--accent-primary-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary-soft) 82%,transparent)}.cm-value-input{color:var(--cm-text-primary)}.cm-value-unit{color:var(--cm-text-secondary)}.cm-grid-option,.cm-lid-option,.cm-save-option{background:var(--cm-surface-card);color:var(--cm-text-primary);border:1px solid var(--cm-border-subtle);transition:background .15s ease,border-color .15s ease,color .15s ease}.cm-grid-option:hover,.cm-lid-option:hover,.cm-save-option:hover{background:var(--cm-surface-hover)}.cm-grid-option.selected{background:var(--accent-primary);color:var(--accent-primary-fg);border-color:var(--accent-primary)}.cm-lid-option.selected{background:var(--accent-info);color:var(--accent-primary-fg);border-color:var(--accent-info)}.cm-lid-option-subtitle{color:var(--cm-text-muted)}.cm-lid-option.selected .cm-lid-option-subtitle{color:color-mix(in srgb,var(--accent-primary-fg) 86%,transparent)}.cm-save-option-title{color:var(--cm-text-primary)}.cm-save-option-copy{color:var(--cm-text-muted)}.cm-save-option.success:hover{border-color:color-mix(in srgb,var(--accent-success) 48%,transparent)}.cm-save-option.primary:hover{border-color:color-mix(in srgb,var(--accent-primary) 48%,transparent)}@media (min-width: 768px){.cm-modal-backdrop.sheet{align-items:center;justify-content:center;padding:1rem}.cm-sheet{width:auto;min-width:22rem;border-radius:1rem}}.cooking-chat-overlay{position:fixed;bottom:var(--bottom-nav-clearance);left:0;right:0;height:40vh;z-index:900;background:linear-gradient(165deg,#1e293bfa,#0f172afc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(148,163,184,.15);border-radius:20px 20px 0 0;box-shadow:0 -8px 32px #0006;display:flex;flex-direction:column;overflow:hidden;animation:cookingSheetUp .28s cubic-bezier(.32,.72,0,1);transition:height .3s cubic-bezier(.32,.72,0,1)}.cooking-chat-overlay.expanded{height:75vh}.cooking-chat-handle{display:flex;align-items:center;justify-content:center;padding:8px 16px 4px;flex-shrink:0;position:relative;cursor:grab;touch-action:none}.cooking-chat-handle-bar{width:40px;height:4px;border-radius:2px;background:#94a3b84d}.cooking-chat-minimize{position:absolute;right:12px;top:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#94a3b81a;border:none;color:#94a3b8b3;cursor:pointer}.cooking-chat-chips{display:flex;gap:6px;padding:4px 12px 8px;overflow-x:auto;scrollbar-width:none;flex-shrink:0;position:relative;z-index:1}.cooking-chat-chips::-webkit-scrollbar{display:none}.cooking-chat-chip{padding:6px 12px;border-radius:16px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#c4b5fde6;font-size:12px;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:background .15s;min-height:34px}.cooking-chat-chip:active{background:#8b5cf64d}.cooking-chat-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.cooking-chat-body .pepi-chat-panel{display:flex;flex-direction:column;height:100%}.cooking-chat-body .pepi-panel-header{display:none}.cooking-chat-body .chat-messages{flex:1;overflow-y:auto;padding:8px 12px}.cooking-chat-body .chat-empty{flex:1;padding:16px}.cooking-chat-body .chat-empty-avatar,.cooking-chat-body .chat-starter-grid{display:none}.cooking-chat-body .chat-input-area{padding:6px 10px}.cooking-chat-toggle{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);right:16px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;color:#fff;cursor:pointer;box-shadow:0 4px 16px #8b5cf666;display:flex;align-items:center;justify-content:center;z-index:800;transition:transform .15s,box-shadow .15s}.cooking-chat-toggle:active{transform:scale(.92)}.cooking-chat-toggle.has-timers{animation:togglePulse 2s ease-in-out infinite}.cooking-chat-toggle-avatar{position:absolute;width:24px;height:24px;border-radius:50%;bottom:-2px;right:-2px;border:2px solid rgba(15,23,42,.9)}.cooking-chat-toggle-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid rgba(15,23,42,.9);line-height:1}@keyframes cookingSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes togglePulse{0%,to{box-shadow:0 4px 16px #8b5cf666}50%{box-shadow:0 4px 24px #8b5cf6b3}}.cooking-timers-row{position:fixed;top:60px;left:0;right:0;z-index:850;display:flex;gap:8px;padding:8px 16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#0f172af2,#0f172a00)}.cooking-timers-row::-webkit-scrollbar{display:none}.cooking-timer-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:24px;background:linear-gradient(135deg,#8b5cf64d,#06b6d433);border:1px solid rgba(139,92,246,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;min-height:56px;animation:timerSlideIn .2s ease-out}.cooking-timer-pill.completed{background:linear-gradient(135deg,#ef44444d,#f9731633);border-color:#ef444480;animation:timerPulse 1s ease-in-out infinite}.cooking-timer-pill.paused{opacity:.7}.cooking-timer-label{font-size:13px;color:#fffc;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cooking-timer-time{font-size:18px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;min-width:48px;text-align:center}.cooking-timer-actions{display:flex;gap:4px}.cooking-timer-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;border:none;color:#fff;cursor:pointer;transition:background .15s}.cooking-timer-btn:active{background:#ffffff40;transform:scale(.95)}.cooking-timer-btn.dismiss{background:#ef444433}@keyframes timerSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes timerPulse{0%,to{border-color:#ef444480}50%{border-color:#ef4444e6}}.community-recipe-detail{--crd-surface-page: color-mix(in srgb, var(--surface-page) 96%, var(--surface-sunken));--crd-surface-header: color-mix(in srgb, var(--surface-card) 88%, transparent);--crd-surface-card: color-mix(in srgb, var(--surface-card) 94%, var(--surface-elevated));--crd-surface-card-soft: color-mix(in srgb, var(--surface-card) 82%, transparent);--crd-surface-elevated: color-mix(in srgb, var(--surface-elevated) 88%, var(--surface-card));--crd-surface-hover: color-mix(in srgb, var(--surface-hover) 90%, var(--surface-card));--crd-surface-overlay: color-mix(in srgb, var(--surface-overlay) 92%, var(--surface-card));--crd-border-subtle: color-mix(in srgb, var(--border-default) 50%, transparent);--crd-border-strong: color-mix(in srgb, var(--border-default) 78%, transparent);--crd-text-primary: var(--text-primary);--crd-text-secondary: var(--text-secondary);--crd-text-muted: var(--text-muted);--crd-text-soft: color-mix(in srgb, var(--text-secondary) 84%, var(--text-muted));background:var(--crd-surface-page);color:var(--crd-text-primary)}.crd-page{min-height:100vh;background:radial-gradient(circle at top,color-mix(in srgb,var(--surface-elevated) 18%,transparent),transparent 56%),var(--crd-surface-page)}.crd-state-screen{min-height:100vh;background:var(--crd-surface-page);color:var(--crd-text-primary)}.crd-spinner{width:3rem;height:3rem;border-radius:9999px;border-top:4px solid var(--accent-primary);border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid transparent;animation:crdSpin .8s linear infinite}@keyframes crdSpin{to{transform:rotate(360deg)}}.crd-back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--crd-text-secondary);transition:color .15s ease}.crd-back-link:hover{color:var(--crd-text-primary)}.crd-empty-icon{color:var(--crd-text-muted)}.crd-empty-copy{color:var(--crd-text-secondary)}.crd-header{background:color-mix(in srgb,var(--crd-surface-header) 90%,transparent);border-bottom:1px solid var(--crd-border-subtle);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.crd-icon-btn{color:var(--crd-text-secondary);transition:color .15s ease,background .15s ease}.crd-icon-btn:hover,.crd-title{color:var(--crd-text-primary)}.crd-meta{color:var(--crd-text-secondary)}.crd-cuisine-chip{display:inline-flex;align-items:center;border-radius:9999px;background:var(--crd-surface-elevated);border:1px solid var(--crd-border-subtle);color:var(--crd-text-secondary)}.crd-stats-bar{background:var(--crd-surface-card);border:1px solid var(--crd-border-subtle);box-shadow:var(--shadow-sm)}.crd-stat-icon{color:var(--crd-text-muted)}.crd-stat-value{color:var(--crd-text-secondary)}.crd-version-trigger{width:100%;display:flex;align-items:center;gap:.5rem;border-radius:.75rem;background:var(--crd-surface-card);border:1px solid var(--crd-border-strong);color:var(--crd-text-secondary);transition:border-color .15s ease,background .15s ease,color .15s ease}.crd-version-trigger:hover{background:var(--crd-surface-hover);border-color:color-mix(in srgb,var(--accent-primary) 20%,var(--crd-border-strong));color:var(--crd-text-primary)}.crd-version-menu{background:var(--crd-surface-overlay);border:1px solid var(--crd-border-strong);box-shadow:var(--shadow-lg)}.crd-version-option{color:var(--crd-text-secondary);transition:background .15s ease,color .15s ease}.crd-version-option:hover{background:var(--crd-surface-hover);color:var(--crd-text-primary)}.crd-version-option.selected{background:color-mix(in srgb,var(--accent-primary-soft) 88%,transparent);color:var(--accent-primary)}.crd-version-default{color:var(--crd-text-muted)}.crd-section-title{color:var(--crd-text-primary)}.crd-ingredient-card{background:var(--crd-surface-card);border:1px solid var(--crd-border-subtle);box-shadow:var(--shadow-sm)}.crd-ingredient-card.optional{background:color-mix(in srgb,var(--crd-surface-card-soft) 78%,var(--surface-card));border-color:color-mix(in srgb,var(--crd-border-subtle) 68%,transparent)}.crd-ingredient-amount{color:var(--accent-primary)}.crd-ingredient-unit{color:var(--crd-text-secondary)}.crd-ingredient-name{color:var(--crd-text-primary)}.crd-ingredient-optional,.crd-ingredient-notes,.crd-ingredient-kcal{color:var(--crd-text-muted)}.crd-ingredient-protein{color:color-mix(in srgb,var(--accent-success) 76%,var(--crd-text-secondary))}.crd-step-card{background:var(--crd-surface-card);border:1px solid var(--crd-border-subtle);box-shadow:var(--shadow-sm)}.crd-step-copy{color:var(--crd-text-secondary)}.crd-step-thermo{color:var(--crd-text-muted)}.crd-footer{background:color-mix(in srgb,var(--crd-surface-header) 94%,transparent);border-top:1px solid var(--crd-border-subtle);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.crd-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;font-weight:600;color:#fff;box-shadow:var(--shadow-md);transition:transform .15s ease,filter .15s ease,opacity .15s ease}.crd-action-btn:hover{transform:translateY(-1px);filter:brightness(1.02)}.crd-action-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:none}.crd-action-btn.cook{background:var(--accent-success)}.crd-action-btn.save{background:var(--accent-primary)}.community-cook-mode{min-height:100vh;background:var(--ccm-surface-page);color:var(--ccm-text-primary)}.community-cook-mode.dark{--ccm-surface-page: var(--slate-950);--ccm-surface-card: var(--slate-900);--ccm-surface-card-strong: var(--slate-800);--ccm-surface-overlay: color-mix(in srgb, var(--slate-950) 72%, rgba(2, 6, 23, .82));--ccm-surface-input: var(--slate-800);--ccm-surface-hover: var(--slate-800);--ccm-surface-soft: color-mix(in srgb, var(--slate-900) 76%, transparent);--ccm-border-default: color-mix(in srgb, var(--slate-700) 70%, transparent);--ccm-border-strong: color-mix(in srgb, var(--slate-600) 82%, transparent);--ccm-text-primary: var(--slate-50);--ccm-text-secondary: var(--slate-400);--ccm-text-muted: var(--slate-500)}.community-cook-mode.light{--ccm-surface-page: var(--slate-100);--ccm-surface-card: #ffffff;--ccm-surface-card-strong: color-mix(in srgb, #ffffff 82%, var(--slate-100));--ccm-surface-overlay: rgba(255, 255, 255, .92);--ccm-surface-input: color-mix(in srgb, #ffffff 78%, var(--slate-100));--ccm-surface-hover: color-mix(in srgb, #ffffff 64%, var(--slate-100));--ccm-surface-soft: color-mix(in srgb, #ffffff 78%, var(--slate-100));--ccm-border-default: color-mix(in srgb, var(--slate-300) 78%, transparent);--ccm-border-strong: color-mix(in srgb, var(--slate-300) 92%, transparent);--ccm-text-primary: var(--slate-900);--ccm-text-secondary: var(--slate-600);--ccm-text-muted: var(--slate-500)}.ccm-state-screen{min-height:100vh;background:var(--ccm-surface-page);color:var(--ccm-text-primary)}.ccm-spinner{width:3rem;height:3rem;border-radius:9999px;border-top:4px solid var(--accent-primary);border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid transparent;animation:ccmSpin .8s linear infinite}@keyframes ccmSpin{to{transform:rotate(360deg)}}.ccm-topbar{background:var(--ccm-surface-card);border-bottom:1px solid var(--ccm-border-default)}.ccm-icon-btn{color:var(--ccm-text-secondary);background:transparent;transition:color .15s ease,background .15s ease}.ccm-icon-btn:hover{color:var(--ccm-text-primary);background:color-mix(in srgb,var(--ccm-surface-card-strong) 84%,transparent)}.ccm-icon-btn.is-active{color:var(--accent-warning)}.ccm-community-icon{color:var(--accent-info)}.ccm-title{color:var(--ccm-text-primary)}.ccm-subtitle{color:var(--ccm-text-secondary)}.ccm-progress-track{background:color-mix(in srgb,var(--ccm-surface-card-strong) 88%,transparent)}.ccm-progress-fill{background:var(--accent-primary)}.ccm-step-counter{color:var(--ccm-text-secondary)}.ccm-instruction{color:var(--ccm-text-primary)}.ccm-thermo-card{background:color-mix(in srgb,var(--accent-warning-soft) 90%,var(--ccm-surface-card));border:1px solid color-mix(in srgb,var(--accent-warning) 22%,transparent)}.ccm-thermo-copy{color:color-mix(in srgb,var(--accent-warning) 84%,var(--ccm-text-primary))}.ccm-nav-btn,.ccm-pill-btn,.ccm-modal-btn{border-radius:.75rem;transition:background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease}.ccm-nav-btn:disabled,.ccm-modal-btn:disabled{opacity:.4;cursor:not-allowed}.ccm-nav-btn.neutral,.ccm-pill-btn,.ccm-modal-btn.neutral{background:var(--ccm-surface-card-strong);color:var(--ccm-text-secondary);border:1px solid var(--ccm-border-default)}.ccm-nav-btn.neutral:hover:not(:disabled),.ccm-pill-btn:hover,.ccm-modal-btn.neutral:hover:not(:disabled){background:var(--ccm-surface-hover);color:var(--ccm-text-primary)}.ccm-nav-btn.primary{background:var(--accent-primary);color:#fff}.ccm-nav-btn.primary:hover{filter:brightness(1.03)}.ccm-nav-btn.success,.ccm-modal-btn.success{background:var(--accent-success);color:#fff}.ccm-nav-btn.success:hover,.ccm-modal-btn.success:hover:not(:disabled){filter:brightness(1.03)}.ccm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#020617ad;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ccm-modal-card,.ccm-ingredient-sheet{background:var(--ccm-surface-card);border:1px solid var(--ccm-border-default);box-shadow:var(--shadow-lg)}.ccm-modal-header,.ccm-sheet-header,.ccm-modal-footer{border-color:var(--ccm-border-default)}.ccm-modal-title{color:var(--ccm-text-primary)}.ccm-modal-copy,.ccm-field-label,.ccm-close-btn{color:var(--ccm-text-secondary)}.ccm-value-input{background:var(--ccm-surface-input);border:1px solid var(--ccm-border-default);color:var(--ccm-text-primary)}.ccm-value-input::-moz-placeholder{color:var(--ccm-text-muted)}.ccm-value-input::placeholder{color:var(--ccm-text-muted)}.ccm-ingredient-row{background:var(--ccm-surface-soft);border:1px solid var(--ccm-border-default);transition:background .15s ease,opacity .15s ease}.ccm-ingredient-row:hover{background:var(--ccm-surface-hover)}.ccm-ingredient-row.checked{opacity:.52}.ccm-check{width:1rem;height:1rem;border-radius:.25rem;border:1px solid var(--ccm-border-strong);background:var(--ccm-surface-card);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.ccm-check.checked{background:var(--accent-primary);border-color:var(--accent-primary)}.ccm-check-icon{color:var(--accent-primary-fg)}.ccm-ingredient-copy{color:var(--ccm-text-primary)}.ccm-ingredient-copy.checked{color:var(--ccm-text-muted)}.ccm-ingredient-copy .amount{color:var(--accent-primary)}.ccm-ingredient-copy .unit,.ccm-ingredient-copy .optional{color:var(--ccm-text-secondary)}.ideation-page{--ideation-page-bg: linear-gradient( 180deg, color-mix(in srgb, var(--surface-page) 92%, var(--surface-elevated)) 0%, var(--surface-page) 100% );--ideation-header-bg: linear-gradient( to bottom, color-mix(in srgb, var(--surface-card) 96%, transparent), color-mix(in srgb, var(--surface-card) 88%, transparent) );--ideation-card-bg: linear-gradient( 165deg, color-mix(in srgb, var(--surface-card) 94%, var(--surface-elevated)), color-mix(in srgb, var(--surface-sunken) 18%, var(--surface-card)) );--ideation-card-bg-soft: linear-gradient( 165deg, color-mix(in srgb, var(--surface-card) 90%, var(--surface-elevated)), color-mix(in srgb, var(--surface-card) 82%, var(--surface-page)) );--ideation-overlay-bg: color-mix(in srgb, var(--surface-overlay) 96%, var(--surface-card));--ideation-surface-soft: color-mix(in srgb, var(--surface-elevated) 82%, var(--surface-card));--ideation-surface-hover: color-mix(in srgb, var(--surface-hover) 88%, var(--surface-card));--ideation-surface-input: color-mix(in srgb, var(--surface-sunken) 30%, var(--surface-card));--ideation-border-subtle: color-mix(in srgb, var(--border-default) 40%, transparent);--ideation-border-strong: color-mix(in srgb, var(--border-default) 74%, transparent);--ideation-text-primary: var(--text-primary);--ideation-text-secondary: var(--text-secondary);--ideation-text-muted: var(--text-muted);--ideation-text-soft: color-mix(in srgb, var(--text-secondary) 82%, var(--text-muted));min-height:100vh;padding-bottom:calc(var(--bottom-nav-clearance) + 12px);background:var(--ideation-page-bg);color:var(--ideation-text-primary)}.ideation-header{position:sticky;top:0;z-index:40;background:var(--ideation-header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ideation-border-subtle);padding:12px 16px}.ideation-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ideation-header-title{font-size:1rem;font-weight:600;color:var(--ideation-text-primary);display:flex;align-items:center;gap:8px}.ideation-header-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:none;background:var(--ideation-surface-soft);color:var(--ideation-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.ideation-header-back:active{background:var(--ideation-surface-hover);transform:scale(.95)}.ideation-content{padding:16px;display:flex;flex-direction:column;gap:20px}.ideation-chips-container{background:var(--ideation-surface-input);border:1px solid var(--ideation-border-strong);border-radius:12px;padding:10px 12px;min-height:48px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;transition:border-color .2s ease}.ideation-chips-container:focus-within{border-color:#8b5cf673;box-shadow:0 0 0 2px #8b5cf61f}.ideation-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:20px;color:#c4b5fd;font-size:.8125rem;font-weight:500;white-space:nowrap;animation:chipIn .15s ease-out}@keyframes chipIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.ideation-chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:none;background:#8b5cf633;color:#c4b5fd;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:background .15s}.ideation-chip-remove:active{background:color-mix(in srgb,var(--accent-danger) 40%,transparent);color:var(--accent-danger)}.ideation-chip-input{flex:1;min-width:120px;border:none;outline:none;background:transparent;color:var(--ideation-text-primary);font-size:.875rem;padding:4px 0}.ideation-chip-input::-moz-placeholder{color:var(--ideation-text-muted)}.ideation-chip-input::placeholder{color:var(--ideation-text-muted)}.ideation-autocomplete{position:relative}.ideation-autocomplete-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;background:var(--ideation-overlay-bg);border:1px solid var(--ideation-border-strong);border-radius:12px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;animation:acDropIn .12s ease-out}@keyframes acDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ideation-ac-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;border-bottom:1px solid var(--ideation-border-subtle);-webkit-tap-highlight-color:transparent;transition:background .1s}.ideation-ac-item:last-child{border-bottom:none}.ideation-ac-item:active,.ideation-ac-item.highlighted{background:#8b5cf61a}.ideation-ac-name{font-size:.8125rem;color:var(--ideation-text-primary);font-weight:500}.ideation-ac-brand{font-size:.6875rem;color:var(--ideation-text-muted);margin-top:1px}.ideation-ac-nutrition{font-size:.6875rem;color:var(--ideation-text-secondary);white-space:nowrap}.ideation-quick-section{display:flex;flex-direction:column;gap:8px}.ideation-quick-label{font-size:.75rem;color:var(--ideation-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.ideation-quick-grid{display:flex;flex-wrap:wrap;gap:8px}.ideation-quick-chip{padding:8px 14px;border-radius:20px;border:1px solid var(--ideation-border-subtle);background:var(--ideation-surface-soft);color:var(--ideation-text-secondary);font-size:.8125rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.ideation-quick-chip:active{transform:scale(.95)}.ideation-quick-chip.added{background:#8b5cf626;border-color:#8b5cf64d;color:#c4b5fd}.ideation-constraints{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ideation-constraints::-webkit-scrollbar{display:none}.ideation-constraint{flex-shrink:0;padding:8px 16px;border-radius:20px;border:1px solid var(--ideation-border-subtle);background:var(--ideation-surface-soft);color:var(--ideation-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s ease;white-space:nowrap}.ideation-constraint:active{transform:scale(.95)}.ideation-constraint.active{background:linear-gradient(135deg,#8b5cf64d,#06b6d433);border-color:#8b5cf680;color:var(--text-primary)}.ideation-generate-btn{position:relative;width:100%;padding:16px;border:none;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;overflow:hidden;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.ideation-generate-btn:disabled{opacity:.4;cursor:not-allowed}.ideation-generate-btn:not(:disabled):active{transform:scale(.98)}.ideation-generate-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmerSweep 3s ease-in-out infinite}@keyframes shimmerSweep{0%{left:-100%}50%{left:100%}to{left:100%}}.ideation-loading{display:flex;flex-direction:column;gap:16px}.ideation-loading-status{text-align:center;color:#c4b5fd;font-size:.875rem;font-weight:500;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:.7}50%{opacity:1}}.ideation-skeleton-card{background:var(--ideation-card-bg-soft);border:1px solid var(--ideation-border-subtle);border-radius:16px;padding:20px;overflow:hidden;position:relative}.ideation-skeleton-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 25%,rgba(148,163,184,.04) 50%,transparent 75%);animation:skeletonShimmer 1.5s ease-in-out infinite}@keyframes skeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ideation-skeleton-line{height:14px;border-radius:6px;background:color-mix(in srgb,var(--ideation-text-muted) 12%,transparent);margin-bottom:10px}.ideation-skeleton-line.title{width:60%;height:18px}.ideation-skeleton-line.subtitle{width:80%}.ideation-skeleton-line.short{width:40%}.ideation-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.ideation-results-title{font-size:.875rem;font-weight:600;color:var(--ideation-text-primary)}.ideation-new-search-btn{padding:6px 14px;border-radius:8px;border:1px solid var(--ideation-border-strong);background:var(--ideation-surface-soft);color:var(--ideation-text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s}.ideation-new-search-btn:active{background:var(--ideation-surface-hover);transform:scale(.95)}.ideation-ingredients-used{font-size:.75rem;color:var(--ideation-text-muted);margin-bottom:12px}.ideation-recipe-card{background:var(--ideation-card-bg);border:1px solid var(--ideation-border-subtle);border-radius:16px;padding:18px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s}.ideation-recipe-title{font-size:1rem;font-weight:600;color:var(--ideation-text-primary);margin-bottom:4px}.ideation-recipe-desc{font-size:.8125rem;color:var(--ideation-text-secondary);line-height:1.4;margin-bottom:12px}.ideation-recipe-nutrition{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--ideation-surface-soft);border-radius:10px;margin-bottom:12px}.ideation-recipe-stat{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600}.ideation-recipe-stat.cal{color:#fb923c}.ideation-recipe-stat.protein{color:#34d399}.ideation-recipe-stat.time{color:#60a5fa}[data-theme=light] .ideation-recipe-stat.cal{color:#c2410c}[data-theme=light] .ideation-recipe-stat.protein{color:#047857}[data-theme=light] .ideation-recipe-stat.time{color:#1d4ed8}.ideation-recipe-stat-dot{width:3px;height:3px;border-radius:50%;background:var(--ideation-text-muted)}.ideation-confidence{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;font-weight:500;padding:3px 8px;border-radius:6px;margin-bottom:12px}.ideation-confidence.verified{background:color-mix(in srgb,var(--accent-success) 10%,transparent);color:var(--accent-success)}.ideation-confidence.mixed{background:#eab3081a;color:#facc15}.ideation-confidence.estimated{background:color-mix(in srgb,var(--ideation-text-muted) 14%,transparent);color:var(--ideation-text-secondary)}.ideation-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0;border:none;background:none;color:var(--ideation-text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;border-top:1px solid var(--ideation-border-subtle)}.ideation-section-content{padding-bottom:8px}.ideation-ingredient-row{display:grid;grid-template-columns:minmax(0,1fr) max-content 28px;-moz-column-gap:12px;column-gap:12px;align-items:center;padding:6px 0;font-size:.8125rem}.ideation-ingredient-name{color:var(--ideation-text-primary);min-width:0;overflow-wrap:anywhere}.ideation-ingredient-amount{color:var(--ideation-text-secondary);font-size:.75rem;white-space:nowrap;text-align:right;justify-self:end;font-variant-numeric:tabular-nums}.ideation-step-row{display:flex;gap:10px;padding:8px 0;font-size:.8125rem;color:var(--ideation-text-secondary);line-height:1.5}.ideation-step-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#8b5cf626;color:#c4b5fd;font-size:.6875rem;font-weight:600;display:flex;align-items:center;justify-content:center}.ideation-card-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--ideation-border-subtle)}.ideation-save-btn{flex:1;padding:10px 14px;border-radius:10px;border:none;background:linear-gradient(135deg,#8b5cf633,#06b6d426);border:1px solid rgba(139,92,246,.3);color:#c4b5fd;font-size:.8125rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.ideation-save-btn:active{transform:scale(.97);background:linear-gradient(135deg,#8b5cf64d,#06b6d440)}.ideation-save-btn:disabled{opacity:.5;cursor:not-allowed}.ideation-save-btn.saved{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}.ideation-meal-btn{flex:1;padding:10px 14px;border-radius:10px;border:1px solid var(--ideation-border-strong);background:var(--ideation-surface-soft);color:var(--ideation-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.ideation-meal-btn:active{transform:scale(.97);background:var(--ideation-surface-hover)}.ideation-advanced-toggle{display:flex;align-items:center;gap:6px;padding:8px 0;border:none;background:none;color:var(--ideation-text-muted);font-size:.75rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.ideation-advanced-content{background:var(--ideation-card-bg-soft);border:1px solid var(--ideation-border-subtle);border-radius:12px;padding:14px}.ideation-meta{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0;font-size:.6875rem;color:var(--ideation-text-muted)}.ideation-meta-divider{width:1px;height:12px;background:var(--ideation-border-strong)}@media (min-width: 768px){.ideation-content{max-width:640px;margin:0 auto}.ideation-recipe-card{transition:border-color .2s,box-shadow .2s}.ideation-recipe-card:hover{border-color:color-mix(in srgb,rgba(139,92,246,.35) 70%,var(--ideation-border-strong));box-shadow:var(--shadow-lg)}}.ideation-inline-label{color:var(--ideation-text-muted);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:block}.ideation-provider-card,.ideation-model-card{border:1px solid var(--ideation-border-subtle);background:var(--ideation-surface-soft);color:var(--ideation-text-primary)}.ideation-provider-card.selected,.ideation-model-card.selected{border-color:#8b5cf66b;background:linear-gradient(135deg,#8b5cf624,#06b6d41a)}.ideation-provider-title,.ideation-model-title{color:var(--ideation-text-primary)}.ideation-provider-title.selected,.ideation-model-title.selected{color:#c4b5fd}.ideation-provider-copy,.ideation-model-cost{color:var(--ideation-text-muted)}.ideation-swap-btn{color:var(--ideation-text-muted);transition:color .15s ease}.ideation-swap-btn:hover{color:#c084fc}.ideation-sheet-panel{background:var(--ideation-card-bg)!important;border-top:1px solid var(--ideation-border-strong)!important}.ideation-sheet-title{color:var(--ideation-text-primary)}.ideation-sheet-copy,.ideation-sheet-label{color:var(--ideation-text-secondary)}.ideation-sheet-input{width:100%;border-radius:.75rem;border:1px solid var(--ideation-border-strong);background:var(--ideation-surface-input);color:var(--ideation-text-primary)}.ideation-sheet-input::-moz-placeholder{color:var(--ideation-text-muted)}.ideation-sheet-input::placeholder{color:var(--ideation-text-muted)}.ideation-sheet-meal-btn{border-radius:.75rem;background:var(--ideation-surface-soft);color:var(--ideation-text-secondary);transition:background .15s ease,color .15s ease}.ideation-sheet-meal-btn.active{background:var(--accent-primary);color:#fff}.ideation-sheet-submit{width:100%;border-radius:.875rem;background:linear-gradient(135deg,var(--accent-primary),#2563eb);color:#fff}[data-theme=light] .ideation-chip,[data-theme=light] .ideation-chip-remove,[data-theme=light] .ideation-quick-chip.added,[data-theme=light] .ideation-loading-status,[data-theme=light] .ideation-step-num,[data-theme=light] .ideation-save-btn,[data-theme=light] .ideation-provider-title.selected,[data-theme=light] .ideation-model-title.selected{color:#6d28d9}.pantry-location-tabs{display:flex;gap:6px;padding:0 32px 12px 16px;overflow-x:auto;scroll-behavior:smooth;scroll-padding-inline:16px;scroll-snap-type:x proximity;touch-action:pan-x;scrollbar-width:none;mask-image:linear-gradient(to right,transparent 0,black 16px,black calc(100% - 28px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,black 16px,black calc(100% - 28px),transparent 100%)}.pantry-location-tabs::-webkit-scrollbar{display:none}.pantry-location-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;min-height:48px;border-radius:20px;border:1px solid var(--border-default);background:color-mix(in srgb,var(--surface-card) 92%,transparent);color:var(--text-secondary);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s cubic-bezier(.32,.72,0,1);-webkit-tap-highlight-color:transparent;flex-shrink:0;scroll-snap-align:start}.pantry-location-tab:active{transform:scale(.95)}.pantry-location-tab.active{background:color-mix(in srgb,var(--accent-primary-soft) 92%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-primary) 45%,transparent);color:var(--accent-primary)}.pantry-location-tab .tab-count{font-size:11px;padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--surface-elevated) 78%,transparent);color:var(--text-muted)}.pantry-location-tab.active .tab-count{background:color-mix(in srgb,var(--accent-primary-soft) 92%,transparent);color:var(--accent-primary)}.pantry-expiring-section{margin:0 16px 16px;padding:12px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-warning-soft) 95%,transparent),color-mix(in srgb,var(--surface-card) 94%,transparent));border:1px solid color-mix(in srgb,var(--accent-warning) 28%,transparent)}.pantry-expiring-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--accent-warning)}.pantry-expiring-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid color-mix(in srgb,var(--accent-warning) 12%,transparent)}.pantry-expiring-item:first-child{border-top:none}.pantry-expiring-name{font-size:14px;color:var(--text-primary)}.pantry-expiring-days{font-size:12px;font-weight:500;padding:2px 8px;border-radius:8px}.pantry-expiring-days.urgent{background:color-mix(in srgb,var(--accent-danger-soft) 96%,transparent);color:var(--accent-danger)}.pantry-expiring-days.soon{background:color-mix(in srgb,var(--accent-warning-soft) 96%,transparent);color:var(--accent-warning)}.pantry-expiring-days.expired{background:color-mix(in srgb,var(--accent-danger-soft) 98%,transparent);color:var(--accent-danger);font-weight:600}.pantry-item-card{display:flex;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;-webkit-tap-highlight-color:transparent}.pantry-item-card:active{background:var(--surface-hover)}.pantry-item-info{flex:1;min-width:0}.pantry-item-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pantry-item-name.out{color:var(--text-muted);text-decoration:line-through}.pantry-item-meta{display:flex;align-items:center;gap:8px;margin-top:2px;font-size:12px;color:var(--text-muted)}.pantry-status-badge{padding:3px 8px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.pantry-status-badge.in_stock{background:color-mix(in srgb,var(--accent-success-soft) 96%,transparent);color:var(--accent-success)}.pantry-status-badge.low{background:color-mix(in srgb,var(--accent-warning-soft) 96%,transparent);color:var(--accent-warning)}.pantry-status-badge.out{background:color-mix(in srgb,var(--accent-danger-soft) 96%,transparent);color:var(--accent-danger)}.pantry-staple-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-width:48px;min-height:48px;cursor:pointer;-webkit-tap-highlight-color:transparent}.pantry-staple-switch{width:44px;height:26px;border-radius:13px;position:relative;transition:background .2s;flex-shrink:0}.pantry-staple-switch.on{background:linear-gradient(135deg,var(--accent-success),color-mix(in srgb,var(--accent-success) 88%,black))}.pantry-staple-switch.off{background:color-mix(in srgb,var(--surface-elevated) 88%,transparent)}.pantry-staple-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s cubic-bezier(.32,.72,0,1);box-shadow:0 1px 3px #0003}.pantry-staple-switch.on:after{transform:translate(18px)}.pantry-category-group{margin-bottom:8px}.pantry-category-header{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.pantry-fab{position:fixed;right:20px;bottom:var(--bottom-nav-clearance);width:56px;height:56px;border-radius:16px;border:none;background:linear-gradient(135deg,var(--accent-primary),var(--brand-pepi));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px color-mix(in srgb,var(--accent-primary) 35%,transparent);transition:transform .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;z-index:20}.pantry-fab:active{transform:scale(.92)}.pantry-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.pantry-empty-icon{width:80px;height:80px;margin-bottom:16px;border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary-soft) 95%,transparent),color-mix(in srgb,var(--surface-card) 88%,transparent));display:flex;align-items:center;justify-content:center;color:var(--accent-primary)}.pantry-empty-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.pantry-empty-desc{font-size:14px;color:var(--text-muted);max-width:280px;line-height:1.5}.pantry-empty-cta{margin-top:20px;padding:14px 24px;border-radius:12px;border:none;background:var(--accent-primary);color:var(--accent-primary-fg);font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s;-webkit-tap-highlight-color:transparent}.pantry-empty-cta:active{transform:scale(.97)}.pantry-search{margin:0 16px 12px;position:relative}.pantry-search input{width:100%;padding:10px 12px 10px 36px;border-radius:12px;border:1px solid var(--border-default);background:color-mix(in srgb,var(--surface-card) 94%,transparent);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.pantry-search input:focus{border-color:var(--accent-primary)}.pantry-search input::-moz-placeholder{color:var(--text-muted)}.pantry-search input::placeholder{color:var(--text-muted)}.pantry-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.pantry-wizard-overlay{position:fixed;top:calc(var(--demo-banner-height, 0px) + env(safe-area-inset-top));left:0;right:0;bottom:0;z-index:50;background:color-mix(in srgb,var(--surface-sunken) 96%,transparent);display:flex;flex-direction:column}.pantry-wizard-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.pantry-wizard-title{font-size:18px;font-weight:600;color:var(--text-primary)}.pantry-wizard-step-indicator{font-size:13px;color:var(--text-muted)}.pantry-wizard-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 20px 24px}.pantry-wizard-footer{padding:16px 20px;padding-bottom:var(--bottom-nav-clearance);border-top:1px solid var(--border-default)}.pantry-style-card{padding:16px;border-radius:14px;border:2px solid var(--border-default);background:color-mix(in srgb,var(--surface-card) 92%,transparent);margin-bottom:12px;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.pantry-style-card:active{transform:scale(.98)}.pantry-style-card.selected{border-color:color-mix(in srgb,var(--accent-primary) 45%,transparent);background:color-mix(in srgb,var(--accent-primary-soft) 92%,var(--surface-card))}.pantry-style-card-label{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.pantry-style-card-desc{font-size:13px;color:var(--text-muted)}.pantry-style-card-count{font-size:12px;color:var(--accent-primary);margin-top:4px}.pantry-wizard-category{margin-bottom:16px}.pantry-wizard-category-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0;margin-bottom:4px}.pantry-wizard-category-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.pantry-wizard-category-toggle{font-size:12px;color:var(--accent-primary);cursor:pointer;background:none;border:none;padding:12px 8px;min-height:48px;display:flex;align-items:center}.pantry-wizard-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-subtle);cursor:pointer;-webkit-tap-highlight-color:transparent}.pantry-wizard-item-name{font-size:14px;color:var(--text-primary)}.pantry-wizard-cta{width:100%;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--accent-primary),var(--brand-pepi));color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s;-webkit-tap-highlight-color:transparent}.pantry-wizard-cta:active{transform:scale(.98)}.pantry-wizard-cta:disabled{opacity:.5;cursor:not-allowed}.pantry-add-sheet-tabs{display:flex;gap:2px;padding:0 16px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(to right,black calc(100% - 24px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 24px),transparent 100%)}.pantry-add-sheet-tabs::-webkit-scrollbar{display:none}.pantry-add-sheet-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:10px;border:none;background:transparent;color:var(--text-muted);font-size:11px;white-space:nowrap;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;flex-shrink:0;min-width:56px}.pantry-add-sheet-tab.active{background:color-mix(in srgb,var(--accent-primary-soft) 92%,transparent);color:var(--accent-primary)}.pantry-add-sheet-tab-label{line-height:1}@media (max-width: 767px){.pantry-add-sheet-tabs{gap:6px;padding-inline:12px;overflow-x:visible;mask-image:none;-webkit-mask-image:none}.pantry-add-sheet-tab{flex:1 1 0;min-width:0;min-height:58px;padding:8px 4px 10px;white-space:normal}.pantry-add-sheet-tab-label{display:block;font-size:10px;line-height:1.05;text-align:center;white-space:normal}}.pantry-parsed-item{display:flex;align-items:flex-start;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--surface-card) 94%,transparent);border:1px solid var(--border-subtle)}.pantry-location-select{margin-left:auto;padding:2px 4px;border-radius:6px;font-size:11px;outline:none;border:1px solid var(--border-default);color:var(--text-secondary);background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);cursor:pointer}.pantry-location-select[data-location=fridge]{border-color:color-mix(in srgb,var(--accent-info) 28%,transparent);color:var(--accent-info)}.pantry-location-select[data-location=freezer]{border-color:color-mix(in srgb,var(--accent-primary) 20%,transparent);color:color-mix(in srgb,var(--accent-primary) 78%,white)}.pantry-location-select[data-location=pantry]{border-color:color-mix(in srgb,var(--accent-warning) 28%,transparent);color:var(--accent-warning)}.pantry-location-select[data-location=counter]{border-color:color-mix(in srgb,var(--accent-success) 28%,transparent);color:var(--accent-success)}.receipt-review-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-default)}.receipt-review-store{font-size:16px;font-weight:600;color:var(--text-primary)}.receipt-review-date{font-size:13px;color:var(--text-muted)}.receipt-review-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border-subtle)}.receipt-review-item.non-food{opacity:.5}.receipt-review-item-info{flex:1;min-width:0}.receipt-review-item-name{font-size:14px;color:var(--text-primary)}.receipt-review-item-detail{font-size:12px;color:var(--text-muted);margin-top:2px}.receipt-review-confidence{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.receipt-review-confidence.high{background:color-mix(in srgb,var(--accent-success-soft) 96%,transparent);color:var(--accent-success)}.receipt-review-confidence.medium{background:color-mix(in srgb,var(--accent-warning-soft) 96%,transparent);color:var(--accent-warning)}.receipt-review-confidence.low{background:color-mix(in srgb,var(--accent-danger-soft) 96%,transparent);color:var(--accent-danger)}.receipt-review-footer{padding:16px 20px;padding-bottom:var(--bottom-nav-clearance);border-top:1px solid var(--border-default);display:flex;flex-direction:column;gap:8px}.receipt-review-edit-row{padding:8px 20px 12px;display:flex;flex-direction:column;gap:6px;background:color-mix(in srgb,var(--surface-elevated) 88%,transparent);border-bottom:1px solid var(--border-subtle)}.receipt-review-edit-inline{display:flex;gap:6px}.receipt-review-edit-input{width:100%;padding:7px 10px;border-radius:8px;border:1px solid var(--border-default);background:var(--surface-input);color:var(--text-primary);font-size:13px;outline:none}.receipt-review-edit-input:focus{border-color:var(--accent-primary)}.receipt-review-edit-qty{width:70px;flex-shrink:0}.receipt-review-edit-select{flex:1;min-width:0}.receipt-review-total{display:flex;justify-content:space-between;font-size:14px;color:var(--text-secondary)}.pantry-decrement-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.pantry-decrement-item.not-in-pantry{opacity:.4}.pantry-decrement-item-info{flex:1;min-width:0}.pantry-decrement-amount{font-size:13px;color:var(--text-secondary);min-width:60px;text-align:right}.pantry-decrement-bought-fresh{display:flex;align-items:center;gap:10px;padding:12px 0;margin-top:8px;font-size:14px;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent}.pantry-edit-sheet{max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.pantry-edit-row{margin-bottom:16px}.pantry-edit-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-bottom:8px}.pantry-edit-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border-default);background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.pantry-edit-input:focus{border-color:var(--accent-primary)}.pantry-edit-qty-row{display:flex;gap:8px}.pantry-edit-qty{flex:1}.pantry-edit-unit{width:100px}.pantry-edit-chips{display:flex;gap:6px;flex-wrap:wrap}.pantry-edit-chip{padding:8px 14px;border-radius:10px;border:1px solid var(--border-default);background:color-mix(in srgb,var(--surface-card) 92%,transparent);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.pantry-edit-chip.active{border-color:color-mix(in srgb,var(--accent-primary) 45%,transparent);background:color-mix(in srgb,var(--accent-primary-soft) 92%,transparent);color:var(--accent-primary)}.pantry-edit-delete{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--accent-danger)!important}.pantry-edit-delete-confirm{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;background:color-mix(in srgb,var(--accent-danger-soft) 94%,transparent);border:1px solid color-mix(in srgb,var(--accent-danger) 28%,transparent);margin-top:8px}.pantry-edit-delete-btn{padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:500;cursor:pointer}.pantry-edit-delete-btn.cancel{background:color-mix(in srgb,var(--surface-elevated) 78%,transparent);color:var(--text-secondary)}.pantry-edit-delete-btn.confirm{background:color-mix(in srgb,var(--accent-danger-soft) 96%,transparent);color:var(--accent-danger)}.pantry-item-swipe-wrapper{position:relative;overflow:hidden}.pantry-item-swipe-content{position:relative;z-index:1;transition:transform .2s cubic-bezier(.32,.72,0,1);background:var(--surface-card)}.pantry-item-swipe-action-left,.pantry-item-swipe-action-right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.pantry-item-swipe-action-left{left:0;background:color-mix(in srgb,var(--accent-warning-soft) 96%,transparent);color:var(--accent-warning)}.pantry-item-swipe-action-right{right:0;background:color-mix(in srgb,var(--accent-danger-soft) 96%,transparent);color:var(--accent-danger)}.pantry-pull-indicator{display:flex;justify-content:center;padding:8px 0;transform-origin:top}.pantry-pull-spinner{width:24px;height:24px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent-primary) 28%,transparent);border-top-color:var(--accent-primary);animation:spin .8s linear infinite}.pantry-pull-spinner.ready{border-color:var(--accent-primary);border-top-color:color-mix(in srgb,var(--accent-primary) 72%,white)}.pantry-batch-bar{position:fixed;bottom:var(--bottom-nav-clearance);left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:color-mix(in srgb,var(--surface-overlay) 96%,transparent);border-top:1px solid var(--border-default);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pantry-batch-btn{padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.pantry-batch-btn.low{background:color-mix(in srgb,var(--accent-warning-soft) 96%,transparent);color:var(--accent-warning)}.pantry-batch-btn.out{background:color-mix(in srgb,var(--accent-danger-soft) 96%,transparent);color:var(--accent-danger)}.pantry-batch-btn.cancel{background:color-mix(in srgb,var(--surface-elevated) 78%,transparent);color:var(--text-secondary)}.pantry-undo-toast{position:fixed;bottom:var(--bottom-nav-clearance);left:16px;right:16px;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;background:color-mix(in srgb,var(--surface-overlay) 96%,transparent);border:1px solid var(--border-default);box-shadow:var(--shadow-md);color:var(--text-primary);font-size:14px;animation:slideUp .25s cubic-bezier(.32,.72,0,1)}.pantry-undo-btn{padding:6px 14px;border-radius:8px;border:none;background:color-mix(in srgb,var(--accent-primary-soft) 92%,transparent);color:var(--accent-primary);font-size:13px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.pantry-undo-btn:active{background:color-mix(in srgb,var(--accent-primary-soft) 96%,var(--surface-card))}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.pantry-audit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:color-mix(in srgb,var(--surface-sunken) 96%,transparent);display:flex;flex-direction:column}.pantry-audit-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-default)}.pantry-audit-timer{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;background:color-mix(in srgb,var(--accent-primary-soft) 92%,var(--surface-card));color:var(--accent-primary);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.pantry-audit-loc-tab{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;border:1px solid var(--border-default);background:color-mix(in srgb,var(--surface-card) 92%,transparent);color:var(--text-secondary);font-size:12px;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.pantry-audit-loc-tab.active{border-color:color-mix(in srgb,var(--accent-primary) 45%,transparent);background:color-mix(in srgb,var(--accent-primary-soft) 92%,var(--surface-card));color:var(--accent-primary)}.pantry-audit-loc-tab.done{border-color:color-mix(in srgb,var(--accent-success) 28%,transparent);color:var(--accent-success)}.pantry-audit-check-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0;border-bottom:1px solid var(--border-subtle);cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:left}.pantry-audit-card{width:100%;max-width:300px;padding:32px 24px;border-radius:20px;background:linear-gradient(165deg,color-mix(in srgb,var(--surface-card) 94%,transparent),color-mix(in srgb,var(--surface-sunken) 96%,transparent));border:1px solid var(--border-default);box-shadow:var(--shadow-lg);text-align:center;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pantry-audit-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.pantry-audit-confetti:before,.pantry-audit-confetti:after{content:"🎉";position:absolute;font-size:40px;animation:confettiFall 2s ease-out forwards}.pantry-audit-confetti:before{left:20%;top:-50px;animation-delay:.1s}.pantry-audit-confetti:after{right:20%;top:-50px;animation-delay:.3s}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(60vh) rotate(360deg);opacity:0}}.pantry-waste-card{margin:0 16px 16px;padding:12px 16px;border-radius:14px;background:color-mix(in srgb,var(--surface-card) 94%,transparent);border:1px solid var(--border-subtle)}.pantry-waste-header{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.pantry-waste-stats{display:flex;gap:16px}.pantry-waste-stat{display:flex;flex-direction:column;align-items:center}.pantry-waste-stat-value{font-size:18px;font-weight:700}.pantry-waste-stat-label{font-size:11px;color:var(--text-muted)}@media (min-width: 768px){.pantry-fab{right:calc(50% - 300px);bottom:32px}.pantry-category-group,.pantry-expiring-section,.pantry-waste-card{max-width:640px;margin-left:auto;margin-right:auto}.pantry-item-card:hover{background:color-mix(in srgb,var(--surface-hover) 92%,transparent)}.pantry-batch-bar{max-width:640px;left:50%;transform:translate(-50%);border-radius:12px;bottom:var(--bottom-nav-clearance)}.pantry-undo-toast{max-width:400px;left:50%;transform:translate(-50%)}}.model-compare-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--glass-modal-backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;animation:modelCompareBackdropIn .2s ease-out}@keyframes modelCompareBackdropIn{0%{opacity:0}to{opacity:1}}.model-compare-sheet{position:fixed;bottom:0;left:0;right:0;max-height:85vh;overflow-y:auto;z-index:1001;border:1px solid color-mix(in srgb,var(--accent-primary) 18%,var(--border-default));border-radius:20px 20px 0 0;padding:20px 16px calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(165deg,color-mix(in srgb,var(--surface-card) 96%,var(--accent-primary-soft)),var(--surface-card)),var(--surface-card);color:var(--text-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-xl);animation:modelCompareSlideUp .28s cubic-bezier(.32,.72,0,1)}@keyframes modelCompareSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.model-compare-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:var(--surface-elevated);border:1px solid var(--border-default);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.model-compare-close:active{background:var(--surface-hover)}.model-compare-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000e6;display:flex;align-items:center;justify-content:center;cursor:pointer}.model-compare-zoom-img{max-width:95vw;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}.model-compare-hero{margin:-20px -16px 12px;border-radius:20px 20px 0 0;overflow:hidden;max-height:110px;background:var(--surface-sunken)}.model-compare-hero-img{width:100%;height:110px;-o-object-fit:cover;object-fit:cover;display:block}.model-compare-header{margin-bottom:16px}.model-compare-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.model-compare-subtitle{font-size:.6875rem;color:var(--text-muted);margin-top:2px}.model-compare-columns{display:flex;gap:8px;margin-bottom:12px}.model-compare-col-label{flex:1;text-align:center;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:6px 0;border-radius:8px}.model-compare-col-label.base{color:var(--text-secondary);background:var(--surface-hover);border:1px solid var(--border-subtle)}.model-compare-col-label.finetuned{background:color-mix(in srgb,var(--purple-500) 12%,var(--surface-card));border:1px solid color-mix(in srgb,var(--purple-500) 25%,transparent);color:var(--purple-500)}.model-compare-prediction{padding:10px 12px;border-radius:10px;background:var(--surface-sunken);border:1px solid var(--border-subtle);margin-bottom:8px;cursor:pointer;transition:border-color .15s,background .15s}.model-compare-prediction:active{background:var(--surface-hover)}.model-compare-prediction.selected{border-color:color-mix(in srgb,var(--purple-500) 50%,transparent);background:color-mix(in srgb,var(--purple-500) 9%,var(--surface-card))}.model-compare-rank{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:9999px;font-size:.625rem;font-weight:700;margin-right:8px;flex-shrink:0}.model-compare-rank.top-1{background:linear-gradient(135deg,var(--purple-500),var(--accent-info));color:var(--text-inverse);box-shadow:0 0 8px color-mix(in srgb,var(--purple-500) 30%,transparent)}.model-compare-rank.other{background:var(--surface-hover);color:var(--text-muted)}.model-compare-label{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.model-compare-label-row{display:flex;align-items:center;margin-bottom:6px}.model-compare-bar-row{display:flex;align-items:center;gap:8px;margin-top:4px}.model-compare-bar-tag{width:80px;font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.model-compare-bar-tag.base{color:var(--text-secondary)}.model-compare-bar-tag.finetuned{color:var(--purple-500)}.model-compare-bar-bg{flex:1;height:6px;border-radius:3px;background:var(--surface-hover);overflow:hidden}.model-compare-bar-fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.32,.72,0,1)}.model-compare-bar-fill.high{background:var(--accent-success)}.model-compare-bar-fill.medium{background:var(--accent-warning)}.model-compare-bar-fill.low{background:var(--accent-danger)}.model-compare-bar-fill.winner{position:relative;overflow:hidden}.model-compare-bar-fill.winner:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);animation:modelBarShimmer 2.5s ease-in-out infinite}@keyframes modelBarShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.model-compare-bar-pct{width:32px;text-align:right;font-size:.75rem;font-weight:600;flex-shrink:0;color:var(--text-secondary)}.model-compare-raw-pct,.model-compare-latency{color:var(--text-muted);flex-shrink:0}.model-compare-raw-pct{font-size:.6rem}.model-compare-latency{font-size:.55rem}.model-compare-summary{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.model-compare-summary-highlight{color:var(--purple-500);font-weight:600}.model-compare-custom{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.model-compare-custom-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border-default);background:var(--surface-input);color:var(--text-primary);font-size:.8125rem;outline:none}.model-compare-custom-input:focus{border-color:color-mix(in srgb,var(--purple-500) 50%,transparent)}.model-compare-custom-input::-moz-placeholder{color:var(--text-muted)}.model-compare-custom-input::placeholder{color:var(--text-muted)}.model-compare-loading{text-align:center;padding:40px 0}.model-compare-spinner{width:40px;height:40px;border:3px solid color-mix(in srgb,var(--purple-500) 20%,transparent);border-top-color:color-mix(in srgb,var(--purple-500) 80%,transparent);border-radius:50%;animation:modelCompareSpin .8s linear infinite;margin:0 auto 12px}@keyframes modelCompareSpin{to{transform:rotate(360deg)}}.model-compare-loading-text{font-size:.875rem;color:var(--purple-500)}.model-compare-expand-btn{width:100%;padding:10px;margin-top:8px;border-radius:8px;border:1px dashed color-mix(in srgb,var(--purple-500) 25%,transparent);background:color-mix(in srgb,var(--purple-500) 7%,var(--surface-card));color:var(--purple-500);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.model-compare-expand-btn:active{background:color-mix(in srgb,var(--purple-500) 12%,var(--surface-card));border-color:color-mix(in srgb,var(--purple-500) 40%,transparent)}.model-compare-save-btn{width:100%;padding:14px;margin-top:12px;border-radius:12px;border:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;background:linear-gradient(135deg,var(--purple-500),var(--accent-info));color:var(--text-inverse)}.model-compare-save-btn:disabled{background:var(--surface-hover);color:var(--text-muted);cursor:not-allowed}.model-compare-save-btn:not(:disabled):active{transform:scale(.98)}.model-compare-selected{margin-top:12px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--purple-500) 12%,var(--surface-card));border:1px solid color-mix(in srgb,var(--purple-500) 30%,transparent);display:flex;align-items:center;justify-content:space-between}.model-compare-selected-label{font-size:.875rem;font-weight:600;color:var(--purple-500)}.model-compare-selected-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;color:var(--accent-success);letter-spacing:.04em}@media (min-width: 768px){.model-compare-sheet{left:50%;right:auto;bottom:50%;transform:translate(-50%,50%);border-radius:20px;width:440px;padding:24px;animation:modelCompareScaleIn .2s cubic-bezier(.32,.72,0,1)}@keyframes modelCompareScaleIn{0%{opacity:0;transform:translate(-50%,50%) scale(.95)}to{opacity:1;transform:translate(-50%,50%) scale(1)}}}.import-pill{position:fixed;bottom:calc(var(--bottom-nav-clearance) + 12px);right:1rem;z-index:9999;min-width:180px;max-width:300px;border-radius:1rem;box-shadow:var(--shadow-xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-default);cursor:pointer;animation:import-pill-slide-up .3s cubic-bezier(.32,.72,0,1);-moz-user-select:none;user-select:none;-webkit-user-select:none}@keyframes import-pill-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.import-pill--active{background:color-mix(in srgb,var(--surface-overlay) 94%,var(--accent-primary-soft));border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent)}.import-pill--error{background:color-mix(in srgb,var(--surface-overlay) 92%,var(--accent-danger-soft));border-color:color-mix(in srgb,var(--accent-danger) 32%,transparent)}.import-pill--complete{background:color-mix(in srgb,var(--surface-overlay) 92%,var(--accent-success-soft));border-color:color-mix(in srgb,var(--accent-success) 32%,transparent)}.import-pill--review{background:color-mix(in srgb,var(--surface-overlay) 92%,rgb(139 92 246 / .16));border-color:color-mix(in srgb,var(--accent-primary) 22%,rgb(139 92 246 / .42))}.import-pill--expanded{max-width:320px;width:calc(100vw - 2rem)}@media (min-width: 640px){.import-pill--expanded{width:300px}}.import-pill__header{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;gap:.5rem}.import-pill__left{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.import-pill__icon{width:1.25rem;height:1.25rem;flex-shrink:0}.import-pill__icon--spin{color:var(--accent-primary);animation:spin 1s linear infinite}.import-pill__icon--success{color:var(--accent-success)}.import-pill__icon--error{color:var(--accent-danger)}.import-pill__icon--review{color:color-mix(in srgb,var(--accent-primary) 62%,rgb(167 139 250))}.import-pill__text{display:flex;flex-direction:column;min-width:0;gap:1px}.import-pill__label{font-size:.8125rem;font-weight:600;color:var(--text-primary);line-height:1.2}.import-pill__title{font-size:.6875rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.import-pill__actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.import-pill__btn-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.5rem;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s}.import-pill__btn-icon:hover{background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);color:var(--text-primary)}.import-pill__btn-icon:focus{outline:none;box-shadow:none}.import-pill__body{padding:0 .75rem .625rem;cursor:default}.import-pill__progress-bar{height:4px;background:color-mix(in srgb,var(--surface-elevated) 86%,transparent);border-radius:2px;overflow:hidden;margin-bottom:.375rem}.import-pill__progress-fill{height:100%;background:var(--accent-primary);border-radius:2px;transition:width .5s ease}.import-pill--error .import-pill__progress-fill{background:var(--accent-danger)}.import-pill--complete .import-pill__progress-fill{background:var(--accent-success)}.import-pill__meta{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--text-muted);margin-bottom:.5rem}.import-pill__error-msg{font-size:.75rem;color:var(--accent-danger);margin-bottom:.5rem;line-height:1.4}.import-pill__button-row{display:flex;gap:.375rem}.import-pill__btn:focus{outline:none;box-shadow:none}.import-pill__btn{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:.5rem;border:1px solid transparent;cursor:pointer;transition:all .15s;flex:1}.import-pill__btn--cancel{background:color-mix(in srgb,var(--accent-danger-soft) 92%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-danger) 26%,transparent);color:var(--accent-danger)}.import-pill__btn--cancel:hover{background:color-mix(in srgb,var(--accent-danger-soft) 82%,var(--surface-card))}.import-pill__btn--retry{background:color-mix(in srgb,var(--accent-primary-soft) 92%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-primary) 28%,transparent);color:var(--accent-primary)}.import-pill__btn--retry:hover{background:color-mix(in srgb,var(--accent-primary-soft) 82%,var(--surface-card))}.import-pill__btn--view{background:color-mix(in srgb,var(--accent-success-soft) 92%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-success) 28%,transparent);color:var(--accent-success)}.import-pill__btn--view:hover{background:color-mix(in srgb,var(--accent-success-soft) 82%,var(--surface-card))}@media (min-width: 768px){.import-pill{bottom:2rem;right:2rem}}.taste-onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet-backdrop);display:flex;align-items:flex-end;justify-content:center;padding-top:24px;background:var(--glass-modal-backdrop, rgb(15 23 42 / .55));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.taste-onboarding-panel{width:min(100%,28rem);overflow:hidden;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;border:1px solid color-mix(in srgb,var(--border-default) 88%,transparent);background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent-primary-soft) 88%,transparent),transparent 52%),linear-gradient(180deg,color-mix(in srgb,var(--surface-card) 92%,transparent),color-mix(in srgb,var(--surface-overlay) 96%,transparent));box-shadow:var(--shadow-xl);color:var(--text-primary)}.taste-onboarding-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.25rem .75rem}.taste-onboarding-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.taste-onboarding-copy{margin:.125rem 0 0;font-size:.875rem;color:var(--text-secondary)}.taste-onboarding-close{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--border-default);border-radius:.875rem;background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);color:var(--text-secondary);transition:background-color .18s ease,color .18s ease,transform .18s ease}.taste-onboarding-close:hover{background:var(--surface-hover);color:var(--text-primary)}.taste-onboarding-close:active{transform:scale(.96)}.taste-onboarding-progress{display:flex;gap:.5rem;padding:0 1.25rem 1rem}.taste-onboarding-progress-bar{height:.25rem;flex:1;border-radius:999px;background:color-mix(in srgb,var(--surface-elevated) 92%,var(--surface-card))}.taste-onboarding-progress-bar.active{background:linear-gradient(90deg,var(--purple-500),var(--cyan-500))}.taste-onboarding-content{overflow-y:auto;padding:0 1.25rem 1.25rem}.taste-onboarding-label{margin:0 0 .75rem;font-size:.875rem;color:var(--text-secondary)}.taste-onboarding-label-icon{display:flex;align-items:center;gap:.5rem}.taste-onboarding-chip-group{display:flex;flex-wrap:wrap;gap:.5rem}.taste-onboarding-chip-group-spaced{margin-bottom:1.25rem}.taste-onboarding-chip{display:inline-flex;align-items:center;padding:.55rem .9rem;border:1px solid var(--border-default);border-radius:999px;background:color-mix(in srgb,var(--surface-elevated) 78%,transparent);color:var(--text-secondary);font-size:.875rem;line-height:1.2;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.taste-onboarding-chip:hover{border-color:var(--border-strong);background:var(--surface-hover);color:var(--text-primary)}.taste-onboarding-chip:active{transform:scale(.96)}.taste-onboarding-chip-selected{border-color:color-mix(in srgb,var(--accent-primary) 42%,transparent);background:color-mix(in srgb,var(--accent-primary-soft) 92%,var(--surface-card));color:var(--accent-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-primary) 18%,transparent)}.taste-onboarding-chip-allergy{border-color:color-mix(in srgb,var(--accent-danger) 42%,transparent);background:color-mix(in srgb,var(--accent-danger-soft) 92%,var(--surface-card));color:var(--accent-danger);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-danger) 18%,transparent)}.taste-onboarding-footer{display:flex;gap:.75rem;padding:.75rem 1.25rem 0;border-top:1px solid color-mix(in srgb,var(--border-default) 90%,transparent)}.taste-onboarding-secondary,.taste-onboarding-primary{flex:1;min-height:3rem;border-radius:1rem;font-size:.875rem;font-weight:600;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease}.taste-onboarding-secondary{border:1px solid var(--border-default);background:color-mix(in srgb,var(--surface-card) 92%,var(--surface-elevated));color:var(--text-secondary)}.taste-onboarding-secondary:hover{background:var(--surface-hover);color:var(--text-primary)}.taste-onboarding-primary{border:1px solid transparent;background:linear-gradient(90deg,var(--purple-500),var(--cyan-500));color:var(--text-inverse);box-shadow:0 10px 24px color-mix(in srgb,var(--purple-500) 18%,transparent)}.taste-onboarding-primary:active,.taste-onboarding-secondary:active{transform:scale(.98)}.taste-onboarding-primary[data-loading=true],.taste-onboarding-primary:disabled{opacity:.5}@media (min-width: 768px){.taste-onboarding-overlay{align-items:center;padding:24px}.taste-onboarding-panel{border-radius:1.5rem}.taste-onboarding-footer{padding-bottom:1.25rem!important}}.pepi-side-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1900;animation:pepiBackdropIn .2s ease-out}.pepi-side-panel{position:fixed;top:0;right:0;width:380px;height:100vh;height:100dvh;z-index:2000;background:linear-gradient(165deg,#1e293bfc,#0f172a);border-left:1px solid rgba(148,163,184,.1);box-shadow:-8px 0 32px #0006;display:flex;flex-direction:column;overflow:hidden;animation:pepiSlideInRight .3s cubic-bezier(.4,0,.2,1)}.pepi-side-panel .pepi-chat-panel{display:flex;flex-direction:column;height:100%}.pepi-side-panel .chat-messages{flex:1;overflow-y:auto}.pepi-side-panel .chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px}.pepi-side-panel .chat-input-area{border-top:1px solid rgba(148,163,184,.1);padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.pepi-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(180deg,#0f172afa,#0f172af0);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.1);flex-shrink:0;position:relative;z-index:1}.pepi-panel-header-title{display:flex;align-items:center;gap:8px;background:#0f172a94;border:none;color:#fff;font-size:16px;font-weight:600;cursor:pointer;padding:6px 10px;border-radius:12px;transition:background .15s ease,transform .15s ease}.pepi-panel-header-title:hover{background:#1e293bb8}.pepi-panel-header-title:active{background:#334155c7;transform:scale(.98)}.pepi-panel-header-avatar{width:28px;height:28px;border-radius:50%}.pepi-panel-header-actions{display:flex;gap:4px}.pepi-panel-header-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#94a3b81a;border:none;color:#94a3b8cc;cursor:pointer;transition:background .15s,color .15s}.pepi-panel-header-btn:hover{background:#94a3b833;color:#fff}@media (min-width: 1280px){.pepi-side-backdrop{display:none!important}html.pepi-panel-open .app-content,html.pepi-panel-open .page-wrapper,html.pepi-panel-open>body>div:first-child{transition:margin-right .3s cubic-bezier(.4,0,.2,1);margin-right:380px}}@media (min-width: 768px) and (max-width: 1279px){.pepi-side-backdrop{display:block}}@media (max-width: 767px){.pepi-side-backdrop{display:block}.pepi-side-panel{width:100%;top:0;left:0;right:0;bottom:0;border-left:none;border-radius:0;animation:pepiSlideUp .28s cubic-bezier(.32,.72,0,1)}}html.pepi-panel-open .settings-bar-container{pointer-events:none!important;opacity:0!important;transition:opacity .15s ease}.pepi-minimized-bar{position:fixed;bottom:calc(var(--bottom-nav-clearance) + 4px);right:16px;z-index:1800;display:flex;align-items:center;gap:8px;padding:10px 16px;max-width:280px;background:linear-gradient(135deg,#1e293bf2,#0f172afa);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(139,92,246,.3);border-radius:24px;box-shadow:0 4px 20px #0006,0 0 0 1px #8b5cf61a;cursor:pointer;color:#fff;font-size:13px;transition:transform .15s ease,box-shadow .15s ease;animation:pepiBarSlideUp .25s cubic-bezier(.32,.72,0,1)}body.has-recipe-action-bar .pepi-minimized-bar{bottom:calc(var(--bottom-nav-clearance) + 60px)}body.has-modal-bottom-cta .pepi-minimized-bar,body.has-modal-bottom-cta .chat-fab{display:none!important}.pepi-minimized-bar:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000080,0 0 0 1px #8b5cf64d}.pepi-minimized-bar:active{transform:scale(.97)}.pepi-minimized-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0}.pepi-minimized-label{font-weight:600;flex-shrink:0}.pepi-minimized-snippet{color:#94a3b8cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.pepi-minimized-icon{width:16px;height:16px;color:#8b5cf6b3;flex-shrink:0}@keyframes pepiBarSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pepi-minimized-bar~.chat-fab{display:none}@keyframes pepiSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pepiSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pepiBackdropIn{0%{opacity:0}to{opacity:1}}.privacy-blur{--privacy-blur-radius: 4px;--privacy-blur-opacity: .86;--privacy-blur-text: color-mix(in srgb, var(--text-primary) 62%, transparent);--privacy-blur-field-surface: color-mix(in srgb, var(--surface-elevated) 90%, transparent);--privacy-blur-field-border: color-mix(in srgb, var(--border-default) 74%, transparent);filter:blur(var(--privacy-blur-radius)) saturate(.82);color:var(--privacy-blur-text);opacity:var(--privacy-blur-opacity);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transition:filter .2s ease-out,opacity .2s ease-out,color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out}.privacy-blur{will-change:filter;transform:translateZ(0)}.privacy-blur:is(input,textarea,select){background:var(--privacy-blur-field-surface);border-color:var(--privacy-blur-field-border);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-sunken) 32%,transparent)}.privacy-blur:focus{outline:none}@media (max-width: 768px){.privacy-blur{--privacy-blur-radius: 3px;--privacy-blur-opacity: .9}}.demo-mode-indicator{--demo-pill-background: linear-gradient( 135deg, color-mix(in srgb, var(--surface-card) 92%, var(--accent-primary-soft)), color-mix(in srgb, var(--surface-elevated) 88%, var(--accent-info-soft)) );--demo-pill-background-hover: linear-gradient( 135deg, color-mix(in srgb, var(--surface-card) 88%, var(--accent-primary-soft)), color-mix(in srgb, var(--surface-elevated) 82%, var(--accent-info-soft)) );--demo-pill-border: color-mix(in srgb, var(--accent-primary) 22%, var(--border-default));--demo-pill-ring: color-mix(in srgb, var(--accent-primary) 18%, transparent);position:fixed;bottom:20px;right:20px;z-index:9999;min-height:40px;padding:8px 14px;background:var(--demo-pill-background);color:var(--text-primary);border:1px solid var(--demo-pill-border);border-radius:999px;font-size:12px;font-weight:600;line-height:1;box-shadow:var(--shadow-lg),0 0 0 1px var(--demo-pill-ring);-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;animation:slideIn .3s ease-out}.demo-mode-indicator:hover{transform:translateY(-1px);background:var(--demo-pill-background-hover);box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--accent-primary) 26%,transparent)}.demo-mode-indicator:active{transform:scale(.98)}.demo-mode-indicator:focus-visible{outline:none;box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--accent-primary) 30%,transparent),0 0 0 4px var(--accent-primary-ring)}.demo-mode-indicator__label--compact{display:none}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.demo-mode-indicator .eye-icon{animation:pulse 2s ease-in-out infinite;color:var(--accent-primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 768px){.demo-mode-indicator{bottom:calc(var(--bottom-nav-clearance) + env(safe-area-inset-bottom,0px) + 6px);right:12px;min-height:34px;padding:6px 10px;gap:6px;font-size:11px;box-shadow:var(--shadow-md),0 0 0 1px var(--demo-pill-ring)}.demo-mode-indicator__label--full{display:none}.demo-mode-indicator__label--compact{display:inline}}.privacy-placeholder{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:.875rem;font-style:italic}.privacy-placeholder-icon{width:14px;height:14px;flex-shrink:0;color:color-mix(in srgb,var(--text-muted) 78%,var(--border-strong))}.privacy-placeholder-label{line-height:1.2}.privacy-card-placeholder{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:var(--text-secondary);font-size:.875rem;font-style:italic;background:color-mix(in srgb,var(--surface-elevated) 84%,transparent);border:1px dashed color-mix(in srgb,var(--border-default) 82%,transparent);border-radius:8px;box-shadow:var(--shadow-sm)}.privacy-card-placeholder-icon{width:16px;height:16px;flex-shrink:0;color:color-mix(in srgb,var(--text-secondary) 72%,var(--border-strong))}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none;margin:0;padding:0}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;min-height:100dvh;text-rendering:optimizeSpeed;line-height:1.5}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html,body{height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,button,textarea,select{color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}:root{--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--z-negative: -1;--z-base: 0;--z-content: 10;--z-sticky: 20;--z-navigation: 50;--z-sidebar: 60;--z-dropdown: 100;--z-sheet-backdrop: 200;--z-sheet: 201;--z-float-backdrop: 200;--z-float: 201;--z-confirm: 20000000;--z-toast: 400;--z-system: 500;--z-modal: 200;--header-height-mobile: 56px;--header-height-desktop: 64px;--sidebar-width: 64px;--tab-bar-height: 4rem;--day-header-height: 48px;--modal-bottom-offset: var(--bottom-nav-clearance);--bottom-nav-clearance: calc(env(safe-area-inset-bottom, 0px) + var(--tab-bar-height) + 12px);--overlay-backdrop-30: rgb(0 0 0 / .3);--overlay-backdrop-50: rgb(0 0 0 / .5);--overlay-backdrop-60: rgb(0 0 0 / .6);--overlay-backdrop-70: rgb(0 0 0 / .7);--overlay-backdrop-80: rgb(0 0 0 / .8);--overlay-backdrop-90: rgb(0 0 0 / .9);--overlay-backdrop-95: rgb(0 0 0 / .95);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--container-sm: 640px;--container-md: 900px;--container-lg: 1024px;--container-xl: 1280px;--day-view-min-width: 500px;--day-view-width: 100%;--day-view-max-width: 2000px;--analytics-min-width: 500px;--analytics-width: 1500px;--analytics-max-width: 2000px;--category-settings-min-width: 500px;--category-settings-width: var(--container-lg);--category-settings-max-width: 2000px;--garmin-settings-min-width: 500px;--garmin-settings-width: 1100px;--garmin-settings-max-width: 2000px;--user-settings-min-width: 500px;--user-settings-width: var(--container-md);--user-settings-max-width: 2000px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--font-sans: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius: var(--radius-md);--surface-primary: var(--surface-card);--surface-secondary: var(--surface-elevated);--surface-input: var(--surface-overlay);--surface-muted: color-mix(in srgb, var(--surface-elevated) 78%, transparent);--surface-hover: color-mix(in srgb, var(--surface-elevated) 72%, var(--surface-card));--surface-active: color-mix(in srgb, var(--surface-elevated) 56%, var(--surface-card));--surface-card-hover: var(--surface-hover);--border-primary: var(--border-default)}@media (min-width: 768px){:root{--bottom-nav-clearance: 12px}}body .page-content-container,.page-wrapper .page-content-container,html body .page-content-container{width:100%!important;margin-left:auto!important;margin-right:auto!important;max-width:1200px!important}body.day-view-page .page-content-container,html body.day-view-page .page-content-container,#main-app .day-view-page .page-content-container,div.day-view-page div.page-content-container{max-width:var(--day-view-width)!important}body.analytics-page .page-content-container,html body.analytics-page .page-content-container,#main-app .analytics-page .page-content-container,div.analytics-page div.page-content-container{max-width:var(--analytics-width)!important}body.category-settings-page .page-content-container,html body.category-settings-page .page-content-container,#main-app .category-settings-page .page-content-container,div.category-settings-page div.page-content-container{max-width:var(--category-settings-width)!important}body.garmin-settings-page .page-content-container,html body.garmin-settings-page .page-content-container,#main-app .garmin-settings-page .page-content-container,div.garmin-settings-page div.page-content-container{max-width:var(--garmin-settings-width)!important}body.profile-settings-page .page-content-container,html body.profile-settings-page .page-content-container,#main-app .profile-settings-page .page-content-container,div.profile-settings-page div.page-content-container{max-width:var(--user-settings-width)!important}html{color-scheme:light dark}.disable-transitions,.disable-transitions *,.disable-transitions *:before,.disable-transitions *:after{transition:none!important}:root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-900: #1e3a8a;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-900: #4c1d95;--purple-500: #a855f7;--purple-600: #9333ea;--purple-900: #581c87;--indigo-500: #6366f1;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--cyan-600: #0891b2;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #8a4900;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--emerald-500: #10b981;--emerald-600: #059669;--surface-page: var(--slate-900);--surface-sunken: var(--slate-950);--surface-card: var(--slate-800);--surface-elevated: var(--slate-700);--surface-overlay: var(--slate-800);--text-primary: var(--slate-50);--text-secondary: var(--slate-300);--text-muted: var(--slate-400);--text-disabled: var(--slate-500);--text-inverse: #ffffff;--text-link: var(--blue-400);--text-link-hover: var(--blue-300);--border-subtle: rgb(148 163 184 / .12);--border-default: rgb(148 163 184 / .2);--border-strong: var(--slate-600);--border-focus: var(--blue-500);--scrollbar-thumb: var(--slate-600);--scrollbar-thumb-hover: var(--slate-500);--accent-primary: var(--blue-500);--accent-primary-hover: var(--blue-600);--accent-primary-active: var(--blue-700);--accent-primary-soft: rgb(59 130 246 / .12);--accent-primary-ring: rgb(59 130 246 / .5);--accent-primary-fg: var(--text-inverse);--accent-success: var(--green-500);--accent-success-hover: var(--green-600);--accent-success-soft: rgb(34 197 94 / .12);--accent-success-fg: var(--slate-900);--accent-warning: var(--amber-500);--accent-warning-hover: var(--amber-600);--accent-warning-soft: rgb(245 158 11 / .12);--accent-warning-fg: var(--slate-900);--accent-orange: var(--orange-500);--accent-danger: var(--red-500);--accent-danger-hover: var(--red-600);--accent-danger-soft: rgb(239 68 68 / .1);--accent-danger-fg: var(--text-inverse);--accent-info: var(--blue-500);--accent-info-soft: rgb(59 130 246 / .08);--accent-info-fg: var(--blue-300);--ai-purple: var(--purple-500);--ai-purple-soft: rgb(168 85 247 / .12);--ai-purple-fg: var(--text-inverse);--tooltip-surface: color-mix(in srgb, var(--slate-900) 94%, black 6%);--tooltip-border: rgb(148 163 184 / .24);--tooltip-text: var(--slate-50);--tooltip-shadow: 0 10px 30px rgb(0 0 0 / .38);--shadow-sm: 0 1px 2px rgb(0 0 0 / .3);--shadow-md: 0 4px 12px rgb(0 0 0 / .35);--shadow-lg: 0 8px 32px rgb(0 0 0 / .4);--shadow-xl: 0 16px 48px rgb(0 0 0 / .5);--shadow-inset-highlight: inset 0 1px 0 rgb(255 255 255 / .05);--shadow-inset-highlight-bottom: inset 0 -1px 0 rgb(255 255 255 / .05);--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 217.2 32.6% 17.5%;--card-foreground: 210 40% 98%;--popover: 217.2 32.6% 17.5%;--popover-foreground: 210 40% 98%;--primary: 217 91% 60%;--primary-foreground: 0 0% 100%;--secondary: 215 16% 47%;--secondary-foreground: 210 40% 98%;--muted: 215 28% 17%;--muted-foreground: 215 20% 65%;--accent: 217 91% 60%;--accent-foreground: 0 0% 100%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 100%;--border: 215 19% 35%;--input: 215 25% 10%;--ring: 217 91% 60%;--background-color: var(--surface-page);--card-background: var(--surface-card);--text-color: var(--text-primary);--secondary-text: var(--text-secondary);--primary-accent: var(--accent-primary);color-scheme:dark}[data-theme=light]{--surface-page: var(--slate-50);--surface-sunken: #ffffff;--surface-card: #ffffff;--surface-elevated: var(--slate-50);--surface-overlay: #ffffff;--text-primary: var(--slate-900);--text-secondary: var(--slate-700);--text-muted: var(--slate-600);--text-disabled: var(--slate-500);--text-inverse: #ffffff;--text-link: var(--blue-600);--text-link-hover: var(--blue-700);--border-subtle: rgb(15 23 42 / .1);--border-default: rgb(15 23 42 / .22);--border-strong: var(--slate-300);--border-focus: var(--blue-500);--scrollbar-thumb: var(--slate-300);--scrollbar-thumb-hover: var(--slate-400);--accent-primary: var(--blue-600);--accent-primary-hover: var(--blue-700);--accent-primary-active: #1e40af;--accent-primary-soft: rgb(37 99 235 / .08);--accent-primary-ring: rgb(37 99 235 / .4);--accent-primary-fg: #ffffff;--accent-success: var(--green-600);--accent-success-hover: var(--green-700);--accent-success-soft: rgb(22 163 74 / .1);--accent-success-fg: #ffffff;--accent-warning: var(--amber-600);--accent-warning-hover: var(--amber-700);--accent-warning-soft: rgb(217 119 6 / .12);--accent-warning-fg: #ffffff;--accent-orange: var(--orange-600);--accent-danger: var(--red-600);--accent-danger-hover: var(--red-700);--accent-danger-soft: rgb(220 38 38 / .08);--accent-danger-fg: #ffffff;--accent-info: var(--blue-600);--accent-info-soft: rgb(37 99 235 / .06);--accent-info-fg: var(--blue-700);--ai-purple: var(--purple-600);--ai-purple-soft: rgb(147 51 234 / .1);--ai-purple-fg: #ffffff;--tooltip-surface: color-mix(in srgb, var(--slate-900) 94%, black 6%);--tooltip-border: rgb(148 163 184 / .24);--tooltip-text: var(--slate-50);--tooltip-shadow: 0 10px 30px rgb(0 0 0 / .38);--shadow-sm: 0 1px 2px rgb(15 23 42 / .06);--shadow-md: 0 4px 12px rgb(15 23 42 / .08);--shadow-lg: 0 8px 32px rgb(15 23 42 / .1);--shadow-xl: 0 16px 48px rgb(15 23 42 / .15);--shadow-inset-highlight: inset 0 1px 0 rgb(255 255 255 / .8);--shadow-inset-highlight-bottom: inset 0 -1px 0 rgb(15 23 42 / .04);--background: 210 40% 98%;--foreground: 222 47% 11%;--card: 0 0% 100%;--card-foreground: 222 47% 11%;--popover: 0 0% 100%;--popover-foreground: 222 47% 11%;--primary: 217 91% 53%;--primary-foreground: 0 0% 100%;--secondary: 215 16% 47%;--secondary-foreground: 222 47% 11%;--muted: 210 40% 96%;--muted-foreground: 215 16% 47%;--accent: 217 91% 53%;--accent-foreground: 0 0% 100%;--destructive: 0 72% 41%;--destructive-foreground: 0 0% 100%;--border: 214 32% 91%;--input: 214 32% 91%;--ring: 217 91% 53%;color-scheme:light}:root{--glass-sheet-bg: linear-gradient(165deg, rgb(30 41 59 / .98), rgb(15 23 42 / .99));--glass-sheet-border: rgb(148 163 184 / .12);--glass-sheet-shadow: 0 -8px 32px rgb(0 0 0 / .4);--glass-float-bg: linear-gradient(165deg, rgb(30 41 59 / .97), rgb(20 27 40 / .98));--glass-float-border: rgb(148 163 184 / .1);--glass-float-shadow: 0 8px 32px rgb(0 0 0 / .45), 0 0 0 .5px rgb(255 255 255 / .05) inset;--glass-modal-backdrop: rgb(0 0 0 / .45);--glass-blur: 20px;--glass-blur-backdrop: 6px}[data-theme=light]{--glass-sheet-bg: linear-gradient(165deg, rgb(255 255 255 / .98), rgb(248 250 252 / .99));--glass-sheet-border: rgb(15 23 42 / .08);--glass-sheet-shadow: 0 -8px 32px rgb(15 23 42 / .12);--glass-float-bg: linear-gradient(165deg, rgb(255 255 255 / .97), rgb(248 250 252 / .98));--glass-float-border: rgb(15 23 42 / .08);--glass-float-shadow: 0 8px 32px rgb(15 23 42 / .15), 0 0 0 .5px rgb(15 23 42 / .04) inset;--glass-modal-backdrop: rgb(15 23 42 / .4)}:root{--brand-pepi: var(--violet-500);--brand-pepi-bright: var(--purple-500);--brand-pepi-deep: var(--violet-600);--brand-pepi-ink: var(--purple-900);--brand-pepi-glass-bg: rgb(88 28 135 / .4);--brand-pepi-soft: rgb(168 85 247 / .12);--brand-pepi-fg: var(--text-inverse);--brand-pepi-gradient: linear-gradient(135deg, var(--indigo-500) 0%, var(--violet-500) 40%, var(--purple-500) 70%, var(--violet-600) 100%);--brand-ai-cyan: var(--cyan-500);--brand-ai-cyan-bright: var(--cyan-400);--brand-ai-gradient: linear-gradient(135deg, var(--violet-500), var(--cyan-500));--brand-deficit: var(--emerald-500);--brand-deficit-strong: var(--emerald-600);--brand-deficit-soft: rgb(16 185 129 / .12);--chart-1: var(--blue-500);--chart-2: var(--emerald-500);--chart-3: var(--amber-500);--chart-4: var(--purple-500);--chart-5: var(--cyan-500);--chart-6: var(--red-500);--chart-7: var(--violet-400);--chart-8: var(--green-400)}[data-theme=light]{--brand-pepi: var(--violet-600);--brand-pepi-bright: var(--purple-600);--brand-pepi-deep: var(--violet-700);--brand-pepi-ink: var(--violet-900);--brand-pepi-glass-bg: rgb(139 92 246 / .1);--brand-pepi-soft: rgb(168 85 247 / .1);--brand-pepi-fg: #ffffff;--brand-pepi-gradient: linear-gradient(135deg, var(--indigo-500) 0%, var(--violet-600) 40%, var(--purple-600) 70%, var(--violet-700) 100%);--brand-ai-cyan: var(--cyan-600);--brand-ai-cyan-bright: var(--cyan-500);--brand-ai-gradient: linear-gradient(135deg, var(--violet-600), var(--cyan-600));--brand-deficit: var(--emerald-600);--brand-deficit-strong: #047857;--brand-deficit-soft: rgb(5 150 105 / .1);--chart-1: var(--blue-600);--chart-2: var(--emerald-600);--chart-3: var(--amber-600);--chart-4: var(--purple-600);--chart-5: var(--cyan-600);--chart-6: var(--red-600);--chart-7: var(--violet-600);--chart-8: var(--green-600)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-3);padding-right:var(--space-3);max-width:var(--container-lg)}.container-fluid{width:100%;padding-left:var(--space-3);padding-right:var(--space-3)}.page-container{width:100%;max-width:var(--container-lg);margin-left:auto;margin-right:auto;padding-left:var(--space-3);padding-right:var(--space-3);padding-top:0;padding-bottom:var(--space-4)}.page-container:has(>.cooking-mode){max-width:100vw;padding-left:0;padding-right:0;padding-bottom:0}.day-view-container{width:100%;margin-left:auto;margin-right:auto;padding-top:0;padding-left:var(--space-3);padding-right:var(--space-3);padding-bottom:var(--space-4);max-width:var(--day-view-width)}.analytics-container{width:100%;max-width:var(--analytics-width)!important;margin-left:auto;margin-right:auto;padding-top:0;padding-left:var(--space-3);padding-right:var(--space-3);padding-bottom:var(--space-4)}.settings-container{width:100%;max-width:var(--user-settings-width);margin-left:auto;margin-right:auto;padding-top:0;padding-left:var(--space-3);padding-right:var(--space-3);padding-bottom:var(--space-4)}.content-box{background-color:var(--surface-card);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);width:100%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}@media (min-width: 768px){.page-container{padding-left:var(--space-4);padding-right:var(--space-4)}.container{max-width:var(--container-lg)}.day-view-container{max-width:var(--day-view-width)!important;padding-left:var(--space-4);padding-right:var(--space-4)}.analytics-container{max-width:var(--analytics-width)!important;padding-left:var(--space-4);padding-right:var(--space-4)}.settings-container{max-width:var(--container-md);padding-left:var(--space-4);padding-right:var(--space-4)}}:root{--sheet-accent: var(--accent-primary);--sheet-accent-end: var(--accent-primary-hover);--sheet-accent-focus: var(--accent-primary-ring);--sheet-focus-ring-inner: color-mix(in srgb, var(--surface-page) 88%, white);--sheet-close-bg: color-mix(in srgb, var(--surface-elevated) 82%, transparent);--sheet-close-bg-hover: color-mix(in srgb, var(--surface-elevated) 94%, transparent);--sheet-panel-shadow-desktop: var(--shadow-xl), var(--shadow-inset-highlight)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet-backdrop, 200);background:var(--glass-modal-backdrop);backdrop-filter:blur(var(--glass-blur-backdrop));-webkit-backdrop-filter:blur(var(--glass-blur-backdrop));animation:sheetFadeIn .15s ease-out}@keyframes sheetFadeIn{0%{opacity:0}to{opacity:1}}.sheet-panel{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sheet, 201);background:var(--glass-sheet-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-sheet-border);border-radius:20px 20px 0 0;padding:20px 20px var(--bottom-nav-clearance);max-height:min(82dvh,calc(100dvh - var(--bottom-nav-clearance) - 12px));overflow:hidden;box-shadow:var(--glass-sheet-shadow);animation:sheetSlideUp .28s cubic-bezier(.32,.72,0,1)}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:var(--sheet-close-bg);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow-sm);transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.sheet-close:active{background:var(--sheet-close-bg-hover);color:var(--text-primary);transform:scale(.97)}.sheet-close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sheet-focus-ring-inner),0 0 0 4px var(--sheet-accent-focus),var(--shadow-sm)}.sheet-title{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.3;padding-right:40px}.sheet-subtitle{font-size:.6875rem;color:var(--text-secondary);margin-top:2px}.sheet-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border-default);background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);color:var(--text-primary);font-size:.8125rem;outline:none;transition:border-color .15s ease;box-shadow:var(--shadow-sm)}.sheet-input:focus{border-color:var(--sheet-accent-focus)}.sheet-input:focus-visible{outline:none;border-color:var(--sheet-accent);box-shadow:0 0 0 2px var(--sheet-focus-ring-inner),0 0 0 4px var(--sheet-accent-focus),var(--shadow-sm)}.sheet-input::-moz-placeholder{color:var(--text-muted)}.sheet-input::placeholder{color:var(--text-muted)}.sheet-textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border-default);background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);color:var(--text-primary);font-size:.8125rem;outline:none;resize:none;transition:border-color .15s ease;box-shadow:var(--shadow-sm)}.sheet-textarea:focus{border-color:var(--sheet-accent-focus)}.sheet-textarea:focus-visible{outline:none;border-color:var(--sheet-accent);box-shadow:0 0 0 2px var(--sheet-focus-ring-inner),0 0 0 4px var(--sheet-accent-focus),var(--shadow-sm)}.sheet-textarea::-moz-placeholder{color:var(--text-muted)}.sheet-textarea::placeholder{color:var(--text-muted)}.sheet-select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border-default);background:color-mix(in srgb,var(--surface-overlay) 92%,transparent);color:var(--text-primary);font-size:.8125rem;outline:none;transition:border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:var(--shadow-sm)}.sheet-select:focus{border-color:var(--sheet-accent-focus)}.sheet-select:focus-visible{outline:none;border-color:var(--sheet-accent);box-shadow:0 0 0 2px var(--sheet-focus-ring-inner),0 0 0 4px var(--sheet-accent-focus),var(--shadow-sm)}.sheet-label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.sheet-cta{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(to right,var(--sheet-accent),var(--sheet-accent-end));color:var(--accent-primary-fg);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-top:16px}.sheet-cta:active:not(:disabled){transform:scale(.98);opacity:.9}.sheet-cta:disabled{opacity:.5;cursor:not-allowed}.sheet-cta:focus-visible,.sheet-cta-secondary:focus-visible,.sheet-cta-danger:focus-visible,.sheet-cta-warning:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sheet-focus-ring-inner),0 0 0 4px var(--sheet-accent-focus)}.sheet-cta-secondary{width:100%;padding:14px;border:none;border-radius:12px;background:color-mix(in srgb,var(--surface-elevated) 86%,transparent);color:var(--text-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-top:8px}.sheet-cta-secondary:active:not(:disabled){transform:scale(.98);background:color-mix(in srgb,var(--surface-elevated) 96%,transparent)}.sheet-cta-secondary:disabled{opacity:.5;cursor:not-allowed}.sheet-cta-danger{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(to right,var(--accent-danger),color-mix(in srgb,var(--accent-danger) 82%,black));color:var(--accent-danger-fg);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-top:16px}.sheet-cta-danger:active:not(:disabled){transform:scale(.98);opacity:.9}.sheet-cta-danger:disabled{opacity:.5;cursor:not-allowed}.sheet-cta-warning{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(to right,var(--accent-warning),color-mix(in srgb,var(--accent-warning) 82%,black));color:var(--accent-warning-fg);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-top:16px}.sheet-cta-warning:active:not(:disabled){transform:scale(.98);opacity:.9}.sheet-cta-warning:disabled{opacity:.5;cursor:not-allowed}.sheet-error{padding:10px 12px;border-radius:10px;background:var(--accent-danger-soft);border:1px solid color-mix(in srgb,var(--accent-danger) 22%,transparent);color:var(--accent-danger);font-size:.8125rem;line-height:1.4}.sheet-info{padding:10px 12px;border-radius:10px;background:var(--accent-info-soft);border:1px solid color-mix(in srgb,var(--accent-info) 22%,transparent);color:var(--accent-info-fg);font-size:.8125rem;line-height:1.4}.sheet-divider{height:1px;background:var(--border-subtle);margin:12px 0}.sheet-scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--border-strong) 82%,transparent) transparent}.sheet-scroll::-webkit-scrollbar{width:8px}.sheet-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border-strong) 78%,transparent);border-radius:999px}.sheet-scroll::-webkit-scrollbar-track{background:transparent}@media (min-width: 768px){.sheet-panel{left:50%;right:auto;bottom:50%;transform:translate(-50%,50%);border-radius:20px;width:min(380px,calc(100vw - 32px));max-height:min(78dvh,680px);padding:24px;box-shadow:var(--sheet-panel-shadow-desktop);animation:sheetScaleIn .2s cubic-bezier(.32,.72,0,1)}@keyframes sheetScaleIn{0%{opacity:0;transform:translate(-50%,50%) scale(.95)}to{opacity:1;transform:translate(-50%,50%) scale(1)}}.sheet-close:hover{background:var(--sheet-close-bg-hover);color:var(--text-primary)}.sheet-cta:hover:not(:disabled){opacity:.95}.sheet-cta-danger:hover:not(:disabled){opacity:.95}.sheet-cta-warning:hover:not(:disabled){opacity:.95}.sheet-cta-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--surface-elevated) 96%,transparent)}}.float-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-float-backdrop, 200);background:var(--glass-modal-backdrop);backdrop-filter:blur(var(--glass-blur-backdrop));-webkit-backdrop-filter:blur(var(--glass-blur-backdrop));display:flex;align-items:flex-end;justify-content:center;animation:floatFadeIn .2s ease-out}@keyframes floatFadeIn{0%{opacity:0}to{opacity:1}}.float-card{width:calc(100% - 24px);max-width:380px;margin-bottom:var(--bottom-nav-clearance);background:var(--glass-float-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-float-border);border-radius:20px;padding:6px 8px 8px;box-shadow:var(--glass-float-shadow);animation:floatSlideUp .28s cubic-bezier(.32,.72,0,1)}@keyframes floatSlideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.float-handle{width:32px;height:3px;border-radius:1.5px;background:color-mix(in srgb,var(--text-muted) 32%,transparent);margin:4px auto 10px}.float-option{display:flex;align-items:center;gap:14px;width:100%;padding:12px;border:none;border-radius:14px;background:transparent;color:var(--text-primary);font-size:.9375rem;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;animation:floatOptionIn .3s cubic-bezier(.32,.72,0,1) backwards;text-align:left}.float-option:nth-child(2){animation-delay:.04s}.float-option:nth-child(3){animation-delay:.1s}.float-option:nth-child(4){animation-delay:.16s}.float-option:nth-child(5){animation-delay:.22s}@keyframes floatOptionIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.float-option:active{background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);transform:scale(.98)}.float-option:not(:last-child){border-bottom:1px solid var(--border-subtle)}.float-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:box-shadow .2s ease;background:color-mix(in srgb,var(--float-icon-color, transparent) 12%,transparent);color:var(--float-icon-color, inherit);box-shadow:0 0 12px color-mix(in srgb,var(--float-icon-color, transparent) 8%,transparent)}.float-icon-blue{--float-icon-color: var(--accent-info)}.float-icon-green{--float-icon-color: var(--accent-success)}.float-icon-purple{--float-icon-color: var(--purple-500)}.float-icon-amber{--float-icon-color: var(--accent-warning)}.float-icon-red{--float-icon-color: var(--accent-danger)}.float-icon-cyan{--float-icon-color: var(--cyan-500)}.float-option:active .float-icon{box-shadow:0 0 16px color-mix(in srgb,var(--float-icon-color, transparent) 20%,transparent)}.float-option-text{display:flex;flex-direction:column;gap:1px;min-width:0}.float-option-label{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.float-option-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.3}@media (min-width: 768px){.float-backdrop{align-items:center}.float-card{margin-bottom:0;animation:floatScaleIn .2s cubic-bezier(.32,.72,0,1)}@keyframes floatScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.float-handle{display:none}.float-option:hover{background:color-mix(in srgb,var(--surface-elevated) 74%,transparent)}.float-option:hover .float-icon{box-shadow:0 0 16px color-mix(in srgb,var(--float-icon-color, transparent) 15%,transparent)}}@media (prefers-reduced-motion: reduce){.sheet-backdrop,.sheet-panel,.float-backdrop,.float-card,.float-option{animation:none}}body[data-modal-open] [data-hide-on-modal],body[data-bug-report-active] [data-bug-report-tab]{display:none!important}.confirm-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-confirm, 300);background:var(--glass-modal-backdrop);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:confirmFadeIn .15s ease-out}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog-panel{position:fixed;bottom:0;left:0;right:0;z-index:calc(var(--z-confirm, 300) + 1);background:var(--glass-sheet-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);border-radius:20px 20px 0 0;padding:24px 20px var(--bottom-nav-clearance);box-shadow:var(--glass-sheet-shadow);animation:confirmSlideUp .28s cubic-bezier(.32,.72,0,1)}@keyframes confirmSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.confirm-dialog-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.confirm-dialog-icon.danger{background:var(--accent-danger-soft);color:var(--accent-danger)}.confirm-dialog-icon.warning{background:var(--accent-warning-soft);color:var(--accent-warning)}.confirm-dialog-icon.info{background:var(--accent-primary-soft);color:var(--accent-primary)}.confirm-dialog-title{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.3;margin-bottom:8px}.confirm-dialog-message{font-size:.875rem;color:var(--text-muted);line-height:1.5;white-space:pre-line}.confirm-dialog-input{width:100%;margin-top:16px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-subtle);background:#0f172a99;color:var(--text-primary);font-size:.8125rem;outline:none;transition:border-color .15s ease}.confirm-dialog-input:focus{border-color:var(--accent-primary-ring)}.confirm-dialog-input::-moz-placeholder{color:var(--text-muted)}.confirm-dialog-input::placeholder{color:var(--text-muted)}.confirm-dialog-input-hint{font-size:.75rem;color:var(--text-muted);margin-top:6px}.confirm-dialog-actions{display:flex;gap:8px;margin-top:20px}.confirm-dialog-cancel{flex:1;padding:14px;border:none;border-radius:12px;background:color-mix(in srgb,var(--slate-400) 10%,transparent);color:var(--text-muted);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.confirm-dialog-cancel:active{transform:scale(.98);background:color-mix(in srgb,var(--slate-400) 15%,transparent)}.confirm-dialog-confirm{flex:1;padding:14px;border:none;border-radius:12px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.confirm-dialog-confirm:active:not(:disabled){transform:scale(.98);opacity:.9}.confirm-dialog-confirm:disabled{opacity:.5;cursor:not-allowed}.confirm-dialog-confirm.danger{background:linear-gradient(to right,var(--red-500),var(--red-600))}.confirm-dialog-confirm.warning{background:linear-gradient(to right,var(--amber-500),var(--amber-600))}.confirm-dialog-confirm.info{background:linear-gradient(to right,var(--blue-500),var(--blue-600))}.confirm-dialog-actions.alert-mode{display:block}.confirm-dialog-actions.alert-mode .confirm-dialog-confirm{width:100%}@media (min-width: 768px){.confirm-dialog-panel{left:50%;right:auto;bottom:50%;transform:translate(-50%,50%);border-radius:20px;width:380px;padding:24px;box-shadow:0 16px 48px #00000080;animation:confirmScaleIn .2s cubic-bezier(.32,.72,0,1)}@keyframes confirmScaleIn{0%{opacity:0;transform:translate(-50%,50%) scale(.95)}to{opacity:1;transform:translate(-50%,50%) scale(1)}}.confirm-dialog-cancel:hover{background:color-mix(in srgb,var(--slate-400) 15%,transparent)}.confirm-dialog-confirm:hover:not(:disabled){opacity:.95}}@media (prefers-reduced-motion: reduce){.confirm-dialog-backdrop,.confirm-dialog-panel{animation:none}}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width, 64px);height:100vh;background-color:var(--surface-card);z-index:var(--z-navigation, 50);display:none}.sidebar-nav{display:flex;flex-direction:column;padding-top:var(--space-4);height:100%}.sidebar-nav-item{display:flex;justify-content:center;align-items:center;padding:var(--space-2);color:var(--text-muted);transition:color .2s}.sidebar-nav-item:hover,.sidebar-nav-item.active{color:var(--text-primary)}.sidebar-footer{margin-top:auto;padding-bottom:var(--space-4)}.mobile-header{position:fixed;top:0;left:0;right:0;height:var(--header-height-mobile, 56px);background-color:var(--surface-card);z-index:var(--z-navigation, 50);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3)}.mobile-menu-button{border:none;background:transparent;color:var(--text-primary);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.app-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.mobile-menu{position:fixed;top:var(--header-height-mobile, 56px);left:0;bottom:0;width:240px;background-color:var(--surface-card);z-index:var(--z-navigation, 50);padding:var(--space-3);transform:translate(-100%);transition:transform .3s ease}.mobile-menu.open{transform:translate(0)}.mobile-nav-item{display:flex;align-items:center;padding:var(--space-2) 0;color:var(--text-primary);text-decoration:none}.mobile-nav-item-icon{margin-right:var(--space-2)}.date-navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding:var(--space-2) 0}.date-nav-button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1)}.date-nav-button:hover{color:var(--text-primary)}.current-date{font-weight:600;color:var(--text-primary)}@media (min-width: 768px){.sidebar{display:block}.mobile-header{display:none}body{padding-left:var(--sidebar-width, 64px)}}.navigation-sidebar,.fixed.left-0.top-0.h-full.bg-slate-900.z-50,.fixed.bottom-0.left-0.right-0.bg-slate-900.border-t.border-slate-800.z-50,.fixed.left-0.top-0.z-50{z-index:var(--z-sidebar)!important}@media (max-width: 767px){.fixed.bottom-0.left-0.right-0.bg-slate-900.border-t.border-slate-800.z-50{z-index:var(--z-sidebar)!important}}@media (min-width: 768px){.fixed.left-0.top-0.h-full.bg-slate-900.z-50{z-index:var(--z-sidebar)!important}}.sidebar-tooltip{position:relative}.sidebar-tooltip:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background-color:var(--tooltip-surface);color:var(--tooltip-text);padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;z-index:9999;box-shadow:0 4px 12px #0000004d;border:1px solid var(--tooltip-border)}.sidebar-tooltip:before{content:"";position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--tooltip-border);opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;z-index:9999}.sidebar-tooltip:hover:after,.sidebar-tooltip:hover:before{opacity:1;visibility:visible}.sidebar-scrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.sidebar-scrollbar::-webkit-scrollbar{width:4px}.sidebar-scrollbar::-webkit-scrollbar-track{background:transparent}.sidebar-scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.sidebar-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.desktop-sidebar-shell{background:var(--surface-page)}.desktop-sidebar-panel{background:color-mix(in srgb,var(--surface-card) 94%,transparent);border:1px solid var(--border-default);box-shadow:var(--shadow-md),var(--shadow-inset-highlight)}.desktop-sidebar-nav-item{color:var(--text-secondary);outline:none}.desktop-sidebar-nav-item:hover{background:color-mix(in srgb,var(--surface-elevated) 70%,transparent);color:var(--text-primary)}.desktop-sidebar-nav-item:focus-visible{box-shadow:0 0 0 2px var(--sheet-focus-ring-inner),0 0 0 4px var(--sheet-accent-focus)}.desktop-sidebar-nav-item--active{background:var(--accent-primary);color:var(--accent-primary-fg)}.desktop-sidebar-utility-button{display:inline-flex;min-height:44px;min-width:44px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:.875rem;background:transparent;color:var(--text-muted);outline:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.desktop-sidebar-utility-button:hover:not(:disabled){background:color-mix(in srgb,var(--surface-elevated) 72%,transparent);color:var(--text-primary)}.desktop-sidebar-utility-button:active:not(:disabled){transform:scale(.98)}.desktop-sidebar-utility-button:focus-visible{box-shadow:0 0 0 2px var(--sheet-focus-ring-inner),0 0 0 4px var(--sheet-accent-focus)}.desktop-sidebar-utility-button:disabled{cursor:not-allowed;opacity:.6}.desktop-sidebar-theme-button{background:var(--accent-primary);box-shadow:var(--shadow-sm);color:var(--accent-primary-fg)}.desktop-sidebar-theme-button:hover:not(:disabled){background:color-mix(in srgb,var(--accent-primary) 88%,black);color:var(--accent-primary-fg)}.bottom-tab-bar{border-top-color:var(--border-default);background:color-mix(in srgb,var(--surface-card) 94%,transparent);box-shadow:0 -10px 30px #0000001f,var(--shadow-inset-highlight-bottom);backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08)}.bottom-tab-bar__item{height:100%;border:none;background:transparent;color:var(--text-muted);outline:none;transition:color .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.bottom-tab-bar__item:hover,.bottom-tab-bar__item[data-active=true]{color:var(--accent-primary)}.bottom-tab-bar__item:active{transform:scale(.98)}.bottom-tab-bar__item:focus-visible,.bottom-tab-bar__bug-button:focus-visible{box-shadow:0 0 0 2px var(--sheet-focus-ring-inner),0 0 0 4px var(--sheet-accent-focus)}.bottom-tab-bar__icon-pill{border-radius:999px;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}.bottom-tab-bar__item:hover .bottom-tab-bar__icon-pill{background:color-mix(in srgb,var(--surface-elevated) 82%,transparent)}.bottom-tab-bar__item[data-active=true] .bottom-tab-bar__icon-pill{background:color-mix(in srgb,var(--accent-primary-soft) 88%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-primary) 18%,transparent)}.bottom-tab-bar__label{line-height:1}.bottom-tab-bar__item[data-active=true] .bottom-tab-bar__label{font-weight:700}.bottom-tab-bar__dot{background:var(--accent-danger)}.bottom-tab-bar__new-badge{background:var(--accent-primary);color:var(--accent-primary-fg)}.bottom-tab-bar__version{color:var(--text-muted)}.bottom-tab-bar__bug-button{border:none;outline:none;color:color-mix(in srgb,var(--accent-warning) 72%,var(--text-secondary));-webkit-tap-highlight-color:transparent}.bottom-tab-bar__bug-button[data-pepi-open=false]{border-top:1px solid var(--border-default);background:color-mix(in srgb,var(--surface-card) 94%,transparent);backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08)}.bottom-tab-bar__bug-button[data-pepi-open=true]{border:1px solid color-mix(in srgb,var(--accent-warning) 28%,transparent);border-radius:0 16px 16px;background:color-mix(in srgb,var(--surface-card) 92%,transparent);box-shadow:var(--shadow-lg),var(--shadow-inset-highlight);backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08)}.bottom-tab-bar__bug-button:disabled{cursor:progress}.bottom-tab-bar__bug-icon{color:color-mix(in srgb,var(--accent-warning) 82%,var(--text-primary))}.bottom-tab-bar__bug-button[data-state=capturing] .bottom-tab-bar__bug-icon{color:var(--accent-warning)}.bottom-tab-bar__bug-label{color:color-mix(in srgb,var(--accent-warning) 72%,var(--text-secondary))}.bottom-tab-bar__bug-button[data-state=capturing] .bottom-tab-bar__bug-label{color:var(--accent-warning)}.sheet-section-header{color:var(--text-muted)}.sheet-item{color:var(--text-primary);border-radius:1rem;outline:none}.sheet-item:hover,.sheet-item:active{background:color-mix(in srgb,var(--surface-elevated) 56%,transparent)}.sheet-item.is-active{background:color-mix(in srgb,var(--accent-primary-soft) 82%,transparent);color:var(--accent-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-primary) 18%,transparent)}.sheet-item.is-destructive{color:var(--accent-danger)}.sheet-item__icon-wrap{background:color-mix(in srgb,var(--surface-elevated) 68%,transparent)}.sheet-item.is-active .sheet-item__icon-wrap{background:var(--accent-primary-soft)}.sheet-item.is-destructive .sheet-item__icon-wrap{background:var(--accent-danger-soft)}.sheet-item__icon{color:var(--text-muted)}.sheet-item.is-active .sheet-item__icon{color:var(--accent-primary)}.sheet-item.is-destructive .sheet-item__icon{color:var(--accent-danger)}.sheet-item:focus-visible,.sheet-toggle:focus-visible,.more-sheet-settings:focus-visible,.more-sheet-theme__option:focus-visible{box-shadow:0 0 0 2px var(--sheet-focus-ring-inner),0 0 0 4px var(--sheet-accent-focus)}.sheet-badge{background:var(--accent-success-soft);color:var(--accent-success)}.sheet-toggle{color:var(--text-primary);border-radius:1rem;outline:none}.sheet-toggle:hover,.sheet-toggle:active{background:color-mix(in srgb,var(--surface-elevated) 56%,transparent)}.sheet-toggle__icon-wrap{background:color-mix(in srgb,var(--surface-elevated) 68%,transparent)}.sheet-toggle__icon{color:var(--text-muted)}.sheet-toggle__indicator{background:var(--surface-elevated);border:1px solid var(--border-strong)}.sheet-toggle[data-checked=true][data-color=blue] .sheet-toggle__indicator{background:var(--accent-primary);border-color:var(--accent-primary)}.sheet-toggle[data-checked=true][data-color=blue] .sheet-toggle__icon-wrap{background:color-mix(in srgb,var(--accent-primary) 14%,transparent)}.sheet-toggle[data-checked=true][data-color=blue] .sheet-toggle__icon{color:var(--accent-primary)}.sheet-toggle[data-checked=true][data-color=purple] .sheet-toggle__indicator{background:var(--purple-600, var(--accent-primary));border-color:var(--purple-600, var(--accent-primary))}.sheet-toggle[data-checked=true][data-color=purple] .sheet-toggle__icon-wrap{background:color-mix(in srgb,var(--purple-500, var(--accent-primary)) 14%,transparent)}.sheet-toggle[data-checked=true][data-color=purple] .sheet-toggle__icon{color:var(--purple-500, var(--accent-primary))}.more-sheet-backdrop{background:var(--glass-modal-backdrop)}.more-sheet-panel{bottom:var(--bottom-nav-clearance);padding:0;max-height:min(74dvh,calc(100dvh - var(--bottom-nav-clearance)));background:var(--glass-sheet-bg);border:1px solid var(--glass-sheet-border);border-bottom:none;box-shadow:var(--glass-sheet-shadow)}.more-sheet-handle{background:var(--border-strong)}.more-sheet-scroll{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.more-sheet-theme{margin:.5rem 1rem .75rem;padding:.75rem;border-radius:1.125rem;border:1px solid var(--border-default);background:var(--surface-card);box-shadow:var(--shadow-sm)}.more-sheet-theme__header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.625rem}.more-sheet-theme__title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.more-sheet-theme__subtitle{color:var(--text-secondary);font-size:.75rem;line-height:1.45}.more-sheet-theme__group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.25rem;border-radius:1rem;border:1px solid var(--border-subtle);background:var(--surface-sunken)}.more-sheet-theme__option{display:flex;min-height:56px;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border:none;border-radius:.875rem;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:600;line-height:1;outline:none;transition:background-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.more-sheet-theme__option:hover:not(:disabled){background:var(--surface-elevated);color:var(--text-primary)}.more-sheet-theme__option:active:not(:disabled){transform:scale(.98)}.more-sheet-theme__option[data-selected=true]{background:var(--accent-primary);color:var(--accent-primary-fg);box-shadow:var(--shadow-sm)}.more-sheet-theme__option:disabled{cursor:not-allowed;opacity:.6}.more-sheet-theme__icon{flex-shrink:0}.more-sheet-theme__label{line-height:1}.more-sheet-settings{color:var(--text-muted);outline:none}.more-sheet-settings:hover,.more-sheet-settings:active{background:color-mix(in srgb,var(--surface-elevated) 56%,transparent);color:var(--text-primary)}.day-view-container{padding-top:0;width:100%}.day-view-page{width:100%}.day-view-page.settings-container-wrapper{display:flex;width:100%;flex-direction:column;align-items:center}.fixed.inset-0.bg-black.bg-opacity-75.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 input[type=checkbox],.fixed.inset-0.bg-black.bg-opacity-75.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 .checkbox,.fixed.inset-0.bg-black.bg-opacity-75.flex.day-view-page.settings-container-wrapper.justify-center.z-50 input[type=checkbox],.fixed.inset-0.bg-black.bg-opacity-75.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .checkbox{width:16px;height:16px;min-height:unset;margin-right:10px;background-color:var(--surface-card);border:1px solid var(--border-strong);border-radius:3px;position:relative}.fixed.inset-0.bg-black.bg-opacity-75.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 input[type=checkbox]:checked,.fixed.inset-0.bg-black.bg-opacity-75.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 .checkbox:checked{background-color:var(--accent-primary);border-color:var(--accent-primary)}.fixed.inset-0.bg-black.bg-opacity-75.flex.day-view-page.settings-container-wrapper.justify-center.z-50 input[type=checkbox]:checked,.fixed.inset-0.bg-black.bg-opacity-75.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .checkbox:checked{background-color:var(--accent-primary);border-color:var(--accent-primary)}.fixed.inset-0.bg-black.bg-opacity-75.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.fixed.inset-0.bg-black.bg-opacity-75.flex.day-view-page.settings-container-wrapper.justify-center.z-50 input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}@media (max-width: 767px){.garmin-settings-page .space-y-3 label.day-view-page.settings-container-wrapper.items-center,.category-settings-page .space-y-3 label.day-view-page.settings-container-wrapper.items-center,.garmin-settings-page .space-y-3 label.flex.day-view-page.settings-container-wrapper,.category-settings-page .space-y-3 label.flex.day-view-page.settings-container-wrapper{margin-top:.5rem;margin-bottom:.5rem}.garmin-settings-page .space-y-3 label.day-view-page.settings-container-wrapper.items-center .text-sm,.category-settings-page .space-y-3 label.day-view-page.settings-container-wrapper.items-center .text-sm,.garmin-settings-page .space-y-3 label.flex.day-view-page.settings-container-wrapper .text-sm,.category-settings-page .space-y-3 label.flex.day-view-page.settings-container-wrapper .text-sm{font-size:.75rem;line-height:1.2}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center.z-50,.fixed.inset-0.bg-black.bg-opacity-50.day-view-page.settings-container-wrapper.items-center.justify-center.z-50,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50{padding:16px;overflow-y:auto}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center.z-50>div.bg-slate-800,.fixed.inset-0.bg-black.bg-opacity-50.day-view-page.settings-container-wrapper.items-center.justify-center.z-50>div.bg-slate-800{max-width:100%;width:100%;margin:16px;max-height:calc(100vh - 32px);overflow-y:auto;position:relative;padding-bottom:var(--bottom-nav-clearance)}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50>div.bg-slate-800,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50>div.bg-slate-800{max-width:100%;width:100%;margin:16px;max-height:calc(100vh - 32px);overflow-y:auto;position:relative;padding-bottom:var(--bottom-nav-clearance)}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 button.absolute.top-3.right-3,.fixed.inset-0.bg-black.bg-opacity-50.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 button.absolute.top-3.right-3,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 button.absolute.top-3.right-3,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 button.absolute.top-3.right-3{top:10px;right:10px;background-color:#0f172a99;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:60;box-shadow:0 2px 10px #0000004d}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 h2,.fixed.inset-0.bg-black.bg-opacity-50.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 h2,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 h2,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 h2{font-size:18px;padding-right:40px;margin-bottom:16px}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 input,.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 select,.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 textarea,.fixed.inset-0.bg-black.bg-opacity-50.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 input,.fixed.inset-0.bg-black.bg-opacity-50.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 select,.fixed.inset-0.bg-black.bg-opacity-50.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 textarea,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 input,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 select,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 textarea,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 input,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 select,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 textarea{font-size:16px;padding:10px}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 .flex.justify-end,.fixed.inset-0.bg-black.bg-opacity-50.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 .flex.justify-end,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .flex.justify-end,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .flex.justify-end{position:absolute;bottom:0;left:0;right:0;padding:16px;background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card));border-top:1px solid var(--border-subtle);justify-content:space-between;width:100%;box-shadow:var(--shadow-sm)}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 .flex.justify-end button,.fixed.inset-0.bg-black.bg-opacity-50.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 .flex.justify-end button,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .flex.justify-end button,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .flex.justify-end button{min-width:44%;padding:10px;font-size:16px;border-radius:6px}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center.z-50>div.bg-slate-800{max-width:90%;margin:16px auto}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50>div.bg-slate-800{max-width:90%;margin:16px auto}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800>h2+div .text-xl.font-semibold{display:none}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800>h2+div .text-xl.font-semibold{display:none}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800 .space-y-6,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .space-y-6{margin-top:0;margin-bottom:0;gap:8px}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800 .grid.grid-cols-3:not(.grid-cols-4),.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800 .grid.grid-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .grid.grid-cols-3:not(.grid-cols-4),.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .grid.grid-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800 .grid.grid-cols-4,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .grid.grid-cols-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800 .space-y-6>div{margin-bottom:8px}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .space-y-6>div{margin-bottom:8px}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(2),.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(3){display:flex;flex-direction:row;gap:8px}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(2),.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(3){display:flex;flex-direction:row;gap:8px}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(2)>div,.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(3)>div{width:50%}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(2)>div,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(3)>div{width:50%}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800 input[type=time],.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800 input[type=number],.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800 select,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 input[type=time],.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 input[type=number],.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 select{padding:6px 8px;height:38px}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800 textarea,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 textarea{min-height:96px;transition:height .3s ease;overflow-y:auto;resize:none;box-sizing:border-box;line-height:1.5;max-height:300px;padding:12px}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800 .flex.justify-end,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .flex.justify-end{background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card));box-shadow:var(--shadow-sm)}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800 .flex.justify-end button:last-child{background-color:var(--accent-primary);color:var(--accent-primary-fg)}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .flex.justify-end button:last-child{background-color:var(--accent-primary);color:var(--accent-primary-fg)}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800 .flex.justify-end button:first-child,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .flex.justify-end button:first-child{background-color:color-mix(in srgb,var(--surface-elevated) 92%,var(--surface-card));color:var(--text-secondary);border:1px solid var(--border-subtle)}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 .absolute.top-3.right-3 svg,.fixed.inset-0.bg-black.bg-opacity-50.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 .absolute.top-3.right-3 svg{width:24px;height:24px;color:var(--text-primary);opacity:.9;stroke-width:2.5}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .absolute.top-3.right-3 svg,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .absolute.top-3.right-3 svg{width:24px;height:24px;color:var(--text-primary);opacity:.9;stroke-width:2.5}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 .absolute.top-3.right-3:before,.fixed.inset-0.bg-black.bg-opacity-50.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 .absolute.top-3.right-3:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background-color:transparent;z-index:-1}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .absolute.top-3.right-3:before,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .absolute.top-3.right-3:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background-color:transparent;z-index:-1}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 .bg-slate-800>button.absolute{position:fixed;top:16px;right:16px;background-color:color-mix(in srgb,var(--surface-elevated) 90%,var(--surface-card));padding:10px;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .bg-slate-800>button.absolute{position:fixed;top:16px;right:16px;background-color:color-mix(in srgb,var(--surface-elevated) 90%,var(--surface-card));padding:10px;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center.z-50>.bg-slate-800,.fixed.inset-0.bg-black.bg-opacity-50.day-view-page.settings-container-wrapper.items-center.justify-center.z-50>.bg-slate-800{padding:20px 16px 16px;padding-bottom:var(--bottom-nav-clearance);max-height:90vh;overflow-y:auto;margin:0 auto;width:100%;max-width:500px;position:relative}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50>.bg-slate-800,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50>.bg-slate-800{padding:20px 16px 16px;padding-bottom:var(--bottom-nav-clearance);max-height:90vh;overflow-y:auto;margin:0 auto;width:100%;max-width:500px;position:relative}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 .bg-slate-800 form,.fixed.inset-0.bg-black.bg-opacity-50.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 .bg-slate-800 form,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .bg-slate-800 form,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .bg-slate-800 form{overflow-y:auto;max-height:calc(90vh - 120px);padding-bottom:16px;width:100%}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 .bg-slate-800 form>div:last-child,.fixed.inset-0.bg-black.bg-opacity-50.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 .bg-slate-800 form>div:last-child{position:sticky;bottom:-16px;background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card));margin-left:-16px;margin-right:-16px;padding:16px;width:calc(100% + 32px);display:flex;justify-content:space-between;box-shadow:var(--shadow-sm);z-index:10;border-top:1px solid var(--border-subtle)}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .bg-slate-800 form>div:last-child,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .bg-slate-800 form>div:last-child{position:sticky;bottom:-16px;background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card));margin-left:-16px;margin-right:-16px;padding:16px;width:calc(100% + 32px);display:flex;justify-content:space-between;box-shadow:var(--shadow-sm);z-index:10;border-top:1px solid var(--border-subtle)}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 button[aria-label=Close],.fixed.inset-0.bg-black.bg-opacity-50.day-view-page.settings-container-wrapper.items-center.justify-center.z-50 button[aria-label=Close],.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 button[aria-label=Close],.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 button[aria-label=Close]{z-index:101}.analytics-page .navigation-bar .day-view-page.settings-container-wrapper.justify-center,.fixed.top-0.inset-x-0 .day-view-page.settings-container-wrapper.justify-center,[class*=container]>.day-view-page.settings-container-wrapper.justify-center{font-weight:700;letter-spacing:.01em}}@media (max-width: 639px){.fixed.inset-0.bg-black\/70 .day-view-page.settings-container-wrapper.gap-3.pt-4{padding-top:.75rem;gap:.5rem}.fixed.inset-0.bg-black\/70 .day-view-page.settings-container-wrapper.gap-3.pt-4 button{padding:.625rem .75rem;font-size:.875rem}}@media (min-width: 768px){.analytics-dashboard-header .day-view-page.settings-container-wrapper.gap-2{display:flex;visibility:visible}.analytics-dashboard-header .day-view-page.settings-container-wrapper.gap-2 button{display:flex;visibility:visible;opacity:1}}@media (max-width: 767px){html body .day-view-page.settings-container-wrapper{overflow-x:visible}}.day-view-page.settings-container-wrapper,.mobile-optimized.day-view-page{padding-top:0}.mobile-top-aligned.day-view-page{margin-top:0!important}.day-view-wrapper{width:100%}.day-view-content{width:100%;max-width:1200px;margin:0 auto;position:relative;z-index:10;border-top-left-radius:0;border-top-right-radius:0}.settings-container-wrapper .day-view-content{width:100%;max-width:72rem;border-radius:var(--radius);padding:1.5rem}@media (max-width: 639px){.fixed.inset-0.bg-black\/70>.bg-slate-900.settings-container-wrapper .day-view-content{margin:.5rem;max-height:calc(100vh - 1rem)}.fixed.inset-0.bg-black\/70 .settings-container-wrapper .day-view-content{padding:1rem}}.settings-container-wrapper .day-view-content{background:color-mix(in srgb,var(--surface-page) 92%,transparent);border:1px solid var(--border-default);border-top-left-radius:0;border-top-right-radius:0;box-shadow:var(--shadow-md)}@media (max-width: 767px){.settings-container-wrapper .day-view-content{margin-top:0;padding:1rem;padding-top:0}.day-view-wrapper{padding-top:8px!important}.burger-level-nav h2{font-size:1.15rem;line-height:1;margin:0;padding:0}.day-view-page{padding-top:0}.mobile-optimized.day-view-page{margin-top:0}.mobile-optimized .day-view-wrapper{margin-top:0;padding-top:48px}.date-nav-container{background-color:transparent!important;margin-bottom:0;padding:0!important;display:block!important;opacity:1!important;box-shadow:none!important}.daily-summary-box{margin-top:0}}.daily-box,.daily-summary-box,.daily-notes-container,.entry-form-container,.all-entries-container{width:100%;margin-bottom:var(--space-4)!important;background-color:var(--surface-card);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-md);padding:1rem!important;box-shadow:var(--shadow-sm)}.daily-box h2,.daily-summary-box h2,.daily-notes-container h2,.entry-form-container h2,.all-entries-container h2{margin-top:0;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.day-view-container input:not([type=date]),.day-view-container select,.day-view-container textarea{width:100%;background-color:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-sm, .25rem);padding:.375rem .5rem;color:var(--text-primary);min-height:2.25rem;transition:border-color .2s}.daily-notes-form-element{background-color:var(--surface-sunken)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-sm, .25rem)!important;padding:.5rem 1rem!important;color:var(--text-primary)!important;min-height:2.25rem!important}.daily-notes-form input[type=number],#weightKg,input[name=weightKg]{background-color:var(--surface-sunken)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-sm, .25rem)!important;color:var(--text-primary)!important}.day-view-container input[type=date],.day-view-container input[readonly]{width:100%;background-color:color-mix(in srgb,var(--surface-sunken) 82%,transparent);border:1px solid var(--border-default);border-radius:var(--radius-sm, .25rem);padding:.375rem .5rem;color:var(--text-primary);min-height:2.25rem}.day-view-container input:focus,.day-view-container select:focus,.day-view-container textarea:focus,.daily-notes-form-element:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 1px var(--accent-primary-ring)}.daily-summary-box{padding:1rem!important;margin-bottom:var(--space-4)!important}.daily-summary-box h2{margin-bottom:.375rem;padding-left:.25rem}.daily-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%}.daily-summary-item{padding:.375rem .5rem;display:flex;flex-direction:column}.daily-summary-item h3{margin:0 0 .25rem;font-size:.875rem;color:var(--text-secondary);font-weight:500}.daily-summary-value{font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.daily-summary-secondary{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.2}.calorie-breakdown{font-size:.75rem;color:var(--text-secondary);margin-top:.125rem;line-height:1.3}.calorie-breakdown-item{display:flex;justify-content:space-between;margin-bottom:.125rem}.calorie-breakdown-item:hover{color:var(--text-primary);transition:color .2s ease}.bonus-tooltip{cursor:help;transition:color .2s ease}.bonus-tooltip:hover{color:var(--text-primary)}.daily-summary-box>div:last-child,.daily-summary-box>p:last-child{margin-bottom:0;padding-bottom:0}.date-nav-container{margin-bottom:.125rem}.date-nav-container button{margin:0 .25rem}.daily-notes-container{margin-bottom:var(--space-3);padding-bottom:1rem}.daily-notes-form textarea{min-height:80px;width:100%;background-color:var(--surface-sunken)}input[type=number],.daily-notes-container input,div[class*=notes] input,div[class*=daily] input[type=number],input[placeholder*=kg],input[placeholder*=weight],input[id*=weightKg]{background-color:var(--surface-sunken)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-sm, .25rem)!important;color:var(--text-primary)!important;min-height:2.25rem!important}.daily-notes-container input,.daily-notes-container input[type=text],.daily-notes-container input[type=number],.daily-notes-container input[type=date],div.daily-notes-container div input{background-color:var(--surface-sunken)!important;border:1px solid var(--border-default)!important;color:var(--text-primary)!important;min-height:2.25rem!important;width:100%!important}.entry-form-container{display:block;z-index:1;padding-bottom:2rem!important;margin-bottom:var(--space-4)!important}.add-entry-form{width:100%}.entry-form-container input,.entry-form-container select,.entry-form-container textarea,.form-group{margin-bottom:.375rem}.form-group label{margin-bottom:.25rem;display:block;font-size:.875rem}textarea.sleep-notes,textarea.notes-input{min-height:80px;width:100%;background-color:var(--surface-sunken);resize:vertical}.sleep-tracking textarea,.sleep-notes-container textarea,.sleep-tracking-section textarea{background-color:var(--surface-sunken);border:1px solid var(--border-default)}.mobile-tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--tooltip-surface);color:var(--tooltip-text);padding:1rem;border-radius:.5rem;box-shadow:0 10px 25px #00000080;border:1px solid var(--tooltip-border);max-width:90vw;z-index:10000!important;font-size:.875rem;line-height:1.4}.tooltip-trigger .absolute.bottom-full,.tooltip-trigger div[class*=absolute],.tooltip-trigger .absolute,.mobile-tooltip{z-index:10000!important}.all-entries-container{width:100%;padding-bottom:2rem!important;margin-bottom:var(--space-4)!important}@media (min-width: 768px){.day-view-container{width:100%}.entry-table thead .sortable-header{vertical-align:middle}.entry-table .sortable-header-content{display:flex;align-items:center;gap:.35rem;width:100%;line-height:1.2;white-space:nowrap}.entry-table .sortable-header-content--right{justify-content:flex-end}.entry-table .sortable-header-indicator{flex:0 0 .9rem;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem;line-height:1}.entry-table .sortable-header-indicator.is-active{color:var(--text-primary)}.date-nav-container{box-shadow:-100vw 0 color-mix(in srgb,var(--surface-page) 95%,transparent),100vw 0 color-mix(in srgb,var(--surface-page) 95%,transparent)}.day-view-content{position:relative;width:100%;max-width:var(--day-view-width);padding-top:0}.day-view-page.settings-container-wrapper{align-items:center;padding-top:0}.fixed.inset-0.bg-black.bg-opacity-75.flex.day-view-page.settings-container-wrapper.justify-center.z-50 input[type=checkbox],.fixed.inset-0.bg-black.bg-opacity-75.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .checkbox{width:16px;height:16px;min-height:unset;margin-right:10px;background-color:var(--surface-card);border:1px solid var(--border-strong);border-radius:3px;position:relative}.fixed.inset-0.bg-black.bg-opacity-75.flex.day-view-page.settings-container-wrapper.justify-center.z-50 input[type=checkbox]:checked,.fixed.inset-0.bg-black.bg-opacity-75.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .checkbox:checked{background-color:var(--accent-primary);border-color:var(--accent-primary)}.fixed.inset-0.bg-black.bg-opacity-75.flex.day-view-page.settings-container-wrapper.justify-center.z-50 input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}@media (max-width: 767px){.garmin-settings-page .space-y-3 label.flex.day-view-page.settings-container-wrapper,.category-settings-page .space-y-3 label.flex.day-view-page.settings-container-wrapper{margin-top:.5rem;margin-bottom:.5rem}.garmin-settings-page .space-y-3 label.flex.day-view-page.settings-container-wrapper .text-sm,.category-settings-page .space-y-3 label.flex.day-view-page.settings-container-wrapper .text-sm{font-size:.75rem;line-height:1.2}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50{padding:16px;overflow-y:auto}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50>div.bg-slate-800,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50>div.bg-slate-800{max-width:100%;width:100%;margin:16px;max-height:calc(100vh - 32px);overflow-y:auto;position:relative;padding-bottom:var(--bottom-nav-clearance)}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 button.absolute.top-3.right-3,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 button.absolute.top-3.right-3{top:10px;right:10px;background-color:#0f172a99;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:60;box-shadow:0 2px 10px #0000004d}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 h2,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 h2{font-size:18px;padding-right:40px;margin-bottom:16px}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 input,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 select,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 textarea,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 input,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 select,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 textarea{font-size:16px;padding:10px}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .flex.justify-end,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .flex.justify-end{position:absolute;bottom:0;left:0;right:0;padding:16px;background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card));border-top:1px solid var(--border-subtle);justify-content:space-between;width:100%;box-shadow:var(--shadow-sm)}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .flex.justify-end button,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .flex.justify-end button{min-width:44%;padding:10px;font-size:16px;border-radius:6px}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50>div.bg-slate-800{max-width:90%;margin:16px auto}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800>h2+div .text-xl.font-semibold{display:none}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .space-y-6{margin-top:0;margin-bottom:0;gap:8px}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .grid.grid-cols-3:not(.grid-cols-4),.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .grid.grid-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .grid.grid-cols-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .space-y-6>div{margin-bottom:8px}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(2),.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(3){display:flex;flex-direction:row;gap:8px}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(2)>div,.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(3)>div{width:50%}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 input[type=time],.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 input[type=number],.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 select{padding:6px 8px;height:38px}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 textarea{min-height:96px;transition:height .3s ease;overflow-y:auto;resize:none;box-sizing:border-box;line-height:1.5;max-height:300px;padding:12px}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .flex.justify-end{background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card));box-shadow:var(--shadow-sm)}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .flex.justify-end button:last-child{background-color:var(--accent-primary);color:var(--accent-primary-fg)}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .flex.justify-end button:first-child{background-color:color-mix(in srgb,var(--surface-elevated) 92%,var(--surface-card));color:var(--text-secondary);border:1px solid var(--border-subtle)}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .absolute.top-3.right-3 svg,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .absolute.top-3.right-3 svg{width:24px;height:24px;color:var(--text-primary);opacity:.9;stroke-width:2.5}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .absolute.top-3.right-3:before,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .absolute.top-3.right-3:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background-color:transparent;z-index:-1}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .bg-slate-800>button.absolute{position:fixed;top:16px;right:16px;background-color:color-mix(in srgb,var(--surface-elevated) 90%,var(--surface-card));padding:10px;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50>.bg-slate-800,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50>.bg-slate-800{padding:20px 16px 16px;padding-bottom:var(--bottom-nav-clearance);max-height:90vh;overflow-y:auto;margin:0 auto;width:100%;max-width:500px;position:relative}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .bg-slate-800 form,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .bg-slate-800 form{overflow-y:auto;max-height:calc(90vh - 120px);padding-bottom:16px;width:100%}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .bg-slate-800 form>div:last-child,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 .bg-slate-800 form>div:last-child{position:sticky;bottom:-16px;background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card));margin-left:-16px;margin-right:-16px;padding:16px;width:calc(100% + 32px);display:flex;justify-content:space-between;box-shadow:var(--shadow-sm);z-index:10;border-top:1px solid var(--border-subtle)}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50 button[aria-label=Close],.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50 button[aria-label=Close]{z-index:101}}.daily-box,.daily-notes-container,.entry-form-container,.all-entries-container,.daily-summary-box{padding:1.5rem!important;margin-bottom:var(--space-5)!important}.day-view-page.settings-container-wrapper{padding-top:0}.daily-box,.daily-summary-box,.daily-notes-container,.entry-form-container,.all-entries-container{padding:.75rem 1rem}.daily-summary-box{padding:.5rem .75rem .625rem}.daily-summary-item{padding:.5rem}.daily-summary-value{font-size:1.75rem;margin-bottom:.375rem}.daily-summary-item h3{margin-bottom:.375rem}.daily-box h2,.daily-summary-box h2,.daily-notes-container h2,.entry-form-container h2,.all-entries-container h2{font-size:1.25rem}textarea,.day-view-container textarea,textarea.sleep-notes{background-color:var(--surface-sunken);border:1px solid var(--border-default)}.day-view-wrapper input[type=date].absolute.opacity-0{border:none!important;background:transparent!important;width:1px!important;height:1px!important}.day-view-wrapper input[type=date]::-webkit-calendar-picker-indicator{display:none!important}.day-view-wrapper input[type=date]::-webkit-inner-spin-button,.day-view-wrapper input[type=date]::-webkit-outer-spin-button{display:none!important;-webkit-appearance:none!important}.day-view-wrapper input[type=date]::-moz-calendar-picker-indicator{display:none!important}.day-view-wrapper input[type=date]{z-index:10001!important}input[type=date]::-webkit-calendar-picker-indicator{z-index:10001!important}}@media (min-width: 1024px){.day-view-page.settings-container-wrapper{padding-top:0}.day-view-wrapper{margin-top:0}}.burger-level-nav h2{font-size:1.25rem;line-height:1;margin:0;padding:0;color:var(--text-primary)}.day-view-wrapper .hidden.md\:flex button.text-blue-400{transition:all .2s ease}.day-view-wrapper .hidden.md\:flex button.text-blue-400:hover{background-color:var(--accent-primary-soft);color:var(--text-link-hover);transform:scale(1.05)}.day-view-wrapper .hidden.md\:flex button.font-bold{transition:all .2s ease;color:var(--text-primary)}.day-view-wrapper .hidden.md\:flex button.font-bold:hover{color:var(--text-primary)}.day-view-wrapper .hidden.md\:flex button.font-bold .group-hover\:border-blue-400\/70,.day-view-wrapper .hidden.md\:flex button.font-bold:hover .border-blue-400\/30{border-color:color-mix(in srgb,var(--accent-primary) 70%,transparent)!important;border-width:1px!important;transition:all .2s ease}.meal-segment-control{display:flex;border-radius:10px;overflow:hidden;border:1px solid var(--border-default);background:color-mix(in srgb,var(--surface-sunken) 78%,transparent)}.meal-segment-btn{flex:1;padding:7px 0;font-size:.75rem;font-weight:500;text-align:center;color:var(--text-muted);background:transparent;border:none;border-right:1px solid var(--border-subtle);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.meal-segment-btn:last-child{border-right:none}.meal-segment-btn:hover{color:var(--text-secondary);background:color-mix(in srgb,var(--surface-elevated) 72%,transparent)}.meal-segment-btn.active{color:var(--text-link);background:var(--accent-primary-soft);font-weight:600}.meal-voice-btn .food-voice-btn,.meal-voice-btn .food-voice-settings-btn{width:26px;height:26px;border-radius:6px}.day-view-wrapper .group-hover\:border-blue-400\/70{transition:all .2s ease}.dayview-header-shell{background:color-mix(in srgb,var(--surface-page) 95%,transparent);color:var(--text-primary);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dayview-header-shell.is-stuck{border-bottom-color:var(--border-default);box-shadow:var(--shadow-md)}.dayview-desktop-today-btn{border:1px solid transparent}.dayview-desktop-today-btn.is-active{background:var(--accent-primary);color:var(--accent-primary-fg)}.dayview-desktop-today-btn.is-inactive{background:color-mix(in srgb,var(--surface-elevated) 72%,transparent);border-color:var(--border-subtle);color:var(--text-secondary)}.dayview-desktop-today-btn.is-inactive:hover{background:color-mix(in srgb,var(--surface-elevated) 86%,transparent);color:var(--text-primary)}.dayview-header-icon-button{color:var(--text-link)}.dayview-header-icon-button:hover{color:var(--text-link-hover);background:var(--accent-primary-soft)}.dayview-header-date-button,.dayview-header-date-button:hover{color:var(--text-primary)}.dayview-header-date-underline{border-color:color-mix(in srgb,var(--accent-primary) 28%,transparent)}.dayview-header-date-button:hover .dayview-header-date-underline{border-color:color-mix(in srgb,var(--accent-primary) 70%,transparent)}.dayview-mobile-nav-button{color:var(--text-link)}.dayview-mobile-nav-button:hover{color:var(--text-link-hover);background:var(--accent-primary-soft)}.dayview-mobile-nav-button:active{background:color-mix(in srgb,var(--surface-elevated) 82%,transparent)}.dayview-mobile-nav-button.is-muted{color:var(--text-muted)}.dayview-mobile-nav-button.is-muted:hover{color:var(--text-secondary)}.dayview-mobile-today-pill{background:var(--accent-primary-soft);color:var(--text-link)}.dayview-mobile-today-pill:hover{background:color-mix(in srgb,var(--accent-primary-soft) 72%,var(--surface-card))}.dayview-plan-widget{background:color-mix(in srgb,var(--surface-card) 94%,transparent);border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.dayview-plan-title{color:var(--text-muted)}.dayview-plan-meta,.dayview-plan-calories,.dayview-plan-more{color:var(--text-disabled)}.dayview-plan-item-name.is-planned{color:var(--text-secondary)}.dayview-plan-item-name.is-logged{color:var(--accent-success)}.dayview-plan-item-name.is-skipped{color:var(--text-disabled)}.dayview-plan-log-button,.dayview-plan-link{color:var(--text-link)}.dayview-plan-log-button{background:var(--accent-primary-soft)}.dayview-plan-log-button:hover,.dayview-plan-link:hover{color:var(--text-link-hover)}.dayview-average-row{color:var(--text-muted)}.dayview-average-count{color:var(--text-disabled)}.daily-summary-shell{background:color-mix(in srgb,var(--surface-card) 96%,transparent);border:1px solid var(--border-default);color:var(--text-primary);box-shadow:var(--shadow-sm)}.daily-summary-stat-card{background:color-mix(in srgb,var(--surface-elevated) 72%,var(--surface-card));border:1px solid var(--border-subtle);color:var(--text-primary)}.daily-summary-muted{color:var(--text-muted)}.daily-summary-subtle{color:var(--text-disabled)}.daily-summary-link{color:var(--text-link)}.daily-summary-link:hover{color:var(--text-link-hover)}.dayview-empty-state{background:color-mix(in srgb,var(--surface-card) 82%,transparent);border:1px solid var(--border-default);color:var(--text-muted)}.dayview-entry-table-head{background:color-mix(in srgb,var(--surface-page) 90%,var(--surface-card))}.dayview-entry-row{border-top-color:var(--border-default)}.dayview-entry-row:hover{background:color-mix(in srgb,var(--surface-card) 76%,var(--surface-elevated))}.dayview-entry-thumb{border:1px solid var(--border-strong)}.dayview-entry-thumb:hover{border-color:var(--accent-primary)}.dayview-entry-thumb-more{color:var(--text-disabled)}.dayview-entry-thumb-more:hover{color:var(--text-link)}.dayview-private-indicator{color:color-mix(in srgb,var(--accent-info) 82%,var(--text-primary))}.dayview-add-more-button{display:inline-flex;align-items:center;justify-content:center;padding:.125rem;border:none;border-radius:.375rem;background:transparent;color:var(--accent-warning);line-height:1}.dayview-add-more-button:hover{background:color-mix(in srgb,var(--accent-warning-soft) 72%,transparent);color:color-mix(in srgb,var(--accent-warning) 82%,var(--text-primary))}.dayview-add-more-button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-warning) 38%,transparent);outline-offset:2px}.dayview-entry-link{color:var(--text-link)}.dayview-entry-link:hover{color:var(--text-link-hover)}.dayview-entry-link.is-success{color:var(--accent-success)}.dayview-entry-link.is-success:hover{color:color-mix(in srgb,var(--accent-success) 82%,var(--text-primary))}.dayview-entry-link.is-danger{color:var(--accent-danger)}.dayview-entry-link.is-danger:hover{color:color-mix(in srgb,var(--accent-danger) 82%,var(--text-primary))}.dayview-empty-copy,.dayview-pagination{color:var(--text-muted)}.dayview-private-notice{color:color-mix(in srgb,var(--accent-info) 78%,var(--text-primary))}.dayview-context-fab{background:var(--brand-pepi-gradient);border-color:color-mix(in srgb,var(--surface-page) 84%,transparent);color:var(--brand-pepi-fg);box-shadow:var(--shadow-md)}.dayview-context-fab:hover{filter:brightness(1.05)}.dayview-floating-neutral{background:color-mix(in srgb,var(--surface-card) 72%,transparent);color:var(--text-muted);border:1px solid var(--border-subtle)}input,select,textarea{width:100%;background-color:var(--surface-input);border:1px solid var(--border-default);border-radius:.25rem;padding:.5rem;color:var(--text-primary);min-height:2.25rem;transition:border-color .2s;display:block;opacity:1;visibility:visible;margin-bottom:.375rem}textarea{min-height:80px;resize:vertical}.form-control{margin-bottom:0;min-height:3rem;padding:.75rem .875rem}.form-control--compact{min-height:2.75rem;padding-block:.625rem}.form-control--with-leading-icon{padding-left:3.25rem}.form-control--with-trailing-icon{padding-right:3.125rem}.form-input-leading-icon{position:absolute;inset-block:0;left:0;display:flex;align-items:center;justify-content:flex-start;width:3.25rem;padding-left:1rem}.form-input-trailing-button{position:absolute;inset-block:0;right:0;display:flex;align-items:center;justify-content:center;width:3.125rem;padding:0;background:transparent;border:none}.form-input-leading-icon svg,.form-input-trailing-button svg{width:1rem;height:1rem}.sleep-tracking textarea,textarea.sleep-notes,textarea[name=sleepNotes],.sleep-notes-container textarea{background-color:var(--surface-input);border:1px solid var(--border-default);color:var(--text-primary)}input[type=date],input[readonly],select[disabled]{background-color:var(--surface-input);color:var(--text-secondary);border:1px solid var(--border-default)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1px solid var(--border-strong);border-radius:3px;background-color:var(--surface-input);display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin:0}input[type=checkbox]:checked{background-color:var(--accent-primary);border-color:var(--accent-primary)}input[type=checkbox]:checked:after{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M20 6L9 17L4 12' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");background-size:8px 8px;background-repeat:no-repeat;background-position:center;border:none}input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px var(--accent-primary-ring)}input[type=checkbox]:disabled{opacity:.6;cursor:not-allowed;background-color:var(--surface-elevated);border-color:var(--border-strong)}.checkbox,.copy-modal-checkbox,.confirmation-checkbox{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;max-width:14px!important;max-height:14px!important;background-color:var(--surface-input)!important;border:1px solid var(--border-strong)!important;border-radius:2px!important;position:relative!important;cursor:pointer!important;margin-right:.5rem!important;margin-top:0!important;margin-bottom:0!important;vertical-align:middle!important;flex-shrink:0!important}.checkbox:checked,.copy-modal-checkbox:checked,.confirmation-checkbox:checked{background-color:var(--accent-primary)!important;border-color:var(--accent-primary)!important}.checkbox:checked:after,.copy-modal-checkbox:checked:after,.confirmation-checkbox:checked:after{content:""!important;position:absolute!important;left:2px!important;top:2px!important;width:10px!important;height:10px!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M20 6L9 17L4 12' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")!important;background-size:8px 8px!important;background-repeat:no-repeat!important;background-position:center!important;border:none!important}input[type=checkbox]:disabled{opacity:.6!important;cursor:not-allowed!important}input[type=checkbox]:disabled:checked{background-color:var(--text-disabled)!important;border-color:var(--text-disabled)!important}.checkbox:disabled,.copy-modal-checkbox:disabled,.confirmation-checkbox:disabled{opacity:.6!important;cursor:not-allowed!important}.checkbox:disabled:checked,.copy-modal-checkbox:disabled:checked,.confirmation-checkbox:disabled:checked{background-color:var(--text-disabled)!important;border-color:var(--text-disabled)!important}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 1px var(--accent-primary-ring)}.form-group{margin-bottom:.75rem}.form-group label{display:block;margin-bottom:.25rem;font-size:.875rem;color:var(--text-secondary)}.form-group .hint{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.checkbox-group,.radio-group{display:flex;align-items:center;margin-bottom:.5rem}input[type=checkbox],input[type=radio]{width:auto;min-height:auto;margin-right:.5rem}input.error,select.error,textarea.error{border-color:var(--accent-danger)}.error-message{color:var(--accent-danger);font-size:.75rem;margin-top:.25rem}.btn{background-color:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius, .25rem);padding:.5rem 1rem;cursor:pointer;transition:background-color .2s}.btn:hover{background-color:var(--accent-primary-hover)}.btn:focus{outline:none;box-shadow:0 0 0 2px var(--accent-primary-ring)}.btn:disabled{background-color:var(--slate-500);cursor:not-allowed}.btn.secondary{background-color:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary)}.btn.secondary:hover{background-color:color-mix(in srgb,var(--accent-primary) 10%,transparent)}.day-view-container textarea,.day-view-container input,.day-view-container select,.sleep-tracking-section textarea,.sleep-tracking textarea{background-color:var(--surface-input);border:1px solid var(--border-default)}@media (max-width: 767px){.form-group{margin-bottom:.375rem}.form-group label{margin-bottom:.125rem}.btn{padding:.375rem .75rem;font-size:.875rem}.form-control{min-height:2.875rem;padding-block:.6875rem}.form-control--compact{min-height:2.625rem;padding-block:.5625rem}.form-control--with-leading-icon{padding-left:3.375rem}.form-control--with-trailing-icon{padding-right:3.25rem}.form-input-leading-icon{width:3.375rem}.form-input-trailing-button{width:3.25rem}}@media (max-width: 767px){.copy-entry-modal input[type=date],.copy-entry-modal input[type=time],.day-start-popup input[type=text]{background-color:var(--surface-input)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important;font-size:16px!important;-webkit-appearance:none!important}.day-start-popup{z-index:var(--z-modal)!important}}.fixed.inset-0.bg-black.bg-opacity-75.flex.items-center.justify-center.z-50 input[type=checkbox],.fixed.inset-0.bg-black.bg-opacity-75.flex.items-center.justify-center.z-50 .checkbox{width:16px!important;height:16px!important;min-height:unset!important;margin-right:10px!important;background-color:var(--surface-card)!important;border:1px solid var(--border-strong)!important;border-radius:3px!important;position:relative!important}.fixed.inset-0.bg-black.bg-opacity-75.flex.items-center.justify-center.z-50 input[type=checkbox]:checked,.fixed.inset-0.bg-black.bg-opacity-75.flex.items-center.justify-center.z-50 .checkbox:checked{background-color:var(--accent-primary)!important;border-color:var(--accent-primary)!important}.fixed.inset-0.bg-black.bg-opacity-75.flex.items-center.justify-center.z-50 input[type=checkbox]:checked:after{content:""!important;position:absolute!important;top:2px!important;left:5px!important;width:5px!important;height:9px!important;border:solid white!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important}.copy-entry-modal input[type=date],.modal-container input[type=date]{background-color:var(--surface-input)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important}.settings-container-garmin input[type=date],.settings-container-garmin input[type=text],.settings-container-garmin input[type=password]{background-color:var(--surface-input)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important;opacity:1!important}html body .garmin-settings-page .page-content-container h1.garmin-title,body .garmin-title,.garmin-title,h1.garmin-title,html body .settings-page .page-content-container h1.page-title,html body .analytics-page .page-content-container h1.page-title,.settings-page .page-title,.analytics-page .page-title,.page-title.garmin-title,.page-title.category-title,.page-title.profile-title,.page-title.analytics-title,h1.page-title{font-size:2.5rem!important;font-weight:700!important;color:var(--text-primary)!important;margin-top:.5rem!important;margin-bottom:2.5rem!important;padding-bottom:.75rem!important;border-bottom:2px solid var(--border-default)!important;letter-spacing:-.02em!important;line-height:1.2!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important}@media (max-width: 767px){.settings-page .page-title,.analytics-page .page-title,.page-title.garmin-title,.page-title.category-title,.page-title.profile-title,.page-title.analytics-title{font-size:1.75rem!important;margin-bottom:1.5rem!important;padding-bottom:.5rem!important}html body .settings-page .page-content-container,html body .analytics-page .page-content-container,.settings-page .page-content-container,.analytics-page .page-content-container{margin-top:60px!important;padding-top:.5rem!important}.settings-page .page-content-container h2.text-xl.font-semibold,.analytics-page .page-content-container h2.text-xl.font-semibold{font-size:1.25rem!important;font-weight:600!important;margin-top:1rem!important;margin-bottom:1rem!important;color:var(--text-primary)!important}.settings-page .grid.grid-cols-1.gap-4,.analytics-page .grid.grid-cols-1.gap-4{gap:.75rem!important}.settings-page .bg-slate-700\/50,.analytics-page .bg-slate-700\/50{padding:.75rem!important}.settings-page .bg-slate-800\/50,.analytics-page .bg-slate-800\/50{padding:1rem!important;margin-bottom:1rem!important}.settings-page h3.text-lg,.analytics-page h3.text-lg{font-size:1rem!important;margin-bottom:.75rem!important}}html body .garmin-settings-page .page-content-container h1.garmin-title,body .garmin-title,.garmin-title,h1.garmin-title,html body .category-settings-page .page-content-container h1.category-title,body .category-title,.category-title,h1.category-title{font-size:2.5rem!important;font-weight:700!important;color:var(--text-primary)!important;margin-top:.5rem!important;margin-bottom:2.5rem!important;padding-bottom:.75rem!important;border-bottom:2px solid var(--border-default)!important;letter-spacing:-.02em!important;line-height:1.2!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important}html body .account-connection-title,body .account-connection-title,h2.account-connection-title,.account-connection-title{font-size:1.75rem!important;font-weight:600!important;color:var(--text-primary)!important;margin-top:.5rem!important;margin-bottom:1.25rem!important;line-height:1.2!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;padding-right:6px!important}@media (max-width: 767px){.garmin-title,h1.garmin-title,html body .garmin-settings-page .page-content-container h1.garmin-title{font-size:1.5rem!important;margin-bottom:1.25rem!important;padding-bottom:.5rem!important;padding-right:6px!important;line-height:1.15!important;max-width:100%!important;word-break:break-word!important}.category-title,h1.category-title,html body .category-settings-page .page-content-container h1.category-title{font-size:1.5rem!important;font-weight:600!important;margin-bottom:1.25rem!important;padding-bottom:.5rem!important;padding-right:6px!important;line-height:1.15!important;max-width:100%!important;word-break:break-word!important}.account-connection-title{font-size:1.5rem!important;margin-bottom:1rem!important;padding-right:6px!important}.category-settings-page h2,.category-settings-page h3,.garmin-settings-page h2,.garmin-settings-page h3{padding-right:6px!important;overflow-x:visible!important}html body .garmin-settings-page .page-content-container,.garmin-settings-page .page-content-container,html body .category-settings-page .page-content-container,.category-settings-page .page-content-container{margin-top:60px!important;padding-top:.5rem!important}.garmin-settings-page .page-content-container h2.text-xl.font-semibold,.category-settings-page .page-content-container h2.text-xl.font-semibold{font-size:1.25rem!important;font-weight:600!important;margin-top:1rem!important;margin-bottom:1rem!important;color:var(--text-primary)!important}.garmin-settings-page .grid.grid-cols-1.md\:grid-cols-2.gap-4,.category-settings-page .grid.grid-cols-1.md\:grid-cols-2.gap-4{gap:.75rem!important}.garmin-settings-page .bg-slate-700\/50,.category-settings-page .bg-slate-700\/50{padding:.75rem!important}.garmin-settings-page .bg-slate-800\/50,.category-settings-page .bg-slate-800\/50{padding:1rem!important;margin-bottom:1rem!important}.garmin-settings-page .space-y-4>*,.garmin-settings-page .space-y-5>*,.garmin-settings-page .space-y-6>*,.category-settings-page .space-y-4>*,.category-settings-page .space-y-5>*,.category-settings-page .space-y-6>*{margin-top:.5rem!important;margin-bottom:.5rem!important}.garmin-settings-page h3.text-lg,.category-settings-page h3.text-lg{font-size:1rem!important;margin-bottom:.75rem!important}.garmin-settings-page .mb-6,.category-settings-page .mb-6{margin-bottom:1rem!important}.garmin-settings-page input[type=text],.garmin-settings-page input[type=password],.garmin-settings-page input[type=date],.garmin-settings-page input[type=number],.category-settings-page input[type=text],.category-settings-page input[type=password],.category-settings-page input[type=date],.category-settings-page input[type=number]{padding:.5rem!important;font-size:.875rem!important;height:2.5rem!important}.garmin-settings-page label.block.text-sm,.category-settings-page label.block.text-sm{font-size:.75rem!important;margin-bottom:.25rem!important}.garmin-settings-page button.flex-1.px-3.py-3,.category-settings-page button.flex-1.px-3.py-3{padding:.375rem .5rem!important;font-size:.75rem!important}.garmin-settings-page .grid.grid-cols-1.md\:grid-cols-3.gap-3,.category-settings-page .grid.grid-cols-1.md\:grid-cols-3.gap-3{gap:.5rem!important}.garmin-settings-page button.bg-blue-500,.garmin-settings-page button.bg-green-500,.category-settings-page button.bg-blue-500,.category-settings-page button.bg-green-500{padding:1rem!important}.garmin-settings-page .space-y-3 label.flex.items-center,.category-settings-page .space-y-3 label.flex.items-center{margin-top:.5rem!important;margin-bottom:.5rem!important}.garmin-settings-page .space-y-3 label.flex.items-center .text-sm,.category-settings-page .space-y-3 label.flex.items-center .text-sm{font-size:.75rem!important;line-height:1.2!important}.garmin-settings-page .text-sm.text-slate-400,.category-settings-page .text-sm.text-slate-400{font-size:.75rem!important;margin-top:.5rem!important;margin-bottom:.5rem!important}.garmin-settings-page .mb-4,.category-settings-page .mb-4{margin-bottom:.75rem!important}}.settings-page{position:relative;width:100%;z-index:8000;max-width:var(--container-lg);margin-left:auto;margin-right:auto}.settings-container{background-color:var(--surface-card);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);width:100%;padding-top:0}.settings-section{margin-bottom:var(--space-4)}.settings-heading{margin-bottom:var(--space-3);font-size:1.25rem;font-weight:600}.settings-description{margin-bottom:var(--space-3);color:var(--text-muted)}.garmin-settings{padding-top:var(--space-4);background-color:transparent!important}.garmin-settings-inner{background-color:var(--surface-page);border-radius:var(--radius-md);padding:var(--space-4);width:100%;max-width:90rem;margin:0 auto}.conflict-resolution-section{margin-bottom:var(--space-4)}.conflict-resolution-buttons,.sleep-conflict-resolution-buttons{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.conflict-resolution-buttons button,.sleep-conflict-resolution-buttons button{flex:1}.category-settings{padding-top:var(--space-4);background-color:transparent!important;position:relative;z-index:8000}.category-settings-inner{background-color:var(--surface-page);border-radius:var(--radius-md);padding:var(--space-4);width:100%;max-width:var(--category-settings-width);margin:0 auto;position:relative;z-index:8000}.categories-list{display:grid;gap:var(--space-3)}.category-item{background-color:var(--surface-card);border-radius:var(--radius-md);padding:var(--space-3);border:1px solid var(--border-default)}.category-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.category-item-title{font-weight:600;font-size:1.125rem}.category-item-content{color:var(--text-secondary)}.add-category-button{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.profile-settings{padding-top:var(--space-4);background-color:transparent!important}.profile-settings-inner{background-color:var(--surface-page);border-radius:var(--radius-md);padding:var(--space-4);width:100%;max-width:72rem;margin:0 auto}@media (max-width: 767px){.settings-page{padding-left:var(--space-3);padding-right:var(--space-3)}.garmin-settings,.category-settings,.profile-settings{padding-top:var(--space-3)}.garmin-settings-inner,.category-settings-inner,.profile-settings-inner{padding:var(--space-3)}.conflict-resolution-buttons,.sleep-conflict-resolution-buttons{flex-direction:column;gap:var(--space-2)}.conflict-resolution-buttons button,.sleep-conflict-resolution-buttons button{width:100%;margin-bottom:var(--space-2)}.category-item{padding:var(--space-2)}.category-item-content{padding-top:var(--space-1)}.settings-mobile-container{right:0!important;top:0!important;position:fixed;z-index:9999!important;background-color:transparent!important}}@media (min-width: 768px){.settings-page{padding-left:calc(var(--sidebar-width) + var(--space-3))}.settings-container{max-width:var(--container-md);padding-top:64px;margin-left:60px}.garmin-settings-inner,.category-settings-inner,.profile-settings-inner{padding:var(--space-6)}.categories-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.conflict-resolution-buttons,.sleep-conflict-resolution-buttons{flex-direction:row}}.settings-container-wrapper{display:flex;width:100%;flex-direction:column;align-items:center;padding-top:1rem;padding-bottom:1rem}.fixed.inset-0.bg-black.bg-opacity-75.settings-container-wrapper.items-center.justify-center.z-50 input[type=checkbox],.fixed.inset-0.bg-black.bg-opacity-75.settings-container-wrapper.items-center.justify-center.z-50 .checkbox,.fixed.inset-0.bg-black.bg-opacity-75.flex.settings-container-wrapper.justify-center.z-50 input[type=checkbox],.fixed.inset-0.bg-black.bg-opacity-75.flex.settings-container-wrapper.justify-center.z-50 .checkbox{width:16px;height:16px;min-height:unset;margin-right:10px;background-color:var(--surface-card);border:1px solid var(--border-strong);border-radius:3px;position:relative}.fixed.inset-0.bg-black.bg-opacity-75.settings-container-wrapper.items-center.justify-center.z-50 input[type=checkbox]:checked,.fixed.inset-0.bg-black.bg-opacity-75.settings-container-wrapper.items-center.justify-center.z-50 .checkbox:checked{background-color:var(--accent-primary);border-color:var(--accent-primary)}.fixed.inset-0.bg-black.bg-opacity-75.flex.settings-container-wrapper.justify-center.z-50 input[type=checkbox]:checked,.fixed.inset-0.bg-black.bg-opacity-75.flex.settings-container-wrapper.justify-center.z-50 .checkbox:checked{background-color:var(--accent-primary);border-color:var(--accent-primary)}.fixed.inset-0.bg-black.bg-opacity-75.settings-container-wrapper.items-center.justify-center.z-50 input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.fixed.inset-0.bg-black.bg-opacity-75.flex.settings-container-wrapper.justify-center.z-50 input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}@media (max-width: 767px){.garmin-settings-page .space-y-3 label.settings-container-wrapper.items-center,.category-settings-page .space-y-3 label.settings-container-wrapper.items-center,.garmin-settings-page .space-y-3 label.flex.settings-container-wrapper,.category-settings-page .space-y-3 label.flex.settings-container-wrapper{margin-top:.5rem;margin-bottom:.5rem}.garmin-settings-page .space-y-3 label.settings-container-wrapper.items-center .text-sm,.category-settings-page .space-y-3 label.settings-container-wrapper.items-center .text-sm,.garmin-settings-page .space-y-3 label.flex.settings-container-wrapper .text-sm,.category-settings-page .space-y-3 label.flex.settings-container-wrapper .text-sm{font-size:.75rem;line-height:1.2}.fixed.inset-0.settings-container-wrapper.items-center.justify-center.z-50,.fixed.inset-0.bg-black.bg-opacity-50.settings-container-wrapper.items-center.justify-center.z-50,.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50,.fixed.inset-0.bg-black.bg-opacity-50.flex.settings-container-wrapper.justify-center.z-50{padding:16px;overflow-y:auto}.fixed.inset-0.settings-container-wrapper.items-center.justify-center.z-50>div.bg-slate-800,.fixed.inset-0.bg-black.bg-opacity-50.settings-container-wrapper.items-center.justify-center.z-50>div.bg-slate-800{max-width:100%;width:100%;margin:16px;max-height:calc(100vh - 32px);overflow-y:auto;position:relative;padding-bottom:var(--bottom-nav-clearance)}.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50>div.bg-slate-800,.fixed.inset-0.bg-black.bg-opacity-50.flex.settings-container-wrapper.justify-center.z-50>div.bg-slate-800{max-width:100%;width:100%;margin:16px;max-height:calc(100vh - 32px);overflow-y:auto;position:relative;padding-bottom:var(--bottom-nav-clearance)}.fixed.inset-0.settings-container-wrapper.items-center.justify-center.z-50 button.absolute.top-3.right-3,.fixed.inset-0.bg-black.bg-opacity-50.settings-container-wrapper.items-center.justify-center.z-50 button.absolute.top-3.right-3,.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50 button.absolute.top-3.right-3,.fixed.inset-0.bg-black.bg-opacity-50.flex.settings-container-wrapper.justify-center.z-50 button.absolute.top-3.right-3{top:10px;right:10px;background-color:#0f172a99;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:60;box-shadow:0 2px 10px #0000004d}.fixed.inset-0.settings-container-wrapper.items-center.justify-center.z-50 h2,.fixed.inset-0.bg-black.bg-opacity-50.settings-container-wrapper.items-center.justify-center.z-50 h2,.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50 h2,.fixed.inset-0.bg-black.bg-opacity-50.flex.settings-container-wrapper.justify-center.z-50 h2{font-size:18px;padding-right:40px;margin-bottom:16px}.fixed.inset-0.settings-container-wrapper.items-center.justify-center.z-50 input,.fixed.inset-0.settings-container-wrapper.items-center.justify-center.z-50 select,.fixed.inset-0.settings-container-wrapper.items-center.justify-center.z-50 textarea,.fixed.inset-0.bg-black.bg-opacity-50.settings-container-wrapper.items-center.justify-center.z-50 input,.fixed.inset-0.bg-black.bg-opacity-50.settings-container-wrapper.items-center.justify-center.z-50 select,.fixed.inset-0.bg-black.bg-opacity-50.settings-container-wrapper.items-center.justify-center.z-50 textarea,.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50 input,.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50 select,.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50 textarea,.fixed.inset-0.bg-black.bg-opacity-50.flex.settings-container-wrapper.justify-center.z-50 input,.fixed.inset-0.bg-black.bg-opacity-50.flex.settings-container-wrapper.justify-center.z-50 select,.fixed.inset-0.bg-black.bg-opacity-50.flex.settings-container-wrapper.justify-center.z-50 textarea{font-size:16px;padding:10px}.fixed.inset-0.settings-container-wrapper.items-center.justify-center.z-50 .flex.justify-end,.fixed.inset-0.bg-black.bg-opacity-50.settings-container-wrapper.items-center.justify-center.z-50 .flex.justify-end,.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50 .flex.justify-end,.fixed.inset-0.bg-black.bg-opacity-50.flex.settings-container-wrapper.justify-center.z-50 .flex.justify-end{position:absolute;bottom:0;left:0;right:0;padding:16px;background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card));border-top:1px solid var(--border-subtle);justify-content:space-between;width:100%;box-shadow:var(--shadow-sm)}.fixed.inset-0.settings-container-wrapper.items-center.justify-center.z-50 .flex.justify-end button,.fixed.inset-0.bg-black.bg-opacity-50.settings-container-wrapper.items-center.justify-center.z-50 .flex.justify-end button,.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50 .flex.justify-end button,.fixed.inset-0.bg-black.bg-opacity-50.flex.settings-container-wrapper.justify-center.z-50 .flex.justify-end button{min-width:44%;padding:10px;font-size:16px;border-radius:6px}.fixed.inset-0.settings-container-wrapper.items-center.justify-center.z-50>div.bg-slate-800{max-width:90%;margin:16px auto}.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50>div.bg-slate-800{max-width:90%;margin:16px auto}.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800>h2+div .text-xl.font-semibold{display:none}.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800>h2+div .text-xl.font-semibold{display:none}.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800 .space-y-6,.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800 .space-y-6{margin-top:0;margin-bottom:0;gap:8px}.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800 .grid.grid-cols-3:not(.grid-cols-4),.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800 .grid.grid-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800 .grid.grid-cols-3:not(.grid-cols-4),.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800 .grid.grid-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800 .grid.grid-cols-4,.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800 .grid.grid-cols-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800 .space-y-6>div{margin-bottom:8px}.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800 .space-y-6>div{margin-bottom:8px}.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(2),.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(3){display:flex;flex-direction:row;gap:8px}.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(2),.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(3){display:flex;flex-direction:row;gap:8px}.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(2)>div,.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(3)>div{width:50%}.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(2)>div,.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(3)>div{width:50%}.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800 input[type=time],.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800 input[type=number],.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800 select,.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800 input[type=time],.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800 input[type=number],.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800 select{padding:6px 8px;height:38px}.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800 textarea,.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800 textarea{min-height:96px;transition:height .3s ease;overflow-y:auto;resize:none;box-sizing:border-box;line-height:1.5;max-height:300px;padding:12px}.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800 .flex.justify-end,.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800 .flex.justify-end{background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card));box-shadow:var(--shadow-sm)}.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800 .flex.justify-end button:last-child{background-color:var(--accent-primary);color:var(--accent-primary-fg)}.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800 .flex.justify-end button:last-child{background-color:var(--accent-primary);color:var(--accent-primary-fg)}.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800 .flex.justify-end button:first-child,.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800 .flex.justify-end button:first-child{background-color:color-mix(in srgb,var(--surface-elevated) 92%,var(--surface-card));color:var(--text-secondary);border:1px solid var(--border-subtle)}.fixed.inset-0.settings-container-wrapper.items-center.justify-center.z-50 .absolute.top-3.right-3 svg,.fixed.inset-0.bg-black.bg-opacity-50.settings-container-wrapper.items-center.justify-center.z-50 .absolute.top-3.right-3 svg{width:24px;height:24px;color:var(--text-primary);opacity:.9;stroke-width:2.5}.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50 .absolute.top-3.right-3 svg,.fixed.inset-0.bg-black.bg-opacity-50.flex.settings-container-wrapper.justify-center.z-50 .absolute.top-3.right-3 svg{width:24px;height:24px;color:var(--text-primary);opacity:.9;stroke-width:2.5}.fixed.inset-0.settings-container-wrapper.items-center.justify-center.z-50 .absolute.top-3.right-3:before,.fixed.inset-0.bg-black.bg-opacity-50.settings-container-wrapper.items-center.justify-center.z-50 .absolute.top-3.right-3:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background-color:transparent;z-index:-1}.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50 .absolute.top-3.right-3:before,.fixed.inset-0.bg-black.bg-opacity-50.flex.settings-container-wrapper.justify-center.z-50 .absolute.top-3.right-3:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background-color:transparent;z-index:-1}.fixed.inset-0.settings-container-wrapper.items-center.justify-center.z-50 .bg-slate-800>button.absolute{position:fixed;top:16px;right:16px;background-color:color-mix(in srgb,var(--surface-elevated) 90%,var(--surface-card));padding:10px;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50 .bg-slate-800>button.absolute{position:fixed;top:16px;right:16px;background-color:color-mix(in srgb,var(--surface-elevated) 90%,var(--surface-card));padding:10px;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.fixed.inset-0.settings-container-wrapper.items-center.justify-center.z-50>.bg-slate-800,.fixed.inset-0.bg-black.bg-opacity-50.settings-container-wrapper.items-center.justify-center.z-50>.bg-slate-800{padding:20px 16px 16px;padding-bottom:var(--bottom-nav-clearance);max-height:90vh;overflow-y:auto;margin:0 auto;width:100%;max-width:500px;position:relative}.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50>.bg-slate-800,.fixed.inset-0.bg-black.bg-opacity-50.flex.settings-container-wrapper.justify-center.z-50>.bg-slate-800{padding:20px 16px 16px;padding-bottom:var(--bottom-nav-clearance);max-height:90vh;overflow-y:auto;margin:0 auto;width:100%;max-width:500px;position:relative}.fixed.inset-0.settings-container-wrapper.items-center.justify-center.z-50 .bg-slate-800 form,.fixed.inset-0.bg-black.bg-opacity-50.settings-container-wrapper.items-center.justify-center.z-50 .bg-slate-800 form,.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50 .bg-slate-800 form,.fixed.inset-0.bg-black.bg-opacity-50.flex.settings-container-wrapper.justify-center.z-50 .bg-slate-800 form{overflow-y:auto;max-height:calc(90vh - 120px);padding-bottom:16px;width:100%}.fixed.inset-0.settings-container-wrapper.items-center.justify-center.z-50 .bg-slate-800 form>div:last-child,.fixed.inset-0.bg-black.bg-opacity-50.settings-container-wrapper.items-center.justify-center.z-50 .bg-slate-800 form>div:last-child{position:sticky;bottom:-16px;background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card));margin-left:-16px;margin-right:-16px;padding:16px;width:calc(100% + 32px);display:flex;justify-content:space-between;box-shadow:var(--shadow-sm);z-index:10;border-top:1px solid var(--border-subtle)}.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50 .bg-slate-800 form>div:last-child,.fixed.inset-0.bg-black.bg-opacity-50.flex.settings-container-wrapper.justify-center.z-50 .bg-slate-800 form>div:last-child{position:sticky;bottom:-16px;background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card));margin-left:-16px;margin-right:-16px;padding:16px;width:calc(100% + 32px);display:flex;justify-content:space-between;box-shadow:var(--shadow-sm);z-index:10;border-top:1px solid var(--border-subtle)}.fixed.inset-0.settings-container-wrapper.items-center.justify-center.z-50 button[aria-label=Close],.fixed.inset-0.bg-black.bg-opacity-50.settings-container-wrapper.items-center.justify-center.z-50 button[aria-label=Close],.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50 button[aria-label=Close],.fixed.inset-0.bg-black.bg-opacity-50.flex.settings-container-wrapper.justify-center.z-50 button[aria-label=Close]{z-index:101}.analytics-page .navigation-bar .settings-container-wrapper.justify-center,.fixed.top-0.inset-x-0 .settings-container-wrapper.justify-center,[class*=container]>.settings-container-wrapper.justify-center{font-weight:700;letter-spacing:.01em}}@media (max-width: 639px){.fixed.inset-0.bg-black\/70 .settings-container-wrapper.gap-3.pt-4{padding-top:.75rem;gap:.5rem}.fixed.inset-0.bg-black\/70 .settings-container-wrapper.gap-3.pt-4 button{padding:.625rem .75rem;font-size:.875rem}}@media (min-width: 768px){.analytics-dashboard-header .settings-container-wrapper.gap-2{display:flex;visibility:visible}.analytics-dashboard-header .settings-container-wrapper.gap-2 button{display:flex;visibility:visible;opacity:1}}@media (max-width: 767px){html body .settings-container-wrapper{overflow-x:visible}}.settings-container-garmin{width:100%;max-width:64rem;border-radius:var(--radius);--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));padding:1.5rem}.fixed.left-0.top-0.h-full.settings-container-garmin.z-50,.fixed.bottom-0.left-0.right-0.settings-container-garmin.border-t.border-slate-800.z-50{z-index:var(--z-sidebar)}@media (max-width: 767px){.fixed.bottom-0.left-0.right-0.settings-container-garmin.border-t.border-slate-800.z-50{z-index:var(--z-sidebar)}}@media (min-width: 768px){.fixed.left-0.top-0.h-full.settings-container-garmin.z-50{z-index:var(--z-sidebar)}}@media (max-width: 639px){.fixed.inset-0.bg-black\/70>.settings-container-garmin.rounded-lg{margin:.5rem;max-height:calc(100vh - 1rem)}.fixed.inset-0.bg-black\/70>.bg-slate-900.settings-container-garmin{margin:.5rem;max-height:calc(100vh - 1rem)}.fixed.inset-0.bg-black\/70 .settings-container-garmin{padding:1rem}}.settings-container-profile{width:100%;border-radius:var(--radius);--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));padding:1.5rem}.fixed.left-0.top-0.h-full.settings-container-profile.z-50,.fixed.bottom-0.left-0.right-0.settings-container-profile.border-t.border-slate-800.z-50{z-index:var(--z-sidebar)}@media (max-width: 767px){.fixed.bottom-0.left-0.right-0.settings-container-profile.border-t.border-slate-800.z-50{z-index:var(--z-sidebar)}}@media (min-width: 768px){.fixed.left-0.top-0.h-full.settings-container-profile.z-50{z-index:var(--z-sidebar)}}@media (max-width: 639px){.fixed.inset-0.bg-black\/70>.settings-container-profile.rounded-lg{margin:.5rem;max-height:calc(100vh - 1rem)}.fixed.inset-0.bg-black\/70>.bg-slate-900.settings-container-profile{margin:.5rem;max-height:calc(100vh - 1rem)}.fixed.inset-0.bg-black\/70 .settings-container-profile{padding:1rem}}.settings-container-profile{max-width:var(--category-settings-width)}.settings-container-category{position:relative;z-index:100000;background-color:transparent!important;padding:24px!important;margin-top:0!important;border-radius:8px!important;max-width:var(--category-settings-width)!important;overflow-y:auto!important;overflow-x:hidden!important;-ms-overflow-style:none!important;scrollbar-width:none!important}.settings-container-category::-webkit-scrollbar{display:none!important;width:0!important;background:transparent!important}@media (max-width: 767px){.settings-container-category{z-index:500!important}}.analytics-container{width:100%;max-width:80rem;border-radius:var(--radius);--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));padding:1.5rem}.fixed.left-0.top-0.h-full.analytics-container.z-50,.fixed.bottom-0.left-0.right-0.analytics-container.border-t.border-slate-800.z-50{z-index:var(--z-sidebar)}@media (max-width: 767px){.fixed.bottom-0.left-0.right-0.analytics-container.border-t.border-slate-800.z-50{z-index:var(--z-sidebar)}}@media (min-width: 768px){.fixed.left-0.top-0.h-full.analytics-container.z-50{z-index:var(--z-sidebar)}}@media (max-width: 639px){.fixed.inset-0.bg-black\/70>.analytics-container.rounded-lg{margin:.5rem;max-height:calc(100vh - 1rem)}.fixed.inset-0.bg-black\/70>.bg-slate-900.analytics-container{margin:.5rem;max-height:calc(100vh - 1rem)}.fixed.inset-0.bg-black\/70 .analytics-container{padding:1rem}}.category-settings-inner{width:100%;border-radius:var(--radius);--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));padding:1.5rem}.fixed.left-0.top-0.h-full.category-settings-inner.z-50,.fixed.bottom-0.left-0.right-0.category-settings-inner.border-t.border-slate-800.z-50{z-index:var(--z-sidebar)}@media (max-width: 767px){.fixed.bottom-0.left-0.right-0.category-settings-inner.border-t.border-slate-800.z-50{z-index:var(--z-sidebar)}}@media (min-width: 768px){.fixed.left-0.top-0.h-full.category-settings-inner.z-50{z-index:var(--z-sidebar)}}@media (max-width: 639px){.fixed.inset-0.bg-black\/70>.category-settings-inner.rounded-lg{margin:.5rem;max-height:calc(100vh - 1rem)}.fixed.inset-0.bg-black\/70>.bg-slate-900.category-settings-inner{margin:.5rem;max-height:calc(100vh - 1rem)}.fixed.inset-0.bg-black\/70 .category-settings-inner{padding:1rem}}.category-settings-inner{max-width:var(--category-settings-width)}.settings-container-wrapper,.container-with-arrow,.category-settings-main,.settings-container-category,.settings-page{padding-top:0!important;margin-top:0!important}.category-settings-section,.garmin-settings-section{margin-top:0!important;padding-top:0!important}@media (min-width: 1024px){.settings-container-wrapper{padding-top:0;padding-bottom:0;margin-top:0!important}.settings-page,.garmin-settings,.category-settings,.profile-settings,.day-view-container.settings-container-wrapper,.day-view-page.settings-container-wrapper{padding-top:0;position:relative;z-index:8000}.container-with-arrow{padding-top:0;position:relative;top:0;left:0;width:100%;max-width:100%;overflow:visible;margin-top:0!important;z-index:10000!important}.settings-container-category h1{display:block!important;visibility:visible!important;position:relative!important;z-index:10500!important;font-size:2rem!important;margin-top:0!important;margin-bottom:20px!important;font-weight:700!important;color:var(--text-primary)!important}}.settings-mobile-container{width:56px;background-color:transparent!important;display:flex;align-items:center;justify-content:center}@media (max-width: 767px){.settings-mobile-container{right:0!important;top:0!important;position:fixed;z-index:9999!important;background-color:transparent!important}.settings-mobile-container .absolute{right:0!important}}.container-with-arrow{margin-top:0!important;position:relative;padding-top:0!important}.settings-mobile-container{z-index:8999!important}.settings-mobile-container .absolute,.settings-mobile-container+div,div[class*="fixed top-2 right-4 w-64"]{z-index:8999!important}@media (max-width: 767px){div[class*="fixed top-2 right-4 w-64"]{position:fixed!important;top:2px!important;right:0!important;z-index:9999!important;margin-top:0!important}}.settings-burger-button{z-index:8999!important;pointer-events:auto!important;position:relative!important;cursor:pointer!important}.settings-dropdown{z-index:8999!important;pointer-events:auto!important}@media (min-width: 768px){.settings-menu-adjust-desktop{z-index:8999!important;pointer-events:auto!important;position:fixed!important}}body.settings-page .top-level-category-settings{margin-top:0!important;padding-top:0!important}@media (max-width: 767px){.settings-container-category,.category-settings-page .page-content-container{margin-top:60px!important;padding-top:.5rem!important;overflow-y:auto!important;overflow-x:hidden!important;-ms-overflow-style:none!important;scrollbar-width:none!important}.category-settings-page .page-content-container::-webkit-scrollbar,.settings-container-category::-webkit-scrollbar{display:none!important;width:0!important;background:transparent!important}}@media (min-width: 768px){.category-settings-page .page-content-container{max-width:var(--category-settings-width)!important;margin:0 auto!important;padding-top:1rem!important}.category-title{font-size:2.5rem!important;margin-bottom:2.5rem!important}}html body .settings-page .page-content-container h1.page-title,html body .analytics-page .page-content-container h1.page-title{margin-top:.5rem!important;margin-bottom:2.5rem!important}.settings-menu-trigger{background:color-mix(in srgb,var(--surface-card) 94%,transparent);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);color:var(--text-primary)}.settings-menu-trigger:hover{background:color-mix(in srgb,var(--surface-elevated) 70%,transparent)}.settings-menu{background:color-mix(in srgb,var(--surface-card) 96%,transparent);border:1px solid var(--border-default);box-shadow:var(--shadow-xl),var(--shadow-inset-highlight)}.settings-menu-item{color:var(--text-primary)}.settings-menu-item:hover{background:color-mix(in srgb,var(--surface-elevated) 56%,transparent)}.settings-menu-separator{background:var(--border-default)}.settings-menu-badge{background:var(--accent-success-soft);color:var(--accent-success)}.settings-menu-muted{color:var(--text-muted)}.settings-menu-checkbox{background:var(--surface-elevated);border:1px solid var(--border-strong)}.settings-menu-checkbox[data-checked=true][data-color=blue]{background:var(--accent-primary);border-color:var(--accent-primary)}.settings-menu-checkbox[data-checked=true][data-color=purple]{background:var(--purple-600);border-color:var(--purple-600)}.settings-menu-gear{color:var(--text-muted)}.settings-menu-gear:hover{background:color-mix(in srgb,var(--surface-elevated) 56%,transparent);color:var(--text-primary)}.macro-goals-bar,.macro-goals-show-link,.macro-goals-bar__dismiss-sheet,.macro-goals-sheet{--mgb-shell-bg: linear-gradient( 180deg, color-mix(in srgb, var(--surface-card) 96%, var(--surface-elevated)) 0%, color-mix(in srgb, var(--surface-card) 88%, var(--surface-page)) 100% );--mgb-shell-border: var(--border-default);--mgb-shell-border-subtle: var(--border-subtle);--mgb-shell-shadow: var(--shadow-md);--mgb-shell-shadow-lg: var(--shadow-lg);--mgb-surface-soft: color-mix(in srgb, var(--surface-card) 76%, var(--surface-sunken));--mgb-surface-strong: color-mix(in srgb, var(--surface-elevated) 74%, var(--surface-card));--mgb-hover: color-mix(in srgb, var(--surface-elevated) 58%, transparent);--mgb-hover-strong: color-mix(in srgb, var(--surface-elevated) 82%, var(--surface-card));--mgb-text: var(--text-primary);--mgb-text-secondary: var(--text-secondary);--mgb-text-muted: var(--text-muted);--mgb-text-disabled: var(--text-disabled);--mgb-link: var(--text-link);--mgb-link-hover: var(--text-link-hover);--mgb-focus: var(--accent-primary-ring);--mgb-success: var(--accent-success);--mgb-success-soft: var(--accent-success-soft);--mgb-warning: var(--accent-warning);--mgb-warning-soft: var(--accent-warning-soft);--mgb-danger: var(--accent-danger);--mgb-danger-soft: var(--accent-danger-soft);--mgb-info: var(--accent-info);--mgb-info-soft: var(--accent-info-soft);--mgb-title-gradient: linear-gradient( 90deg, color-mix(in srgb, var(--brand-pepi) 78%, var(--text-primary)), color-mix(in srgb, var(--accent-info) 70%, var(--text-primary)) );--mgb-cta-bg: linear-gradient( 135deg, color-mix(in srgb, var(--accent-primary-soft) 90%, var(--surface-card)), color-mix(in srgb, var(--accent-info-soft) 94%, var(--surface-card)) );--mgb-primary-action: linear-gradient( 135deg, var(--accent-primary), color-mix(in srgb, var(--accent-primary-hover) 70%, var(--brand-pepi) 30%) )}.macro-goals-bar--empty{padding:18px 16px;background:radial-gradient(ellipse 120% 100% at 100% 0%,color-mix(in srgb,var(--accent-info) 18%,transparent),transparent 60%),radial-gradient(ellipse 140% 100% at 0% 100%,color-mix(in srgb,var(--brand-pepi) 16%,transparent),transparent 65%),linear-gradient(135deg,color-mix(in srgb,var(--surface-card) 88%,var(--brand-pepi-deep) 12%),color-mix(in srgb,var(--surface-card) 90%,var(--surface-page) 10%));border:1px solid color-mix(in srgb,var(--brand-pepi) 22%,var(--mgb-shell-border));box-shadow:var(--mgb-shell-shadow-lg),var(--shadow-inset-highlight)}.macro-goals-bar--empty:active{transform:scale(.985)}.macro-goals-bar__empty{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.macro-goals-bar__empty-icon{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);background:linear-gradient(135deg,#a855f7c7,#22d3ee9e);border:1px solid color-mix(in srgb,var(--brand-pepi) 34%,transparent);box-shadow:0 0 18px #a855f738,inset 0 1px #ffffff29;animation:macroGoalsEmptyPulse 3s ease-in-out infinite}@keyframes macroGoalsEmptyPulse{0%,to{transform:scale(1);box-shadow:0 0 18px #a855f738,inset 0 1px #ffffff29}50%{transform:scale(1.06);box-shadow:0 0 26px #a855f757,inset 0 1px #ffffff29}}.macro-goals-bar__empty-text{flex:1;min-width:0}.macro-goals-bar__empty-title{font-size:15px;font-weight:700;color:var(--mgb-text);letter-spacing:-.01em;margin-bottom:2px}.macro-goals-bar__empty-subtitle{font-size:12px;line-height:1.45;color:var(--mgb-text-secondary)}.macro-goals-bar__empty-arrow{flex-shrink:0;font-size:18px;font-weight:500;color:var(--mgb-link);padding:0 4px;transition:transform .2s ease}.macro-goals-bar--empty:active .macro-goals-bar__empty-arrow{transform:translate(3px)}.macro-goals-bar{position:relative;width:100%;padding:12px 14px 14px;margin-bottom:14px;background:var(--mgb-shell-bg);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid var(--mgb-shell-border);border-radius:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .15s ease,border-color .2s ease,background .2s ease;overflow:hidden;box-shadow:var(--mgb-shell-shadow),var(--shadow-inset-highlight);z-index:0;isolation:isolate}.macro-goals-bar:before{content:"";position:absolute;top:-40%;left:-10%;width:60%;height:180%;background:radial-gradient(ellipse at center,rgb(168 85 247 / .14),transparent 70%);pointer-events:none;z-index:0}.macro-goals-bar:hover{border-color:color-mix(in srgb,var(--accent-primary) 22%,var(--mgb-shell-border));background:linear-gradient(180deg,color-mix(in srgb,var(--mgb-surface-strong) 94%,var(--surface-card)),color-mix(in srgb,var(--surface-card) 90%,var(--surface-page)))}.macro-goals-bar:active{transform:scale(.995)}.macro-goals-bar__title-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--mgb-shell-border-subtle)}.macro-goals-bar--minimized .macro-goals-bar__title-row{padding-bottom:0;margin-bottom:0;border-bottom:none}.macro-goals-bar__header-actions{display:flex;align-items:center;gap:4px}.macro-goals-bar__icon-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--mgb-surface-soft);border:1px solid var(--mgb-shell-border-subtle);border-radius:7px;color:var(--mgb-text-secondary);cursor:pointer;padding:0;transition:background .15s ease,color .15s ease,transform .08s ease}.macro-goals-bar__icon-btn:hover{background:var(--mgb-hover-strong);color:var(--mgb-text)}.macro-goals-bar__icon-btn:active{transform:scale(.92)}.macro-goals-bar__summary{position:relative;z-index:1;margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.macro-goals-bar__sumchip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--surface-sunken) 76%,transparent);border:1px solid var(--mgb-shell-border);color:var(--mgb-text-secondary)}.macro-goals-bar__sumchip--good{background:linear-gradient(90deg,color-mix(in srgb,var(--mgb-success-soft) 92%,var(--surface-card)),color-mix(in srgb,var(--mgb-success-soft) 74%,var(--surface-card)));color:var(--mgb-success);border-color:color-mix(in srgb,var(--mgb-success) 26%,var(--mgb-shell-border))}.macro-goals-bar__sumchip--warn{background:linear-gradient(90deg,color-mix(in srgb,var(--mgb-warning-soft) 92%,var(--surface-card)),color-mix(in srgb,var(--mgb-warning-soft) 72%,var(--surface-card)));color:var(--mgb-warning);border-color:color-mix(in srgb,var(--mgb-warning) 24%,var(--mgb-shell-border))}.macro-goals-bar__sumchip--over{background:linear-gradient(90deg,color-mix(in srgb,var(--mgb-danger-soft) 94%,var(--surface-card)),color-mix(in srgb,var(--mgb-danger-soft) 74%,var(--surface-card)));color:var(--mgb-danger);border-color:color-mix(in srgb,var(--mgb-danger) 28%,var(--mgb-shell-border))}.macro-goals-bar__sumchip--neutral{background:linear-gradient(90deg,color-mix(in srgb,var(--mgb-info-soft) 92%,var(--surface-card)),color-mix(in srgb,var(--mgb-info-soft) 72%,var(--surface-card)));color:var(--mgb-info);border-color:color-mix(in srgb,var(--mgb-info) 24%,var(--mgb-shell-border))}.macro-goals-bar__sumchip-more{font-size:10.5px;color:var(--mgb-text-muted);padding:0 4px;font-weight:500}.macro-goals-show-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;margin-bottom:12px;background:color-mix(in srgb,var(--mgb-info-soft) 88%,var(--surface-card));border:1px dashed color-mix(in srgb,var(--mgb-info) 18%,var(--mgb-shell-border));border-radius:999px;color:var(--mgb-link);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.macro-goals-show-link:hover{background:color-mix(in srgb,var(--mgb-info-soft) 100%,var(--surface-card));border-color:color-mix(in srgb,var(--mgb-info) 30%,var(--mgb-shell-border))}.macro-goals-show-link__icon{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;background:var(--brand-ai-gradient);border-radius:50%;color:#fff;font-size:12px;font-weight:700}.macro-goals-bar__label{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;background:var(--mgb-title-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap;flex-shrink:0}.macro-mini{position:relative;z-index:1;padding:6px 0}.macro-mini+.macro-mini{margin-top:2px}.macro-mini__meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px;font-variant-numeric:tabular-nums;white-space:nowrap}.macro-mini__name{font-size:12px;font-weight:600;color:var(--mgb-text);letter-spacing:-.005em;flex-shrink:0}.macro-mini__value{font-size:12px;color:var(--mgb-text-secondary);font-weight:500;white-space:nowrap}.macro-mini__pct{color:var(--mgb-text-muted);margin-left:4px;font-weight:400;font-size:11px;white-space:nowrap}.macro-mini__bar{position:relative;height:5px;background:color-mix(in srgb,var(--surface-sunken) 78%,var(--surface-card));border-radius:999px;overflow:hidden}.macro-mini__bar-fill{height:100%;border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1),background .2s ease}.macro-mini__bar-fill--calorie{background:#60a5fa}.macro-mini__bar-fill--protein{background:#f97316}.macro-mini__bar-fill--fat{background:#a78bfa}.macro-mini__bar-fill--carbs{background:#22d3ee}.macro-mini__bar-fill--fiber{background:#22c55e}.macro-mini__bar-fill--satfat{background:#f59e0b}.macro-mini__bar-fill--sugar{background:#ec4899}.macro-mini__bar-fill--sodium{background:#8b5cf6}.macro-mini__bar-fill--amber{background:#f59e0b}.macro-mini__bar-fill--red{background:#ef4444}.macro-mini__bar-fill--green{background:#22c55e}.macro-mini__bar-fill--met-glow{box-shadow:0 0 10px color-mix(in srgb,var(--mgb-success) 55%,transparent),inset 0 0 6px color-mix(in srgb,var(--mgb-success) 28%,transparent)}.macro-mini__bar-fill--over-glow{box-shadow:0 0 10px color-mix(in srgb,var(--mgb-danger) 50%,transparent),inset 0 0 6px color-mix(in srgb,var(--mgb-danger) 28%,transparent);animation:macro-mini-pulse 1.8s ease-in-out infinite}@keyframes macro-mini-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.macro-mini__status{margin-left:4px;padding-right:4px;font-size:12px;line-height:1;vertical-align:1px;display:inline-block}.macro-mini__status--met{color:var(--mgb-success)}.macro-mini__status--over{color:var(--mgb-danger)}.macro-mini--calorie{padding:8px 0 10px;margin-bottom:4px;border-bottom:1px solid var(--mgb-shell-border-subtle)}.macro-mini--calorie .macro-mini__name{font-weight:700}.macro-mini--calorie .macro-mini__bar{height:7px}.macro-mini__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;min-height:24px;flex-wrap:wrap}.macro-mini__footer>.macro-mini__maint-chip{margin-left:auto}.macro-mini__maint-chip{display:inline-block;text-align:right;font-size:11px;line-height:1.4;letter-spacing:.2px;font-variant-numeric:tabular-nums;flex-shrink:0}.macro-mini__maint-label{color:var(--mgb-text-muted)}.macro-mini__maint-delta{font-variant-numeric:tabular-nums}.macro-mini__maint-delta--under{color:var(--mgb-text-muted)}.macro-mini__maint-delta--over{color:var(--mgb-warning);font-weight:600}.macro-goals-bar__mode-chip{position:relative;display:inline-flex;align-items:center;gap:4px;padding:5px 9px;min-height:24px;border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1.2;white-space:nowrap;cursor:pointer;border:1px solid transparent;background:transparent;color:inherit;transition:filter .2s ease,box-shadow .2s ease,transform .08s ease;flex-shrink:0;font-family:inherit}.macro-goals-bar__mode-chip:after{content:"";position:absolute;top:-10px;right:-4px;bottom:-10px;left:-4px;pointer-events:auto}.macro-goals-bar__mode-chip:hover{filter:brightness(1.08)}.macro-goals-bar__mode-chip:active{transform:scale(.96)}.macro-goals-bar__mode-chip:focus-visible{outline:2px solid var(--mgb-focus);outline-offset:2px}.macro-goals-bar__mode-chip-icon{display:inline-block;font-size:12px;line-height:1;flex-shrink:0}.macro-goals-bar__mode-chip-text{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.macro-goals-bar__mode-chip--maintaining{border-color:color-mix(in srgb,var(--mgb-shell-border) 90%,var(--surface-elevated));color:var(--mgb-text-secondary);background:var(--mgb-surface-soft)}.macro-goals-bar__mode-chip--on-plan{border-color:#8b5cf68c;color:#f5f3ff;background:linear-gradient(135deg,#6366f1a6,#a855f7a6 50%,#06b6d48c);box-shadow:0 0 12px #8b5cf647,inset 0 1px #ffffff1f}.macro-goals-bar__mode-chip--maintenance-goal{border-color:var(--mgb-shell-border);color:var(--mgb-text);background:color-mix(in srgb,var(--mgb-surface-strong) 88%,transparent)}.macro-goals-bar__mode-chip--gain-limit{border-color:color-mix(in srgb,var(--mgb-info) 28%,var(--mgb-shell-border));color:var(--accent-info-fg);background:color-mix(in srgb,var(--mgb-info-soft) 86%,var(--surface-card))}.macro-goals-bar__redirect-cta{display:flex;align-items:center;gap:6px;width:100%;padding:8px;margin:6px 0 8px;border:1px solid color-mix(in srgb,var(--accent-primary) 18%,var(--mgb-shell-border));border-radius:10px;background:var(--mgb-cta-bg);color:var(--mgb-text-secondary);font-size:12px;font-weight:500;line-height:1.2;text-align:left;cursor:pointer;letter-spacing:.005em;min-height:36px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:filter .15s ease,background .15s ease,transform .08s ease;font-family:inherit}.macro-goals-bar__redirect-cta-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto}.macro-goals-bar__redirect-cta-arrow{color:var(--mgb-link);font-size:14px;line-height:1;flex-shrink:0;transition:transform .18s ease}.macro-goals-bar__redirect-cta:hover .macro-goals-bar__redirect-cta-arrow{transform:translate(2px)}.macro-goals-bar__redirect-cta:hover{filter:brightness(1.1);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary-soft) 100%,var(--surface-card)),color-mix(in srgb,var(--accent-info-soft) 100%,var(--surface-card)))}.macro-goals-bar__redirect-cta:active{transform:scale(.99)}.macro-goals-bar__redirect-cta:focus-visible{outline:2px solid var(--mgb-focus);outline-offset:2px}.macro-goals-bar__dismiss-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100030;animation:macro-dismiss-fade-in .18s ease}.macro-goals-bar__dismiss-sheet{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);z-index:100031;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-overlay) 96%,var(--surface-elevated)),color-mix(in srgb,var(--surface-overlay) 92%,var(--surface-page)));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--mgb-shell-border);border-radius:20px;padding:20px 20px 18px;box-shadow:var(--mgb-shell-shadow-lg),var(--shadow-inset-highlight);animation:macro-dismiss-slide-up .28s cubic-bezier(.32,.72,0,1)}@media (min-width: 768px){.macro-goals-bar__dismiss-sheet{left:50%;right:auto;bottom:auto;top:50%;width:380px;max-width:calc(100% - 32px);transform:translate(-50%,-50%);animation:macro-dismiss-scale-in .22s ease}}.macro-goals-bar__dismiss-title{font-size:16px;font-weight:600;color:var(--mgb-text);margin-bottom:4px}.macro-goals-bar__dismiss-sub{font-size:13px;color:var(--mgb-text-secondary);margin-bottom:16px;line-height:1.4}.macro-goals-bar__dismiss-actions{display:flex;gap:8px}.macro-goals-bar__dismiss-secondary,.macro-goals-bar__dismiss-primary{flex:1;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s ease,filter .15s ease;min-height:44px;font-family:inherit}.macro-goals-bar__dismiss-secondary{background:var(--mgb-surface-soft);border-color:var(--mgb-shell-border);color:var(--mgb-text-secondary)}.macro-goals-bar__dismiss-secondary:hover{background:var(--mgb-hover-strong)}.macro-goals-bar__dismiss-secondary:active{transform:scale(.98)}.macro-goals-bar__dismiss-primary{background:var(--mgb-primary-action);color:var(--accent-primary-fg);box-shadow:0 4px 16px color-mix(in srgb,var(--accent-primary) 28%,transparent)}.macro-goals-bar__dismiss-primary:hover{filter:brightness(1.1)}.macro-goals-bar__dismiss-primary:active{transform:scale(.98)}@keyframes macro-dismiss-fade-in{0%{opacity:0}to{opacity:1}}@keyframes macro-dismiss-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes macro-dismiss-scale-in{0%{transform:translate(-50%,-50%) scale(.95);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.macro-goals-bar__more{position:relative;z-index:1;margin-top:8px;padding-top:8px;border-top:1px solid var(--mgb-shell-border-subtle);font-size:11px;color:var(--mgb-link);text-align:center;font-weight:500}.macro-goals-bar__chip--good{background:linear-gradient(90deg,color-mix(in srgb,var(--mgb-success-soft) 94%,var(--surface-card)),color-mix(in srgb,var(--mgb-success-soft) 78%,var(--surface-card)));color:var(--mgb-success);border-color:color-mix(in srgb,var(--mgb-success) 28%,var(--mgb-shell-border));box-shadow:0 0 10px color-mix(in srgb,var(--mgb-success) 12%,transparent)}.macro-goals-bar__chip--warn{background:linear-gradient(90deg,color-mix(in srgb,var(--mgb-warning-soft) 94%,var(--surface-card)),color-mix(in srgb,var(--mgb-warning-soft) 78%,var(--surface-card)));color:var(--mgb-warning);border-color:color-mix(in srgb,var(--mgb-warning) 26%,var(--mgb-shell-border))}.macro-goals-bar__chip--over{background:linear-gradient(90deg,color-mix(in srgb,var(--mgb-danger-soft) 96%,var(--surface-card)),color-mix(in srgb,var(--mgb-danger-soft) 82%,var(--surface-card)));color:var(--mgb-danger);border-color:color-mix(in srgb,var(--mgb-danger) 30%,var(--mgb-shell-border));box-shadow:0 0 10px color-mix(in srgb,var(--mgb-danger) 16%,transparent)}.macro-goals-bar__chip--neutral{background:linear-gradient(90deg,color-mix(in srgb,var(--mgb-info-soft) 94%,var(--surface-card)),color-mix(in srgb,var(--mgb-info-soft) 78%,var(--surface-card)));color:var(--mgb-info);border-color:color-mix(in srgb,var(--mgb-info) 28%,var(--mgb-shell-border))}.macro-goals-bar__chevron{position:relative;z-index:1;width:16px;height:16px;color:var(--mgb-link);flex-shrink:0;transition:transform .2s ease}.macro-goals-bar:hover .macro-goals-bar__chevron{transform:translate(2px)}.macro-goals-bar__discovery{position:relative;z-index:1;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--mgb-link);padding:2px 0}.macro-goals-bar__discovery-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:8px;background:var(--brand-ai-gradient);color:#fff;font-size:14px;font-weight:700;box-shadow:0 0 12px #a855f759}.macro-goals-sheet__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100010;animation:mg-fade-in .22s ease}@keyframes mg-fade-in{0%{opacity:0}to{opacity:1}}.macro-goals-sheet{position:fixed;left:12px;right:12px;top:72px;bottom:var(--bottom-nav-clearance);max-height:calc(100vh - 72px - var(--bottom-nav-clearance));overflow-y:auto;z-index:100011;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-overlay) 96%,var(--surface-elevated)),color-mix(in srgb,var(--surface-overlay) 92%,var(--surface-page)));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--mgb-shell-border);border-radius:20px;box-shadow:var(--mgb-shell-shadow-lg),var(--shadow-inset-highlight);padding:18px;animation:mg-slide-up .32s cubic-bezier(.32,.72,0,1)}.personal-metrics-sheet__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100020;animation:mg-fade-in .22s ease}.personal-metrics-sheet{z-index:100021}body[data-child-sheet-open=true] .macro-goals-sheet:not(.personal-metrics-sheet){filter:brightness(.55) saturate(.85);pointer-events:none;transition:filter .2s ease}body[data-child-sheet-open=true] .macro-goals-sheet__backdrop{opacity:0;transition:opacity .2s ease;pointer-events:none}@keyframes mg-slide-up{0%{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}.macro-goals-sheet__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--mgb-shell-border-subtle)}.macro-goals-sheet__title{font-size:17px;font-weight:700;letter-spacing:-.01em;background:var(--mgb-title-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.macro-goals-sheet__actions{display:flex;align-items:center;gap:6px}.macro-goals-sheet__close,.macro-goals-sheet__gear{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--mgb-surface-soft);border:1px solid var(--mgb-shell-border-subtle);border-radius:10px;color:var(--mgb-text-secondary);cursor:pointer;transition:background .15s ease,transform .1s ease}.macro-goals-sheet__close:hover,.macro-goals-sheet__gear:hover{background:var(--mgb-hover-strong)}.macro-goals-sheet__close:active,.macro-goals-sheet__gear:active{transform:scale(.92)}.macro-row{padding:14px 2px 12px;border-bottom:1px solid var(--mgb-shell-border-subtle);animation:mg-row-fade .35s ease}.macro-row:last-child{border-bottom:none}@keyframes mg-row-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.macro-row__top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.macro-row__name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--mgb-text);letter-spacing:-.01em}.macro-row__values{font-size:13px;color:var(--mgb-text-secondary);font-variant-numeric:tabular-nums;font-weight:500}.macro-row__values-pct{color:var(--mgb-text-muted);font-weight:400;margin-left:4px}.macro-row__badge{display:inline-flex;align-items:center;font-size:9px;font-weight:700;letter-spacing:.08em;padding:2px 7px;border-radius:5px;text-transform:uppercase}.macro-row__badge--partial{background:linear-gradient(135deg,color-mix(in srgb,var(--mgb-warning-soft) 92%,var(--surface-card)),color-mix(in srgb,var(--mgb-warning-soft) 74%,var(--surface-card)));color:var(--mgb-warning);border:1px solid color-mix(in srgb,var(--mgb-warning) 24%,var(--mgb-shell-border))}.macro-row__badge--none{background:var(--mgb-surface-soft);color:var(--mgb-text-muted);border:1px solid var(--mgb-shell-border)}.macro-row__state{display:inline-flex;align-items:center;margin-left:4px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:5px}.macro-row__state--met{background:color-mix(in srgb,var(--mgb-success-soft) 92%,var(--surface-card));color:var(--mgb-success);border:1px solid color-mix(in srgb,var(--mgb-success) 24%,var(--mgb-shell-border));box-shadow:0 0 8px color-mix(in srgb,var(--mgb-success) 18%,transparent)}.macro-row__state--over{background:color-mix(in srgb,var(--mgb-danger-soft) 94%,var(--surface-card));color:var(--mgb-danger);border:1px solid color-mix(in srgb,var(--mgb-danger) 26%,var(--mgb-shell-border));box-shadow:0 0 8px color-mix(in srgb,var(--mgb-danger) 18%,transparent)}.macro-row__state--under{background:color-mix(in srgb,var(--mgb-warning-soft) 92%,var(--surface-card));color:var(--mgb-warning);border:1px solid color-mix(in srgb,var(--mgb-warning) 24%,var(--mgb-shell-border))}.macro-row__bar{position:relative;height:8px;background:color-mix(in srgb,var(--surface-sunken) 82%,var(--surface-card));border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px color-mix(in srgb,var(--surface-page) 18%,transparent)}.macro-row__bar-fill{height:100%;border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1),background .25s ease,box-shadow .25s ease}.macro-row__bar-fill--protein{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.macro-row__bar-fill--fat{background:linear-gradient(90deg,#f43f5e,#fb7185)}.macro-row__bar-fill--carbs{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.macro-row__bar-fill--fiber{background:linear-gradient(90deg,#10b981,#34d399)}.macro-row__bar-fill--satfat{background:linear-gradient(90deg,#dc2626,#f87171)}.macro-row__bar-fill--sugar{background:linear-gradient(90deg,#ec4899,#f472b6)}.macro-row__bar-fill--sodium{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.macro-row__bar-fill--amber{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.macro-row__bar-fill--red{background:linear-gradient(90deg,#dc2626,#f87171)}.macro-row__bar-fill--met-glow{box-shadow:0 0 10px color-mix(in srgb,var(--mgb-success) 55%,transparent)}.macro-row__bar-fill--over-glow{box-shadow:0 0 10px color-mix(in srgb,var(--mgb-danger) 55%,transparent);animation:mg-pulse 1.8s ease-in-out infinite}@keyframes mg-pulse{0%,to{opacity:.92}50%{opacity:1}}.macro-calorie-row{margin-bottom:6px;padding:16px 2px 14px;border-bottom:1px solid var(--mgb-shell-border)}.macro-calorie-row .macro-row__bar{height:24px;border-radius:12px}.macro-calorie-row .macro-row__bar-fill{border-radius:12px}.macro-calorie-row .macro-row__name{font-size:15px}.macro-calorie-row .macro-row__values{font-size:14px}.macro-row__calorie-percent{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55);pointer-events:none;letter-spacing:.02em}.macro-goals-empty{padding:24px 16px;text-align:center;color:var(--mgb-text-muted);font-size:13px}.macro-goals-empty__link{color:var(--mgb-link);font-weight:600;cursor:pointer;margin-top:8px;display:inline-block}.macro-profile-card{padding:14px;margin-bottom:14px;background:var(--mgb-cta-bg);border:1px solid color-mix(in srgb,var(--mgb-info) 18%,var(--mgb-shell-border));border-radius:14px}.macro-profile-card__row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.macro-profile-card__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),var(--brand-ai-cyan));border-radius:10px;color:var(--text-inverse);flex-shrink:0;box-shadow:0 2px 10px color-mix(in srgb,var(--accent-primary) 28%,transparent)}.macro-profile-card__text{flex:1;min-width:0}.macro-profile-card__title{font-size:13.5px;font-weight:700;color:var(--mgb-text);line-height:1.3}.macro-profile-card__subtitle{font-size:11.5px;color:var(--mgb-text-muted);margin-top:2px;line-height:1.35}.macro-profile-card__cta{width:100%;padding:10px 14px;font-size:13px;font-weight:600;color:var(--accent-primary-fg);background:var(--mgb-primary-action);border:none;border-radius:10px;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease;box-shadow:0 3px 12px color-mix(in srgb,var(--accent-primary) 28%,transparent)}.macro-profile-card__cta:hover{box-shadow:0 4px 16px color-mix(in srgb,var(--accent-primary) 36%,transparent)}.macro-profile-card__cta:active{transform:scale(.985)}.macro-profile-card__cta:disabled{background:linear-gradient(90deg,color-mix(in srgb,var(--surface-elevated) 92%,var(--surface-card)),color-mix(in srgb,var(--surface-sunken) 84%,var(--surface-card)));box-shadow:none;opacity:.6;cursor:not-allowed}.macro-profile-card__params{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;margin-bottom:10px}.macro-profile-card__param{display:flex;flex-direction:column;align-items:flex-start;padding:6px 8px;background:var(--mgb-surface-soft);border:1px solid var(--mgb-shell-border-subtle);border-radius:8px;min-width:0}.macro-profile-card__param--primary{background:linear-gradient(135deg,color-mix(in srgb,var(--mgb-info-soft) 92%,var(--surface-card)),color-mix(in srgb,var(--accent-primary-soft) 84%,var(--surface-card)));border-color:color-mix(in srgb,var(--mgb-info) 22%,var(--mgb-shell-border))}.macro-profile-card__param-label{font-size:9.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mgb-text-muted);margin-bottom:2px}.macro-profile-card__param-value{font-size:12.5px;font-weight:600;color:var(--mgb-text);font-variant-numeric:tabular-nums;text-transform:capitalize}.macro-profile-card__param--primary .macro-profile-card__param-value{color:var(--mgb-link)}.macro-profile-card__edit-link{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;margin-bottom:10px;background:transparent;border:1px solid var(--mgb-shell-border);border-radius:6px;color:var(--mgb-link);font-size:11px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.macro-profile-card__edit-link:hover{background:color-mix(in srgb,var(--mgb-info-soft) 92%,var(--surface-card));border-color:color-mix(in srgb,var(--mgb-info) 26%,var(--mgb-shell-border));color:var(--mgb-link-hover)}.macro-profile-card__info{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--mgb-surface-soft);border:1px solid var(--mgb-shell-border);border-radius:8px;color:var(--mgb-link);cursor:pointer;flex-shrink:0;transition:background .15s ease,transform .08s ease}.macro-profile-card__info:hover{background:var(--mgb-hover-strong)}.macro-profile-card__info:active{transform:scale(.92)}.macro-profile-card__info-panel{margin-top:14px;padding:14px;background:var(--mgb-surface-soft);border:1px solid var(--mgb-shell-border);border-radius:12px;animation:mg-row-fade .25s ease}.macro-profile-card__info-title{font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--mgb-text);margin-bottom:12px}.macro-info-card{padding:10px 12px;margin-bottom:8px;background:color-mix(in srgb,var(--mgb-surface-strong) 82%,transparent);border:1px solid var(--mgb-shell-border-subtle);border-left-width:3px;border-radius:9px;transition:background .15s ease}.macro-info-card:last-of-type{margin-bottom:0}.macro-info-card--protein{border-left-color:#f97316}.macro-info-card--fat{border-left-color:#a78bfa}.macro-info-card--satfat{border-left-color:#f59e0b}.macro-info-card--carbs{border-left-color:#22d3ee}.macro-info-card--sugar{border-left-color:#ec4899}.macro-info-card--fiber{border-left-color:#22c55e}.macro-info-card--sodium{border-left-color:#8b5cf6}.macro-info-card__head{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.macro-info-card__dot{display:none}.macro-info-card__name{font-size:13.5px;font-weight:700;color:var(--mgb-text);letter-spacing:-.01em}.macro-info-card__value{margin-left:auto;font-size:11.5px;font-weight:600;color:var(--mgb-link);font-variant-numeric:tabular-nums;white-space:nowrap}.macro-info-card__body{font-size:12.5px;line-height:1.5;color:var(--mgb-text-secondary)}.macro-info-card__body strong{color:var(--mgb-text);font-weight:600}.macro-profile-card__info-footnote{margin-top:12px;padding:10px 12px;background:color-mix(in srgb,var(--mgb-info-soft) 90%,var(--surface-card));border:1px solid color-mix(in srgb,var(--mgb-info) 16%,var(--mgb-shell-border));border-radius:8px;font-size:11.5px;color:var(--accent-info-fg);line-height:1.5}.macro-profile-card__preview{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:11px;color:var(--mgb-text-muted)}.macro-profile-card__preview-item{padding:2px 8px;background:color-mix(in srgb,var(--surface-sunken) 82%,var(--surface-card));border:1px solid var(--mgb-shell-border-subtle);border-radius:999px;font-weight:600;color:var(--mgb-text-secondary);font-variant-numeric:tabular-nums}.macro-stale-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--mgb-warning-soft) 92%,var(--surface-card)),color-mix(in srgb,var(--mgb-warning-soft) 78%,var(--surface-card)));border:1px solid color-mix(in srgb,var(--mgb-warning) 24%,var(--mgb-shell-border));border-radius:12px;animation:mg-row-fade .25s ease}.macro-stale-banner__text{flex:1;min-width:0;font-size:12px;line-height:1.5;color:color-mix(in srgb,var(--mgb-warning) 72%,var(--mgb-text))}.macro-stale-banner__text strong{display:block;font-weight:700;color:var(--mgb-warning);margin-bottom:2px}.macro-stale-banner__btn{padding:8px 14px;font-size:12px;font-weight:600;background:linear-gradient(90deg,var(--mgb-warning),color-mix(in srgb,var(--mgb-warning) 70%,#fbbf24));color:var(--accent-warning-fg);border:none;border-radius:8px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:transform .08s ease,box-shadow .15s ease;box-shadow:0 2px 8px color-mix(in srgb,var(--mgb-warning) 28%,transparent)}.macro-stale-banner__btn:hover{box-shadow:0 3px 12px color-mix(in srgb,var(--mgb-warning) 38%,transparent)}.macro-stale-banner__btn:active{transform:scale(.98)}.macro-editor__heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:4px 2px 8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mgb-text-muted)}.macro-editor__heading-hint{font-size:10px;font-weight:500;letter-spacing:.01em;text-transform:none;color:var(--mgb-text-disabled)}.macro-edit-row{display:grid;grid-template-columns:36px 4px 1fr;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--mgb-shell-border-subtle);transition:opacity .15s ease}.macro-edit-row:last-child{border-bottom:none}.macro-edit-row:not(.macro-edit-row--on){opacity:.55}.macro-edit-row:not(.macro-edit-row--on) .macro-edit-row__swatch{opacity:.25}.macro-edit-row__toggle{position:relative;width:36px;height:20px;border-radius:999px;background:color-mix(in srgb,var(--surface-sunken) 82%,var(--surface-card));border:none;padding:0;cursor:pointer;transition:background .2s ease;flex-shrink:0}.macro-edit-row__toggle--on{background:linear-gradient(90deg,var(--accent-primary),var(--brand-ai-cyan))}.macro-edit-row__toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-inverse);display:flex;align-items:center;justify-content:center;transition:left .2s ease,background .2s ease;box-shadow:0 1px 3px color-mix(in srgb,var(--surface-page) 18%,transparent)}.macro-edit-row__toggle--on .macro-edit-row__toggle-knob{left:18px;background:var(--text-inverse)}.macro-edit-row__toggle-knob svg{width:10px;height:10px;color:var(--mgb-info)}.macro-edit-row__swatch{width:4px;height:100%;min-height:28px;border-radius:3px}.macro-edit-row__swatch--protein{background:#f97316}.macro-edit-row__swatch--fat{background:#a78bfa}.macro-edit-row__swatch--carbs{background:#22d3ee}.macro-edit-row__swatch--fiber{background:#22c55e}.macro-edit-row__swatch--satfat{background:#f59e0b}.macro-edit-row__swatch--sugar{background:#ec4899}.macro-edit-row__swatch--sodium{background:#8b5cf6}.macro-edit-row__body{display:flex;flex-direction:column;gap:6px;min-width:0}.macro-edit-row__label{display:flex;align-items:baseline;gap:5px;font-size:12.5px;font-weight:600;color:var(--mgb-text);letter-spacing:-.005em}.macro-edit-row__unit{color:var(--mgb-text-disabled);font-size:10.5px;font-weight:500}.macro-edit-row__controls{display:grid;grid-template-columns:90px 1fr;gap:8px;align-items:center}.macro-edit-row__input{width:100%;padding:8px 10px;font-size:14px;font-weight:600;background:color-mix(in srgb,var(--mgb-surface-soft) 92%,var(--surface-card));border:1px solid var(--mgb-shell-border);border-radius:8px;color:var(--mgb-text);text-align:center;font-variant-numeric:tabular-nums;transition:border-color .15s ease,box-shadow .15s ease}.macro-edit-row__input::-moz-placeholder{color:var(--mgb-text-disabled);font-weight:400}.macro-edit-row__input::placeholder{color:var(--mgb-text-disabled);font-weight:400}.macro-edit-row__input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--mgb-focus)}.macro-edit-row__input:disabled{opacity:.6;cursor:not-allowed}.macro-edit-row__seg{display:grid;grid-template-columns:1fr 1fr;padding:2px;background:color-mix(in srgb,var(--mgb-surface-soft) 92%,var(--surface-card));border:1px solid var(--mgb-shell-border);border-radius:8px;gap:0}.macro-edit-row__seg-btn{padding:6px 4px;font-size:11.5px;font-weight:600;background:transparent;border:none;border-radius:6px;color:var(--mgb-text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.macro-edit-row__seg-btn--on{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary-soft) 100%,var(--surface-card)),color-mix(in srgb,var(--mgb-info-soft) 92%,var(--surface-card)));color:var(--mgb-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mgb-info) 18%,transparent)}.macro-edit-row__seg-btn:disabled{opacity:.5;cursor:not-allowed}.macro-settings-sheet__save{position:relative;width:100%;padding:14px;margin-top:18px;font-size:14px;font-weight:700;letter-spacing:.02em;background:var(--mgb-primary-action);color:var(--accent-primary-fg);border:none;border-radius:14px;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease;box-shadow:0 4px 16px color-mix(in srgb,var(--accent-primary) 34%,transparent),inset 0 1px #ffffff2e;overflow:hidden}.macro-settings-sheet__save:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .22),transparent);animation:mg-shimmer 2.6s ease-in-out infinite}@keyframes mg-shimmer{0%,to{left:-100%}50%{left:100%}}.macro-settings-sheet__save:hover{box-shadow:0 6px 22px color-mix(in srgb,var(--accent-primary) 44%,transparent),inset 0 1px #ffffff40}.macro-settings-sheet__save:active{transform:scale(.985)}.macro-settings-sheet__save:disabled{background:linear-gradient(90deg,color-mix(in srgb,var(--surface-elevated) 92%,var(--surface-card)),color-mix(in srgb,var(--surface-sunken) 82%,var(--surface-card)));box-shadow:none;cursor:not-allowed}.macro-settings-sheet__save:disabled:before{display:none}.macro-metrics-form{display:flex;flex-direction:column;gap:14px;padding:2px}.macro-metrics-form__row{display:flex;flex-direction:column;gap:6px}.macro-metrics-form__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.macro-metrics-form__label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mgb-text-muted)}.macro-metrics-form__input{padding:10px 12px;font-size:14px;font-weight:600;background:color-mix(in srgb,var(--mgb-surface-soft) 92%,var(--surface-card));border:1px solid var(--mgb-shell-border);border-radius:8px;color:var(--mgb-text);text-align:left;font-variant-numeric:tabular-nums;transition:border-color .15s ease,box-shadow .15s ease}.macro-metrics-form__input::-moz-placeholder{color:var(--mgb-text-disabled);font-weight:400}.macro-metrics-form__input::placeholder{color:var(--mgb-text-disabled);font-weight:400}.macro-metrics-form__input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--mgb-focus)}.macro-metrics-form__seg{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;background:color-mix(in srgb,var(--mgb-surface-soft) 92%,var(--surface-card));border:1px solid var(--mgb-shell-border);border-radius:10px;gap:2px}.macro-metrics-form__seg--wrap{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.macro-metrics-form__seg-btn{padding:8px 10px;font-size:12.5px;font-weight:600;background:transparent;border:none;border-radius:7px;color:var(--mgb-text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.macro-metrics-form__seg-btn:hover{color:var(--mgb-text-secondary)}.macro-metrics-form__seg-btn--on{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary-soft) 100%,var(--surface-card)),color-mix(in srgb,var(--mgb-info-soft) 92%,var(--surface-card)));color:var(--mgb-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mgb-info) 20%,transparent)}.macro-metrics-form__tdee-preview{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;margin-top:6px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary-soft) 92%,var(--surface-card)),color-mix(in srgb,var(--mgb-info-soft) 88%,var(--surface-card)));border:1px solid color-mix(in srgb,var(--mgb-info) 20%,var(--mgb-shell-border));border-radius:10px}.macro-metrics-form__tdee-label{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mgb-text-muted)}.macro-metrics-form__tdee-value{font-size:14px;font-weight:700;color:var(--mgb-link);font-variant-numeric:tabular-nums}@media (min-width: 768px){.macro-goals-sheet{left:50%;right:auto;top:max(84px,calc(50vh - 340px));bottom:auto;transform:translate(-50%);max-width:460px;width:calc(100% - 48px);max-height:calc(100vh - 108px);z-index:9999;animation:mg-scale-in .24s cubic-bezier(.32,.72,0,1)}.macro-goals-sheet__backdrop{z-index:9998}@keyframes mg-scale-in{0%{opacity:0;transform:translate(-50%) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}}.state-checkin-banner{position:relative;padding:16px 16px 14px;margin-bottom:12px;background:radial-gradient(ellipse 150% 100% at 100% 0%,rgba(34,211,238,.12),transparent 60%),linear-gradient(135deg,#581c8747,#0f172aeb);border:1px solid rgba(168,85,247,.3);border-radius:14px;box-shadow:0 4px 18px #581c872e,inset 0 1px #ffffff0d;animation:state-checkin-banner-in .35s cubic-bezier(.32,.72,0,1)}[data-theme=light] .state-checkin-banner{background:radial-gradient(ellipse 140% 100% at 100% 0%,color-mix(in srgb,var(--accent-info-soft) 58%,transparent),transparent 60%),linear-gradient(160deg,color-mix(in srgb,white 76%,var(--accent-primary-soft)),color-mix(in srgb,white 90%,var(--surface-card)));border-color:color-mix(in srgb,var(--accent-primary) 14%,var(--border-default));box-shadow:0 10px 30px #0f172a14,inset 0 1px #ffffffa6}.state-checkin-banner__close{position:absolute;top:10px;right:10px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:color-mix(in srgb,var(--text-muted) 15%,transparent);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:background .15s ease}.state-checkin-banner__close:hover{background:color-mix(in srgb,var(--text-muted) 25%,transparent);color:var(--text-primary)}[data-theme=light] .state-checkin-banner__close{background:color-mix(in srgb,var(--surface-card) 90%,transparent);color:var(--text-muted)}[data-theme=light] .state-checkin-banner__close:hover{background:color-mix(in srgb,var(--surface-hover) 92%,transparent);color:var(--text-primary)}.state-checkin-banner__title{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,#c4b5fd,#67e8f9);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:6px;padding-right:32px}[data-theme=light] .state-checkin-banner__title{background:linear-gradient(90deg,var(--accent-primary),var(--accent-info));background-clip:text;-webkit-background-clip:text}.state-checkin-banner__body{font-size:14px;line-height:1.4;color:var(--text-primary);margin:0 0 12px}[data-theme=light] .state-checkin-banner__body{color:var(--text-secondary)}.state-checkin-banner__actions{display:flex;gap:8px}.state-checkin-banner__secondary,.state-checkin-banner__primary{flex:1;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s ease,filter .15s ease,transform .1s ease;min-height:40px;font-family:inherit}.state-checkin-banner__secondary{background:#94a3b81a;border-color:#94a3b840;color:#cbd5e1}.state-checkin-banner__secondary:hover{background:#94a3b833}.state-checkin-banner__secondary:active{transform:scale(.98)}[data-theme=light] .state-checkin-banner__secondary{background:color-mix(in srgb,var(--surface-card) 94%,transparent);border-color:var(--border-default);color:var(--text-secondary)}[data-theme=light] .state-checkin-banner__secondary:hover{background:color-mix(in srgb,var(--surface-hover) 96%,transparent);color:var(--text-primary)}.state-checkin-banner__primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 4px 14px #8b5cf647}.state-checkin-banner__primary:hover{filter:brightness(1.1)}.state-checkin-banner__primary:active{transform:scale(.98)}[data-theme=light] .state-checkin-banner__primary{box-shadow:0 10px 22px color-mix(in srgb,var(--accent-primary) 22%,transparent)}@keyframes state-checkin-banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.analytics-container{width:100%;padding-top:0;max-width:var(--analytics-width)!important}.analytics-heading{margin-bottom:var(--space-3);font-size:1.25rem;font-weight:600}.chart-container{background-color:var(--surface-card);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4);width:100%;max-width:100%!important;overflow-x:hidden;height:400px!important}canvas.chartjs-render-monitor{max-width:100%!important;width:100%!important;height:100%!important}.calorieChart{width:100%!important;height:100%!important;min-width:100%!important;max-width:1800px!important;box-sizing:border-box!important}.calorieChart canvas{width:100%!important;max-width:100%!important;min-width:100%!important;box-sizing:border-box!important}@media (max-width: 767px){.calorieChart{margin-bottom:20px!important}.calorieChart canvas{padding-bottom:10px!important}.calorieChart-mobile{position:relative!important}.calorieChart-mobile:after{content:"";position:absolute;bottom:-20px;left:0;right:0;height:20px;z-index:10}}@media (min-width: 768px){.h-[calc\(100\%-2rem\)] canvas{min-width:100%!important}}.chart-controls{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.chart-filter{margin-bottom:var(--space-3)}.analytics-table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4)}.analytics-table th{text-align:left;padding:var(--space-2);border-bottom:1px solid var(--border-default);font-weight:600}.analytics-table td{padding:var(--space-2);border-bottom:1px solid var(--surface-card)}@media (min-width: 768px){.analytics-container{max-width:var(--analytics-width);padding-top:64px;position:relative;left:50%;transform:translate(-50%)}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.chart-container.full-width{grid-column:1 / -1}}@media (max-width: 767px){.chart-container{padding:var(--space-2)}.chart-controls{flex-direction:column;gap:var(--space-2)}.chart-container,.calorieChart,.analytics-inner{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:8px!important;overflow-x:hidden!important}canvas.chartjs-render-monitor,.calorieChart canvas{width:100%!important;max-width:100%!important;min-width:0!important;-o-object-fit:contain!important;object-fit:contain!important;box-sizing:border-box!important}}@media (min-width: 1024px){.analytics-page,.analytics-container{margin-top:-8rem}.container-with-arrow .analytics-container{padding-top:12rem}}.analytics-page{width:100%;padding:2rem 1rem}.settings-container-wrapper .analytics-container{border-radius:var(--radius);--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));padding:1.5rem}.fixed.left-0.top-0.h-full.settings-container-wrapper .analytics-container.z-50,.fixed.bottom-0.left-0.right-0.settings-container-wrapper .analytics-container.border-t.border-slate-800.z-50{z-index:var(--z-sidebar)}@media (max-width: 767px){.fixed.bottom-0.left-0.right-0.settings-container-wrapper .analytics-container.border-t.border-slate-800.z-50{z-index:var(--z-sidebar)}}@media (min-width: 768px){.fixed.left-0.top-0.h-full.settings-container-wrapper .analytics-container.z-50{z-index:var(--z-sidebar)}}@media (max-width: 639px){.fixed.inset-0.bg-black\/70>.settings-container-wrapper .analytics-container.rounded-lg{margin:.5rem;max-height:calc(100vh - 1rem)}.fixed.inset-0.bg-black\/70>.bg-slate-900.settings-container-wrapper .analytics-container{margin:.5rem;max-height:calc(100vh - 1rem)}.fixed.inset-0.bg-black\/70 .settings-container-wrapper .analytics-container{padding:1rem}}@media (min-width: 1024px){.analytics-page{margin-top:-8rem}.container-with-arrow .analytics-container{padding-top:3rem}}.analytics-section{margin-bottom:var(--space-4)}.analytics-inner{background-color:var(--surface-page);border-radius:var(--radius-md);padding:var(--space-4);width:100%;max-width:var(--analytics-width)!important;margin:0 auto}.chart-container{background-color:var(--surface-card);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);height:400px}.filter-controls{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.filter-button{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background-color:var(--surface-elevated);font-size:.875rem;font-weight:500;transition:background-color .2s}.filter-button.active{background-color:#3b82f6;color:#fff}.date-range-picker{background-color:var(--surface-card);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4)}.date-input{background-color:var(--surface-input);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);width:100%;color:var(--text-primary);font-size:.875rem}@media (max-width: 767px){.analytics-page{padding-left:var(--space-3);padding-right:var(--space-3);padding-top:var(--space-3)}.analytics-inner{padding:var(--space-3)}.chart-container{height:320px;padding:var(--space-3)}.filter-controls{flex-direction:column}.filter-button{width:100%;text-align:center}}@media (min-width: 768px){.analytics-page{padding-left:calc(var(--sidebar-width) + var(--space-3))}.analytics-inner,.chart-container{padding:var(--space-6)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pb-safe{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}@media (min-width: 768px){.pagination-controls{display:flex!important;justify-content:space-between!important;align-items:center!important;background-color:var(--surface-page)!important;padding:.6rem 1rem!important;border-radius:6px!important}.entries-selector{display:flex!important;align-items:center!important;gap:.5rem!important}.pagination-select{background-color:var(--surface-card)!important;border:1px solid var(--border-default)!important;border-radius:4px!important;padding:.25rem 1.75rem .25rem .5rem!important;min-width:4rem!important;text-align:center!important;color:var(--text-primary)!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20' stroke='%23FFFFFF' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat!important;background-position:right .5rem center!important;background-size:1rem!important}[data-theme=light] .pagination-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20' stroke='%23334155' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")!important}.entries-count{font-size:.875rem!important;color:var(--text-muted)!important;white-space:nowrap!important}.page-navigation{display:flex!important;align-items:center!important;gap:.5rem!important}.page-button{background-color:var(--surface-card)!important;color:var(--text-primary)!important;border-radius:4px!important;padding:.25rem .75rem!important;font-size:.875rem!important;min-width:4rem!important;text-align:center!important;white-space:nowrap!important}.desktop-page-controls{display:flex!important;align-items:center!important;gap:.5rem!important;font-size:.875rem!important;color:var(--text-muted)!important}.desktop-page-controls input{background-color:var(--surface-card)!important;border:1px solid var(--border-default)!important;border-radius:4px!important;padding:.25rem .5rem!important;width:2.5rem!important;text-align:center!important;color:var(--text-primary)!important}.mobile-page-indicator{display:none!important}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--glass-modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;overflow-y:auto}.bonus-rule-modal{background:var(--surface-card);border:1px solid var(--border-default);border-radius:1rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);position:relative;color:var(--text-primary)}.bonus-rule-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-default);background:linear-gradient(135deg,var(--surface-elevated) 0%,var(--surface-hover) 100%);border-radius:1rem 1rem 0 0}.bonus-rule-modal .modal-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.bonus-rule-modal .modal-close{background:var(--surface-elevated);border:1px solid var(--border-default);color:var(--text-secondary);border-radius:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.bonus-rule-modal .modal-close:hover{background:var(--surface-hover);color:var(--text-primary);transform:scale(1.05)}.bonus-rule-modal .modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.bonus-rule-modal .form-section{display:flex;flex-direction:column;gap:.5rem}.bonus-rule-modal .form-section-group{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--surface-sunken);border-radius:.75rem;border:1px solid var(--border-default)}.bonus-rule-modal .section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.bonus-rule-modal .form-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.bonus-rule-modal .form-label.required:after{content:" *";color:var(--accent-danger)}.bonus-rule-modal .form-input{background:var(--surface-input);border:1px solid var(--border-default);border-radius:.5rem;padding:.75rem;color:var(--text-primary);font-size:.9375rem;transition:all .2s ease;width:100%}.bonus-rule-modal .form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-ring);background:var(--surface-input)}.bonus-rule-modal .form-input.error{border-color:var(--accent-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-danger) 16%,transparent)}.bonus-rule-modal .form-input::-moz-placeholder{color:var(--text-muted)}.bonus-rule-modal .form-input::placeholder{color:var(--text-muted)}.bonus-rule-modal .form-hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.bonus-rule-modal .error-text{font-size:.75rem;color:var(--accent-danger);margin-top:.25rem}.bonus-rule-modal .form-row{display:grid;grid-template-columns:1fr;gap:1rem}.bonus-rule-modal .checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-top:.5rem}.bonus-rule-modal .checkbox-section{display:flex;flex-direction:column;gap:.75rem}.bonus-rule-modal .checkbox-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s ease}.bonus-rule-modal .checkbox-item:hover{background:var(--surface-hover)}.bonus-rule-modal .checkbox-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;text-transform:capitalize}.bonus-rule-modal .bonus-rule-stack-copy{display:flex;flex-direction:column;gap:.25rem;text-transform:none}.bonus-rule-modal .bonus-rule-stack-hint{display:flex;align-items:flex-start;gap:.375rem;color:var(--accent-success);font-size:.7rem;font-weight:500;line-height:1.35}.bonus-rule-modal .bonus-calories-input{position:relative;display:flex;align-items:center}.bonus-rule-modal .minus-sign{position:absolute;left:.75rem;font-weight:700;font-size:1.125rem;z-index:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bonus-rule-modal .bonus-sign-reward{color:var(--accent-success)}.bonus-rule-modal .bonus-sign-penalty{color:var(--accent-danger)}.bonus-rule-modal .bonus-input{padding-left:2rem!important}.bonus-rule-modal .modal-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-default);margin-top:1rem}.bonus-rule-modal .btn-cancel{flex:1;background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:.75rem;padding:.875rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.bonus-rule-modal .btn-cancel:hover{background:var(--surface-hover);transform:translateY(-1px)}.bonus-rule-modal .btn-save{flex:2;background:var(--accent-success);color:var(--accent-success-fg);border:none;border-radius:.75rem;padding:.875rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-success) 24%,transparent)}.bonus-rule-modal .btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb,var(--accent-success) 30%,transparent)}.bonus-rule-modal .btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.bonus-rule-modal .bonus-rule-period-title{margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-size:.9rem;font-weight:600}.bonus-rule-modal .bonus-rule-period-copy{margin:0 0 .75rem;color:var(--text-muted);font-size:.75rem}.bonus-rule-modal .bonus-rule-period-card{padding:.75rem;background:var(--surface-elevated);border-radius:.5rem;border:1px solid var(--border-default)}.bonus-rule-modal .bonus-rule-period-grid{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.bonus-rule-modal .bonus-rule-period-field{flex:1;min-width:140px}.bonus-rule-modal .bonus-rule-period-label{display:flex;align-items:center;gap:.375rem;margin-bottom:.25rem;color:var(--text-secondary);font-size:.75rem}.bonus-rule-modal .bonus-rule-period-date-row{display:flex;gap:.5rem;align-items:center}.bonus-rule-modal .bonus-rule-period-date-input{flex:1;padding:.5rem;font-size:.875rem}.bonus-rule-modal .bonus-rule-period-clear{min-width:45px;border:none;border-radius:.25rem;background:var(--accent-danger);color:var(--accent-danger-fg);cursor:pointer;font-size:.7rem;padding:.25rem .5rem}.bonus-rule-modal .bonus-rule-period-status{display:flex;align-items:flex-start;gap:.375rem;margin-top:.5rem;border-radius:.375rem;padding:.5rem;font-size:.7rem;line-height:1.4}.bonus-rule-modal .bonus-rule-period-status--info{border:1px solid color-mix(in srgb,var(--accent-info) 30%,transparent);background:color-mix(in srgb,var(--accent-info-soft) 90%,var(--surface-card));color:var(--accent-info)}.bonus-rule-modal .bonus-rule-period-status--success{border:1px solid color-mix(in srgb,var(--accent-success) 30%,transparent);background:color-mix(in srgb,var(--accent-success-soft) 90%,var(--surface-card));color:var(--accent-success)}.bonus-rule-modal .bonus-rule-period-status--error{border:1px solid color-mix(in srgb,var(--accent-danger) 30%,transparent);background:color-mix(in srgb,var(--accent-danger-soft) 90%,var(--surface-card));color:var(--accent-danger)}@media (min-width: 768px){.bonus-rule-modal{max-width:700px}.bonus-rule-modal .modal-header,.bonus-rule-modal .modal-form{padding:2rem}.bonus-rule-modal .form-row{grid-template-columns:1fr 1fr}.bonus-rule-modal .checkbox-group{grid-template-columns:repeat(4,1fr)}.bonus-rule-modal .modal-actions{flex-direction:row;justify-content:flex-end}.bonus-rule-modal .btn-cancel{flex:none;min-width:120px}.bonus-rule-modal .btn-save{flex:none;min-width:150px}}@media (prefers-contrast: high){.bonus-rule-modal .form-input{border-width:2px}.bonus-rule-modal .form-input:focus{border-width:2px}}.dayview-tab-bar{border-bottom:1px solid color-mix(in srgb,var(--border-default) 70%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-page) 97%,transparent),color-mix(in srgb,var(--surface-page) 92%,transparent));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dayview-tab-button{color:var(--text-muted)}.dayview-tab-button:hover,.dayview-tab-button:active{color:var(--text-secondary)}.dayview-tab-active{background:var(--brand-ai-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dayview-tab-glow{background:linear-gradient(90deg,color-mix(in srgb,var(--brand-pepi-bright) 40%,transparent),color-mix(in srgb,var(--brand-ai-cyan-bright) 40%,transparent));filter:blur(4px)}.dayview-tab-indicator{background:var(--brand-ai-gradient)}.dayview-tab-panel{animation:tabFadeIn .15s ease-out}@keyframes tabFadeIn{0%{opacity:.7}to{opacity:1}}.recipe-tab-active{background:linear-gradient(90deg,var(--accent-primary),color-mix(in srgb,var(--accent-primary) 52%,var(--accent-success)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recipe-tab-panel{animation:recipeTabFadeIn .15s ease-out}@keyframes recipeTabFadeIn{0%{opacity:.7}to{opacity:1}}.recipe-form{--rf-surface-page: var(--surface-page);--rf-surface-card: color-mix(in srgb, var(--surface-card) 94%, var(--surface-sunken));--rf-surface-card-strong: color-mix(in srgb, var(--surface-card) 98%, var(--surface-elevated));--rf-surface-sunken: color-mix(in srgb, var(--surface-sunken) 90%, transparent);--rf-surface-input: color-mix(in srgb, var(--surface-elevated) 84%, var(--surface-card));--rf-surface-overlay: color-mix(in srgb, var(--surface-popover, var(--surface-card)) 94%, transparent);--rf-surface-hover: color-mix(in srgb, var(--surface-hover) 92%, var(--surface-card));--rf-border-subtle: color-mix(in srgb, var(--border-default) 42%, transparent);--rf-border-soft: color-mix(in srgb, var(--border-default) 68%, transparent);--rf-text-primary: var(--text-primary);--rf-text-secondary: var(--text-secondary);--rf-text-muted: var(--text-muted)}.rf-page-bg{background:var(--rf-surface-page);background-image:radial-gradient(ellipse 80% 50% at 50% 0%,color-mix(in srgb,var(--surface-elevated) 26%,transparent) 0%,transparent 70%)}.rf-header-bar{background:color-mix(in srgb,var(--rf-surface-page) 92%,transparent);border-bottom:1px solid var(--rf-border-subtle);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.rf-header-back{color:var(--rf-text-secondary)}.rf-header-back:hover{color:var(--rf-text-primary)}.rf-header-mode{color:var(--rf-text-muted)}.rf-header-kcal{color:var(--rf-text-primary)}.rf-header-protein{color:var(--accent-success)}.rf-header-meta,.rf-header-divider{color:var(--rf-text-muted)}.rf-header-optional{color:var(--accent-warning)}.rf-inline-muted,.rf-tag-count,.rf-ai-help{color:var(--rf-text-muted)}.rf-lock-toggle{color:var(--rf-text-muted);border:1px solid transparent;background:transparent}.rf-lock-toggle:hover{color:var(--rf-text-secondary);background:var(--rf-surface-hover)}.rf-lock-toggle.unlocked{color:var(--accent-warning);background:color-mix(in srgb,var(--accent-warning-soft) 92%,transparent);border-color:color-mix(in srgb,var(--accent-warning) 28%,transparent)}.rf-lock-toggle.unlocked:hover{background:color-mix(in srgb,var(--accent-warning-soft) 86%,var(--surface-hover) 14%)}.rf-name-warning{background:var(--accent-warning-soft);border:1px solid color-mix(in srgb,var(--accent-warning) 28%,transparent);color:var(--accent-warning)}.rf-subsection-divider{border-top:1px solid var(--rf-border-subtle)}.rf-subsection-title{color:var(--rf-text-secondary)}.rf-subsection-help,.rf-subsection-muted{color:var(--rf-text-muted)}.rf-source-file-card{background:var(--rf-surface-sunken);border:1px solid var(--rf-border-subtle)}.rf-source-file-card:hover{background:var(--rf-surface-hover)}.rf-source-file-card.pdf:hover{border-color:color-mix(in srgb,var(--accent-danger) 32%,var(--border-default))}.rf-source-file-card.image:hover{border-color:color-mix(in srgb,var(--accent-info) 32%,var(--border-default))}.rf-source-file-label{color:var(--rf-text-secondary)}.rf-source-file-name{color:var(--rf-text-muted)}.rf-source-file-delete{background:var(--accent-danger)}.rf-source-file-delete:hover{background:color-mix(in srgb,var(--accent-danger) 84%,black)}.rf-save-menu-dropdown{background:var(--rf-surface-overlay);border:1px solid var(--rf-border-soft);box-shadow:var(--shadow-xl)}.rf-save-menu-item{border-bottom:1px solid var(--rf-border-subtle)}.rf-save-menu-item:last-child{border-bottom:none}.rf-save-menu-item:hover{background:var(--rf-surface-hover)}.rf-save-menu-title{color:var(--rf-text-primary)}.rf-save-menu-description{color:var(--rf-text-secondary)}.rf-section{background:var(--rf-surface-card);border:1px solid var(--rf-border-subtle);border-radius:14px;padding:14px}.rf-section-label-sm{font-size:.6875rem;font-weight:600;color:var(--rf-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.rf-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--rf-border-soft);background:var(--rf-surface-input);color:var(--rf-text-primary);font-size:1rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.rf-input:focus{border-color:color-mix(in srgb,var(--accent-info) 50%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-info) 8%,transparent)}.rf-input::-moz-placeholder{color:var(--rf-text-muted)}.rf-input::placeholder{color:var(--rf-text-muted)}.rf-input:disabled{opacity:.5;cursor:not-allowed}.rf-input.unlocked{border:1.5px solid rgba(251,146,60,.5)}.rf-input.unlocked:focus{border-color:#fb923cb3;box-shadow:0 0 0 3px #fb923c14}.rf-textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--rf-border-soft);background:var(--rf-surface-input);color:var(--rf-text-primary);font-size:1rem;line-height:1.5;outline:none;resize:none;min-height:60px;max-height:200px;overflow-y:auto;transition:border-color .15s ease,box-shadow .15s ease}.rf-textarea:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f614}.rf-textarea::-moz-placeholder{color:var(--rf-text-muted)}.rf-textarea::placeholder{color:var(--rf-text-muted)}.rf-textarea:disabled{opacity:.5;cursor:not-allowed}.rf-textarea.rf-textarea-auto{min-height:unset;max-height:unset;overflow-y:hidden;field-sizing:content}.rf-textarea.unlocked{border:1.5px solid rgba(251,146,60,.5)}.rf-textarea.unlocked:focus{border-color:#fb923cb3;box-shadow:0 0 0 3px #fb923c14}.rf-label{display:block;font-size:.8125rem;color:var(--rf-text-secondary);font-weight:500;margin-bottom:6px}.rf-tags-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0;mask-image:linear-gradient(to right,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,black 90%,transparent)}.rf-tags-row::-webkit-scrollbar{display:none}.rf-tags-row.expanded{flex-wrap:wrap;overflow-x:visible;mask-image:none;-webkit-mask-image:none}.rf-tag{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;background:color-mix(in srgb,var(--accent-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 20%,transparent);color:var(--accent-primary);font-size:.75rem;font-weight:500;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.rf-tag-remove{width:14px;height:14px;border-radius:50%;background:color-mix(in srgb,var(--accent-danger) 15%,transparent);display:flex;align-items:center;justify-content:center;color:var(--accent-danger);cursor:pointer;border:none;padding:0;flex-shrink:0;transition:background .15s ease}.rf-tag-remove:active{background:color-mix(in srgb,var(--accent-danger) 30%,transparent)}.rf-tags-toggle{font-size:.6875rem;color:var(--rf-text-muted);background:none;border:none;cursor:pointer;padding:4px 0;-webkit-tap-highlight-color:transparent}.rf-tag-add-btn{flex-shrink:0;padding:0 14px;height:38px;border:1px solid color-mix(in srgb,var(--accent-primary) 30%,transparent);border-radius:10px;background:color-mix(in srgb,var(--accent-primary) 10%,transparent);color:var(--accent-primary);font-size:.8125rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.rf-tag-add-btn:active{background:color-mix(in srgb,var(--accent-primary) 20%,transparent);transform:scale(.95)}.rf-difficulty-pills{display:flex;gap:6px}.rf-difficulty-pill{flex:1;padding:8px 6px;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;border:1px solid transparent;-webkit-tap-highlight-color:transparent;transition:all .15s ease;text-align:center}.rf-difficulty-pill:active{transform:scale(.96)}.rf-time-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.rf-time-grid .rf-label{font-size:.75rem}.rf-time-grid .rf-input{padding:8px 10px;font-size:.9375rem;text-align:center}.rf-scale-btn{border:1px solid var(--rf-border-soft);background:var(--rf-surface-sunken);color:var(--rf-text-secondary)}.rf-scale-btn:hover,.rf-scale-btn:active{background:var(--rf-surface-hover);color:var(--rf-text-primary)}.rf-time-hint{color:var(--rf-text-muted)}.rf-time-input{border:1px solid var(--rf-border-soft);background:var(--rf-surface-input);color:var(--rf-text-primary)}.rf-time-input.locked{background:var(--rf-surface-sunken);color:var(--rf-text-muted)}.rf-time-input.warning{border-color:color-mix(in srgb,var(--accent-warning) 72%,var(--border-default));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-warning-soft) 72%,transparent)}.rf-time-lock-btn{border:1px solid var(--rf-border-soft);background:var(--rf-surface-sunken);color:var(--rf-text-secondary)}.rf-time-lock-btn:hover{background:var(--rf-surface-hover);color:var(--rf-text-primary)}.rf-time-lock-icon-active{color:var(--accent-warning)}.rf-ingredient-card{border-radius:0;padding:0;background:transparent;border:none;border-left:3px solid var(--ingredient-status-color, #34d399);border-bottom:1px solid var(--rf-border-subtle);transition:opacity .15s ease,background .15s ease}.rf-ingredient-card.dragging{opacity:.5}.rf-ing-row{display:flex;align-items:center;gap:8px;padding:8px 12px;min-height:44px;cursor:pointer;-webkit-tap-highlight-color:transparent}.rf-ing-row:active{background:color-mix(in srgb,var(--surface-hover) 72%,transparent)}.rf-ing-amount{font-size:.9375rem;font-weight:600;color:var(--rf-text-primary);white-space:nowrap;flex-shrink:0}.rf-ing-name{flex:1;min-width:0;font-size:.9375rem;font-weight:400;color:var(--rf-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-ing-opt{font-size:.625rem;font-weight:600;color:var(--accent-warning);text-transform:uppercase;flex-shrink:0;letter-spacing:.04em}.rf-ing-nutrition{font-size:.6875rem;color:var(--rf-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.rf-ing-kebab{padding:4px;color:var(--rf-text-muted);background:none;border:none;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.rf-ing-expanded{padding:8px 12px 10px;border-top:1px solid var(--rf-border-subtle)}.rf-ing-qty-group{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:var(--rf-surface-sunken);flex-wrap:wrap}.rf-ing-field{padding:6px 8px;border-radius:6px;border:1px solid var(--rf-border-soft);background:var(--rf-surface-input);color:var(--rf-text-primary);font-size:.875rem;outline:none;transition:border-color .15s ease}.rf-ing-field:focus{border-color:#3b82f666}.rf-ing-select{padding:6px 22px 6px 8px;font-size:.8125rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.rf-nutrition-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:6px;background:var(--rf-surface-hover);font-size:.6875rem;color:var(--rf-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.rf-action-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;border:1px solid var(--rf-border-subtle);background:var(--rf-surface-sunken);color:var(--rf-text-secondary);font-size:.6875rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;white-space:nowrap}.rf-action-pill:active{background:var(--rf-surface-hover);color:var(--rf-text-primary);transform:scale(.96)}.rf-action-pill:disabled{opacity:.4;cursor:not-allowed}.rf-tools-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--rf-border-subtle);background:var(--rf-surface-sunken);color:var(--rf-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.rf-tools-btn:active{background:var(--rf-surface-hover);color:var(--rf-text-primary);transform:scale(.95)}.rf-quick-add{display:flex;align-items:center;gap:0;border-radius:10px;border:1px solid var(--rf-border-soft);background:var(--rf-surface-input);overflow:hidden;transition:border-color .15s ease}.rf-quick-add:focus-within{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.rf-quick-add-icon{display:flex;align-items:center;justify-content:center;padding:0 12px;color:#a78bfa;flex-shrink:0}.rf-quick-add-input{flex:1;min-width:0;padding:12px 0;background:transparent;border:none;color:var(--rf-text-primary);font-size:1rem;outline:none}.rf-quick-add-input::-moz-placeholder{color:var(--rf-text-muted)}.rf-quick-add-input::placeholder{color:var(--rf-text-muted)}.rf-quick-add-btn{flex-shrink:0;width:36px;height:36px;margin:4px;padding:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:10px;background:#8b5cf633;color:#a78bfa;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.rf-quick-add-btn:active:not(:disabled){transform:scale(.95)}.rf-quick-add-btn:disabled{opacity:.4;cursor:not-allowed}[data-theme=light] .rf-quick-add-icon,[data-theme=light] .rf-quick-add-btn{color:#6d28d9}.rf-add-btn{width:100%;margin-top:12px;padding:10px;border-radius:10px;border:none;background:transparent;color:var(--rf-text-muted);font-size:.8125rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.rf-add-btn:active{background:var(--rf-surface-hover);color:var(--rf-text-secondary);transform:scale(.98)}.rf-step-card{background:var(--rf-surface-card);border:1px solid var(--rf-border-subtle);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.rf-step-card.expanded{background:var(--rf-surface-card-strong);border-color:color-mix(in srgb,var(--accent-info) 22%,var(--border-default));box-shadow:var(--shadow-md)}.rf-step-card.dragging{opacity:.5}.rf-step-card.has-error{border-left:3px solid var(--accent-danger)}.rf-step-row{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.rf-step-row:active{background:var(--rf-surface-hover)}.rf-step-num{width:22px;height:22px;border-radius:50%;background:#3b82f6cc;color:#fff;font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rf-step-num.has-error{background:#ef4444cc}.rf-step-preview{flex:1;min-width:0;font-size:.9375rem;color:var(--rf-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rf-step-tm-tags-row{display:flex;flex-wrap:wrap;gap:4px;padding:0 12px 8px 60px;cursor:pointer;-webkit-tap-highlight-color:transparent}.rf-step-tm-tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:6px;font-size:.625rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;line-height:1}.rf-step-tm-tag.time,.rf-step-tm-tag.temp,.rf-step-tm-tag.speed,.rf-step-tm-tag.lid,.rf-step-tm-tag.reverse{background:var(--rf-surface-sunken);color:var(--rf-text-secondary);border:1px solid var(--rf-border-subtle)}.rf-step-chevron{width:16px;height:16px;color:var(--rf-text-muted);flex-shrink:0;transition:transform .2s cubic-bezier(.32,.72,0,1)}.rf-step-chevron.open{transform:rotate(180deg)}.rf-step-body{padding:0 14px 14px;border-top:1px solid var(--rf-border-subtle);animation:rfStepBodyReveal .25s cubic-bezier(.32,.72,0,1)}@keyframes rfStepBodyReveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.rf-step-section-label{font-size:.6875rem;font-weight:600;color:var(--rf-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:12px;margin-bottom:6px}.rf-step-instruction-well{background:var(--rf-surface-input);border:1px solid var(--rf-border-soft);border-radius:10px;padding:10px 12px;margin-top:10px;font-size:.9375rem;line-height:1.5;color:var(--rf-text-primary);cursor:pointer;transition:border-color .15s ease;position:relative}.rf-step-instruction-well:active{border-color:#3b82f64d}.rf-step-instruction-well.empty{color:var(--rf-text-muted);border-style:dashed;border-color:var(--rf-border-soft)}.rf-step-edit-icon{position:absolute;top:8px;right:8px;width:14px;height:14px;color:var(--rf-text-muted);pointer-events:none;transition:color .15s ease}.rf-step-instruction-well:active .rf-step-edit-icon{color:var(--accent-primary)}.rf-step-actions{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--rf-border-subtle)}.rf-step-action-btn{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;border:none;background:var(--rf-surface-sunken);color:var(--rf-text-muted);font-size:.75rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;min-width:36px;min-height:36px}.rf-step-action-btn:active{background:var(--rf-surface-hover);transform:scale(.95)}.rf-step-action-btn:disabled{opacity:.25;pointer-events:none}.rf-step-action-btn.delete{margin-left:auto;color:var(--accent-danger);background:color-mix(in srgb,var(--accent-danger) 6%,transparent)}.rf-step-action-btn.delete:active{background:color-mix(in srgb,var(--accent-danger) 15%,transparent)}.rf-step-action-btn.insert{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 6%,transparent)}.rf-step-textarea{width:100%;background:var(--rf-surface-input);color:var(--rf-text-primary);padding:10px 12px;border-radius:10px;border:1px solid var(--rf-border-soft);font-size:1rem;line-height:1.5;resize:none;overflow:hidden;min-height:56px;max-height:240px;outline:none;transition:border-color .15s ease}.rf-step-textarea:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f614}.rf-step-textarea::-moz-placeholder{color:var(--rf-text-muted)}.rf-step-textarea::placeholder{color:var(--rf-text-muted)}.rf-ing-status-chip{padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;font-weight:600;color:#fff}.rf-ing-status-chip.unknown{background:var(--accent-danger)}.rf-ing-status-chip.verify{background:var(--accent-warning)}.rf-ing-opt-btn{padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;font-weight:600;transition:all .15s ease;flex-shrink:0;border:none}.rf-ing-opt-btn.active{background:var(--accent-warning);color:#fff}.rf-ing-opt-btn:not(.active){background:var(--rf-surface-sunken);color:var(--rf-text-secondary)}.rf-ing-opt-btn:not(.active):hover{background:var(--rf-surface-hover);color:var(--rf-text-primary)}.rf-ing-action-btn{padding:.25rem;transition:color .15s ease}.rf-ing-action-btn.neutral{color:var(--rf-text-secondary)}.rf-ing-action-btn.neutral:hover{color:var(--rf-text-primary)}.rf-ing-action-btn.info{color:var(--accent-info)}.rf-ing-action-btn.info:hover{color:color-mix(in srgb,var(--accent-info) 78%,white)}.rf-ing-action-btn.danger{color:var(--accent-danger)}.rf-ing-action-btn.danger:hover{color:color-mix(in srgb,var(--accent-danger) 78%,white)}.rf-step-expanded-label{color:var(--rf-text-secondary)}.rf-step-desktop-grip{color:var(--rf-text-muted);transition:color .15s ease}.rf-step-desktop-grip:hover{color:var(--rf-text-secondary)}.rf-step-error-text{color:var(--accent-danger)}.rf-step-inline-label{color:var(--rf-text-secondary)}.rf-tmx-chips{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.rf-tmx-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;font-size:.75rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;border:1px solid transparent}.rf-tmx-chip:active{transform:scale(.95)}.rf-tmx-chip.time,.rf-tmx-chip.temp,.rf-tmx-chip.speed,.rf-tmx-chip.lid{background:var(--rf-surface-sunken);color:var(--rf-text-secondary);border-color:var(--rf-border-subtle)}.rf-tmx-chip.time.active,.rf-tmx-chip.temp.active,.rf-tmx-chip.speed.active,.rf-tmx-chip.lid.active{background:var(--accent-primary-soft);color:var(--accent-info-fg);border-color:var(--accent-primary-ring)}.rf-tmx-chip.reverse{background:#8b5cf614;color:#a78bfa;border-color:#8b5cf626}[data-theme=light] .rf-tmx-chip.reverse{color:#6d28d9}.rf-tmx-chip.empty{background:transparent;color:var(--rf-text-muted);border:1px dashed var(--rf-border-subtle)}.rf-tmx-editor{display:flex;align-items:center;gap:8px;margin-top:6px;padding:6px 10px;border-radius:10px;background:var(--rf-surface-card);border:1px solid var(--rf-border-subtle);animation:rfTmEditorIn .15s ease-out}@keyframes rfTmEditorIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rf-tmx-input{width:48px;background:var(--rf-surface-input);color:var(--rf-text-primary);border:1px solid var(--rf-border-soft);border-radius:8px;padding:4px;font-size:1rem;font-weight:600;text-align:center;outline:none;-moz-appearance:textfield;transition:border-color .15s ease}.rf-tmx-input::-webkit-outer-spin-button,.rf-tmx-input::-webkit-inner-spin-button{-webkit-appearance:none}.rf-tmx-input:focus{border-color:var(--accent-primary-ring)}.rf-tmx-label{font-size:.6875rem;color:var(--rf-text-muted);flex-shrink:0}.rf-tmx-preset{padding:3px 8px;border-radius:6px;border:1px solid var(--rf-border-subtle);background:var(--rf-surface-sunken);color:var(--rf-text-secondary);font-size:.6875rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.rf-tmx-preset.selected{background:var(--accent-primary-soft);border-color:var(--accent-primary-ring);color:var(--accent-info-fg)}.rf-tmx-preset:active{transform:scale(.95)}.rf-tmx-clear{padding:3px 8px;border-radius:6px;border:none;background:var(--accent-danger-soft);color:var(--accent-danger);font-size:.6875rem;cursor:pointer;margin-left:auto;-webkit-tap-highlight-color:transparent}.rf-tmx-clear:active{background:color-mix(in srgb,var(--accent-danger-soft) 88%,var(--accent-danger) 12%)}.rf-tmx-add{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;border-radius:8px;background:var(--rf-surface-sunken);border:1px dashed var(--rf-border-subtle);color:var(--rf-text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;width:100%;justify-content:center;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.rf-tmx-add:active{background:var(--accent-primary-soft);border-color:color-mix(in srgb,var(--accent-primary) 22%,transparent);color:var(--accent-info-fg)}.rf-linked-pills{display:flex;flex-wrap:wrap;gap:4px}.rf-linked-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;background:color-mix(in srgb,var(--accent-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 15%,transparent);color:var(--accent-primary);font-size:.6875rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .12s ease;white-space:nowrap}.rf-linked-pill:active{background:color-mix(in srgb,var(--accent-primary) 15%,transparent);transform:scale(.95)}.rf-overflow-menu{width:176px;border-radius:12px;padding:4px;background:var(--rf-surface-overlay);border:1px solid var(--rf-border-soft);box-shadow:var(--shadow-xl);animation:rfMenuFadeIn .12s ease-out}@keyframes rfMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rf-overflow-item{width:100%;padding:10px 12px;border-radius:8px;font-size:.8125rem;text-align:left;display:flex;align-items:center;gap:8px;color:var(--rf-text-primary);background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .1s ease}.rf-overflow-item:active{background:#94a3b81a}.rf-overflow-item.danger{color:var(--accent-danger)}.rf-select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--rf-border-soft);background:var(--rf-surface-input);color:var(--rf-text-primary);font-size:1rem;outline:none;-webkit-appearance:none;transition:border-color .15s ease,box-shadow .15s ease}.rf-select:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f614}.rf-select option,.rf-select optgroup{color:var(--rf-text-primary);background:var(--rf-surface-overlay)}.rf-source-panel{background:var(--rf-surface-sunken);border:1px solid var(--rf-border-subtle)}.rf-source-count,.rf-source-meta{color:var(--rf-text-muted)}.rf-source-dropdown{background:var(--rf-surface-overlay);border:1px solid var(--rf-border-soft);box-shadow:var(--shadow-lg)}.rf-source-option{border-bottom:1px solid var(--rf-border-subtle)}.rf-source-option:last-child{border-bottom:none}.rf-source-option:hover{background:var(--rf-surface-hover)}.rf-source-title{color:var(--rf-text-primary)}.rf-divider{height:1px;background:linear-gradient(to right,transparent,rgba(148,163,184,.12) 20%,rgba(148,163,184,.12) 80%,transparent);margin:12px 0}.rf-insert-zone{height:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}@media (min-width: 640px){.rf-insert-zone{height:12px;opacity:0;transition:opacity .15s ease}.rf-insert-zone:hover{opacity:1}.rf-insert-zone:after{content:"+";width:18px;height:18px;border-radius:50%;background:#3b82f6cc;color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:center}}@keyframes rfGridSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rf-tmx-grid-anim{animation:rfGridSlide .15s ease-out}.rf-speed-grid{display:flex;flex-direction:column;gap:4px;padding:4px 0}.rf-speed-grid-row{display:flex;gap:4px}.rf-speed-btn{flex:1;height:44px;border-radius:10px;background:var(--rf-surface-input);border:1px solid var(--rf-border-subtle);color:var(--rf-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}.rf-speed-btn:active{background:var(--rf-surface-hover);transform:scale(.95)}.rf-speed-btn:disabled{opacity:.25;pointer-events:none}.rf-speed-btn.selected{background:var(--accent-primary-soft);border-color:var(--accent-primary-ring);color:var(--accent-info-fg);font-weight:700}.rf-speed-options-row{display:flex;gap:4px;margin-top:4px}.rf-speed-half-btn{height:36px;padding:0 16px;border-radius:8px;background:var(--rf-surface-input);border:1px solid var(--rf-border-subtle);color:var(--rf-text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.rf-speed-half-btn.selected{background:var(--accent-warning-soft);border-color:color-mix(in srgb,var(--accent-warning) 40%,transparent);color:var(--accent-warning)}.rf-speed-half-btn:active{transform:scale(.95)}.rf-speed-half-btn:disabled{opacity:.25;pointer-events:none}.rf-speed-modes-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid var(--rf-border-subtle)}.rf-temp-input-row{display:flex;align-items:center;gap:6px;padding:4px 0}.rf-temp-nudge{height:44px;padding:0 12px;border-radius:10px;background:var(--rf-surface-input);border:1px solid var(--rf-border-subtle);color:var(--rf-text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.rf-temp-nudge:active{background:var(--rf-surface-hover);transform:scale(.95)}.rf-temp-nudge:disabled{opacity:.25;pointer-events:none}.rf-temp-input{flex:1;text-align:center;font-size:1.25rem;font-weight:700}.rf-temp-presets{display:flex;gap:4px;margin-top:4px}.rf-temp-presets .rf-speed-btn{font-size:.8125rem}.rf-time-input-row{display:flex;align-items:center;gap:6px;padding:4px 0}.rf-time-input{width:60px;text-align:center;font-size:1.125rem;font-weight:600;flex-shrink:0}.rf-time-presets{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.rf-time-presets .rf-speed-btn{flex:0 0 auto;min-width:40px;padding:0 8px;font-size:.75rem;height:36px}.rf-time-nudge-row{display:flex;gap:4px;margin-top:4px}.rf-time-nudge-row .rf-tmx-clear{margin-left:auto}.rf-expand-toggle{display:flex;align-items:center;gap:4px;padding:6px 10px;height:32px;border-radius:8px;border:1px solid var(--rf-border-subtle);background:var(--rf-surface-sunken);color:var(--rf-text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.rf-expand-toggle:hover{background:var(--rf-surface-hover);color:var(--rf-text-primary)}.rf-expand-toggle:active{background:var(--rf-surface-hover);color:var(--rf-text-primary);transform:scale(.95)}.rf-lid-safety-banner{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;margin-bottom:8px;border-radius:8px;background:var(--accent-warning-soft);border:1px solid color-mix(in srgb,var(--accent-warning) 28%,transparent);color:var(--accent-warning);font-size:.75rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.rf-lid-safety-banner:active{background:color-mix(in srgb,var(--accent-warning-soft) 88%,var(--accent-warning) 12%);transform:scale(.98)}.rf-lid-safety-fix{margin-left:auto;padding:2px 10px;border-radius:6px;background:color-mix(in srgb,var(--accent-warning-soft) 92%,var(--surface-card) 8%);color:var(--accent-warning);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.03em}.rf-step-drag-handle{display:flex;align-items:center;justify-content:center;width:18px;color:var(--rf-text-secondary);cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;flex-shrink:0}.rf-step-drag-handle:active{cursor:grabbing;color:var(--rf-text-muted)}.rf-step-card.is-dragging{opacity:.5;z-index:10}.rf-overflow-item:hover{background:var(--rf-surface-hover)}.rf-step-preview-box{background:var(--rf-surface-sunken);border:1px solid var(--rf-border-subtle);color:var(--rf-text-primary)}.rf-step-preview-label{color:var(--rf-text-muted)}.rf-ing-name-input{color:var(--rf-text-primary)}.rf-ing-name-input::-moz-placeholder{color:var(--rf-text-muted)}.rf-ing-name-input::placeholder{color:var(--rf-text-muted)}.rf-ing-note-input{background:var(--rf-surface-sunken);color:var(--rf-text-primary);border:1px solid color-mix(in srgb,var(--accent-info) 42%,var(--border-default))}.rf-ing-note-input::-moz-placeholder{color:var(--rf-text-muted)}.rf-ing-note-input::placeholder{color:var(--rf-text-muted)}.rf-ing-note-add{color:var(--rf-text-muted);background:transparent}.rf-ing-note-add:hover{color:var(--rf-text-secondary);background:var(--rf-surface-hover)}.unauth-theme-cycle{position:fixed;top:max(env(safe-area-inset-top,0px),.75rem);right:max(env(safe-area-inset-right,0px),.75rem);z-index:1000;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;transition:background .2s ease,color .2s ease,transform .15s ease,box-shadow .2s ease;box-shadow:var(--shadow-md)}.unauth-theme-cycle:hover{background:color-mix(in srgb,var(--surface-elevated) 96%,var(--accent-primary));color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.unauth-theme-cycle:active{transform:translateY(0)}.unauth-theme-cycle:focus-visible{outline:2px solid var(--accent-primary-ring);outline-offset:2px}.unauth-theme-cycle:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-form-container{max-height:90vh;overflow-y:auto;padding:1.5rem;position:relative;width:100%;max-width:400px;margin:0 auto;scrollbar-width:none;-ms-overflow-style:none}.auth-form-container::-webkit-scrollbar{display:none}.close-button-container{position:absolute;top:.5rem;right:.5rem;z-index:10}.close-button{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:color .2s,background-color .2s}.close-button:hover{background:color-mix(in srgb,var(--surface-card) 82%,transparent);color:var(--text-primary)}.auth-switch-container{margin-top:1rem;text-align:center}.auth-switch-text{color:var(--text-secondary);font-size:.875rem}.auth-switch-button{color:var(--text-link);font-weight:500;background:transparent;border:none;cursor:pointer;padding:0;transition:color .2s}.auth-switch-button:hover{color:var(--accent-primary-hover)}input,select,textarea{font-size:16px!important}input::-ms-reveal,input::-ms-clear{display:none}input::-webkit-contacts-auto-fill-button,input::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0}input::-webkit-password-decoration{display:none!important}.g-recaptcha{transform-origin:left top;transform:scale(.9)}.custom-checkbox{position:relative;display:inline-block}.checkbox-custom{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:var(--surface-sunken);border:2px solid var(--border-default);border-radius:4px;transition:all .2s ease-in-out;cursor:pointer}input[type=checkbox]:checked+label .checkbox-custom{background-color:var(--accent-primary);border-color:var(--accent-primary)}.checkbox-svg{width:16px;height:16px;fill:var(--accent-primary-fg);visibility:hidden;opacity:0;transform:scale(.5);transition:all .2s ease-in-out}input[type=checkbox]:checked+label .checkbox-svg{visibility:visible;opacity:1;transform:scale(1)}input[type=checkbox]:focus+label .checkbox-custom{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary-ring) 56%,transparent)}label:hover .checkbox-custom{border-color:var(--accent-primary-hover);transform:scale(1.05)}@keyframes modalEntry{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-modalEntry{animation:modalEntry .2s ease-out forwards}.login-page-scroll{height:100vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.login-page-scroll::-webkit-scrollbar{display:none}.login-page-scroll .auth-form-container{max-height:none!important;overflow:visible!important}.auth-page-shell{background:radial-gradient(circle at top,color-mix(in srgb,var(--accent-primary-soft) 65%,transparent) 0%,transparent 52%),linear-gradient(180deg,var(--surface-sunken) 0%,var(--surface-page) 46%,var(--surface-page) 100%);color:var(--text-primary)}.auth-theme-cycle-button{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:20;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid var(--border-default);background:color-mix(in srgb,var(--surface-card) 88%,transparent);color:var(--text-secondary);cursor:pointer;transition:color .15s ease,background-color .15s ease,transform .15s ease,border-color .15s ease;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05)}.auth-theme-cycle-button:hover{color:var(--accent-primary);background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 28%,var(--border-default))}.auth-theme-cycle-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.auth-theme-cycle-button:active{transform:scale(.96)}.auth-theme-cycle-button:disabled{cursor:progress;opacity:.7}.auth-theme-cycle-button svg{width:18px;height:18px}.auth-loading-shell{background:linear-gradient(180deg,var(--surface-sunken) 0%,var(--surface-page) 100%);color:var(--text-primary)}.auth-spinner{border-top-color:var(--accent-primary)}.auth-panel{background:color-mix(in srgb,var(--surface-card) 92%,transparent);border:1px solid var(--border-default);border-radius:1.5rem;box-shadow:var(--shadow-lg),var(--shadow-inset-highlight);color:var(--text-primary)}.auth-logo-badge{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0%,color-mix(in srgb,var(--accent-primary) 72%,var(--accent-info-fg)) 100%);border-radius:1rem;box-shadow:0 18px 40px color-mix(in srgb,var(--accent-primary-soft) 88%,transparent);color:var(--accent-primary-fg);display:inline-flex;height:3.5rem;justify-content:center;width:3.5rem}.auth-brand-title,.auth-hero-title,.auth-title{color:var(--text-primary)}.auth-hero-copy,.auth-switch-text,.auth-description,.auth-helper-text{color:var(--text-secondary)}.auth-feature-pill{background:color-mix(in srgb,var(--surface-card) 84%,transparent);border:1px solid var(--border-default);border-radius:999px;color:var(--text-secondary)}.auth-back-button{color:var(--text-muted)}.auth-back-button:hover{background:color-mix(in srgb,var(--surface-card) 82%,transparent);color:var(--text-primary)}.auth-version-text,.auth-input-note{color:var(--text-muted)}.auth-link,.auth-switch-button{color:var(--text-link)}.auth-link:hover,.auth-switch-button:hover{color:var(--text-link-hover)}.auth-button-primary,.auth-button-secondary,.auth-button-success,.auth-button-neutral{border-radius:.875rem;font-weight:600;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.auth-button-primary:hover,.auth-button-secondary:hover,.auth-button-success:hover,.auth-button-neutral:hover{transform:translateY(-1px)}.auth-button-primary{background:var(--accent-primary);color:var(--accent-primary-fg);box-shadow:var(--shadow-md)}.auth-button-primary:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-lg)}.auth-button-primary:focus-visible,.auth-button-secondary:focus-visible,.auth-button-success:focus-visible,.auth-button-neutral:focus-visible,.auth-input:focus-visible,.auth-language-button:focus-visible,.close-button:focus-visible{outline:2px solid var(--accent-primary-ring);outline-offset:2px}.auth-button-secondary{background:transparent;border:1px solid var(--border-strong);color:var(--text-secondary)}.auth-button-secondary:hover{border-color:var(--border-focus);color:var(--text-primary)}.auth-button-success{background:var(--accent-success-soft);border:1px solid color-mix(in srgb,var(--accent-success) 32%,transparent);color:var(--accent-success)}.auth-button-success:hover{background:color-mix(in srgb,var(--accent-success-soft) 72%,var(--accent-success) 14%);color:color-mix(in srgb,var(--accent-success) 82%,var(--text-primary))}.auth-button-neutral{background:var(--surface-elevated);color:var(--text-primary)}.auth-button-neutral:hover{background:color-mix(in srgb,var(--surface-elevated) 80%,var(--surface-card))}.auth-inline-card{background:color-mix(in srgb,var(--surface-sunken) 78%,transparent);border:1px solid var(--border-default);border-radius:1rem;color:var(--text-secondary)}.auth-status-badge{border-radius:999px;display:inline-block;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.auth-status-badge--pending{background:var(--accent-warning-soft);color:var(--accent-warning)}.auth-icon-badge{align-items:center;border-radius:999px;display:inline-flex;height:4rem;justify-content:center;width:4rem}.auth-icon-badge--info{background:var(--accent-info-soft);color:var(--accent-info-fg)}.auth-icon-badge--warning{background:var(--accent-warning-soft);color:var(--accent-warning)}.auth-icon-badge--success{background:var(--accent-success);color:var(--accent-success-fg)}.auth-label{color:var(--text-secondary)}.auth-input-group{position:relative}.auth-input-icon{color:var(--text-muted)}.auth-input-group:hover .auth-input-icon{color:var(--text-link)}.auth-input{background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:.875rem;color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.auth-input:hover{border-color:var(--border-strong)}.auth-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary-ring) 50%,transparent);outline:none}.auth-input::-moz-placeholder{color:var(--text-muted)}.auth-input::placeholder{color:var(--text-muted)}.auth-input--error{border-color:var(--accent-danger)}.auth-input--error:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-danger-soft) 72%,transparent)}.auth-error-text{color:var(--accent-danger)}.auth-success-text{color:var(--accent-success)}.auth-warning-text{color:var(--accent-warning)}.auth-checkbox{color:var(--text-secondary)}.auth-checkbox-indicator{background:var(--surface-elevated);border:1px solid var(--border-strong)}.auth-checkbox[data-checked=true] .auth-checkbox-indicator{background:var(--accent-primary);border-color:var(--accent-primary)}.auth-password-toggle{color:var(--text-muted)}.auth-password-toggle:hover{color:var(--text-secondary)}.auth-language-button{background:var(--surface-sunken);border:1px solid var(--border-default);color:var(--text-secondary)}.auth-language-button:hover{border-color:var(--border-strong)}.auth-language-button--active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--accent-primary-fg)}.auth-strength-track{background:var(--surface-elevated)}@media (max-width: 640px){.auth-form-container{padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 1rem)}.auth-input-group .form-input-leading-icon{display:none}.auth-input.form-control--with-leading-icon{padding-left:.875rem}.checkbox-custom{width:18px;height:18px}.checkbox-svg{width:14px;height:14px}}@media (max-width: 320px){.g-recaptcha{transform:scale(.85)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-fade-up{opacity:0;animation:heroFadeUp .5s ease-out forwards}.hero-fade-up-1{animation-delay:50ms}.hero-fade-up-2{animation-delay:.15s}.hero-fade-up-3{animation-delay:.25s}.hero-fade-up-4{animation-delay:.35s}.hero-fade-up-5{animation-delay:.45s}.hero-fade-up-6{animation-delay:.55s}.hero-fade-up-7{animation-delay:.6s}@keyframes formSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.form-slide-in{animation:formSlideIn .25s ease-out forwards}@media (prefers-reduced-motion: reduce){.hero-fade-up,.hero-fade-up-1,.hero-fade-up-2,.hero-fade-up-3,.hero-fade-up-4,.hero-fade-up-5,.hero-fade-up-6,.hero-fade-up-7{opacity:1;animation:none;transform:none}.form-slide-in{animation:none}}.reset-password-container{--reset-shell-bg: radial-gradient(circle at 50% 22%, color-mix(in srgb, var(--accent-primary-soft) 88%, transparent), transparent 42%), linear-gradient(165deg, color-mix(in srgb, var(--surface-page) 94%, var(--surface-card) 6%), var(--surface-page));--reset-card-bg: color-mix(in srgb, var(--surface-card) 96%, var(--surface-elevated) 4%);--reset-card-border: var(--border-default);--reset-shadow: var(--shadow-xl);--reset-title: var(--text-primary);--reset-copy: var(--text-secondary);--reset-label: var(--text-secondary);--reset-input-bg: color-mix(in srgb, var(--surface-sunken) 92%, var(--surface-elevated) 8%);--reset-input-border: var(--border-default);--reset-input-border-focus: var(--border-focus);--reset-button-bg: var(--accent-primary);--reset-button-hover: var(--accent-primary-hover);--reset-button-fg: var(--accent-primary-fg);--reset-button-disabled: var(--text-disabled);--reset-logo: var(--accent-primary)}[data-theme=light] .reset-password-container{--reset-shell-bg: radial-gradient(circle at 50% 22%, color-mix(in srgb, var(--accent-primary-soft) 94%, white 6%), transparent 42%), linear-gradient(165deg, color-mix(in srgb, var(--surface-page) 98%, white 2%), color-mix(in srgb, var(--surface-elevated) 88%, white 12%));--reset-card-bg: color-mix(in srgb, white 98%, var(--surface-elevated) 2%)}.reset-password-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:20px;background:var(--reset-shell-bg)}.reset-password-card{width:100%;max-width:400px;border:1px solid var(--reset-card-border);border-radius:16px;background:var(--reset-card-bg);box-shadow:var(--reset-shadow);padding:30px;text-align:center}.reset-password-card h2{margin-bottom:24px;color:var(--reset-title);font-size:1.8rem;font-weight:700;letter-spacing:-.025em}.reset-password-card p{margin-bottom:28px;color:var(--reset-copy);font-size:1rem;line-height:1.5}.reset-password-card form{display:flex;flex-direction:column;gap:20px}.reset-password-card .form-group{display:flex;flex-direction:column;gap:8px;text-align:left}.reset-password-card .form-group label{color:var(--reset-label);font-size:.9rem;font-weight:500}.reset-password-card .form-group input{padding:12px 16px;border:1px solid var(--reset-input-border);border-radius:10px;background:var(--reset-input-bg);color:var(--reset-title);font-size:1rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.reset-password-card .form-group input::-moz-placeholder{color:var(--text-disabled)}.reset-password-card .form-group input::placeholder{color:var(--text-disabled)}.reset-password-card .form-group input:focus{outline:none;border-color:var(--reset-input-border-focus);box-shadow:0 0 0 2px var(--accent-primary-ring)}.reset-password-card .primary-button{margin-top:10px;border:none;border-radius:10px;background:var(--reset-button-bg);color:var(--reset-button-fg);padding:14px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s,opacity .2s}.reset-password-card .primary-button:hover{background:var(--reset-button-hover)}.reset-password-card .primary-button:active{transform:translateY(1px)}.reset-password-card .primary-button:disabled{background:color-mix(in srgb,var(--reset-button-bg) 42%,var(--reset-button-disabled));color:var(--reset-button-fg);cursor:not-allowed;opacity:.75}.reset-password-card .loading-spinner{width:40px;height:40px;margin:20px auto;border:4px solid color-mix(in srgb,var(--accent-primary) 14%,transparent);border-top:4px solid var(--accent-primary);border-radius:50%;animation:reset-password-spin 1s linear infinite}@keyframes reset-password-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reset-password-card .app-logo{margin-bottom:20px;color:var(--reset-logo);font-size:2.5rem}@media (max-width: 480px){.reset-password-card{padding:20px}}.verify-email-container{--verify-shell-bg: radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--accent-primary-soft) 86%, transparent), transparent 40%), linear-gradient(165deg, color-mix(in srgb, var(--surface-page) 95%, var(--surface-card) 5%), var(--surface-page));--verify-card-bg: color-mix(in srgb, var(--surface-card) 96%, var(--surface-elevated) 4%);--verify-card-border: var(--border-default);--verify-shadow: var(--shadow-xl);--verify-title: var(--text-primary);--verify-copy: var(--text-secondary);--verify-primary-bg: var(--accent-primary);--verify-primary-hover: var(--accent-primary-hover);--verify-primary-fg: var(--accent-primary-fg);--verify-secondary-border: var(--border-default);--verify-secondary-bg: color-mix(in srgb, var(--surface-card) 88%, transparent);--verify-secondary-hover: color-mix(in srgb, var(--surface-elevated) 92%, var(--surface-card))}[data-theme=light] .verify-email-container{--verify-shell-bg: radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--accent-primary-soft) 94%, white 6%), transparent 40%), linear-gradient(165deg, color-mix(in srgb, var(--surface-page) 98%, white 2%), color-mix(in srgb, var(--surface-elevated) 88%, white 12%));--verify-card-bg: color-mix(in srgb, white 98%, var(--surface-elevated) 2%)}.verify-email-container{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:1rem;background:var(--verify-shell-bg)}.verify-email-card{width:100%;max-width:400px;max-height:90vh;overflow-y:auto;border:1px solid var(--verify-card-border);border-radius:16px;background:var(--verify-card-bg);box-shadow:var(--verify-shadow);padding:2rem;text-align:center}.verify-email-card h2{margin-bottom:1.5rem;color:var(--verify-title);font-size:1.5rem;font-weight:600}.verify-email-card p{margin-bottom:1.5rem;color:var(--verify-copy)}.verify-email-card .loading-spinner{display:inline-block;width:40px;height:40px;margin:1rem auto;border:3px solid color-mix(in srgb,var(--accent-primary) 24%,transparent);border-top-color:var(--accent-primary);border-radius:50%;animation:verify-email-spin 1s ease-in-out infinite}@keyframes verify-email-spin{to{transform:rotate(360deg)}}.verify-email-card .success-icon,.verify-email-card .error-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 auto 1.5rem;border-radius:50%;font-size:2rem}.verify-email-card .success-icon{background:color-mix(in srgb,var(--accent-success-soft) 96%,var(--surface-card));color:var(--accent-success)}.verify-email-card .error-icon{background:color-mix(in srgb,var(--accent-danger-soft) 96%,var(--surface-card));color:var(--accent-danger)}.verify-email-card .button-group{display:flex;flex-direction:column;gap:.75rem}.verify-email-card .primary-button,.verify-email-card .secondary-button{padding:.75rem 1rem;border-radius:10px;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,transform .1s}.verify-email-card .primary-button{border:none;background:var(--verify-primary-bg);color:var(--verify-primary-fg)}.verify-email-card .primary-button:hover{background:var(--verify-primary-hover)}.verify-email-card .secondary-button{border:1px solid var(--verify-secondary-border);background:var(--verify-secondary-bg);color:var(--verify-title)}.verify-email-card .secondary-button:hover{background:var(--verify-secondary-hover);border-color:var(--border-strong)}.verify-email-card .primary-button:active,.verify-email-card .secondary-button:active{transform:translateY(1px)}@media (max-width: 640px){.verify-email-card{padding:1.5rem;max-height:85vh}}@media (max-width: 480px){.verify-email-card{padding:1rem}.verify-email-card .success-icon,.verify-email-card .error-icon{width:50px;height:50px;font-size:1.5rem}}.user-switcher-container{position:relative;width:32px;height:32px}.user-switcher-collapsed{cursor:pointer;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.user-switcher-expanded{position:absolute;left:42px;top:0;z-index:100;min-width:180px;background-color:var(--surface-overlay);border:1px solid var(--border-default);border-radius:8px;padding:8px;box-shadow:0 10px 15px -3px #0006}.user-nav-item{display:flex;justify-content:center;align-items:center}.user-nav-item .user-switcher-container{width:100%;height:100%}.user-nav-item .user-switcher-collapsed div{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:2px}@media (max-width: 768px){.user-switcher-expanded{left:42px;top:0}}@media (min-width: 769px){.user-switcher-container{margin-top:auto;margin-bottom:20px}}.contribute-page{--contribute-shell-bg: radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--accent-primary-soft) 78%, transparent), transparent 40%), linear-gradient(165deg, color-mix(in srgb, var(--surface-page) 96%, var(--surface-card) 4%), var(--surface-page));--contribute-text-primary: var(--text-primary);--contribute-text-secondary: var(--text-secondary);--contribute-text-muted: var(--text-muted);--contribute-text-accent: var(--accent-primary);--contribute-text-on-accent: var(--accent-primary-fg);--contribute-card-bg: color-mix(in srgb, var(--surface-card) 88%, transparent);--contribute-card-bg-strong: color-mix(in srgb, var(--surface-elevated) 92%, transparent);--contribute-card-bg-active: color-mix(in srgb, var(--surface-hover) 90%, transparent);--contribute-card-border: color-mix(in srgb, var(--border-default) 78%, transparent);--contribute-input-bg: color-mix(in srgb, var(--surface-sunken) 92%, transparent);--contribute-input-border: var(--border-default);--contribute-input-focus: var(--border-focus);--contribute-input-placeholder: var(--text-disabled);--contribute-accent-gradient: linear-gradient(135deg, var(--accent-primary), var(--accent-info));--contribute-accent-soft-bg: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary-soft) 92%, transparent), color-mix(in srgb, var(--accent-info-soft) 82%, transparent));--contribute-accent-soft-border: color-mix(in srgb, var(--accent-primary) 28%, transparent);--contribute-accent-soft-shadow: 0 0 24px color-mix(in srgb, var(--accent-primary) 12%, transparent);--contribute-accent-shadow: 0 4px 16px color-mix(in srgb, var(--accent-primary) 26%, transparent);--contribute-accent-shadow-hover: 0 6px 24px color-mix(in srgb, var(--accent-primary) 34%, transparent);--contribute-dropzone-border: color-mix(in srgb, var(--border-default) 60%, transparent);--contribute-dropzone-active-border: color-mix(in srgb, var(--accent-primary) 44%, transparent);--contribute-dropzone-active-bg: color-mix(in srgb, var(--accent-primary-soft) 70%, transparent);--contribute-danger-soft: color-mix(in srgb, var(--accent-danger-soft) 92%, transparent);--contribute-danger: var(--accent-danger);--contribute-danger-strong: color-mix(in srgb, var(--accent-danger) 86%, transparent);--contribute-success: var(--accent-success);--contribute-success-border: color-mix(in srgb, var(--accent-success) 52%, transparent);--contribute-info-border: color-mix(in srgb, var(--accent-info) 52%, transparent);--contribute-camera-bg: color-mix(in srgb, var(--accent-info-soft) 92%, transparent);--contribute-lock-bg: color-mix(in srgb, var(--accent-success-soft) 92%, transparent);--contribute-sparkle-bg: color-mix(in srgb, var(--accent-primary-soft) 92%, transparent);--contribute-skeleton-gradient: linear-gradient(110deg, color-mix(in srgb, var(--surface-elevated) 86%, transparent) 30%, color-mix(in srgb, var(--surface-card) 94%, transparent) 50%, color-mix(in srgb, var(--surface-elevated) 86%, transparent) 70%);--contribute-spinner-track: color-mix(in srgb, var(--accent-primary) 18%, transparent);--contribute-spinner-active: color-mix(in srgb, var(--accent-primary) 84%, white 16%);--contribute-overlay-bg: color-mix(in srgb, black 48%, transparent);--contribute-sheet-bg: color-mix(in srgb, var(--surface-overlay) 96%, var(--surface-card) 4%);--contribute-sheet-border: var(--border-default);--contribute-upload-bar-bg: linear-gradient(to top, color-mix(in srgb, var(--surface-overlay) 98%, transparent), color-mix(in srgb, var(--surface-card) 90%, transparent));--contribute-upload-bar-border: color-mix(in srgb, var(--border-default) 70%, transparent);--contribute-progress-track: color-mix(in srgb, var(--surface-elevated) 92%, transparent);--contribute-label-badge-bg: color-mix(in srgb, var(--accent-primary) 84%, transparent);--contribute-label-badge-text: var(--accent-primary-fg);--contribute-label-overlay-bg: color-mix(in srgb, var(--accent-primary) 40%, transparent);--contribute-label-overlay-text: var(--text-inverse);--contribute-field-tag-bg: color-mix(in srgb, var(--surface-elevated) 86%, transparent);--contribute-field-tag-border: color-mix(in srgb, var(--border-default) 72%, transparent);--contribute-field-tag-text: var(--text-secondary);--contribute-field-tag-selected-bg: color-mix(in srgb, var(--accent-primary-soft) 88%, var(--surface-card));--contribute-field-tag-selected-border: color-mix(in srgb, var(--accent-primary) 46%, transparent);--contribute-field-tag-selected-text: var(--accent-primary);--contribute-grid-remove-shadow: 0 2px 8px color-mix(in srgb, black 28%, transparent);--contribute-panel-shadow: var(--shadow-lg);min-height:100vh;min-height:100dvh;background:var(--contribute-shell-bg);color:var(--contribute-text-primary);display:flex;flex-direction:column;align-items:center;padding:0 16px;overflow-y:auto;-webkit-overflow-scrolling:touch}[data-theme=light] .contribute-page{--contribute-shell-bg: radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--accent-primary-soft) 94%, white 6%), transparent 42%), linear-gradient(165deg, color-mix(in srgb, var(--surface-page) 98%, white 2%), color-mix(in srgb, var(--surface-elevated) 82%, white 18%));--contribute-card-bg: color-mix(in srgb, white 96%, var(--surface-elevated) 4%);--contribute-card-bg-strong: color-mix(in srgb, white 98%, var(--surface-elevated) 2%);--contribute-card-bg-active: color-mix(in srgb, white 94%, var(--surface-hover) 6%);--contribute-input-bg: color-mix(in srgb, white 96%, var(--surface-sunken) 4%);--contribute-accent-soft-shadow: 0 18px 36px color-mix(in srgb, var(--accent-primary) 10%, transparent);--contribute-accent-shadow: 0 10px 28px color-mix(in srgb, var(--accent-primary) 18%, transparent);--contribute-accent-shadow-hover: 0 14px 36px color-mix(in srgb, var(--accent-primary) 22%, transparent);--contribute-skeleton-gradient: linear-gradient(110deg, color-mix(in srgb, var(--surface-elevated) 84%, white 16%) 30%, color-mix(in srgb, white 96%, var(--surface-card) 4%) 50%, color-mix(in srgb, var(--surface-elevated) 84%, white 16%) 70%);--contribute-sheet-bg: color-mix(in srgb, white 98%, var(--surface-card) 2%);--contribute-upload-bar-bg: linear-gradient(to top, color-mix(in srgb, white 94%, var(--surface-card) 6%), color-mix(in srgb, white 72%, transparent));--contribute-progress-track: color-mix(in srgb, var(--surface-sunken) 82%, white 18%);--contribute-grid-remove-shadow: 0 6px 20px color-mix(in srgb, var(--accent-danger) 16%, transparent);--contribute-panel-shadow: 0 24px 56px color-mix(in srgb, var(--accent-primary) 10%, transparent)}.contribute-content{width:100%;max-width:480px;padding:24px 0 40px}.contribute-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:12px}.contribute-error-icon{width:56px;height:56px;border-radius:50%;background:var(--contribute-danger-soft);display:flex;align-items:center;justify-content:center;color:var(--contribute-danger)}.contribute-error-title{font-size:1.125rem;font-weight:600;color:var(--contribute-text-primary)}.contribute-error-text{font-size:.875rem;color:var(--contribute-text-secondary);max-width:280px;line-height:1.5}.contribute-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.contribute-loading-spinner{width:32px;height:32px;border:3px solid var(--contribute-spinner-track);border-top-color:var(--contribute-spinner-active);border-radius:50%;animation:contribute-spin .8s linear infinite}.contribute-loading-text{font-size:.875rem;color:var(--contribute-text-secondary)}.contribute-landing{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:48px}.contribute-hero-icon{width:80px;height:80px;border-radius:24px;background:var(--contribute-accent-soft-bg);border:1px solid var(--contribute-accent-soft-border);display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;box-shadow:var(--contribute-accent-soft-shadow)}.contribute-hero-icon svg{color:var(--contribute-text-accent)}.contribute-hero-sparkle{position:absolute;top:-4px;right:-4px;display:inline-flex;animation:contribute-sparkle-pulse 2s ease-in-out infinite}.contribute-hero-title{font-size:1.5rem;font-weight:700;color:var(--contribute-text-primary);margin-bottom:8px;line-height:1.2}.contribute-hero-subtitle{font-size:.9375rem;color:var(--contribute-text-secondary);max-width:300px;line-height:1.5;margin-bottom:32px}.contribute-hero-name{font-weight:600;color:var(--contribute-text-accent)}.contribute-cta{width:100%;max-width:320px;padding:16px 24px;border:none;border-radius:14px;background:var(--contribute-accent-gradient);color:var(--contribute-text-on-accent);font-size:1.0625rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--contribute-accent-shadow)}.contribute-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--contribute-text-on-accent) 15%,transparent),transparent);animation:contribute-shimmer 3s ease-in-out infinite}.contribute-cta:active{transform:scale(.98);opacity:.9}.contribute-cta:disabled{opacity:.5;cursor:not-allowed}.contribute-dropzone{width:100%;margin-top:24px;padding:32px 24px;border:2px dashed var(--contribute-dropzone-border);border-radius:16px;text-align:center;transition:all .2s ease}.contribute-dropzone.drag-over{border-color:var(--contribute-dropzone-active-border);background:var(--contribute-dropzone-active-bg)}.contribute-dropzone-text{font-size:.8125rem;color:var(--contribute-text-muted);line-height:1.4}.contribute-info-cards{display:flex;flex-direction:column;gap:10px;margin-top:32px;width:100%;max-width:320px}.contribute-info-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--contribute-card-bg);border:1px solid var(--contribute-card-border)}.contribute-info-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.125rem}.contribute-info-card-icon svg,.contribute-thanks-icon svg{color:var(--contribute-text-accent)}.contribute-info-card-icon.camera{background:var(--contribute-camera-bg)}.contribute-info-card-icon.lock{background:var(--contribute-lock-bg)}.contribute-info-card-icon.sparkle{background:var(--contribute-sparkle-bg)}.contribute-info-card-text{font-size:.8125rem;color:var(--contribute-text-secondary);line-height:1.4}.contribute-review{display:flex;flex-direction:column;gap:16px}.contribute-review-header{display:flex;align-items:center;justify-content:space-between}.contribute-review-title{font-size:1.125rem;font-weight:600;color:var(--contribute-text-primary)}.contribute-review-count{font-size:.8125rem;color:var(--contribute-text-secondary)}.contribute-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.contribute-grid-item{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;animation:contribute-grid-in .25s ease-out backwards}.contribute-grid-item:nth-child(1){animation-delay:0ms}.contribute-grid-item:nth-child(2){animation-delay:40ms}.contribute-grid-item:nth-child(3){animation-delay:80ms}.contribute-grid-item:nth-child(4){animation-delay:.12s}.contribute-grid-item:nth-child(5){animation-delay:.16s}.contribute-grid-item:nth-child(6){animation-delay:.2s}.contribute-grid-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.contribute-grid-skeleton{width:100%;height:100%;background:var(--contribute-skeleton-gradient);background-size:200% 100%;animation:contribute-skeleton-shimmer 1.2s ease-in-out infinite;display:flex;align-items:center;justify-content:center}.contribute-grid-skeleton-spinner{width:24px;height:24px;border:2px solid color-mix(in srgb,var(--contribute-card-border) 72%,transparent);border-top-color:color-mix(in srgb,var(--contribute-text-secondary) 70%,transparent);border-radius:50%;animation:contribute-skeleton-spin .8s linear infinite}@keyframes contribute-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes contribute-skeleton-spin{to{transform:rotate(360deg)}}.contribute-grid-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:var(--contribute-danger-strong);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fff;transition:transform .15s ease;box-shadow:var(--contribute-grid-remove-shadow)}.contribute-grid-remove:active{transform:scale(.9)}.contribute-grid-remove svg{width:14px;height:14px;stroke-width:2.5}.contribute-add-more{aspect-ratio:1;border:2px dashed var(--contribute-dropzone-border);border-radius:10px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:var(--contribute-text-muted);transition:all .2s ease;-webkit-tap-highlight-color:transparent}.contribute-add-more:active{border-color:var(--contribute-dropzone-active-border);background:var(--contribute-dropzone-active-bg);color:var(--contribute-text-accent)}.contribute-add-more svg{width:24px;height:24px}.contribute-add-more-text{font-size:.6875rem;font-weight:500}.contribute-description-toggle{display:flex;align-items:center;gap:8px;padding:10px 0;background:none;border:none;color:var(--contribute-text-muted);font-size:.8125rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease}.contribute-description-toggle:active{color:var(--contribute-text-secondary)}.contribute-description-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--contribute-input-border);background:var(--contribute-input-bg);color:var(--contribute-text-primary);font-size:.875rem;outline:none;resize:none;min-height:72px;font-family:inherit;transition:border-color .15s ease}.contribute-description-input:focus{border-color:var(--contribute-input-focus)}.contribute-description-input::-moz-placeholder{color:var(--contribute-input-placeholder)}.contribute-description-input::placeholder{color:var(--contribute-input-placeholder)}.contribute-meal-chips{display:flex;gap:8px;flex-wrap:wrap}.contribute-meal-chip{padding:8px 16px;border-radius:20px;border:1px solid var(--contribute-field-tag-border);background:var(--contribute-field-tag-bg);color:var(--contribute-field-tag-text);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.contribute-meal-chip:active{transform:scale(.97)}.contribute-meal-chip.selected{background:var(--contribute-field-tag-selected-bg);border-color:var(--contribute-field-tag-selected-border);color:var(--contribute-field-tag-selected-text)}.contribute-upload-bar{position:fixed;bottom:var(--bottom-nav-clearance);left:0;right:0;padding:12px 16px;background:var(--contribute-upload-bar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--contribute-upload-bar-border);display:flex;justify-content:center}.contribute-upload-btn{width:100%;max-width:480px;padding:14px;border:none;border-radius:12px;background:var(--contribute-accent-gradient);color:var(--contribute-text-on-accent);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.contribute-upload-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--contribute-text-on-accent) 12%,transparent),transparent);animation:contribute-shimmer 3s ease-in-out infinite}.contribute-upload-btn:active{transform:scale(.98)}.contribute-upload-btn:disabled{opacity:.5;cursor:not-allowed}.contribute-uploading{display:flex;flex-direction:column;align-items:center;padding-top:48px;gap:24px}.contribute-uploading-title{font-size:1.125rem;font-weight:600;color:var(--contribute-text-primary)}.contribute-progress-bar{width:100%;height:8px;border-radius:4px;background:var(--contribute-progress-track);overflow:hidden;border:1px solid var(--contribute-card-border)}.contribute-progress-fill{height:100%;border-radius:4px;background:var(--contribute-accent-gradient);transition:width .3s ease}.contribute-progress-text{font-size:.9375rem;font-weight:600;color:var(--contribute-text-accent)}.contribute-filmstrip{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0;width:100%;justify-content:center}.contribute-filmstrip::-webkit-scrollbar{display:none}.contribute-filmstrip-item{flex:0 0 56px;width:56px;height:56px;border-radius:8px;overflow:hidden;position:relative;border:2px solid transparent;transition:border-color .2s ease}.contribute-filmstrip-item.pending{border-color:var(--contribute-card-border);opacity:.5}.contribute-filmstrip-item.uploading{border-color:var(--contribute-info-border)}.contribute-filmstrip-item.success{border-color:var(--contribute-success-border)}.contribute-filmstrip-item.failed{border-color:color-mix(in srgb,var(--contribute-danger) 52%,transparent)}.contribute-filmstrip-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.contribute-filmstrip-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--contribute-overlay-bg)}.contribute-filmstrip-overlay--labeled{background:var(--contribute-label-overlay-bg)}.contribute-filmstrip-label{font-size:.5rem;font-weight:600;color:var(--contribute-label-overlay-text)}.contribute-filmstrip-spinner{width:20px;height:20px;border:2px solid var(--contribute-spinner-track);border-top-color:var(--contribute-spinner-active);border-radius:50%;animation:contribute-spin .8s linear infinite}.contribute-filmstrip-check{color:var(--contribute-success)}.contribute-filmstrip-fail{color:var(--contribute-danger)}.contribute-thanks{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:64px;gap:16px}.contribute-thanks-icon{width:72px;height:72px;border-radius:50%;background:var(--contribute-accent-soft-bg);display:flex;align-items:center;justify-content:center;font-size:2rem;animation:contribute-scale-in .4s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--contribute-accent-soft-shadow)}.contribute-thanks-title{font-size:1.5rem;font-weight:700;color:var(--contribute-text-primary)}.contribute-thanks-subtitle{font-size:.9375rem;color:var(--contribute-text-secondary);max-width:280px;line-height:1.5}.contribute-stats-card{width:100%;max-width:320px;margin-top:8px;padding:20px;border-radius:16px;background:var(--contribute-card-bg);border:1px solid var(--contribute-card-border);display:flex;justify-content:space-around}.contribute-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.contribute-stat-value{font-size:1.5rem;font-weight:700;color:var(--contribute-text-accent)}.contribute-stat-label{font-size:.6875rem;color:var(--contribute-text-muted);text-transform:uppercase;letter-spacing:.04em}.contribute-thanks-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px;margin-top:16px}.contribute-thanks-primary{width:100%;padding:14px;border:none;border-radius:12px;background:var(--contribute-accent-gradient);color:var(--contribute-text-on-accent);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.contribute-thanks-primary:active{transform:scale(.98)}.contribute-thanks-secondary{width:100%;padding:14px;border:1px solid var(--contribute-card-border);border-radius:12px;background:var(--contribute-card-bg-strong);color:var(--contribute-text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;gap:8px}.contribute-thanks-secondary:active{transform:scale(.98);background:var(--contribute-card-bg-active)}@keyframes contribute-shimmer{0%{left:-100%}50%,to{left:100%}}@keyframes contribute-spin{to{transform:rotate(360deg)}}@keyframes contribute-sparkle-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}}@keyframes contribute-grid-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes contribute-scale-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.contribute-cta:before,.contribute-upload-btn:before{animation:none}.contribute-hero-sparkle,.contribute-grid-item,.contribute-thanks-icon{animation:none}.contribute-loading-spinner,.contribute-filmstrip-spinner{animation:contribute-spin 1.5s linear infinite}}@media (min-width: 768px){.contribute-page{padding:0 24px}.contribute-content{padding:48px 0 64px}.contribute-landing{padding-top:80px}.contribute-dropzone{display:block}.contribute-cta:hover{box-shadow:var(--contribute-accent-shadow-hover)}.contribute-add-more:hover{border-color:var(--contribute-dropzone-active-border);background:color-mix(in srgb,var(--contribute-dropzone-active-bg) 72%,transparent);color:var(--contribute-text-secondary)}.contribute-meal-chip:hover{border-color:color-mix(in srgb,var(--border-strong) 78%,transparent);color:var(--contribute-text-primary)}.contribute-upload-btn:hover,.contribute-thanks-primary:hover{box-shadow:var(--contribute-accent-shadow)}.contribute-thanks-secondary:hover{background:var(--contribute-card-bg-active);color:var(--contribute-text-primary)}.contribute-grid-remove{opacity:0;transition:opacity .15s ease,transform .15s ease}.contribute-grid-item:hover .contribute-grid-remove{opacity:1}}@media (max-width: 767px){.contribute-dropzone{display:none}}.contribute-grid-label{position:absolute;bottom:4px;left:4px;right:4px;background:var(--contribute-label-badge-bg);color:var(--contribute-label-badge-text);font-size:.625rem;font-weight:600;padding:2px 6px;border-radius:6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contribute-grid-img{cursor:pointer}.contribute-label-hint{color:var(--contribute-text-muted);font-size:.75rem;text-align:center;margin:8px 0 0}.contribute-classification-hint{margin-bottom:8px;text-align:center;font-size:.75rem;color:var(--contribute-text-secondary)}.contribute-label-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--contribute-overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-end;justify-content:center}.contribute-label-picker{width:100%;max-width:480px;max-height:70vh;background:var(--contribute-sheet-bg);border:1px solid var(--contribute-sheet-border);box-shadow:var(--contribute-panel-shadow);border-radius:20px 20px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;animation:contributeSlideUp .25s cubic-bezier(.32,.72,0,1)}@keyframes contributeSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.contribute-label-picker-header{display:flex;justify-content:space-between;align-items:center;color:var(--contribute-text-primary);font-weight:600;font-size:1rem;margin-bottom:12px}.contribute-label-picker-header button{background:var(--contribute-card-bg-strong);border:none;color:var(--contribute-text-secondary);width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.contribute-label-search{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--contribute-input-border);background:var(--contribute-input-bg);color:var(--contribute-text-primary);font-size:.875rem;outline:none;margin-bottom:8px;box-sizing:border-box}.contribute-label-search:focus{border-color:var(--contribute-input-focus)}.contribute-label-search::-moz-placeholder{color:var(--contribute-input-placeholder)}.contribute-label-search::placeholder{color:var(--contribute-input-placeholder)}.contribute-label-list{flex:1;overflow-y:auto;display:flex;flex-wrap:wrap;gap:6px;padding:4px 0;max-height:40vh}.contribute-label-option{padding:6px 12px;border-radius:8px;border:1px solid var(--contribute-field-tag-border);background:var(--contribute-field-tag-bg);color:var(--contribute-field-tag-text);font-size:.8125rem;cursor:pointer;transition:all .15s;white-space:nowrap}.contribute-label-option:active{transform:scale(.97)}.contribute-label-option.selected{background:var(--contribute-field-tag-selected-bg);border-color:var(--contribute-field-tag-selected-border);color:var(--contribute-field-tag-selected-text)}.contribute-label-option:hover{background:var(--contribute-card-bg-active)}.contribute-label-custom{border-color:var(--contribute-info-border);color:var(--accent-info);font-style:italic}.contribute-label-clear{margin-top:8px;padding:8px;border:none;background:var(--contribute-danger-soft);color:var(--contribute-danger);font-size:.8125rem;border-radius:8px;cursor:pointer}@media (min-width: 768px){.contribute-label-picker{border-radius:20px;margin-bottom:20px;max-height:60vh}}.contribute-filmstrip-item.has-results{border:2px solid var(--contribute-field-tag-selected-border);box-shadow:0 0 8px color-mix(in srgb,var(--accent-primary) 18%,transparent)}.contribute-filmstrip-item.has-results:active{transform:scale(.95)}.taste-profile-page{min-height:100vh;min-height:100dvh;background:var(--surface-page);color:var(--text-primary);padding-bottom:calc(var(--bottom-nav-clearance) + 4px)}.taste-profile-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--surface-page) 95%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-default)}.taste-profile-header-inner{display:flex;align-items:center;gap:12px;padding:12px 16px}.taste-profile-back-btn{padding:8px;margin-left:-8px;border:none;border-radius:8px;background:transparent;color:var(--text-primary);cursor:pointer}.taste-profile-back-btn:active{background:var(--accent-primary-soft)}.taste-profile-title{font-size:18px;font-weight:600}.taste-profile-completeness{padding:8px 16px 12px;display:flex;align-items:center;gap:10px}.taste-profile-completeness-bar{flex:1;height:6px;border-radius:3px;background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);overflow:hidden}.taste-profile-completeness-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#8b5cf6,#06b6d4);transition:width .5s ease}.taste-profile-completeness-label{font-size:12px;color:var(--text-muted);white-space:nowrap}.taste-section-card{margin:12px 16px;background:linear-gradient(165deg,color-mix(in srgb,var(--surface-card) 94%,transparent),color-mix(in srgb,var(--surface-elevated) 82%,var(--surface-card)));border:1px solid var(--border-default);border-radius:16px;padding:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}.taste-section-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.taste-section-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.taste-section-icon.dietary{background:#22c55e26;color:#22c55e}.taste-section-icon.allergy{background:#ef444426;color:#ef4444}.taste-section-icon.foods{background:#f9731626;color:#f97316}.taste-section-icon.cuisine{background:#3b82f626;color:#3b82f6}.taste-section-icon.cooking{background:#a855f726;color:#a855f7}.taste-section-icon.household{background:#14b8a626;color:#14b8a6}.taste-section-icon.flavor{background:#f59e0b26;color:#f59e0b}.taste-section-title{font-size:15px;font-weight:600}.taste-chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.taste-chip{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border:1px solid var(--border-subtle);border-radius:20px;background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .15s ease;min-height:36px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.taste-chip:active{transform:scale(.96)}.taste-chip.selected{background:var(--accent-primary-soft);border-color:color-mix(in srgb,var(--accent-primary) 42%,transparent);color:var(--text-link)}.taste-chip.allergy-chip.selected{background:color-mix(in srgb,var(--accent-danger) 20%,transparent);border-color:color-mix(in srgb,var(--accent-danger) 40%,transparent);color:var(--accent-danger)}.taste-chip.intolerance-chip.selected{background:color-mix(in srgb,var(--accent-warning) 20%,transparent);border-color:color-mix(in srgb,var(--accent-warning) 40%,transparent);color:var(--accent-warning)}.taste-select{width:100%;padding:10px 12px;border:1px solid var(--border-default);border-radius:10px;background:color-mix(in srgb,var(--surface-sunken) 88%,transparent);color:var(--text-primary);font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin-bottom:12px}.taste-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-primary-ring)}.taste-input{width:100%;padding:10px 12px;border:1px solid var(--border-default);border-radius:10px;background:color-mix(in srgb,var(--surface-sunken) 88%,transparent);color:var(--text-primary);font-size:14px;margin-bottom:8px}.taste-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-primary-ring)}.taste-input::-moz-placeholder{color:var(--text-disabled)}.taste-input::placeholder{color:var(--text-disabled)}.taste-number-input{width:80px;padding:8px 10px;border:1px solid var(--border-default);border-radius:10px;background:color-mix(in srgb,var(--surface-sunken) 88%,transparent);color:var(--text-primary);font-size:14px;text-align:center}.taste-number-input:focus{outline:none;border-color:var(--border-focus)}.taste-flavor-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.taste-flavor-label{width:60px;font-size:13px;color:var(--text-muted);flex-shrink:0}.taste-flavor-dots{display:flex;gap:6px;flex:1;justify-content:center}.taste-flavor-dot{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-disabled);transition:all .15s ease}.taste-flavor-dot:active{transform:scale(.9)}.taste-flavor-dot.active{background:color-mix(in srgb,var(--accent-warning) 25%,transparent);border-color:color-mix(in srgb,var(--accent-warning) 50%,transparent);color:var(--accent-warning)}.taste-flavor-value{width:20px;text-align:right;font-size:13px;color:var(--text-muted);flex-shrink:0}.taste-save-btn{width:100%;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:var(--accent-primary-fg);font-size:14px;font-weight:600;cursor:pointer;margin-top:8px;transition:all .15s ease}.taste-save-btn:active{transform:scale(.98);opacity:.9}.taste-save-btn:disabled{opacity:.4;cursor:not-allowed}.taste-save-btn.saved{background:var(--accent-success-soft);color:var(--accent-success)}.taste-inline-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.taste-inline-label{font-size:13px;color:var(--text-muted)}.taste-food-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.taste-food-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);border-radius:8px;font-size:13px}.taste-food-item .name{flex:1;color:var(--text-primary)}.taste-food-item .strength{font-size:11px;color:var(--text-disabled)}.taste-food-remove{border:none;background:transparent;color:var(--text-disabled);cursor:pointer;padding:4px;border-radius:4px}.taste-food-remove:hover{color:var(--accent-danger)}.taste-add-row{display:flex;gap:8px;margin-bottom:12px}.taste-add-row .taste-input{flex:1;margin-bottom:0}.taste-add-btn{padding:8px 16px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--accent-primary-soft);color:var(--text-link);font-size:13px;cursor:pointer;white-space:nowrap;flex-shrink:0}.taste-add-btn:active{transform:scale(.96)}.taste-sub-label{font-size:12px;color:var(--text-disabled);margin-bottom:8px}.taste-separator{border:none;border-top:1px solid var(--border-subtle);margin:14px 0}.taste-confirmation{font-size:12px;color:var(--accent-success);margin-top:6px;display:flex;align-items:center;gap:4px}.taste-computed-card{margin:12px 16px;background:linear-gradient(165deg,color-mix(in srgb,var(--accent-primary) 16%,var(--surface-card)),color-mix(in srgb,var(--surface-elevated) 78%,var(--surface-card)));border:1px solid color-mix(in srgb,var(--accent-primary) 24%,var(--border-default));border-radius:16px;padding:16px;box-shadow:var(--shadow-sm)}.taste-computed-title{font-size:14px;font-weight:600;color:#c4b5fd;margin-bottom:10px;display:flex;align-items:center;gap:8px}[data-theme=light] .taste-computed-title{color:#5b21b6}.taste-computed-stat{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px solid var(--border-subtle)}.taste-computed-stat:last-child{border-bottom:none}.taste-computed-stat .label{color:var(--text-muted)}.taste-computed-stat .value{color:var(--text-primary);font-weight:500}.taste-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.taste-toggle{width:44px;height:26px;border-radius:13px;border:none;cursor:pointer;position:relative;transition:background .2s ease;flex-shrink:0}.taste-toggle.off{background:color-mix(in srgb,var(--surface-elevated) 82%,transparent)}.taste-toggle.on{background:color-mix(in srgb,var(--accent-primary) 72%,transparent)}.taste-toggle-knob{width:22px;height:22px;border-radius:11px;background:#fff;position:absolute;top:2px;transition:left .2s ease}.taste-toggle.off .taste-toggle-knob{left:2px}.taste-toggle.on .taste-toggle-knob{left:20px}@media (min-width: 768px){.taste-profile-page{max-width:640px;margin:0 auto;padding-bottom:var(--bottom-nav-clearance)}.taste-section-card,.taste-computed-card{margin:16px 0}}.recommendation-card{--recommendation-shell-bg: linear-gradient( 165deg, color-mix(in srgb, var(--accent-primary-soft) 22%, transparent), color-mix(in srgb, var(--surface-sunken) 94%, transparent) );--recommendation-shell-border: color-mix(in srgb, var(--accent-primary) 18%, transparent);--recommendation-shell-shadow: var(--shadow-md);--recommendation-header-active: color-mix(in srgb, var(--accent-primary-soft) 32%, transparent);--recommendation-icon-bg: linear-gradient( 135deg, color-mix(in srgb, var(--accent-primary-soft) 76%, transparent), color-mix(in srgb, var(--accent-info-soft) 72%, transparent) );--recommendation-sparkle: color-mix(in srgb, var(--accent-primary) 72%, white);--recommendation-budget-text: var(--text-primary);--recommendation-sub-text: var(--text-secondary);--recommendation-chevron: var(--text-muted);--recommendation-item-bg: color-mix(in srgb, var(--surface-overlay) 78%, transparent);--recommendation-item-border: color-mix(in srgb, var(--border-default) 68%, transparent);--recommendation-item-name: var(--text-primary);--recommendation-item-meta: var(--text-secondary);--recommendation-item-nutrition: var(--text-secondary);--recommendation-feedback: var(--text-muted);--recommendation-over-budget-text: var(--accent-warning);--recommendation-over-budget-bg: color-mix(in srgb, var(--accent-warning-soft) 88%, transparent);margin:8px 16px;background:var(--recommendation-shell-bg);border:1px solid var(--recommendation-shell-border);border-radius:14px;overflow:hidden;transition:all .2s ease;box-shadow:var(--recommendation-shell-shadow)}[data-theme=light] .recommendation-card{--recommendation-shell-bg: linear-gradient( 180deg, color-mix(in srgb, white 58%, var(--accent-primary-soft)), color-mix(in srgb, var(--surface-card) 92%, white) );--recommendation-shell-border: color-mix(in srgb, var(--accent-primary) 14%, var(--border-default));--recommendation-shell-shadow: var(--shadow-lg);--recommendation-header-active: color-mix(in srgb, var(--accent-primary-soft) 24%, var(--surface-hover));--recommendation-icon-bg: linear-gradient( 135deg, color-mix(in srgb, white 42%, var(--accent-primary-soft)), color-mix(in srgb, white 34%, var(--accent-info-soft)) );--recommendation-sparkle: color-mix(in srgb, var(--accent-primary) 76%, var(--accent-info));--recommendation-item-bg: linear-gradient( 180deg, color-mix(in srgb, white 84%, var(--accent-primary-soft)), color-mix(in srgb, var(--surface-card) 94%, white) );--recommendation-item-border: color-mix(in srgb, var(--border-default) 92%, transparent);--recommendation-over-budget-text: color-mix(in srgb, var(--accent-warning) 88%, var(--amber-800));--recommendation-over-budget-bg: color-mix(in srgb, white 18%, var(--accent-warning-soft))}.recommendation-header{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none}.recommendation-header:active{background:var(--recommendation-header-active)}.recommendation-icon{width:32px;height:32px;border-radius:8px;background:var(--recommendation-icon-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.recommendation-sparkle{color:var(--recommendation-sparkle)}.recommendation-summary{flex:1;min-width:0}.recommendation-budget-text{font-size:13px;font-weight:600;color:var(--recommendation-budget-text)}.recommendation-sub-text{font-size:11px;color:var(--recommendation-sub-text);margin-top:1px}.recommendation-chevron{color:var(--recommendation-chevron);transition:transform .2s ease;flex-shrink:0}.recommendation-chevron.expanded{transform:rotate(180deg)}.recommendation-content{padding:0 14px 14px}.recommendation-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--recommendation-item-bg);border:1px solid var(--recommendation-item-border);border-radius:10px;margin-bottom:6px}.recommendation-item:last-child{margin-bottom:0}.recommendation-item-info{flex:1;min-width:0}.recommendation-item-name{font-size:13px;font-weight:500;color:var(--recommendation-item-name);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommendation-item-meta{font-size:11px;color:var(--recommendation-item-meta);margin-top:2px}.recommendation-item-nutrition{font-size:12px;color:var(--recommendation-item-nutrition);white-space:nowrap;flex-shrink:0}.recommendation-feedback{display:flex;gap:4px;flex-shrink:0}.recommendation-fb-btn{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--recommendation-feedback);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.recommendation-fb-btn:hover{background:color-mix(in srgb,var(--surface-hover) 92%,transparent);color:var(--text-secondary)}.recommendation-fb-btn:active{transform:scale(.9)}.recommendation-fb-btn.liked{color:var(--accent-success);background:color-mix(in srgb,var(--accent-success-soft) 96%,transparent)}.recommendation-fb-btn.disliked{color:var(--accent-danger);background:color-mix(in srgb,var(--accent-danger-soft) 96%,transparent)}.recommendation-over-budget{font-size:12px;color:var(--recommendation-over-budget-text);padding:8px 12px;background:var(--recommendation-over-budget-bg);border-radius:8px;margin-bottom:10px;line-height:1.4}.chat-page{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--bg-primary, var(--surface-page));color:var(--text-primary);position:relative}@media (max-width: 767px){.chat-page{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}}.chat-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.1);flex-shrink:0;min-height:52px;z-index:10}.chat-header-btn{padding:8px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0}.chat-header-btn:active{background:#94a3b81a}.chat-header-title{flex:1;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;background:transparent;color:var(--text-primary);cursor:pointer;padding:4px 8px;border-radius:8px}.chat-header-title:active{background:#94a3b814}.chat-header-avatar{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.chat-msg-row{display:flex;align-items:flex-start;gap:8px}.chat-msg-row.user{justify-content:flex-end}.chat-msg-row.assistant{justify-content:flex-start}.chat-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;margin-top:2px}.chat-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chat-messages{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-bubble{max-width:calc(100% - 48px);padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.5;overflow-wrap:break-word;word-break:break-word}.chat-bubble.user{background:linear-gradient(135deg,#8b5cf666,#06b6d44d);border:1px solid rgba(139,92,246,.25);border-bottom-right-radius:6px}.chat-bubble.assistant{background:#1e293bfa;border:1px solid rgba(148,163,184,.08);border-bottom-left-radius:6px}.chat-bubble.streaming .chat-streaming-text:after{content:"▋";animation:chatCursorBlink .8s infinite;color:#8b5cf6}@keyframes chatCursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.chat-bubble.assistant p{margin:0 0 8px}.chat-bubble.assistant p:last-child{margin-bottom:0}.chat-bubble.assistant ul,.chat-bubble.assistant ol{margin:4px 0;padding-left:20px}.chat-bubble.assistant li{margin:2px 0}.chat-bubble.assistant strong{color:#f1f5f9}.chat-bubble.assistant em{color:#c4b5fd}.chat-bubble.assistant code{background:#0f172a99;padding:1px 4px;border-radius:4px;font-size:13px}.chat-bubble.assistant pre{background:#0f172acc;padding:10px;border-radius:8px;overflow-x:auto;margin:8px 0}.chat-bubble.assistant pre code{background:none;padding:0}.chat-bubble.assistant a{color:#818cf8;text-decoration:underline}.chat-bubble.assistant table{width:100%;border-collapse:collapse;margin:8px 0;font-size:12px;table-layout:auto}.chat-bubble.assistant th,.chat-bubble.assistant td{padding:4px 6px;border:1px solid var(--border-subtle);text-align:left;white-space:normal;word-break:break-word}.chat-bubble.assistant th{background:color-mix(in srgb,var(--surface-page) 60%,transparent);font-weight:600;color:var(--text-secondary);font-size:11px}.chat-bubble.assistant h1,.chat-bubble.assistant h2,.chat-bubble.assistant h3{margin:8px 0 4px;color:var(--text-primary)}.chat-bubble.assistant h1{font-size:16px}.chat-bubble.assistant h2{font-size:15px}.chat-bubble.assistant h3{font-size:14px}.chat-bubble.assistant blockquote{border-left:3px solid rgba(139,92,246,.5);padding-left:12px;margin:8px 0;color:var(--text-muted)}.chat-bubble.assistant hr{border:none;border-top:1px solid rgba(148,163,184,.15);margin:8px 0}.chat-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:8px -4px;padding:0 4px}.chat-typing{display:flex;align-items:center;gap:4px;padding:12px 16px;background:#1e293bfa;border:1px solid rgba(148,163,184,.08);border-radius:18px 18px 18px 6px}.chat-typing-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);animation:chatTypingBounce 1.4s ease-in-out infinite}.chat-typing-dot:nth-child(2){animation-delay:.2s}.chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes chatTypingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.chat-input-area{padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:#0f172afa;border-top:1px solid rgba(148,163,184,.1);flex-shrink:0}.chat-input-row{display:flex;align-items:flex-end;gap:8px}.chat-image-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:#94a3b81a;color:#94a3b8cc;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.chat-image-btn:hover{background:#94a3b833;color:#fff}.chat-image-btn:disabled{opacity:.4;cursor:default}.chat-image-preview-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;margin-bottom:6px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px}.chat-image-preview-thumb-wrap{display:flex;align-items:center;gap:8px}.chat-image-preview-thumb-icon{font-size:18px}.chat-image-preview-label{font-size:13px;color:#93c5fd}.chat-image-preview-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:#94a3b826;color:#94a3b8cc;cursor:pointer}.chat-image-preview-remove:hover{background:#ef444433;color:var(--accent-danger)}.chat-textarea{flex:1;min-height:40px;max-height:160px;padding:10px 14px;border:none;border-radius:20px;background:#1e293b99;color:var(--text-primary);font-size:14px;line-height:1.4;resize:none;outline:none;font-family:inherit;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.chat-textarea::-webkit-scrollbar{display:none}.chat-textarea:focus{border-color:#8b5cf666}.chat-textarea::-moz-placeholder{color:var(--text-muted)}.chat-textarea::placeholder{color:var(--text-muted)}.chat-lang-toggle{width:28px;height:28px;border:1px solid var(--border-default);border-radius:6px;background:#33415580;color:var(--text-muted);font-size:.6rem;font-weight:700;cursor:pointer;flex-shrink:0;transition:all .15s;-webkit-tap-highlight-color:transparent}.chat-lang-toggle:hover{color:var(--text-primary);background:#334155cc}.chat-send-btn{width:40px;height:40px;border:none;border-radius:50%;background:var(--brand-ai-gradient);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.chat-send-btn:active{transform:scale(.92)}.chat-send-btn:disabled{opacity:.3;cursor:not-allowed}.chat-send-btn.stop{background:#ef4444}.chat-mic-btn{width:40px;height:40px;border:none;border-radius:50%;background:#94a3b81a;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.chat-mic-btn.listening{background:#ef444433;color:#ef4444;animation:chatMicPulse 1.5s ease-in-out infinite}@keyframes chatMicPulse{0%,to{box-shadow:0 0 #ef444433}50%{box-shadow:0 0 0 8px #ef444400}}.chat-chips{display:flex;gap:8px;overflow-x:auto;padding:8px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chat-chips::-webkit-scrollbar{display:none}.chat-chip{padding:6px 14px;border:1px solid rgba(139,92,246,.3);border-radius:16px;background:#8b5cf61a;color:#c4b5fd;font-size:13px;white-space:nowrap;cursor:pointer;flex-shrink:0}.chat-chip:active{background:#8b5cf633;transform:scale(.96)}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px}.chat-empty-avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#8b5cf640,#06b6d440);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #8b5cf633}.chat-empty-avatar-img{width:64px;height:64px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chat-empty-title{font-size:22px;font-weight:700;color:#f1f5f9}.chat-empty-subtitle{font-size:14px;color:var(--text-muted);text-align:center;max-width:280px;line-height:1.5}.chat-starter-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:360px;margin-top:8px}.chat-starter-card{display:flex;align-items:flex-start;gap:8px;padding:12px;border:1px solid var(--border-subtle);border-radius:12px;background:#1e293b80;color:var(--text-muted);font-size:13px;cursor:pointer;text-align:left;line-height:1.3;transition:border-color .15s ease}.chat-starter-card:active{background:#1e293bcc;border-color:#8b5cf64d}.chat-starter-icon{font-size:16px;flex-shrink:0;margin-top:-1px}.chat-history-panel{position:absolute;top:52px;left:0;right:0;z-index:20;background:#0f172afa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.1);max-height:50vh;overflow:hidden;display:flex;flex-direction:column;animation:chatHistorySlide .2s ease-out}@keyframes chatHistorySlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chat-history-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:14px;font-weight:600;color:var(--text-muted);border-bottom:1px solid rgba(148,163,184,.08);flex-shrink:0}.chat-history-close{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px}.chat-history-list{overflow-y:auto;padding:4px 8px}.chat-history-empty{padding:24px 16px;text-align:center;color:var(--text-secondary);font-size:14px}.chat-history-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:8px;cursor:pointer;position:relative}.chat-history-item:hover,.chat-history-item:active{background:#94a3b80f}.chat-history-item.active{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2)}.chat-history-item-title{font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:32px}.chat-history-item-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.chat-history-item-count{margin-left:auto}.chat-history-delete{position:absolute;top:10px;right:8px;padding:4px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;opacity:.5;transition:opacity .15s}.chat-history-delete:hover{color:#ef4444;background:#ef44441a}.chat-fab{position:fixed;bottom:calc(var(--bottom-nav-clearance) + 4px);left:16px;z-index:50;width:48px;height:48px;border:none;border-radius:50%;background:var(--brand-ai-gradient);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #8b5cf64d;transition:transform .15s ease;overflow:hidden}.chat-fab:active{transform:scale(.92)}.chat-fab-slide-out{transform:translate(-80px)!important;opacity:0;transition:transform .25s ease-in,opacity .25s ease-in!important}.chat-fab-edge-tab{position:fixed;bottom:calc(var(--bottom-nav-clearance) + 12px);left:0;z-index:50;width:20px;height:44px;border:none;border-radius:0 8px 8px 0;background:linear-gradient(180deg,#8b5cf699,#06b6d466);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;-webkit-tap-highlight-color:transparent;animation:edge-tab-in .3s ease-out}.chat-fab-edge-tab:active{background:linear-gradient(180deg,#8b5cf6e6,#06b6d4b3)}.chat-fab-edge-tab-inner{width:4px;height:20px;border-radius:2px;background:#ffffff80}@keyframes edge-tab-in{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@media (min-width: 768px){.chat-fab{left:96px;width:56px;height:56px;z-index:1601}.chat-fab-edge-tab{left:88px;z-index:1601;border-radius:8px}}.chat-fab-img{width:34px;height:34px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chat-fab-badge{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#f97316;border:2px solid var(--surface-page)}.chat-fab-pulse{animation:chatFabPulse 2s ease-in-out infinite}@keyframes chatFabPulse{0%,to{box-shadow:0 4px 16px #8b5cf64d}50%{box-shadow:0 4px 24px #8b5cf699}}.chat-action-card{padding:12px;margin:4px 0;border:1px solid var(--border-subtle);border-left:3px solid #22c55e;border-radius:12px;background:#0f172a99;animation:slideInCard .25s cubic-bezier(.32,.72,0,1);max-width:85%}.chat-action-card.error{border-left-color:#ef4444}.chat-action-card.undone{border-left-color:var(--text-muted);opacity:.6}.chat-action-card.empty{border-left-color:var(--text-muted)}@keyframes slideInCard{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-action-title{font-size:13px;font-weight:600;color:#22c55e;margin-bottom:6px;display:flex;align-items:center;gap:4px}.chat-action-card.error .chat-action-title{color:#ef4444}.chat-action-card.undone .chat-action-title,.chat-action-card.empty .chat-action-title{color:var(--text-muted)}.chat-action-body{font-size:13px;color:var(--text-secondary);line-height:1.5}.chat-action-body p{margin:0 0 6px}.chat-action-body p:last-child{margin-bottom:0}.chat-action-body ul,.chat-action-body ol{margin:4px 0;padding-left:18px}.chat-action-body li{margin:2px 0}.chat-action-body strong{color:var(--text-primary);font-weight:600}.chat-action-body a{color:var(--accent-info);text-decoration:underline}.chat-action-body code{background:#0f172a99;padding:1px 4px;border-radius:3px;font-size:12px}.chat-action-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chat-action-confirm{padding:6px 16px;border:none;border-radius:8px;background:#22c55e26;color:#22c55e;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.chat-action-confirm:active{background:#22c55e4d}.chat-action-cancel{padding:6px 16px;border:none;border-radius:8px;background:#94a3b81a;color:var(--text-muted);font-size:13px;cursor:pointer;transition:background .15s,opacity .3s}.chat-action-cancel:active{background:#94a3b833}@media (min-width: 768px){.chat-page{max-width:720px;margin:0 auto;border-left:1px solid rgba(148,163,184,.08);border-right:1px solid rgba(148,163,184,.08)}.chat-bubble{max-width:75%}.chat-history-delete{opacity:0}.chat-history-item:hover .chat-history-delete{opacity:1}}.chat-tool-indicator{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:16px;background:#8b5cf626;border:1px solid rgba(139,92,246,.25);color:#c4b5fde6;font-size:13px;max-width:240px}.chat-tool-spinner{width:14px;height:14px;border:2px solid rgba(139,92,246,.3);border-top-color:#8b5cf6e6;border-radius:50%;animation:chat-spin .8s linear infinite}@keyframes chat-spin{to{transform:rotate(360deg)}}.chat-nav-chips{display:flex;gap:8px;padding:4px 52px;flex-wrap:wrap}.chat-nav-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:20px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#93c5fdf2;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}.chat-nav-chip:active{background:#3b82f64d;border-color:#3b82f680}.insights-page{min-height:100dvh;min-height:100vh;background:radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--accent-primary-soft) 68%,transparent),transparent 34rem),linear-gradient(180deg,var(--surface-page) 0%,color-mix(in srgb,var(--surface-page) 86%,var(--surface-elevated)) 100%);color:var(--text-primary);padding-bottom:var(--bottom-nav-clearance)}.ki-header{padding:12px 16px 0;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--surface-page) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ki-header-top{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}.ki-back-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--surface-elevated);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;flex-shrink:0}.ki-back-btn:active{background:var(--surface-hover)}.ki-page-title{font-size:17px;font-weight:700;color:var(--text-primary);text-transform:none;flex:1;min-width:0}.ki-header-icon{display:none}.period-selector{display:flex;gap:8px;padding-bottom:14px}.period-pill{flex:1;padding:9px 0;border-radius:12px;border:1px solid var(--border-default);background:var(--surface-elevated);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:all .15s;min-height:40px;display:flex;align-items:center;justify-content:center}.period-pill:active{transform:scale(.96)}.period-pill--active{background:var(--accent-primary-soft);border-color:color-mix(in srgb,var(--accent-primary) 45%,transparent);color:var(--accent-info-fg);box-shadow:0 0 8px color-mix(in srgb,var(--accent-primary) 14%,transparent)}.insights-grid{display:flex;flex-direction:column;gap:12px;padding:0 12px 12px}@media (min-width: 768px){.insights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 16px 16px}}@media (min-width: 1280px){.insights-grid{grid-template-columns:repeat(3,1fr);max-width:1200px;margin:0 auto}}.ki-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px;padding:16px;overflow:hidden;box-shadow:var(--shadow-sm);animation:kiCardIn .25s ease-out both}.ki-card:nth-child(1){animation-delay:0s}.ki-card:nth-child(2){animation-delay:.04s}.ki-card:nth-child(3){animation-delay:.08s}.ki-card:nth-child(4){animation-delay:.12s}.ki-card:nth-child(5){animation-delay:.16s}@keyframes kiCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ki-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ki-card-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ki-card-dot--amber{background:var(--accent-warning)}.ki-card-dot--indigo{background:var(--accent-primary)}.ki-card-dot--green{background:var(--accent-success)}.ki-card-dot--purple{background:var(--purple-500)}.ki-card-dot--cyan{background:var(--accent-info)}.ki-card-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.ki-hero{display:flex;align-items:baseline;gap:6px;margin-bottom:10px;flex-wrap:wrap}.ki-hero-num{font-size:32px;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ki-hero-unit{font-size:13px;color:var(--text-muted)}.ki-hero-sub{font-size:12px;color:var(--text-disabled)}.ki-stats-row{display:flex;gap:2px;margin-bottom:10px}.ki-stat-cell{flex:1;text-align:center;padding:8px 4px;border-radius:8px;background:var(--surface-sunken);border:1px solid var(--border-subtle)}.ki-stat-val{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.2;font-variant-numeric:tabular-nums}.ki-stat-label{font-size:10px;color:var(--text-muted);margin-top:2px;line-height:1.2}.ki-bar-list{display:flex;flex-direction:column;gap:6px}.ki-bar-row{display:flex;align-items:center;gap:8px;min-height:24px}.ki-bar-rank{font-size:11px;font-weight:600;color:var(--text-muted);width:14px;text-align:right;flex-shrink:0;display:inline-flex;justify-content:flex-end}.ki-bar-name{font-size:12px;color:var(--text-secondary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.ki-bar-track{width:60px;height:4px;border-radius:2px;background:var(--surface-hover);flex-shrink:0}.ki-bar-fill{height:100%;border-radius:2px}.ki-bar-count{font-size:11px;font-weight:600;color:var(--text-secondary);width:24px;text-align:right;flex-shrink:0}.ki-section{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:12px 0 6px}.ki-progress{margin-bottom:8px}.ki-progress-header{display:flex;justify-content:space-between;margin-bottom:3px}.ki-progress-label{font-size:12px;color:var(--text-secondary)}.ki-progress-val{font-size:12px;font-weight:600;color:var(--text-primary)}.ki-progress-track{height:4px;border-radius:2px;background:var(--surface-hover)}.ki-progress-fill{height:100%;border-radius:2px;transition:width .5s ease-out}.ki-stacked-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;margin:6px 0;background:var(--surface-hover)}.ki-stacked-segment{min-width:3px;transition:width .4s ease-out}.ki-stacked-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.ki-stacked-legend-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary)}.ki-stacked-legend-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ki-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.ki-tag{padding:3px 8px;border-radius:10px;font-size:11px;background:var(--surface-hover);color:var(--text-secondary);text-transform:capitalize}.ki-dow{display:flex;align-items:flex-end;gap:3px;height:48px}.ki-dow-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:3px}.ki-dow-bar{width:100%;max-width:24px;border-radius:3px 3px 0 0}.ki-dow-label{font-size:9px;color:var(--text-muted)}.ki-empty{text-align:center;padding:16px 8px;color:var(--text-muted);font-size:13px}.ki-empty-cta{margin-top:8px;padding:6px 14px;border-radius:8px;background:var(--accent-primary-soft);border:1px solid color-mix(in srgb,var(--accent-primary) 24%,transparent);color:var(--accent-info-fg);font-size:12px;font-weight:500;cursor:pointer}.ki-skeleton{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:14px;padding:16px;animation:kiPulse 1.5s ease-in-out infinite}.ki-skel-line{border-radius:4px;background:var(--surface-hover)}@keyframes kiPulse{0%,to{opacity:1}50%{opacity:.5}}.ki-heatmap{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.ki-heatmap::-webkit-scrollbar{display:none}.ki-heatmap-grid{display:inline-grid;grid-template-rows:repeat(7,12px);grid-auto-flow:column;grid-auto-columns:12px;gap:2px}.ki-heatmap-cell{border-radius:2px}.ki-heatmap-legend{display:flex;align-items:center;gap:3px;margin-top:4px;justify-content:flex-end}.ki-heatmap-legend-label{font-size:9px;color:var(--text-muted)}.ki-heatmap-legend-cell{width:8px;height:8px;border-radius:2px}@media (min-width: 768px){.ki-card--full{grid-column:1 / -1}}.ki-streak{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;background:var(--accent-success-soft);font-size:12px;font-weight:600;color:var(--accent-success);margin-top:8px}.nw-story-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal, 50);background:#0a0f1e;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nw-progress-bar{display:flex;gap:2px;padding:8px 14px;position:absolute;top:max(8px,env(safe-area-inset-top));left:0;right:0;z-index:16}.nw-progress-segment{flex:1;height:3px;border-radius:1.5px;background:#fff3;overflow:hidden}.nw-progress-fill{height:100%;border-radius:1.5px;transform-origin:left}.nw-progress-fill--complete{background:#fff;width:100%}.nw-progress-fill--active{background:#fff}.nw-pause-btn{position:absolute;top:max(20px,calc(env(safe-area-inset-top) + 12px));right:52px;width:32px;height:32px;border-radius:50%;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fffc;display:flex;align-items:center;justify-content:center;z-index:15;cursor:pointer;transition:background .15s}.nw-pause-btn:hover{background:#fff3}.nw-close-btn{position:absolute;top:max(20px,calc(env(safe-area-inset-top) + 12px));right:14px;width:32px;height:32px;border-radius:50%;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fffc;display:flex;align-items:center;justify-content:center;z-index:15;cursor:pointer;transition:background .15s}.nw-close-btn:hover{background:#fff3}.nw-tap-zone{position:absolute;top:0;bottom:230px;z-index:12}.nw-tap-zone--left{left:0;width:40%}.nw-tap-zone--right{right:0;width:60%}.nw-slide{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 16px 40px;position:relative;overflow:hidden;z-index:8}.nw-slide--active{transform:translate(0);opacity:1;transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .35s ease}.nw-slide--entering-next{transform:translate(100%);opacity:0}.nw-slide--entering-prev{transform:translate(-100%);opacity:0}.nw-slide--exiting-next{transform:translate(-30%);opacity:0;transition:transform .25s cubic-bezier(.32,.72,0,1),opacity .25s ease}.nw-slide--exiting-prev{transform:translate(30%);opacity:0;transition:transform .25s cubic-bezier(.32,.72,0,1),opacity .25s ease}.nw-nav-buttons{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:14px;right:14px;display:flex;justify-content:space-between;pointer-events:none;z-index:11}.nw-nav-btn--next:first-child{margin-left:auto}.nw-nav-btn{pointer-events:auto;width:40px;height:40px;border-radius:50%;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.nw-nav-btn:hover{background:#ffffff26;color:#ffffffe6}.nw-slide-base{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(165deg,#162137,#0e1426);overflow:hidden}.nw-slide-orb{position:absolute;width:70%;height:70%;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.18}@media (prefers-reduced-motion: no-preference){.nw-slide-orb{animation:nw-orb-breathe 20s ease-in-out infinite}}@keyframes nw-orb-breathe{0%,to{opacity:.15}50%{opacity:.25}}.nw-orb--top-right{top:-20%;right:-20%}.nw-orb--center{top:15%;left:15%}.nw-orb--bottom-left{bottom:-10%;left:-20%}.nw-orb--top-left{top:-20%;left:-20%}.nw-orb--center-right{top:20%;right:-15%}.nw-orb--bottom-center{bottom:-15%;left:20%}.nw-orb--top-center{top:-20%;left:25%}.nw-orb--purple{background:#7c3aed}.nw-orb--indigo{background:#6366f1}.nw-orb--amber{background:#f59e0b}.nw-orb--rose{background:#f43f5e}.nw-orb--green{background:#22c55e}.nw-orb--cyan{background:#06b6d4}.nw-orb--violet{background:#a855f7}.nw-hero-number{font-family:Inter,system-ui,sans-serif;font-size:clamp(48px,12vw,72px);font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#f1f5f9}.nw-hero-unit{font-size:clamp(14px,4vw,18px);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#f1f5f980;margin-top:4px}.nw-hero-label{font-size:clamp(13px,3.5vw,16px);font-weight:500;color:#f1f5f973;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.nw-subtitle{font-size:clamp(15px,4vw,20px);font-weight:500;line-height:1.4;color:#f1f5f9bf;text-align:center;max-width:320px}.nw-slide-title{font-size:clamp(22px,6vw,32px);font-weight:700;color:#f1f5f9;text-align:center;line-height:1.2}@media (prefers-reduced-motion: no-preference){.nw-stagger-1{animation:nw-fade-up .5s cubic-bezier(.32,.72,0,1) 0ms both}.nw-stagger-2{animation:nw-fade-up .5s cubic-bezier(.32,.72,0,1) 80ms both}.nw-stagger-3{animation:nw-fade-up .5s cubic-bezier(.32,.72,0,1) .16s both}.nw-stagger-4{animation:nw-fade-up .5s cubic-bezier(.32,.72,0,1) .24s both}.nw-stagger-5{animation:nw-fade-up .5s cubic-bezier(.32,.72,0,1) .32s both}}@keyframes nw-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: no-preference){.nw-pop-in{animation:nw-pop .4s cubic-bezier(.34,1.56,.64,1) .3s both}}@keyframes nw-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.nw-stat-row{display:flex;align-items:baseline;gap:8px;justify-content:center}.nw-stat-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 12px;text-align:center;box-sizing:border-box;overflow:hidden}.nw-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:340px;box-sizing:border-box}.nw-stat-grid--3col{grid-template-columns:1fr 1fr 1fr;max-width:100%;gap:8px}.nw-stat-value{font-family:Inter,system-ui,sans-serif;font-size:28px;font-weight:700;color:#f1f5f9;font-variant-numeric:tabular-nums}.nw-stat-label{font-size:12px;font-weight:500;color:#f1f5f973;text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.nw-food-list{width:100%;max-width:340px;display:flex;flex-direction:column;gap:8px}.nw-food-item{display:flex;align-items:center;gap:12px}.nw-food-rank{font-size:14px;font-weight:700;color:#f1f5f966;width:20px;text-align:right;flex-shrink:0}.nw-food-bar-wrap{flex:1;height:32px;background:#ffffff0f;border-radius:8px;overflow:hidden;position:relative;display:flex;align-items:center}.nw-food-bar{height:100%;border-radius:8px;min-width:8px;position:absolute;left:0;top:0}.nw-food-name{font-size:13px;font-weight:500;color:#f1f5f9;padding-left:10px;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.nw-food-count{font-size:12px;font-weight:600;color:#f1f5f980;margin-left:auto;padding-right:10px;position:relative;z-index:1;flex-shrink:0}.nw-personality-orb{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:16px}.nw-personality-name{font-size:clamp(24px,7vw,36px);font-weight:800;color:#f1f5f9;text-align:center;line-height:1.15;letter-spacing:-.02em}.nw-personality-name-de{font-size:clamp(14px,3.5vw,16px);font-weight:500;color:#f1f5f966;text-align:center;margin-top:4px}.nw-personality-desc{font-size:15px;line-height:1.5;color:#f1f5f9b3;text-align:center;max-width:300px;margin-top:16px}.nw-rarity-badge{display:inline-flex;align-items:center;gap:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;color:#f1f5f999;margin-top:16px}.nw-pill-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:20px}.nw-pill-stat{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;color:#f1f5f9cc}.nw-share-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:320px;padding:14px 24px;border-radius:12px;border:none;font-size:15px;font-weight:600;color:#fff;cursor:pointer;margin-top:24px;transition:transform .1s;position:relative;z-index:15}.nw-share-btn:active{transform:scale(.98)}.nw-share-btn--primary{background:linear-gradient(135deg,#7c3aed,#06b6d4)}.nw-share-btn--secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#f1f5f9cc;margin-top:8px}.nw-sparkline-wrap{width:100%;max-width:340px;height:60px;margin-top:16px}.nw-watermark{font-size:14px;font-weight:500;color:#ffffff59;position:absolute;bottom:16px;right:20px}@media (prefers-reduced-motion: reduce){.nw-slide{transition:none!important;transform:none!important}}@media (min-width: 768px){.nw-story-viewer{display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nw-slide{max-width:420px;max-height:740px;border-radius:20px;margin:auto;box-shadow:0 8px 40px #00000080}.nw-progress-bar{max-width:420px;left:50%;transform:translate(-50%);border-radius:20px 20px 0 0}.nw-nav-btn{width:48px;height:48px}}:root{--hf-green: var(--accent-success);--hf-green-dark: color-mix(in srgb, var(--accent-success) 78%, black);--hf-green-light: color-mix(in srgb, var(--accent-success) 74%, white);--hf-green-glow: color-mix(in srgb, var(--accent-success) 30%, transparent)}.hf-page,.hf-detail{--hf-surface-page: var(--surface-page);--hf-surface-card: color-mix(in srgb, var(--surface-card) 92%, var(--surface-sunken));--hf-surface-card-strong: color-mix(in srgb, var(--surface-card) 96%, var(--surface-sunken));--hf-surface-elevated: color-mix(in srgb, var(--surface-elevated) 82%, transparent);--hf-surface-elevated-strong: color-mix(in srgb, var(--surface-elevated) 92%, transparent);--hf-surface-sunken: color-mix(in srgb, var(--surface-sunken) 88%, transparent);--hf-surface-input: color-mix(in srgb, var(--surface-sunken) 92%, transparent);--hf-surface-overlay: color-mix(in srgb, var(--surface-overlay) 94%, transparent);--hf-surface-icon: color-mix(in srgb, var(--surface-elevated) 86%, transparent);--hf-surface-image: color-mix(in srgb, var(--surface-elevated) 92%, var(--surface-sunken));--hf-border-subtle: color-mix(in srgb, var(--border-default) 42%, transparent);--hf-border-soft: color-mix(in srgb, var(--border-default) 58%, transparent);--hf-text-primary: var(--text-primary);--hf-text-secondary: var(--text-secondary);--hf-text-muted: var(--text-muted);--hf-success-surface: color-mix(in srgb, var(--accent-success-soft) 100%, var(--surface-card));--hf-success-border: color-mix(in srgb, var(--accent-success) 28%, transparent);--hf-warning-surface: color-mix(in srgb, var(--accent-warning-soft) 100%, var(--surface-card));--hf-warning-border: color-mix(in srgb, var(--accent-warning) 28%, transparent);--hf-info-surface: color-mix(in srgb, var(--accent-info-soft) 100%, var(--surface-card));--hf-info-border: color-mix(in srgb, var(--accent-info) 28%, transparent);--hf-danger-border: color-mix(in srgb, var(--accent-danger) 28%, transparent);--hf-overlay-control-bg: color-mix(in srgb, var(--slate-950) 52%, transparent);--hf-overlay-control-bg-strong: color-mix(in srgb, var(--slate-950) 62%, transparent);--hf-overlay-scrim: color-mix(in srgb, var(--slate-950) 82%, transparent);--hf-overlay-text: var(--text-inverse);--hf-overlay-text-muted: color-mix(in srgb, var(--text-inverse) 72%, transparent);--hf-shadow-strong: 0 8px 32px color-mix(in srgb, var(--slate-950) 45%, transparent);--hf-calorie-tone: var(--accent-warning);--hf-protein-tone: var(--accent-info);--hf-positive-tone: var(--accent-success);--hf-negative-tone: var(--accent-danger)}.hf-card-image img,.hf-hero img,.hf-step .step-images img,.hf-ingredient-row img{opacity:0;transition:opacity .3s ease}.hf-card-image img.loaded,.hf-hero img.loaded,.hf-step .step-images img.loaded,.hf-ingredient-row img.loaded{opacity:1}.hf-tab-content{animation:hf-fade-in .2s ease}@keyframes hf-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes hf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.hf-skeleton{background:linear-gradient(90deg,color-mix(in srgb,var(--surface-elevated) 82%,transparent) 25%,color-mix(in srgb,var(--surface-card) 92%,transparent),color-mix(in srgb,var(--surface-elevated) 82%,transparent) 75%);background-size:200% 100%;animation:hf-shimmer 1.5s infinite;border-radius:8px}.hf-stale{opacity:.6;pointer-events:none;transition:opacity .15s}.hf-page{min-height:100vh;background:var(--hf-surface-page);color:var(--hf-text-primary);padding-bottom:var(--bottom-nav-clearance)}@media (min-width: 1024px){.page-container:has(.hf-page){max-width:none!important;padding:0!important}.hf-page{max-width:1800px;margin:0 auto;padding-left:24px;padding-right:24px}}.hf-header{padding:16px 16px 8px}.hf-header h1{font-size:1.5rem;font-weight:700;color:var(--hf-text-primary)}.hf-header .hf-count{font-size:.8rem;color:var(--hf-text-secondary);font-weight:400}.hf-tabs{display:flex;gap:4px;padding:0 16px;margin-bottom:12px}.hf-tab{flex:1;padding:10px 16px;border-radius:10px;font-size:.875rem;font-weight:600;text-align:center;cursor:pointer;transition:all .2s;background:var(--hf-surface-elevated);color:var(--hf-text-secondary);border:1px solid var(--hf-border-subtle)}.hf-tab.active{background:color-mix(in srgb,var(--accent-success-soft) 100%,var(--surface-card));color:var(--hf-green);border-color:color-mix(in srgb,var(--accent-success) 30%,transparent)}.hf-country-row{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}.hf-country-chip{display:flex;align-items:center;padding:5px 10px;border-radius:14px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--hf-surface-elevated);color:var(--hf-text-secondary);border:1px solid var(--hf-border-subtle);white-space:nowrap}.hf-country-chip.selected{background:color-mix(in srgb,var(--accent-success-soft) 100%,var(--surface-card));color:var(--hf-green);border-color:color-mix(in srgb,var(--accent-success) 30%,transparent)}.hf-week-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 16px 16px;position:relative}.hf-week-nav button{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hf-surface-elevated);border:1px solid var(--hf-border-soft);color:var(--hf-text-secondary);cursor:pointer;transition:all .2s}.hf-week-nav button:hover{background:color-mix(in srgb,var(--accent-success-soft) 100%,var(--surface-card));color:var(--hf-green);border-color:color-mix(in srgb,var(--accent-success) 30%,transparent)}.hf-week-nav .week-label{font-size:.95rem;font-weight:600;color:var(--hf-text-primary);text-align:center}.hf-week-nav .week-meta{min-width:168px;display:flex;flex-direction:column;align-items:center;gap:2px}.hf-week-nav .week-range{font-size:.78rem;color:var(--hf-text-secondary);text-align:center}.hf-weekly-filters{display:flex;align-items:center;gap:6px;padding:0 16px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hf-weekly-filters::-webkit-scrollbar{display:none}.hf-weekly-filters-wrap{flex-wrap:wrap}.hf-weekly-sort-row{gap:8px;padding-bottom:8px}.hf-sort-label{font-size:.75rem;color:var(--hf-text-muted);white-space:nowrap;flex-shrink:0}.hf-sort-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:var(--hf-surface-elevated);border:1px solid var(--hf-border-soft);border-radius:6px;color:var(--hf-text-secondary);font-size:.75rem;padding:4px 8px;cursor:pointer}.hf-sort-select:focus{outline:none;border-color:color-mix(in srgb,var(--accent-success) 40%,transparent)}.hf-browse-layout{display:flex;flex-direction:column}.hf-results-col{flex:1;min-width:0}.hf-sort-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.hf-sort .result-count,.hf-view-toggle{white-space:nowrap}@media (min-width: 1024px){.hf-browse-layout{flex-direction:row;gap:24px}.hf-sidebar{width:260px;flex-shrink:0;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--hf-border-soft) transparent}.hf-sidebar::-webkit-scrollbar{width:4px}.hf-sidebar::-webkit-scrollbar-thumb{background:var(--hf-surface-elevated-strong);border-radius:2px}.hf-sidebar .hf-filter-panel{animation:none;margin-top:0}.hf-results-col .hf-sort,.hf-results-col .hf-grid,.hf-results-col .hf-active-pills,.hf-results-col .hf-pagination,.hf-results-col .hf-empty{padding-left:0;padding-right:0}}.hf-filter-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:color-mix(in srgb,var(--slate-950) 45%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:dietModalFadeIn .15s ease-out}.hf-filter-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:51;background:linear-gradient(165deg,var(--hf-surface-card-strong),var(--hf-surface-sunken));display:flex;flex-direction:column;animation:dietModalSlideUp .28s cubic-bezier(.32,.72,0,1);padding-bottom:var(--bottom-nav-clearance)}.hf-filter-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--hf-border-subtle);flex-shrink:0}.hf-filter-modal-header h2{font-size:1.1rem;font-weight:600;color:var(--hf-text-primary);margin:0}.hf-filter-modal-header button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:var(--hf-surface-icon);color:var(--hf-text-secondary);cursor:pointer}.hf-filter-modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 20px}.hf-filter-modal-body .hf-filter-panel{margin-top:0;background:none;border:none;padding:0;animation:none}.hf-filter-modal-footer{flex-shrink:0;padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--hf-border-subtle);display:flex;align-items:center;gap:12px}.hf-filter-modal-clear{font-size:.8rem;color:var(--accent-danger);background:none;border:none;cursor:pointer;white-space:nowrap;padding:8px 0}.hf-filter-modal-apply{flex:1;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--hf-green),var(--hf-green-dark));color:var(--accent-success-fg);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .15s ease}.hf-filter-modal-apply:active{transform:scale(.98)}.hf-search-bar{padding:0 16px 12px}.hf-search-bar input{width:100%;padding:10px 14px 10px 40px;border-radius:10px;border:1px solid var(--hf-border-soft);background:var(--hf-surface-input);color:var(--hf-text-primary);font-size:.9rem;transition:border-color .2s}.hf-search-bar input:focus{outline:none;border-color:var(--hf-green);box-shadow:0 0 0 3px var(--hf-green-glow)}.hf-search-bar input::-moz-placeholder{color:var(--hf-text-muted)}.hf-search-bar input::placeholder{color:var(--hf-text-muted)}.hf-search-bar .search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--hf-text-muted);pointer-events:none}.hf-product-section{margin-bottom:20px}.hf-product-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;cursor:pointer}.hf-product-header h3{font-size:.95rem;font-weight:600;color:var(--hf-text-primary)}.hf-product-header .recipe-count{font-size:.8rem;color:var(--hf-text-muted);font-weight:400}.hf-product-header .chevron{color:var(--hf-text-muted);transition:transform .2s}.hf-product-header .chevron.open{transform:rotate(180deg)}.hf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:0 16px}@media (min-width: 768px){.hf-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}}.hf-card{background:linear-gradient(165deg,var(--hf-surface-card),var(--hf-surface-sunken));border-radius:12px;border:1px solid var(--hf-border-subtle);overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s}.hf-card:active{transform:scale(.98)}@media (min-width: 768px){.hf-card:hover{border-color:color-mix(in srgb,var(--accent-success) 30%,transparent);transform:translateY(-2px)}}.hf-card-image{position:relative;aspect-ratio:16 / 10;background:var(--hf-surface-image);overflow:hidden}.hf-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hf-card-image .country-badge{position:absolute;top:8px;left:8px;font-size:1.2rem;filter:drop-shadow(0 1px 3px color-mix(in srgb,var(--slate-950) 50%,transparent))}.hf-card-image .thermomix-badge{position:absolute;top:8px;right:8px;background:color-mix(in srgb,var(--accent-success) 90%,var(--surface-card));color:var(--accent-success-fg);font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px}.hf-card-badges{position:absolute;bottom:8px;left:8px;display:flex;gap:4px;flex-wrap:wrap;max-width:calc(100% - 16px)}.hf-card-image .variant-badge,.hf-card-image .version-badge{background:color-mix(in srgb,var(--slate-950) 78%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--slate-50);font-size:.65rem;font-weight:600;padding:3px 8px;border-radius:6px;letter-spacing:.02em}.hf-card-image .version-badge{background:color-mix(in srgb,var(--accent-primary) 78%,var(--slate-950))}.hf-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--hf-text-muted);font-size:1.5rem}.hf-card-body{padding:10px}.hf-card-body h3{font-size:.8rem;font-weight:600;color:var(--hf-text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}.hf-card-stats{display:flex;flex-wrap:wrap;gap:6px;font-size:.7rem;color:var(--hf-text-secondary)}.hf-card-stats .stat{display:flex;align-items:center;gap:4px;min-height:24px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--surface-elevated) 94%,var(--surface-card));border:1px solid color-mix(in srgb,var(--border-default) 72%,transparent);color:var(--hf-text-secondary);font-weight:600;line-height:1}.hf-card-stats .stat.cal{background:color-mix(in srgb,var(--accent-warning-soft) 92%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-warning) 28%,transparent);color:var(--accent-warning)}.hf-card-stats .stat.prot{background:color-mix(in srgb,var(--accent-info-soft) 92%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-info) 28%,transparent);color:var(--accent-info)}.hf-card-stats .stat.suspect{opacity:.68}.hf-card-stats .stat.rating{background:color-mix(in srgb,var(--accent-success-soft) 90%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-success) 26%,transparent);color:var(--accent-success)}.hf-card-stats .stat.hf-difficulty-easy{background:color-mix(in srgb,var(--accent-success-soft) 92%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-success) 28%,transparent);color:var(--accent-success)}.hf-card-stats .stat.hf-difficulty-medium{background:color-mix(in srgb,var(--accent-warning-soft) 92%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-warning) 28%,transparent);color:var(--accent-warning)}.hf-card-stats .stat.hf-difficulty-hard{background:color-mix(in srgb,var(--accent-danger-soft) 92%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-danger) 28%,transparent);color:var(--accent-danger)}.hf-card-stats .stat.hf-difficulty-neutral{background:color-mix(in srgb,var(--surface-elevated) 94%,var(--surface-card));border-color:color-mix(in srgb,var(--border-default) 72%,transparent);color:var(--hf-text-secondary)}.hf-card-stats .stat svg{flex-shrink:0}.hf-filters{padding:0 16px 12px}.hf-filter-toggle{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;background:var(--hf-surface-elevated);color:var(--hf-text-secondary);border:1px solid var(--hf-border-subtle);transition:all .2s}.hf-filter-toggle.active{color:var(--hf-green);border-color:color-mix(in srgb,var(--accent-success) 30%,transparent)}.hf-filter-panel{margin-top:12px;padding:12px;background:var(--hf-surface-card);border-radius:10px;border:1px solid var(--hf-border-subtle)}.hf-filter-group{margin-bottom:12px}.hf-filter-group:last-child{margin-bottom:0}.hf-filter-group label{display:block;font-size:.75rem;font-weight:600;color:var(--hf-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.hf-filter-chips{display:flex;flex-wrap:wrap;gap:6px}.hf-filter-chip{padding:4px 10px;border-radius:6px;font-size:.78rem;cursor:pointer;transition:all .2s;background:var(--hf-surface-elevated);color:var(--hf-text-secondary);border:1px solid var(--hf-border-subtle)}.hf-filter-chip.selected{background:color-mix(in srgb,var(--accent-success-soft) 100%,var(--surface-card));color:var(--hf-green);border-color:color-mix(in srgb,var(--accent-success) 30%,transparent)}.hf-filter-chip.exclude.selected{background:color-mix(in srgb,var(--accent-danger-soft) 100%,var(--surface-card));color:var(--accent-danger);border-color:color-mix(in srgb,var(--accent-danger) 30%,transparent);box-shadow:0 0 6px color-mix(in srgb,var(--accent-danger) 15%,transparent)}.hf-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:var(--hf-green);color:var(--accent-success-fg);font-size:.65rem;font-weight:700;padding:0 5px;margin-left:2px}.hf-clear-all{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;margin-bottom:10px;border-radius:8px;font-size:.78rem;font-weight:500;background:color-mix(in srgb,var(--accent-danger-soft) 92%,transparent);color:var(--accent-danger);border:1px solid color-mix(in srgb,var(--accent-danger) 15%,transparent);cursor:pointer;transition:all .2s}.hf-clear-all:hover{background:color-mix(in srgb,var(--accent-danger-soft) 100%,var(--surface-card))}.hf-active-pills{display:flex;gap:6px;padding:4px 16px 8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hf-active-pills::-webkit-scrollbar{display:none}.hf-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:14px;font-size:.72rem;font-weight:500;background:color-mix(in srgb,var(--accent-success-soft) 92%,var(--surface-card));color:var(--hf-green);border:1px solid color-mix(in srgb,var(--accent-success) 20%,transparent);cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.hf-pill:hover{background:color-mix(in srgb,var(--accent-success-soft) 100%,var(--surface-card))}.hf-pill:active{transform:scale(.95)}.hf-pill svg{opacity:.5}.hf-pill.exclude{background:color-mix(in srgb,var(--accent-danger-soft) 92%,var(--surface-card));color:var(--accent-danger);border-color:color-mix(in srgb,var(--accent-danger) 20%,transparent)}.hf-pill.exclude:hover{background:color-mix(in srgb,var(--accent-danger-soft) 100%,var(--surface-card))}.hf-filter-section{border-top:1px solid var(--hf-border-subtle)}.hf-filter-section:first-of-type{border-top:none}.hf-filter-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0;cursor:pointer;font-size:.75rem;font-weight:600;color:var(--hf-text-secondary);text-transform:uppercase;letter-spacing:.5px;background:none;border:none}.hf-filter-section-header svg{transition:transform .2s;color:var(--hf-text-muted)}.hf-filter-section-header svg.rotated{transform:rotate(180deg)}.hf-filter-section-body{padding-bottom:10px}.hf-filter-sublabel{display:block;font-size:.7rem;font-weight:500;color:var(--hf-text-muted);margin-bottom:6px;text-transform:none;letter-spacing:0}.hf-range-display{font-size:.72rem;color:var(--hf-green);margin-top:6px;font-weight:500}.hf-dual-range{padding:10px 0 0}.hf-dual-range-track{position:relative;height:5px;background:color-mix(in srgb,var(--border-default) 58%,transparent);border-radius:3px;margin:0 8px}.hf-dual-range-fill{position:absolute;top:0;height:100%;background:linear-gradient(90deg,var(--hf-green-dark),var(--hf-green));border-radius:3px;pointer-events:none;opacity:.5}.hf-range-label{text-align:center;font-size:.68rem;color:var(--hf-text-muted);margin-top:8px;font-variant-numeric:tabular-nums}.hf-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:-8px;left:0;width:100%;height:20px;background:transparent;pointer-events:none;margin:0;padding:0}.hf-range-thumb::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--hf-green-light),var(--hf-green-dark));border:2px solid color-mix(in srgb,var(--accent-success) 40%,transparent);cursor:grab;pointer-events:all;box-shadow:0 0 8px color-mix(in srgb,var(--accent-success) 35%,transparent),0 2px 4px color-mix(in srgb,var(--slate-950) 30%,transparent);-webkit-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease}.hf-range-thumb::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 14px color-mix(in srgb,var(--accent-success) 50%,transparent),0 2px 6px color-mix(in srgb,var(--slate-950) 40%,transparent)}.hf-range-thumb::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.08);box-shadow:0 0 18px color-mix(in srgb,var(--accent-success) 60%,transparent),0 2px 6px color-mix(in srgb,var(--slate-950) 50%,transparent)}.hf-range-thumb::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--hf-green-light),var(--hf-green-dark));border:2px solid color-mix(in srgb,var(--accent-success) 40%,transparent);cursor:grab;pointer-events:all;box-shadow:0 0 8px color-mix(in srgb,var(--accent-success) 35%,transparent),0 2px 4px color-mix(in srgb,var(--slate-950) 30%,transparent)}.hf-range-thumb-hi{z-index:2}.hf-range-thumb-lo{z-index:1}.chip-cal.suspect{color:var(--accent-warning);opacity:.7}.hf-sort{padding:0 16px 8px;display:flex;align-items:center;gap:8px}.hf-sort select,.hf-browse-sort{height:30px;padding:0 8px;border-radius:15px;border:1px solid var(--hf-border-soft);background:var(--hf-surface-elevated);color:var(--hf-text-secondary);font-size:.7rem;font-weight:500;cursor:pointer}.hf-sort .result-count{font-size:.7rem;color:var(--hf-text-muted);white-space:nowrap;margin-left:auto}.hf-sort .hf-sort-right{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.hf-sort .hf-sort-right select{width:auto;flex-shrink:0}.hf-browse-sort{height:30px;padding:0 8px;border-radius:15px;border:1px solid var(--hf-border-soft);background:var(--hf-surface-elevated);color:var(--hf-text-secondary);font-size:.7rem;font-weight:500;cursor:pointer}.hf-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 16px}.hf-pagination button{min-width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--hf-surface-elevated);border:1px solid var(--hf-border-subtle);color:var(--hf-text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.hf-pagination button.active{background:color-mix(in srgb,var(--accent-success-soft) 100%,var(--surface-card));color:var(--hf-green);border-color:color-mix(in srgb,var(--accent-success) 30%,transparent)}.hf-pagination button:disabled{opacity:.3;cursor:not-allowed}.hf-loading{display:flex;justify-content:center;padding:40px;color:var(--hf-text-muted)}.hf-empty{text-align:center;padding:40px 20px;color:var(--hf-text-muted)}.hf-empty .icon{display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:8px;color:var(--hf-text-muted)}.hf-empty-hint{color:var(--hf-text-muted);font-size:.875rem;margin-top:4px}.hf-pagination-ellipsis{color:var(--hf-text-muted)}.hf-skel{background:linear-gradient(90deg,color-mix(in srgb,var(--surface-elevated) 82%,transparent) 25%,color-mix(in srgb,var(--surface-card) 92%,transparent),color-mix(in srgb,var(--surface-elevated) 82%,transparent) 75%);background-size:200% 100%;animation:hf-shimmer 1.5s infinite;border-radius:6px}.hf-card-skel{background:linear-gradient(165deg,var(--hf-surface-card),var(--hf-surface-sunken));border-radius:12px;border:1px solid var(--hf-border-subtle);overflow:hidden}.hf-card-skel .skel-img{aspect-ratio:16 / 10}.hf-card-skel .skel-body{padding:10px;display:flex;flex-direction:column;gap:6px}.hf-card-skel .skel-title{height:14px;width:85%}.hf-card-skel .skel-title2{height:14px;width:55%}.hf-card-skel .skel-stats{height:12px;width:70%;margin-top:2px}.hf-detail-skel .skel-hero{aspect-ratio:16 / 9}.hf-detail-skel .skel-bar{display:flex;gap:12px;padding:12px 16px}.hf-detail-skel .skel-bar-item{height:36px;flex:1;border-radius:8px}.hf-detail-skel .skel-section{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.hf-detail-skel .skel-heading{height:16px;width:40%}.hf-detail-skel .skel-row{display:flex;align-items:center;gap:10px}.hf-detail-skel .skel-circle{width:40px;height:40px;border-radius:8px;flex-shrink:0}.hf-detail-skel .skel-text{height:14px;flex:1}.hf-detail-skel .skel-short{height:14px;width:50px}.hf-detail{background:var(--hf-surface-page);color:var(--hf-text-primary);padding-bottom:calc(var(--bottom-nav-clearance) + 68px)}.hf-detail-layout{display:flex;flex-direction:column}@media (min-width: 1024px){.page-container:has(.hf-detail){max-width:none!important;padding:0!important}.hf-detail{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}.hf-detail-layout{display:grid;grid-template-columns:440px 1fr;gap:32px;align-items:start;margin-top:8px}.hf-detail-left{position:sticky;top:56px;align-self:start;max-height:calc(100dvh - 72px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--hf-border-soft) transparent}.hf-detail-left::-webkit-scrollbar{width:4px}.hf-detail-left::-webkit-scrollbar-thumb{background:var(--hf-surface-elevated-strong);border-radius:2px}.hf-detail-left .hf-variant-chips{flex-wrap:wrap;overflow-x:visible}.hf-detail-left .hf-stats-bar{flex-wrap:wrap;overflow-x:visible;gap:8px 16px}.hf-detail-right .hf-step .step-images img{width:100%;max-height:300px;height:auto}.hf-detail-right .hf-step{margin-bottom:24px}.hf-detail-right .hf-step .step-number{width:32px;height:32px;font-size:.9rem}}.hf-sticky-title{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:0 16px;max-height:0;overflow:hidden;opacity:0;pointer-events:none;background:var(--hf-surface-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:max-height .2s ease,opacity .2s ease,padding .2s ease,border-color .2s ease}.hf-sticky-title.visible{max-height:48px;padding:10px 16px;opacity:1;pointer-events:auto;border-bottom-color:var(--hf-border-subtle)}.hf-sticky-title .back-btn{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hf-surface-icon);color:var(--hf-text-secondary);border:none;cursor:pointer;flex-shrink:0}.hf-sticky-title .title{flex:1;font-size:.85rem;font-weight:600;color:var(--hf-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hf-sticky-title .cal{font-size:.75rem;color:var(--hf-calorie-tone);font-weight:600;flex-shrink:0}.hf-hero{position:relative;aspect-ratio:16 / 10;max-height:44vh;background:var(--hf-surface-image);overflow:hidden}.hf-hero img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (min-width: 1024px){.hf-hero{aspect-ratio:auto;max-height:none;height:260px;border-radius:12px}}.hf-hero .back-btn{position:absolute;top:12px;left:12px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hf-overlay-control-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--hf-overlay-text);cursor:pointer;z-index:2}.hf-hero .name-overlay{position:absolute;bottom:0;left:0;right:0;padding:40px 16px 16px;background:linear-gradient(transparent,var(--hf-overlay-scrim))}.hf-hero .name-overlay h1{font-size:1.25rem;font-weight:700;color:var(--hf-overlay-text);line-height:1.3}.hf-hero .name-overlay .headline{font-size:.85rem;color:var(--hf-overlay-text-muted);margin-top:4px}.hf-variant-picker{border-bottom:1px solid var(--hf-border-subtle)}.hf-variant-picker-label{padding:10px 16px 0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hf-text-muted)}.hf-variant-chips{display:flex;gap:6px;padding:8px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--hf-border-subtle)}.hf-variant-chips::-webkit-scrollbar{display:none}.variant-chip{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 12px;border-radius:18px;border:1px solid var(--hf-border-soft);background:var(--hf-surface-elevated);color:var(--hf-text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:normal;max-width:50%}@media (min-width: 768px){.variant-chip{max-width:360px}}.variant-chip:active{transform:scale(.97)}.variant-chip:hover{border-color:var(--hf-success-border);color:var(--hf-text-primary)}.variant-chip.active{background:var(--hf-success-surface);border-color:var(--hf-green);color:var(--hf-green);font-weight:600}.variant-chip .chip-label{overflow:hidden;text-overflow:ellipsis;width:100%}.variant-chip .chip-nutrition{display:flex;gap:8px;align-items:center;font-size:.65rem;color:var(--hf-text-muted)}.variant-chip .chip-cal{flex-shrink:0}.variant-chip .chip-prot{color:var(--hf-protein-tone);font-weight:600}.variant-chip.active .chip-cal{color:var(--hf-text-secondary)}.variant-chip.active .chip-prot{color:var(--hf-protein-tone)}.hf-version-history{border-bottom:1px solid var(--hf-border-subtle)}.hf-version-toggle{width:100%;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;color:var(--hf-text-primary);cursor:pointer}.hf-version-toggle-label{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:.88rem;font-weight:600}.hf-version-count{font-size:.72rem;font-weight:500;color:var(--hf-text-muted)}.hf-version-list{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px}.hf-version-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:14px;border:1px solid var(--hf-border-soft);background:var(--hf-surface-card);text-align:left;color:var(--hf-text-primary);transition:border-color .2s,transform .2s,background .2s}.hf-version-item:active{transform:scale(.99)}.hf-version-item.viewing{border-color:var(--hf-success-border);background:var(--hf-success-surface)}.hf-version-item.latest{box-shadow:inset 0 0 0 1px var(--hf-info-border)}.hf-version-week{min-width:54px;font-size:.78rem;font-weight:700;color:var(--hf-text-secondary)}.hf-version-info{min-width:0}.hf-version-macros,.hf-version-delta{display:flex;gap:8px;flex-wrap:wrap}.hf-version-macros{font-size:.74rem;color:var(--hf-text-secondary)}.hf-version-delta{margin-top:4px;font-size:.7rem}.ver-cal{color:var(--hf-calorie-tone)}.ver-prot{color:var(--hf-protein-tone)}.ver-ing{color:var(--hf-text-secondary)}.delta-up.cal{color:var(--hf-negative-tone)}.delta-down.cal,.delta-up.prot{color:var(--hf-positive-tone)}.delta-down.prot{color:var(--hf-negative-tone)}.hf-version-badges{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.badge-latest,.badge-viewing{padding:3px 7px;border-radius:999px;font-size:.64rem;font-weight:700;letter-spacing:.02em}.badge-latest{background:var(--hf-info-surface);color:var(--hf-protein-tone)}.badge-viewing{background:var(--hf-success-surface);color:var(--hf-green)}.hf-version-loading,.hf-version-empty{padding:12px 4px 4px;font-size:.78rem;color:var(--hf-text-secondary)}.hf-stats-bar{display:flex;justify-content:space-between;gap:4px;padding:12px 16px;border-bottom:1px solid var(--hf-border-subtle)}.hf-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.hf-stat .value{font-size:.85rem;font-weight:600;color:var(--hf-text-primary)}.hf-stat .value.hf-stat-value-rating{color:var(--hf-green)}.hf-stat .value.hf-stat-value-cal{color:var(--hf-calorie-tone)}.hf-stat .value.hf-stat-value-prot{color:var(--hf-protein-tone)}.hf-stat .value.hf-stat-value-suspect{display:inline-flex;align-items:center;gap:4px;color:var(--hf-text-muted)}.hf-stat .value.hf-difficulty-easy{color:var(--hf-positive-tone)}.hf-stat .value.hf-difficulty-medium{color:var(--hf-calorie-tone)}.hf-stat .value.hf-difficulty-hard{color:var(--hf-negative-tone)}.hf-stat .value.hf-difficulty-neutral{color:var(--hf-text-secondary)}.hf-stat .label{font-size:.6rem;color:var(--hf-text-muted)}.hf-servings{display:flex;align-items:center;gap:8px;padding:12px 16px}.hf-servings-label{font-size:.85rem;color:var(--hf-text-secondary);margin-right:4px}.hf-servings .serving-btn{width:40px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;background:var(--hf-surface-elevated);color:var(--hf-text-secondary);border:1px solid var(--hf-border-subtle)}.hf-servings .serving-btn.active{background:var(--hf-success-surface);color:var(--hf-green);border-color:var(--hf-success-border)}.hf-section{padding:12px 16px;border-bottom:1px solid var(--hf-border-subtle)}.hf-section h2{font-size:1rem;font-weight:600;color:var(--hf-text-primary);margin-bottom:10px}.hf-ingredient-row{display:flex;align-items:center;gap:10px;padding:6px 0}.hf-ingredient-row img{width:40px;height:40px;border-radius:8px;-o-object-fit:cover;object-fit:cover;background:var(--hf-surface-elevated)}.hf-ingredient-placeholder{width:40px;height:40px;border-radius:8px;background:var(--hf-surface-elevated);flex-shrink:0}.hf-ingredient-row .name{flex:1;font-size:.85rem;color:var(--hf-text-primary)}.hf-ingredient-row .amount{font-size:.85rem;color:var(--hf-text-secondary);font-weight:500;text-align:right}.hf-step{margin-bottom:16px}.hf-step .step-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.hf-step .step-number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;background:var(--hf-success-surface);color:var(--hf-green);border:1px solid var(--hf-success-border);flex-shrink:0}.hf-step .step-text{font-size:.88rem;color:var(--hf-text-secondary);line-height:1.5}.hf-step .step-images{display:flex;gap:8px;overflow-x:auto;margin-top:8px;padding-bottom:4px}.hf-step .step-images img{width:200px;height:150px;border-radius:8px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.hf-nutrition-table{width:100%}.hf-nutrition-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--hf-border-subtle);font-size:.85rem}.hf-nutrition-row .nut-label{color:var(--hf-text-secondary)}.hf-nutrition-row .nut-value{color:var(--hf-text-primary);font-weight:500}.hf-warning-banner{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 16px;margin:0 16px 8px;border-radius:8px;border:1px solid var(--hf-warning-border);background:var(--hf-warning-surface);color:var(--hf-calorie-tone);font-size:.75rem;text-align:center}.hf-total-nutrition{display:flex;justify-content:center;gap:16px;padding:4px 16px 8px;font-size:.8rem;color:var(--hf-text-secondary);flex-wrap:wrap}.hf-total-nutrition-value{font-weight:600}.hf-total-nutrition-value.cal{color:var(--hf-calorie-tone)}.hf-total-nutrition-value.prot{color:var(--hf-protein-tone)}.hf-tags{display:flex;flex-wrap:wrap;gap:6px}.hf-tag-chip{padding:4px 10px;border-radius:6px;font-size:.78rem;background:var(--hf-success-surface);color:var(--hf-green);border:1px solid var(--hf-success-border)}.hf-tag-chip.hf-tag-chip--danger{background:color-mix(in srgb,var(--accent-danger-soft) 100%,var(--surface-card));color:var(--accent-danger);border-color:color-mix(in srgb,var(--accent-danger) 20%,transparent)}.hf-tag-chip.hf-tag-chip--warning{background:var(--hf-warning-surface);color:var(--hf-calorie-tone);border-color:var(--hf-warning-border)}.hf-section-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.hf-section-toggle h2{margin-bottom:0}.hf-section-meta{font-size:.75rem;color:var(--hf-text-muted);font-weight:400}.hf-section-toggle-icon{color:var(--hf-text-muted);flex-shrink:0}.hf-allergen-group{margin-bottom:8px}.hf-allergen-group:last-child{margin-bottom:0}.hf-allergen-label{font-size:.75rem;color:var(--hf-text-muted)}.hf-list-copy{font-size:.85rem;color:var(--hf-text-secondary)}.hf-description-copy{font-size:.85rem;line-height:1.6;color:var(--hf-text-secondary)}.hf-action-bar{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:var(--bottom-nav-clearance);background:linear-gradient(165deg,var(--hf-surface-card),var(--hf-surface-overlay));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--hf-border-subtle);display:flex;gap:10px;z-index:50;transform:translateZ(0);transition:transform .25s ease,visibility 0s linear 0s;will-change:transform;visibility:visible;pointer-events:auto}.hf-action-bar--hidden{transform:translate3d(0,100%,0);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility 0s linear .25s}.hf-action-bar button{flex:1;padding:12px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.hf-action-bar .pdf-btn{background:var(--hf-surface-card-strong);color:var(--hf-text-secondary);border:1px solid var(--hf-border-soft)}.hf-action-bar .log-btn{background:linear-gradient(135deg,var(--hf-green),var(--hf-green-dark));color:var(--accent-success-fg);border:none;font-weight:700}.hf-action-bar .log-btn:active{transform:scale(.98)}.hf-log-sheet{position:fixed;bottom:0;left:0;right:0;z-index:101;display:flex;justify-content:center;padding:0 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));animation:hf-sheet-up .28s cubic-bezier(.32,.72,0,1)}@keyframes hf-sheet-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.hf-log-sheet-inner{width:100%;max-width:400px;border-radius:20px;background:linear-gradient(165deg,var(--hf-surface-card),var(--hf-surface-overlay));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--hf-border-subtle);box-shadow:var(--hf-shadow-strong);padding:8px;display:flex;flex-direction:column;gap:4px}.hf-log-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;cursor:pointer;transition:all .15s;background:transparent;border:none;text-align:left;width:100%}.hf-log-option:active{transform:scale(.98);background:color-mix(in srgb,var(--surface-elevated) 74%,transparent)}.hf-log-option.primary{background:color-mix(in srgb,var(--accent-primary-soft) 72%,var(--surface-card))}.hf-log-option-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hf-log-option-text{display:flex;flex-direction:column;gap:2px;min-width:0}.hf-log-option-text .title{font-size:.95rem;font-weight:600;color:var(--hf-text-primary)}.hf-log-option-text .subtitle{font-size:.78rem;color:var(--hf-text-muted);line-height:1.3}.hf-menu-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.78rem;background:var(--hf-success-surface);color:var(--hf-green);border:1px solid var(--hf-success-border)}.hf-log-modal-serving-meta{text-align:center;font-size:.7rem;color:var(--text-muted);margin-top:-4px;margin-bottom:4px}.hf-log-modal-secondary-cta{margin-top:8px;background:var(--hf-surface-card-strong);color:var(--hf-text-secondary);border:1px solid var(--hf-border-soft)}@keyframes hf-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hf-card{animation:hf-card-in .3s cubic-bezier(.32,.72,0,1) both}.hf-grid .hf-card:nth-child(1){animation-delay:0ms}.hf-grid .hf-card:nth-child(2){animation-delay:30ms}.hf-grid .hf-card:nth-child(3){animation-delay:60ms}.hf-grid .hf-card:nth-child(4){animation-delay:90ms}.hf-grid .hf-card:nth-child(5){animation-delay:.12s}.hf-grid .hf-card:nth-child(6){animation-delay:.15s}.hf-grid .hf-card:nth-child(7){animation-delay:.18s}.hf-grid .hf-card:nth-child(8){animation-delay:.21s}.hf-grid .hf-card:nth-child(n+9){animation-delay:.24s}@keyframes hf-tab-fade{0%{opacity:0}to{opacity:1}}.hf-tabs~*{animation:hf-tab-fade .2s ease-out both}.hf-week-nav .week-label{transition:opacity .15s ease}@keyframes hf-grid-reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hf-product-section>.hf-grid{animation:hf-grid-reveal .25s ease-out both}@keyframes hf-hero-in{0%{opacity:0}to{opacity:1}}.hf-hero img{animation:hf-hero-in .4s ease-out both}@keyframes hf-stats-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hf-stats-bar{animation:hf-stats-in .35s cubic-bezier(.32,.72,0,1) .15s both}.hf-detail .hf-section{animation:hf-card-in .3s ease-out both}.hf-detail .hf-section:nth-child(1){animation-delay:.1s}.hf-detail .hf-section:nth-child(2){animation-delay:.15s}.hf-detail .hf-section:nth-child(3){animation-delay:.2s}.hf-detail .hf-section:nth-child(4){animation-delay:.25s}.hf-detail .hf-section:nth-child(5){animation-delay:.3s}.hf-detail .hf-section:nth-child(n+6){animation-delay:.35s}@keyframes hf-action-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes hf-overlay-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hf-hero .name-overlay{animation:hf-overlay-in .4s cubic-bezier(.32,.72,0,1) .1s both}.hf-log-option:nth-child(1){animation:hf-card-in .25s cubic-bezier(.32,.72,0,1) .04s both}.hf-log-option:nth-child(2){animation:hf-card-in .25s cubic-bezier(.32,.72,0,1) .1s both}.hf-log-option:nth-child(3){animation:hf-card-in .25s cubic-bezier(.32,.72,0,1) .16s both}.hf-loading{animation:hf-tab-fade .2s ease-out both}.hf-empty{animation:hf-tab-fade .3s ease-out both}.hf-country-chip:active{transform:scale(.95)}.hf-country-chip.selected{box-shadow:0 0 8px var(--hf-green-glow)}@keyframes hf-chip-pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.hf-country-chip.selected{animation:hf-chip-pop .25s cubic-bezier(.32,.72,0,1)}@keyframes hf-filter-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hf-filter-panel{animation:hf-filter-reveal .25s ease-out both}.hf-filter-chip.selected{box-shadow:0 0 6px var(--hf-green-glow)}.hf-card-image img{animation:hf-hero-in .3s ease-out both}.hf-pagination button:active:not(:disabled){transform:scale(.92)}.hf-name-row{display:flex;align-items:flex-start;gap:8px}.hf-name-row h1{flex:1;min-width:0}.hf-lang-pills{display:flex;gap:6px;flex-shrink:0;margin-top:2px}.hf-lang-pill{background:var(--hf-surface-icon);border:2px solid transparent;border-radius:8px;padding:2px 6px;font-size:18px;cursor:pointer;transition:all .2s;line-height:1}.hf-lang-pill.active{border-color:var(--hf-success-border);background:var(--hf-success-surface)}.hf-lang-pill:hover{background:var(--hf-surface-elevated-strong)}.hf-fav-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hf-overlay-control-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--hf-overlay-text-muted);border:none;cursor:pointer;transition:transform .15s ease,color .2s ease,background .2s ease;z-index:3;padding:0;-webkit-tap-highlight-color:transparent}.hf-fav-btn:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.hf-fav-btn.active{color:var(--accent-danger);background:var(--hf-overlay-control-bg-strong)}.hf-fav-btn:active{transform:scale(1.3)}.hf-card-image:has(.hf-fav-btn) .thermomix-badge{right:40px}.hf-favorites-pill{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;font-size:.78rem;font-weight:600;cursor:pointer;border:1px solid var(--hf-border-soft);background:var(--hf-surface-elevated);color:var(--hf-text-secondary);transition:all .2s ease;white-space:nowrap;flex-shrink:0}.hf-favorites-pill:hover{border-color:color-mix(in srgb,var(--accent-danger) 30%,transparent);color:var(--accent-danger)}.hf-favorites-pill.active{background:color-mix(in srgb,var(--accent-danger-soft) 100%,var(--surface-card));color:var(--accent-danger);border-color:color-mix(in srgb,var(--accent-danger) 30%,transparent)}.hf-empty-browse{margin-top:12px;padding:8px 20px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;background:color-mix(in srgb,var(--accent-success-soft) 100%,var(--surface-card));color:var(--hf-green);border:1px solid color-mix(in srgb,var(--accent-success) 20%,transparent);transition:all .2s ease}.hf-empty-browse:hover{background:color-mix(in srgb,var(--accent-success-soft) 100%,var(--surface-elevated))}.hf-hero-fav{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hf-overlay-control-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--hf-overlay-text-muted);border:none;cursor:pointer;transition:transform .15s ease,color .2s ease;z-index:3}.hf-hero-fav.active{color:var(--accent-danger)}.hf-hero-fav:active{transform:scale(1.3)}.hf-sticky-fav{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hf-surface-icon);color:var(--hf-text-secondary);border:none;cursor:pointer;flex-shrink:0;transition:color .2s ease}.hf-sticky-fav.active{color:var(--accent-danger)}.hf-action-fav{flex:0 0 auto!important;width:46px;padding:12px!important;background:var(--hf-surface-card-strong);color:var(--hf-text-secondary);border:1px solid var(--hf-border-soft);display:flex;align-items:center;justify-content:center;transition:color .2s ease,border-color .2s ease}.hf-action-fav.active{color:var(--accent-danger);border-color:var(--hf-danger-border)}@media (prefers-reduced-motion: reduce){.hf-card,.hf-tabs~*,.hf-product-section>.hf-grid,.hf-hero img,.hf-stats-bar,.hf-detail .hf-section,.hf-action-bar,.hf-log-option,.hf-loading,.hf-empty,.hf-country-chip.selected,.hf-filter-panel,.hf-card-image img,.hf-hero .name-overlay{animation:none!important}}.videos-hub,.video-player-page,.video-chapter-editor-page{--videos-route-heading: var(--text-primary);--videos-route-copy: var(--text-secondary);--videos-route-muted: var(--text-muted);--videos-route-border: var(--border-default);--videos-route-border-subtle: var(--border-subtle);--videos-route-border-strong: var(--border-strong);--videos-route-accent-bg: var(--accent-primary);--videos-route-accent-bg-hover: var(--accent-primary-hover);--videos-route-accent-border: color-mix(in srgb, var(--accent-primary) 42%, transparent);--videos-route-accent-soft: var(--accent-primary-soft);--videos-route-accent-text: var(--accent-primary-fg);--videos-route-accent-copy: var(--accent-info-fg);--videos-route-empty-bg: var(--videos-route-panel-bg);--videos-route-empty-icon-bg: color-mix(in srgb, var(--accent-primary-soft) 92%, var(--surface-card));--videos-route-empty-icon-border: color-mix(in srgb, var(--accent-primary) 24%, transparent);--videos-route-empty-icon-color: var(--accent-info-fg);--videos-route-empty-error-bg: linear-gradient( 165deg, color-mix(in srgb, var(--surface-card) 94%, var(--accent-danger-soft)), color-mix(in srgb, var(--surface-elevated) 84%, var(--accent-danger-soft)) );--videos-route-empty-error-border: color-mix(in srgb, var(--accent-danger) 24%, transparent);--videos-route-empty-error-icon-bg: color-mix(in srgb, var(--accent-danger-soft) 94%, var(--surface-card));--videos-route-empty-error-icon-color: var(--accent-danger);--videos-route-secondary-bg: color-mix(in srgb, var(--surface-overlay) 76%, transparent);--videos-route-secondary-bg-hover: color-mix(in srgb, var(--surface-elevated) 84%, var(--surface-overlay));--videos-route-chip-bg: color-mix(in srgb, var(--surface-elevated) 76%, transparent);--videos-route-chip-bg-hover: color-mix(in srgb, var(--surface-elevated) 92%, var(--surface-card));--videos-route-card-bg: linear-gradient( 165deg, color-mix(in srgb, var(--surface-card) 96%, var(--surface-elevated) 4%), color-mix(in srgb, var(--surface-sunken) 88%, var(--surface-card) 12%) );--videos-route-panel-bg: linear-gradient( 165deg, color-mix(in srgb, var(--surface-card) 94%, var(--surface-elevated) 6%), color-mix(in srgb, var(--surface-elevated) 82%, var(--surface-sunken) 18%) );--videos-route-thumb-bg: radial-gradient(circle at top, color-mix(in srgb, var(--accent-primary) 26%, transparent), transparent 42%), linear-gradient(145deg, color-mix(in srgb, var(--surface-card) 88%, var(--surface-elevated) 12%), var(--surface-sunken));--videos-route-thumb-loading-sheen: linear-gradient( 110deg, transparent 18%, color-mix(in srgb, var(--surface-card) 72%, var(--accent-primary-soft) 28%) 48%, transparent 74% );--videos-route-thumb-placeholder-bg: linear-gradient( 135deg, color-mix(in srgb, var(--surface-card) 88%, var(--surface-elevated) 12%), color-mix(in srgb, var(--surface-sunken) 92%, var(--surface-elevated) 8%) );--videos-route-thumb-placeholder-overlay: radial-gradient(circle at top, color-mix(in srgb, var(--accent-primary) 14%, transparent), transparent 46%);--videos-route-thumb-placeholder-chip-bg: color-mix(in srgb, var(--surface-overlay) 82%, transparent);--videos-route-thumb-placeholder-chip-border: color-mix(in srgb, var(--accent-primary) 22%, transparent);--videos-route-thumb-placeholder-chip-shadow: 0 16px 32px rgb(2 6 23 / .18);--videos-route-thumb-placeholder-label-bg: color-mix(in srgb, var(--surface-card) 74%, transparent);--videos-route-thumb-placeholder-label-border: color-mix(in srgb, var(--border-default) 48%, transparent);--videos-route-thumb-placeholder-label-text: var(--videos-route-copy);--videos-route-thumb-placeholder-icon: var(--videos-route-accent-copy);--videos-route-badge-bg: rgb(2 6 23 / .76);--videos-route-badge-border: color-mix(in srgb, var(--surface-sunken) 18%, transparent);--videos-route-badge-text: var(--text-inverse);--videos-route-badge-shadow: 0 10px 24px rgb(2 6 23 / .24);--videos-route-quality-badge-bg: color-mix(in srgb, var(--accent-primary) 78%, rgb(2 6 23 / 22%));--videos-route-quality-badge-text: var(--accent-primary-fg);--videos-route-media-overlay: linear-gradient(to top, rgb(2 6 23 / .28), rgb(2 6 23 / .08));--videos-route-play-chip-bg: color-mix(in srgb, var(--surface-overlay) 92%, transparent);--videos-route-play-chip-border: color-mix(in srgb, var(--text-inverse) 14%, transparent);--videos-route-play-chip-color: var(--text-inverse);--videos-route-divider: color-mix(in srgb, var(--border-subtle) 82%, transparent);--videos-route-tag-bg: color-mix(in srgb, var(--surface-elevated) 72%, transparent);--videos-route-tag-text: var(--text-muted);--videos-route-shadow: var(--shadow-lg);--videos-route-shadow-hover: var(--shadow-xl);--videos-route-overlay-shadow: 0 12px 36px rgb(15 23 42 / .2);--videos-route-plyr-controls-bg: linear-gradient(to top, rgb(2 6 23 / .82), rgb(2 6 23 / .18));--videos-route-plyr-menu-bg: color-mix(in srgb, var(--surface-overlay) 96%, transparent);--videos-route-plyr-menu-shadow: 0 18px 38px rgb(2 6 23 / .24);--videos-route-plyr-menu-arrow: var(--videos-route-muted);--videos-route-plyr-menu-back-shadow: color-mix(in srgb, var(--surface-card) 96%, transparent);--videos-route-plyr-hover-bg: color-mix(in srgb, var(--accent-primary) 88%, white 12%);--videos-route-plyr-tooltip-bg: color-mix(in srgb, var(--surface-sunken) 94%, black 6%);--videos-route-plyr-tooltip-text: var(--text-inverse);--videos-route-plyr-progress-loading: rgb(2 6 23 / .58);--videos-route-plyr-marker: var(--text-inverse);--videos-route-plyr-buffered: color-mix(in srgb, var(--text-inverse) 24%, transparent);--videos-route-plyr-track: color-mix(in srgb, var(--text-inverse) 18%, transparent);--videos-route-plyr-thumb: var(--text-inverse);--videos-route-plyr-thumb-shadow: 0 1px 1px rgb(2 6 23 / .18), 0 0 0 1px rgb(2 6 23 / .22);--videos-route-plyr-thumb-active: rgb(255 255 255 / .46)}[data-theme=light] .videos-hub,[data-theme=light] .video-player-page,[data-theme=light] .video-chapter-editor-page{--videos-route-secondary-bg: color-mix(in srgb, var(--surface-elevated) 92%, white 8%);--videos-route-secondary-bg-hover: color-mix(in srgb, var(--surface-elevated) 96%, white 4%);--videos-route-chip-bg: color-mix(in srgb, var(--surface-elevated) 94%, white 6%);--videos-route-chip-bg-hover: color-mix(in srgb, var(--surface-elevated) 88%, white 12%);--videos-route-card-bg: linear-gradient(165deg, rgb(255 255 255 / .98), color-mix(in srgb, var(--surface-elevated) 82%, white 18%));--videos-route-panel-bg: linear-gradient(165deg, rgb(255 255 255 / .98), color-mix(in srgb, var(--surface-elevated) 86%, white 14%));--videos-route-thumb-bg: radial-gradient(circle at top, color-mix(in srgb, var(--accent-primary-soft) 52%, white 48%), transparent 42%), linear-gradient( 145deg, color-mix(in srgb, white 88%, var(--surface-card) 12%), color-mix(in srgb, var(--surface-elevated) 84%, white 16%) );--videos-route-thumb-loading-sheen: linear-gradient( 110deg, transparent 16%, color-mix(in srgb, white 72%, var(--accent-primary-soft) 28%) 46%, transparent 72% );--videos-route-thumb-placeholder-bg: linear-gradient( 160deg, color-mix(in srgb, white 86%, var(--accent-primary-soft) 14%), color-mix(in srgb, var(--surface-elevated) 82%, white 18%) );--videos-route-thumb-placeholder-overlay: radial-gradient(circle at top, color-mix(in srgb, var(--accent-primary) 14%, white 86%), transparent 44%);--videos-route-thumb-placeholder-chip-bg: color-mix(in srgb, white 78%, var(--surface-card) 22%);--videos-route-thumb-placeholder-chip-border: color-mix(in srgb, var(--accent-primary) 18%, transparent);--videos-route-thumb-placeholder-chip-shadow: 0 12px 28px rgb(15 23 42 / .08);--videos-route-thumb-placeholder-label-bg: color-mix(in srgb, white 82%, var(--surface-card) 18%);--videos-route-thumb-placeholder-label-border: color-mix(in srgb, var(--border-default) 64%, transparent);--videos-route-thumb-placeholder-label-text: var(--videos-route-copy);--videos-route-thumb-placeholder-icon: var(--accent-info-fg);--videos-route-badge-bg: color-mix(in srgb, var(--surface-card) 88%, rgb(15 23 42 / 12%));--videos-route-badge-border: color-mix(in srgb, var(--border-default) 82%, transparent);--videos-route-badge-text: var(--text-primary);--videos-route-badge-shadow: 0 8px 20px rgb(15 23 42 / .1);--videos-route-quality-badge-bg: color-mix(in srgb, var(--accent-primary) 18%, var(--surface-card));--videos-route-quality-badge-text: var(--accent-primary);--videos-route-media-overlay: linear-gradient(to top, rgb(15 23 42 / .18), rgb(15 23 42 / .04));--videos-route-play-chip-bg: color-mix(in srgb, white 86%, var(--surface-card) 14%);--videos-route-play-chip-border: color-mix(in srgb, var(--border-default) 72%, transparent);--videos-route-play-chip-color: var(--accent-primary);--videos-route-divider: color-mix(in srgb, var(--border-default) 78%, transparent);--videos-route-tag-bg: color-mix(in srgb, var(--surface-elevated) 92%, white 8%);--videos-route-shadow: 0 12px 32px rgb(15 23 42 / .08);--videos-route-shadow-hover: 0 18px 44px rgb(15 23 42 / .12);--videos-route-overlay-shadow: 0 12px 28px rgb(15 23 42 / .14);--videos-route-plyr-controls-bg: linear-gradient(to top, rgb(248 250 252 / .92), rgb(248 250 252 / .24));--videos-route-plyr-menu-bg: color-mix(in srgb, var(--surface-card) 96%, white 4%);--videos-route-plyr-menu-shadow: 0 20px 42px rgb(15 23 42 / .16);--videos-route-plyr-menu-arrow: var(--videos-route-copy);--videos-route-plyr-menu-back-shadow: color-mix(in srgb, white 92%, var(--surface-card) 8%);--videos-route-plyr-hover-bg: color-mix(in srgb, var(--accent-primary) 88%, white 12%);--videos-route-plyr-tooltip-bg: color-mix(in srgb, var(--surface-card) 96%, white 4%);--videos-route-plyr-tooltip-text: var(--text-primary);--videos-route-plyr-progress-loading: rgb(148 163 184 / .34);--videos-route-plyr-marker: color-mix(in srgb, var(--surface-card) 88%, var(--accent-primary) 12%);--videos-route-plyr-buffered: rgb(148 163 184 / .34);--videos-route-plyr-track: rgb(148 163 184 / .2);--videos-route-plyr-thumb: var(--surface-card);--videos-route-plyr-thumb-shadow: 0 1px 2px rgb(15 23 42 / .16), 0 0 0 1px rgb(148 163 184 / .24);--videos-route-plyr-thumb-active: rgb(37 99 235 / .24)}@media (min-width: 1200px){.page-container:has(.videos-hub),.page-container:has(.video-player-page),.page-container:has(.video-chapter-editor-page){max-width:min(1440px,calc(100vw - 48px));padding-left:0;padding-right:0}}.videos-hub{padding:18px 14px 28px;max-width:1380px;margin:0 auto;min-height:100vh;color:var(--videos-route-heading)}.videos-hub-header{margin-bottom:24px}.videos-hub-title{font-size:2.1rem;font-weight:800;letter-spacing:-.03em;color:var(--videos-route-heading);margin-bottom:6px}.videos-hub-subtitle{max-width:42rem;font-size:.95rem;color:var(--videos-route-copy);line-height:1.45}.videos-hub-branding{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;border-radius:8px;background:var(--videos-route-accent-soft);border:1px solid var(--videos-route-accent-border);font-size:.75rem;color:var(--videos-route-accent-copy);text-decoration:none;transition:background .2s,border-color .2s,color .2s}.videos-hub-branding-icon{flex-shrink:0}.videos-hub-branding:hover{background:color-mix(in srgb,var(--videos-route-accent-soft) 72%,var(--videos-route-accent-bg) 28%);border-color:color-mix(in srgb,var(--accent-primary) 58%,transparent);color:var(--videos-route-accent-copy)}.videos-hub-branding.is-admin{color:var(--accent-warning);background:var(--accent-warning-soft);border-color:color-mix(in srgb,var(--accent-warning) 36%,transparent)}.videos-filter-bar{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.videos-filter-bar::-webkit-scrollbar{display:none}.videos-filter-chip{flex-shrink:0;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid var(--videos-route-border);background:var(--videos-route-chip-bg);color:var(--videos-route-copy);cursor:pointer;transition:all .2s;white-space:nowrap}.videos-filter-chip:hover{border-color:var(--videos-route-border-strong);background:var(--videos-route-chip-bg-hover);color:var(--videos-route-heading)}.videos-filter-chip.active{background:var(--videos-route-accent-bg);border-color:var(--videos-route-accent-bg);color:var(--videos-route-accent-text)}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}@media (min-width: 768px){.videos-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.videos-hub{padding:26px 28px 40px}}.video-card{display:flex;flex-direction:column;background:var(--videos-route-card-bg);border-radius:18px;border:1px solid var(--videos-route-border-subtle);overflow:hidden;cursor:pointer;box-shadow:var(--videos-route-shadow);transition:border-color .2s,transform .2s,box-shadow .2s;color:inherit;text-decoration:none}.video-card:hover{border-color:var(--videos-route-accent-border);box-shadow:var(--videos-route-shadow-hover)}.video-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-color:var(--videos-route-accent-border);box-shadow:0 0 0 4px var(--videos-route-accent-soft),var(--videos-route-shadow-hover)}@media (min-width: 768px){.video-card:hover{transform:translateY(-2px)}}.video-card:active{transform:scale(.98)}.video-card-admin{cursor:default}.video-card-thumb{position:relative;aspect-ratio:16 / 9;background:var(--videos-route-thumb-bg);overflow:hidden}.video-card-thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--videos-route-thumb-loading-sheen);background-size:200% 100%;animation:video-shimmer 1.8s infinite;pointer-events:none}.video-card-thumb img{position:relative;z-index:1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;transition:opacity .3s ease}.video-card-thumb img.loaded{opacity:1}.video-card-thumb-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;background:var(--videos-route-thumb-placeholder-bg);color:var(--videos-route-thumb-placeholder-icon)}.video-card-thumb-placeholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--videos-route-thumb-placeholder-overlay);pointer-events:none}.video-card-thumb-placeholder-chip,.video-card-thumb-placeholder-label{position:relative;z-index:1}.video-card-thumb-placeholder-chip{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;background:var(--videos-route-thumb-placeholder-chip-bg);border:1px solid var(--videos-route-thumb-placeholder-chip-border);box-shadow:var(--videos-route-thumb-placeholder-chip-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-card-thumb-placeholder-icon{width:28px;height:28px}.video-card-thumb-placeholder-label{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;border:1px solid var(--videos-route-thumb-placeholder-label-border);background:var(--videos-route-thumb-placeholder-label-bg);color:var(--videos-route-thumb-placeholder-label-text);font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 8px 20px #0f172a14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-card-thumb-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:1.65rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--videos-route-badge-border);background:var(--videos-route-badge-bg);box-shadow:var(--videos-route-badge-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700;color:var(--videos-route-badge-text);line-height:1}.video-card-duration{bottom:8px;right:8px;font-size:.72rem;font-variant-numeric:tabular-nums}.video-card-quality{top:8px;right:8px;border-color:color-mix(in srgb,var(--videos-route-quality-badge-bg) 82%,transparent);background:var(--videos-route-quality-badge-bg);font-size:.64rem;color:var(--videos-route-quality-badge-text);text-transform:uppercase;letter-spacing:.06em}.video-card-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;background:var(--videos-route-media-overlay);opacity:0;pointer-events:none;transition:opacity .2s ease}.video-card-admin .video-card-play-overlay{display:none}@media (hover: hover) and (pointer: fine){.video-card:hover .video-card-play-overlay{opacity:1}.video-card:hover .video-card-play-icon{transform:translateY(-1px) scale(1.04)}}.video-card:focus-visible .video-card-play-overlay{opacity:1}.video-card-play-icon{width:48px;height:48px;border-radius:50%;border:1px solid var(--videos-route-play-chip-border);background:var(--videos-route-play-chip-bg);display:flex;align-items:center;justify-content:center;color:var(--videos-route-play-chip-color);box-shadow:var(--videos-route-overlay-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,background .2s ease,border-color .2s ease}.video-card-play-icon-svg{width:1.1rem;height:1.1rem;margin-left:.08rem}.video-card-body{padding:12px 12px 14px}.video-card-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 14px}.video-card-action-btn{flex:1 1 132px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--videos-route-border);text-decoration:none;font-size:.8rem;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .2s}.video-card-action-btn.secondary{background:var(--videos-route-secondary-bg);color:var(--videos-route-copy)}.video-card-action-btn.primary{background:var(--videos-route-accent-bg);border-color:var(--videos-route-accent-bg);color:var(--videos-route-accent-text)}.video-card-action-btn:hover{transform:translateY(-1px)}.video-card-action-btn.secondary:hover{background:var(--videos-route-secondary-bg-hover);border-color:var(--videos-route-border-strong)}.video-card-action-btn.primary:hover{background:var(--videos-route-accent-bg-hover);border-color:var(--videos-route-accent-bg-hover)}.video-card-title{font-size:1rem;font-weight:700;color:var(--videos-route-heading);line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.video-card-subtitle{margin-top:4px;font-size:.82rem;color:var(--videos-route-copy);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card-meta{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.78rem;font-weight:600;color:var(--videos-route-accent-copy);letter-spacing:.01em}.video-card-tags{display:flex;gap:4px;margin-top:10px;flex-wrap:wrap}.video-card-tag{padding:1px 6px;border-radius:4px;font-size:.65rem;background:var(--videos-route-tag-bg);color:var(--videos-route-tag-text)}.video-card-skeleton{background:var(--videos-route-card-bg);border-radius:12px;border:1px solid var(--videos-route-border-subtle);overflow:hidden;box-shadow:var(--videos-route-shadow)}.video-skel-thumb{aspect-ratio:16 / 9;background:linear-gradient(90deg,color-mix(in srgb,var(--surface-elevated) 78%,transparent) 25%,color-mix(in srgb,var(--surface-card) 84%,var(--surface-elevated) 16%),color-mix(in srgb,var(--surface-elevated) 78%,transparent) 75%);background-size:200% 100%;animation:video-shimmer 1.5s infinite}.video-skel-body{padding:10px;display:flex;flex-direction:column;gap:6px}.video-skel-line{height:12px;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--surface-elevated) 78%,transparent) 25%,color-mix(in srgb,var(--surface-card) 84%,var(--surface-elevated) 16%),color-mix(in srgb,var(--surface-elevated) 78%,transparent) 75%);background-size:200% 100%;animation:video-shimmer 1.5s infinite}.video-skel-line.w85{width:85%}.video-skel-line.w60{width:60%}.video-skel-line.w40{width:40%}@keyframes video-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.videos-empty{max-width:38rem;margin:12px auto 0;padding:40px 24px;text-align:center;color:var(--videos-route-muted);background:var(--videos-route-empty-bg);border:1px solid var(--videos-route-border-subtle);border-radius:24px;box-shadow:var(--videos-route-shadow)}.videos-empty-icon{width:72px;height:72px;margin:0 auto 16px;display:inline-flex;align-items:center;justify-content:center;border-radius:22px;background:var(--videos-route-empty-icon-bg);border:1px solid var(--videos-route-empty-icon-border);color:var(--videos-route-empty-icon-color);box-shadow:inset 0 1px #ffffff14}.videos-empty-icon-svg{width:32px;height:32px}.videos-empty-title{font-size:1.1rem;font-weight:600;color:var(--videos-route-copy);margin-bottom:8px}.videos-empty p{margin:0;color:var(--videos-route-copy)}.videos-empty-error{background:var(--videos-route-empty-error-bg);border-color:var(--videos-route-empty-error-border)}.videos-empty-error .videos-empty-icon{background:var(--videos-route-empty-error-icon-bg);border-color:var(--videos-route-empty-error-border);color:var(--videos-route-empty-error-icon-color)}.video-card{animation:video-card-in .3s ease-out both}.video-card:nth-child(1){animation-delay:.02s}.video-card:nth-child(2){animation-delay:.05s}.video-card:nth-child(3){animation-delay:.08s}.video-card:nth-child(4){animation-delay:.11s}.video-card:nth-child(5){animation-delay:.14s}.video-card:nth-child(6){animation-delay:.17s}.video-card:nth-child(7){animation-delay:.2s}.video-card:nth-child(8){animation-delay:.23s}@keyframes video-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.video-player-page{max-width:1320px;margin:0 auto;padding:12px 12px 28px}@media (min-width: 768px){.video-player-page{padding:24px 28px 40px}}.video-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:.85rem;color:var(--videos-route-muted);background:none;border:none;cursor:pointer;margin-bottom:12px;transition:color .2s}.video-back-btn:hover{color:var(--videos-route-heading)}.video-player-container{border-radius:18px;overflow:hidden;background:#000;aspect-ratio:16 / 9;margin-bottom:16px;box-shadow:var(--videos-route-shadow-hover)}.video-player-container video{width:100%;height:100%}.video-info{padding:4px 0}.video-info-title{font-size:1.8rem;font-weight:800;letter-spacing:-.03em;color:var(--videos-route-heading);margin-bottom:4px}.video-info-subtitle{margin-bottom:10px;font-size:1rem;color:var(--videos-route-copy);line-height:1.45}.video-info-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem;color:var(--videos-route-muted);margin-bottom:12px}.video-info-meta-item{display:flex;align-items:center;gap:4px}.video-info-description{font-size:.9rem;color:var(--videos-route-copy);line-height:1.5;margin-bottom:16px}.video-info-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.video-info-tag{padding:4px 10px;border-radius:6px;font-size:.75rem;background:var(--videos-route-tag-bg);color:var(--videos-route-copy);border:1px solid var(--videos-route-border-subtle)}.video-info-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.video-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;border-radius:10px;border:1px solid var(--videos-route-border);background:var(--videos-route-secondary-bg);color:var(--videos-route-heading);font-size:.84rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.video-share-btn:hover{background:var(--videos-route-secondary-bg-hover);border-color:var(--videos-route-border-strong)}.video-share-btn.primary{background:var(--videos-route-accent-bg);border-color:var(--videos-route-accent-bg);color:var(--videos-route-accent-text)}.video-share-btn.primary:hover{background:var(--videos-route-accent-bg-hover)}.video-setlist{margin-top:20px;padding:16px;border-radius:12px;background:var(--videos-route-panel-bg);border:1px solid var(--videos-route-border-subtle)}.video-setlist-title{font-size:.9rem;font-weight:600;color:var(--videos-route-heading);margin-bottom:12px}.video-setlist-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:1px solid transparent;transition:background .15s,border-color .15s}.video-setlist-item.has-time{cursor:pointer}.video-setlist-item.has-time:hover{background:color-mix(in srgb,var(--surface-elevated) 56%,transparent)}.video-setlist-item.no-time{cursor:default}.video-setlist-item.is-deep-linked{background:var(--videos-route-accent-soft);border-color:var(--videos-route-accent-border)}.video-setlist-num{font-size:.75rem;color:var(--videos-route-muted);width:20px;text-align:right;flex-shrink:0}.video-setlist-song{font-size:.85rem;color:var(--videos-route-heading);flex:1}.video-setlist-item-meta{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.video-setlist-time{font-size:.75rem;color:var(--videos-route-muted);font-variant-numeric:tabular-nums;min-width:52px;text-align:right}.video-setlist-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 10px;border-radius:999px;border:1px solid var(--videos-route-border);background:var(--videos-route-secondary-bg);color:var(--videos-route-copy);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.video-setlist-share-btn:hover{background:var(--videos-route-secondary-bg-hover);border-color:var(--videos-route-accent-border);color:var(--videos-route-accent-copy)}.video-download-section{margin-top:16px;padding:16px;border-radius:12px;background:var(--videos-route-panel-bg);border:1px solid var(--videos-route-border-subtle)}.video-quality-selector{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--videos-route-divider)}.video-quality-label{font-size:.8rem;font-weight:600;color:var(--videos-route-copy);flex-shrink:0}.video-quality-pills{display:flex;gap:6px;flex-wrap:wrap}.video-quality-pill{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 14px;border-radius:8px;border:1px solid var(--videos-route-border-subtle);background:var(--videos-route-secondary-bg);cursor:pointer;transition:all .2s}.video-quality-pill:hover{border-color:var(--videos-route-border-strong);background:var(--videos-route-secondary-bg-hover)}.video-quality-pill.active{border-color:var(--videos-route-accent-border);background:var(--videos-route-accent-soft)}.video-quality-pill-label{font-size:.8rem;font-weight:600;color:var(--videos-route-heading)}.video-quality-pill.active .video-quality-pill-label{color:var(--videos-route-accent-copy)}.video-quality-pill-size{font-size:.65rem;color:var(--videos-route-muted)}.video-download-list{display:flex;flex-direction:column;gap:8px}.video-download-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;transition:background .15s}.video-download-row:hover{background:color-mix(in srgb,var(--surface-elevated) 44%,transparent)}.video-download-info{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--videos-route-copy)}.video-download-quality{font-weight:600;color:var(--videos-route-heading)}.video-download-res,.video-download-size{color:var(--videos-route-muted)}.video-download-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:500;color:var(--videos-route-accent-text);background:var(--videos-route-accent-bg);border:1px solid var(--videos-route-accent-bg);cursor:pointer;transition:all .2s;text-decoration:none;flex-shrink:0}.video-download-btn:hover{background:var(--videos-route-accent-bg-hover)}.video-player-container .plyr{--plyr-color-main: var(--accent-primary);--plyr-video-background: #000;--plyr-badge-background: var(--videos-route-quality-badge-bg);--plyr-badge-text-color: var(--videos-route-quality-badge-text);--plyr-control-toggle-checked-background: var(--accent-primary);--plyr-video-control-color: var(--videos-route-heading);--plyr-video-control-color-hover: var(--videos-route-accent-text);--plyr-video-control-background-hover: var(--videos-route-plyr-hover-bg);--plyr-video-controls-background: var(--videos-route-plyr-controls-bg);--plyr-menu-background: var(--videos-route-plyr-menu-bg);--plyr-menu-radius: 12px;--plyr-menu-color: var(--videos-route-heading);--plyr-menu-shadow: var(--videos-route-plyr-menu-shadow);--plyr-menu-arrow-color: var(--videos-route-plyr-menu-arrow);--plyr-menu-back-border-color: var(--videos-route-divider);--plyr-menu-back-border-shadow-color: var(--videos-route-plyr-menu-back-shadow);--plyr-tooltip-background: var(--videos-route-plyr-tooltip-bg);--plyr-tooltip-color: var(--videos-route-plyr-tooltip-text);--plyr-tooltip-padding: 6px;--plyr-tooltip-radius: 8px;--plyr-tooltip-shadow: var(--videos-route-plyr-menu-shadow);--plyr-progress-loading-background: var(--videos-route-plyr-progress-loading);--plyr-progress-marker-background: var(--videos-route-plyr-marker);--plyr-video-progress-buffered-background: var(--videos-route-plyr-buffered);--plyr-range-fill-background: var(--accent-primary);--plyr-range-thumb-background: var(--videos-route-plyr-thumb);--plyr-range-thumb-shadow: var(--videos-route-plyr-thumb-shadow);--plyr-range-thumb-active-shadow-width: 3px;--plyr-video-range-track-background: var(--videos-route-plyr-track);--plyr-video-range-thumb-active-shadow-color: var(--videos-route-plyr-thumb-active);border-radius:12px}.video-player-page .video-player-container .plyr__poster{pointer-events:none}.video-player-container .plyr__controls{gap:6px}.video-player-container .plyr__controls .video-player-skip-bar{min-width:46px;padding:0 8px}.video-player-container .plyr__menu__container{background:var(--videos-route-plyr-menu-bg);border:1px solid var(--videos-route-border);border-radius:12px;box-shadow:var(--videos-route-plyr-menu-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.video-player-container .plyr__menu__container .plyr__control{color:var(--videos-route-heading);font-size:.86rem}.video-player-container .plyr__menu__container .plyr__control:hover,.video-player-container .plyr__menu__container .plyr__control:focus-visible,.video-player-container .plyr__menu__container .plyr__control[aria-checked=true]{background:var(--videos-route-accent-soft);color:var(--videos-route-heading)}.video-player-container .plyr__menu__container .plyr__control:before{border-color:color-mix(in srgb,var(--videos-route-border-strong) 88%,transparent);background:transparent}.video-player-container .plyr__menu__container .plyr__control[aria-checked=true]:before{background:var(--accent-primary);border-color:var(--accent-primary)}.video-player-container .plyr__menu__container .plyr__control--back{border-bottom:1px solid var(--videos-route-border-subtle);margin-bottom:4px}.video-player-container .plyr__menu__value{color:var(--videos-route-accent-copy)}.video-player-loading-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--videos-route-muted);background:var(--videos-route-panel-bg)}.video-player-footer-branding{margin-top:32px;padding-top:16px;border-top:1px solid var(--videos-route-border-subtle);text-align:center}.video-player-inline-icon{flex-shrink:0}.video-player-skip-bar-icon-wrap{display:inline-flex;align-items:center;gap:4px;line-height:1}.video-player-skip-bar-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;font-size:.74rem;font-weight:800;line-height:1;letter-spacing:-.16em}.video-player-skip-bar-amount{font-size:.68rem;font-weight:700;line-height:1;color:currentColor;font-variant-numeric:tabular-nums;letter-spacing:-.01em}@media (max-width: 640px){.video-player-page{padding-left:10px;padding-right:10px}.video-player-container .plyr{--plyr-control-spacing: 8px;--plyr-control-icon-size: 17px;--plyr-range-track-height: 6px;--plyr-range-thumb-height: 15px}.video-player-container{border-radius:16px;margin-bottom:14px}.video-info-title{font-size:1.55rem}.video-info-actions{flex-direction:column}.video-share-btn{width:100%}.video-download-section{padding:14px}.video-setlist-item{align-items:flex-start}.video-setlist-item-meta{gap:6px}.video-setlist-share-btn{min-height:32px;padding:5px 9px}.video-quality-selector{flex-direction:column;align-items:stretch;gap:10px}.video-quality-pills{width:100%}.video-quality-pill{flex:1 1 120px;min-width:0;padding:8px 12px}.video-download-row{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.video-download-info{flex-wrap:wrap;align-items:baseline;gap:4px 10px}.video-download-quality{flex-basis:100%}.video-download-btn{width:100%;justify-content:center}.video-player-page .video-player-container .plyr.plyr--video .plyr__controls{display:grid;grid-template-columns:auto auto auto minmax(0,1fr) auto auto;grid-template-rows:16px auto;grid-template-areas:"progress progress progress progress progress progress" "play    rewind   forward  time     settings fullscreen";align-items:center;-moz-column-gap:2px;column-gap:2px;row-gap:6px;padding:4px 4px max(4px,calc(env(safe-area-inset-bottom,0px) + 4px))}.video-player-page .video-player-container .plyr.plyr--video .plyr__controls .plyr__controls__item{margin-left:0}.video-player-page .video-player-container .plyr.plyr--video .plyr__controls .plyr__controls__item:first-child{margin-right:0}.video-player-page .video-player-container .plyr.plyr--video .plyr__controls [data-plyr=play]{grid-area:play}.video-player-page .video-player-container .plyr.plyr--video .plyr__controls .video-player-skip-bar.rewind{grid-area:rewind}.video-player-page .video-player-container .plyr.plyr--video .plyr__controls .video-player-skip-bar.forward{grid-area:forward}.video-player-page .video-player-container .plyr.plyr--video .plyr__controls .plyr__progress__container{grid-area:progress;width:auto;min-width:0;margin:0;padding-left:calc(var(--plyr-range-thumb-height, 15px) * .5 + 4px);padding-right:calc(var(--plyr-range-thumb-height, 15px) * .5 + 4px);overflow:visible}.video-player-page .video-player-container .plyr.plyr--video .plyr__controls .plyr__progress{left:0;margin-right:0;height:16px}.video-player-page .video-player-container .plyr.plyr--video .plyr__controls .plyr__progress input[data-plyr=seek]{margin-left:0;margin-right:0;width:100%;height:16px}.video-player-page .video-player-container .plyr.plyr--video .plyr__controls .plyr__time--current{grid-area:time;padding:0 6px;font-size:.72rem;justify-self:start}.video-player-page .video-player-container .plyr.plyr--video .plyr__controls>.plyr__menu{grid-area:settings;justify-self:end}.video-player-page .video-player-container .plyr.plyr--video .plyr__controls [data-plyr=fullscreen]{grid-area:fullscreen;justify-self:end}.video-player-page .video-player-container .plyr.plyr--video .plyr__controls .video-player-skip-bar{min-width:40px;padding:4px 6px}.video-player-skip-bar-icon-wrap{gap:3px}.video-player-skip-bar-icon{width:14px;height:14px}.video-player-skip-bar-amount{font-size:.62rem}.video-player-page .video-player-container .plyr__control--overlaid{top:calc(50% - 20px);transform:translate(-50%,-50%) scale(.82)}}@media (min-width: 768px){.video-quality-selector,.video-download-row{flex-direction:row;align-items:center}.video-download-btn{width:auto}}.video-chapter-editor-page{max-width:1520px;margin:0 auto;padding:16px 12px 32px}.video-chapter-editor-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}.video-chapter-editor-nav,.video-chapter-editor-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.video-chapter-editor-current{font-size:.85rem;color:var(--videos-route-muted)}.video-chapter-save-btn{border:1px solid var(--videos-route-accent-bg);background:var(--videos-route-accent-bg);color:var(--videos-route-accent-text);border-radius:10px;padding:10px 14px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 10px 24px color-mix(in srgb,var(--videos-route-accent-bg) 24%,transparent)}.video-chapter-save-btn:hover:not(:disabled){background:var(--videos-route-accent-bg-hover);border-color:var(--videos-route-accent-bg-hover);transform:translateY(-1px)}.video-chapter-save-btn:disabled{opacity:.7;cursor:wait;transform:none;box-shadow:none}.video-chapter-editor-meta{margin:10px 0 18px}.video-chapter-editor-meta h1{margin:0;font-size:1.7rem;color:var(--videos-route-heading)}.video-chapter-editor-meta p{margin:4px 0 0;color:var(--videos-route-copy)}.video-chapter-save-message{margin-top:8px;font-size:.85rem;font-weight:600}.video-chapter-save-message.is-success{color:var(--accent-success)}.video-chapter-save-message.is-error{color:var(--accent-danger);font-size:.85rem}.video-chapter-editor-grid{display:grid;gap:18px}.video-chapter-editor-main,.video-chapter-analysis-card{border:1px solid var(--videos-route-border-subtle);background:var(--videos-route-panel-bg);border-radius:16px;box-shadow:var(--videos-route-shadow)}.video-chapter-preview{padding:14px;border-bottom:1px solid var(--videos-route-divider)}.video-chapter-preview .video-player-container{margin-bottom:0;box-shadow:none;border-radius:12px}.video-chapter-preview .plyr__controls{gap:8px}.video-chapter-preview .plyr__controls .plyr__progress__container{flex:1 1 auto;min-width:280px}.video-chapter-preview .plyr__controls [data-plyr=pip],.video-chapter-preview .plyr__controls [data-plyr=download]{display:none}.video-chapter-setlist,.video-chapter-analysis-card{padding:14px}.video-chapter-setlist-header{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.video-chapter-add-btn{border:1px solid var(--videos-route-accent-border);background:var(--videos-route-accent-soft);color:var(--videos-route-accent-copy);border-radius:10px;padding:8px 12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}.video-chapter-add-btn:hover{background:color-mix(in srgb,var(--videos-route-accent-soft) 68%,var(--videos-route-accent-bg) 32%);border-color:color-mix(in srgb,var(--videos-route-accent-bg) 62%,transparent);color:var(--videos-route-heading);transform:translateY(-1px)}.video-chapter-row{display:grid;gap:12px;padding:12px 0;border-top:1px solid var(--videos-route-divider)}.video-chapter-row:first-of-type{border-top:none}.video-chapter-row-top{display:grid;gap:10px}.video-chapter-song{display:flex;gap:12px;align-items:flex-start}.video-chapter-song-fields{flex:1;min-width:0}.video-chapter-index{min-width:24px;color:var(--videos-route-muted);font-size:.8rem;text-align:right;padding-top:2px}.video-chapter-title-input{width:100%;border:1px solid var(--videos-route-border);background:color-mix(in srgb,var(--surface-overlay) 88%,transparent);color:var(--videos-route-heading);border-radius:10px;padding:10px 12px;font-size:.92rem;font-weight:600;transition:border-color .2s,background .2s,box-shadow .2s}.video-chapter-title-input::-moz-placeholder,.video-chapter-input::-moz-placeholder{color:var(--videos-route-muted)}.video-chapter-title-input::placeholder,.video-chapter-input::placeholder{color:var(--videos-route-muted)}.video-chapter-title-input:hover,.video-chapter-input:hover{border-color:var(--videos-route-border-strong)}.video-chapter-title-input:focus,.video-chapter-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft)}.video-chapter-suggestion{margin-top:4px;color:var(--accent-info-fg);font-size:.78rem}.video-chapter-row-actions{display:flex;flex-wrap:wrap;gap:8px}.video-chapter-row-btn{border:1px solid var(--videos-route-border);background:var(--videos-route-secondary-bg);color:var(--videos-route-copy);border-radius:999px;padding:8px 12px;font-size:.76rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}.video-chapter-row-btn:hover:not(:disabled){background:var(--videos-route-secondary-bg-hover);border-color:var(--videos-route-border-strong);color:var(--videos-route-heading);transform:translateY(-1px)}.video-chapter-row-btn:disabled{opacity:.45;cursor:not-allowed}.video-chapter-row-btn.danger{color:var(--accent-danger);border-color:color-mix(in srgb,var(--accent-danger) 34%,transparent);background:var(--accent-danger-soft)}.video-chapter-row-btn.danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-danger) 48%,transparent);background:color-mix(in srgb,var(--accent-danger-soft) 72%,var(--accent-danger) 28%);color:var(--accent-danger-fg)}.video-chapter-controls{display:flex;flex-wrap:wrap;gap:8px}.video-chapter-controls button{border:1px solid var(--videos-route-border);background:var(--videos-route-secondary-bg);color:var(--videos-route-copy);border-radius:8px;padding:8px 10px;font-size:.8rem;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}.video-chapter-controls button:hover{background:var(--videos-route-secondary-bg-hover);border-color:var(--videos-route-accent-border);color:var(--videos-route-heading);transform:translateY(-1px)}.video-chapter-input{min-width:92px;border:1px solid var(--videos-route-border);background:color-mix(in srgb,var(--surface-overlay) 88%,transparent);color:var(--videos-route-heading);border-radius:8px;padding:8px 10px;font-size:.82rem}.video-chapter-transcript-list{display:flex;flex-direction:column;gap:8px;max-height:70vh;overflow-y:auto}.video-chapter-transcript-item{display:grid;grid-template-columns:62px 1fr;gap:10px;align-items:start;border:1px solid var(--videos-route-border-subtle);background:color-mix(in srgb,var(--surface-overlay) 72%,transparent);color:var(--videos-route-copy);border-radius:10px;padding:10px;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}.video-chapter-transcript-item:hover{background:var(--videos-route-secondary-bg-hover);border-color:var(--videos-route-accent-border);color:var(--videos-route-heading);transform:translateY(-1px)}.video-chapter-transcript-item span:first-child{color:var(--videos-route-accent-copy);font-variant-numeric:tabular-nums}.video-chapter-empty{color:var(--videos-route-muted);margin:0}@media (min-width: 720px){.video-chapter-row-top{grid-template-columns:minmax(0,1fr) auto;align-items:start}}@media (min-width: 1100px){.video-chapter-editor-grid{grid-template-columns:minmax(0,1.7fr) minmax(340px,.8fr);align-items:start}.video-chapter-preview{padding:18px}}@media (min-width: 1360px){.video-chapter-editor-grid{grid-template-columns:minmax(0,1.9fr) minmax(340px,.75fr)}}:root{--demo-banner-height: 0px}body.has-demo-banner{--demo-banner-height: 36px}.demo-banner{position:fixed;top:0;left:0;right:0;z-index:1000005;background:linear-gradient(135deg,#10b98126,#14b8a61f);border-bottom:1px solid rgba(16,185,129,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.demo-banner-inner{max-width:600px;margin:0 auto;padding:7px 16px;display:flex;align-items:center;justify-content:center;gap:12px}.demo-banner-text{font-size:13px;color:#a7f3d0e6;font-weight:500}[data-theme=light] .demo-banner-text{color:#065f46e6}.demo-banner-cta{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#14b8a6);border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.demo-banner-cta:active{transform:scale(.96)}.demo-banner-spacer{height:36px}@media (min-width: 768px){.demo-banner{left:72px}}.theme-toggle-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:18px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:1.5rem;padding:var(--space-4)}.theme-toggle-header-row{align-items:flex-start;display:flex;flex-direction:column;gap:.875rem;justify-content:space-between}.theme-toggle-header{display:flex;flex-direction:column;gap:.25rem}.theme-toggle-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.theme-toggle-subtitle{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.theme-toggle-current{align-items:flex-start;align-self:stretch;background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);border:1px solid var(--border-subtle);border-radius:14px;display:inline-flex;flex-direction:column;gap:.2rem;padding:.65rem .85rem}.theme-toggle-current-label{color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.theme-toggle-current-value{color:var(--text-primary);font-size:.9rem;font-weight:600}.theme-toggle-group{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:14px;display:grid;gap:.375rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.25rem}.theme-toggle-option{align-items:center;background:transparent;border:0;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-height:64px;padding:.85rem .65rem;position:relative;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}.theme-toggle-option:hover:not(:disabled){background:var(--surface-elevated);color:var(--text-primary)}.theme-toggle-option:active:not(:disabled){transform:scale(.98)}.theme-toggle-option:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-card),0 0 0 4px var(--accent-primary)}.theme-toggle-option.is-selected{background:var(--accent-primary);box-shadow:var(--shadow-sm),inset 0 0 0 1px color-mix(in srgb,white 16%,transparent);color:var(--accent-primary-fg)}.theme-toggle-icon-shell{align-items:center;background:color-mix(in srgb,var(--surface-card) 90%,transparent);border-radius:999px;display:inline-flex;height:2rem;justify-content:center;width:2rem}.theme-toggle-option.is-selected .theme-toggle-icon-shell{background:color-mix(in srgb,white 18%,transparent)}.theme-toggle-option:disabled{cursor:not-allowed;opacity:.6}.theme-toggle-icon{height:18px;width:18px}.theme-toggle-label{line-height:1}.theme-toggle-status{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}@media (min-width: 768px){.theme-toggle-header-row{align-items:center;flex-direction:row}.theme-toggle-current{align-self:auto;min-width:12rem}.theme-toggle-option{min-height:56px}}@media (max-width: 767px){body{padding-left:.375rem;padding-right:.375rem;padding-top:0}.page-wrapper{padding-bottom:var(--bottom-nav-clearance)}.day-view-container,.analytics-container,.settings-container{width:100%;padding:0;margin-top:0}.daily-box,.daily-summary-box,.daily-notes-container,.entry-form-container,.all-entries-container{width:100%;margin-bottom:.375rem;padding:.5rem 0;border-radius:var(--radius-md, .375rem)}.entry-form-container{display:block;visibility:visible;z-index:1}.day-view-container input:not([type=date]),.day-view-container select,.day-view-container textarea{width:100%;background-color:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-sm, .25rem);padding:.375rem .5rem;color:var(--text-primary);margin-bottom:.375rem}.day-view-container input[type=date],.day-view-container input[readonly]{background-color:color-mix(in srgb,var(--surface-sunken) 82%,transparent);border:1px solid var(--border-default)}textarea.sleep-notes,textarea.notes-input,.daily-notes-form textarea,textarea[name=sleepNotes]{min-height:80px;background-color:var(--surface-sunken);border:1px solid var(--border-default);resize:vertical}.sleep-tracking textarea,.sleep-notes-container textarea{background-color:var(--surface-sunken);border:1px solid var(--border-default)}.form-group{margin-bottom:.375rem}.form-group label{margin-bottom:.125rem;display:block;font-size:.875rem}.daily-box h2,.daily-summary-box h2,.daily-notes-container h2,.entry-form-container h2,.all-entries-container h2{font-size:1rem;margin-top:0;margin-bottom:.375rem}.navigation-bar{padding:0 .375rem}.btn{padding:.375rem .5rem;font-size:.875rem}}@media (max-width: 767px){.entries-list-box table thead,.daily-box.entries-list-box table thead{display:none}.entries-list-box table,.entries-list-box table tbody,.entries-list-box table tr,.daily-box.entries-list-box table,.daily-box.entries-list-box table tbody,.daily-box.entries-list-box table tr{display:block;width:100%}.entries-list-box table tr,.daily-box.entries-list-box table tr{margin-bottom:10px;padding:10px;border-radius:8px;background-color:color-mix(in srgb,var(--surface-elevated) 82%,var(--surface-card));box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.entries-list-box table td,.daily-box.entries-list-box table td{display:block;width:100%;text-align:left;padding:3px 8px;border:none;position:relative;min-height:0;line-height:1.4}.entries-list-box table td:nth-child(1):before,.daily-box.entries-list-box table td:nth-child(1):before{content:"Time: ";font-weight:600;color:var(--text-muted)}.entries-list-box table td:nth-child(2):before,.daily-box.entries-list-box table td:nth-child(2):before{content:"Type: ";font-weight:600;color:var(--text-muted)}.entries-list-box table td:nth-child(3):before,.daily-box.entries-list-box table td:nth-child(3):before{content:none}.entries-list-box table td:nth-child(4):before,.daily-box.entries-list-box table td:nth-child(4):before{content:"Calories: ";font-weight:600;color:var(--text-muted)}.entries-list-box table td:nth-child(5):before,.daily-box.entries-list-box table td:nth-child(5):before{content:"Protein (g): ";font-weight:600;color:var(--text-muted)}.entries-list-box table td:nth-child(2)>span,.daily-box.entries-list-box table td:nth-child(2)>span,.entries-list-box table td:nth-child(5)>div,.daily-box.entries-list-box table td:nth-child(5)>div{display:inline-flex}.entries-list-box table td:nth-child(5),.daily-box.entries-list-box table td:nth-child(5){text-align:left}.entries-list-box table td:nth-child(4):empty,.entries-list-box table td:nth-child(5):empty,.entries-list-box table td:nth-child(4):only-child:empty,.entries-list-box table td:nth-child(5):only-child:empty,.entries-list-box table td:empty,.daily-box.entries-list-box table td:nth-child(4):empty,.daily-box.entries-list-box table td:nth-child(5):empty,.daily-box.entries-list-box table td:nth-child(4):only-child:empty,.daily-box.entries-list-box table td:nth-child(5):only-child:empty,.daily-box.entries-list-box table td:empty{display:none}.entries-list-box table td:last-child,.daily-box.entries-list-box table td:last-child{display:flex;justify-content:flex-start;gap:8px;margin-top:8px;border-top:1px solid var(--border-subtle);padding-top:8px}.entries-list-box table td:last-child:before,.daily-box.entries-list-box table td:last-child:before{content:none}.entries-list-box table td:last-child button,.daily-box.entries-list-box table td:last-child button{font-size:13px;padding:5px 10px;border-radius:4px;font-weight:500;margin:0}.entries-list-box table td:last-child button:nth-of-type(1),.daily-box.entries-list-box table td:last-child button:nth-of-type(1){background-color:var(--accent-primary);color:var(--accent-primary-fg)}.entries-list-box table td:last-child button:nth-of-type(2),.daily-box.entries-list-box table td:last-child button:nth-of-type(2){background-color:var(--accent-success);color:var(--accent-success-fg)}.entries-list-box table td:last-child button:nth-of-type(3),.daily-box.entries-list-box table td:last-child button:nth-of-type(3){background-color:var(--accent-danger);color:var(--accent-danger-fg)}.entries-list-box table td:last-child button:hover,.daily-box.entries-list-box table td:last-child button:hover{opacity:.9}}@media (max-width: 767px){.pagination-controls{display:flex;flex-direction:column;gap:12px;background-color:color-mix(in srgb,var(--surface-elevated) 82%,var(--surface-card));border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);padding:16px;border-radius:12px;margin-bottom:16px;width:100%}.entries-selector{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;padding:4px 0!important}.entries-selector span:first-child{font-size:16px;color:var(--text-secondary);white-space:nowrap;display:inline-block;width:auto;padding-right:4px}.entries-selector span:last-child{font-size:16px;color:var(--text-secondary);white-space:nowrap;display:inline-block;width:auto;padding-right:4px}.pagination-select{min-width:80px;width:auto;padding:10px 30px 10px 12px;font-size:16px;background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card))!important;color:var(--text-primary)!important;border-radius:8px;text-align:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20' stroke='%2394A3B8' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;border:1px solid var(--border-default)}[data-theme=light] .pagination-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20' stroke='%23334155' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")!important}.entries-count{display:none}.page-navigation{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:4px 0!important}.page-button{padding:12px 16px!important;min-width:80px!important;font-size:16px!important;background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card))!important;border-radius:8px;color:var(--text-primary)!important;text-align:center;border:1px solid var(--border-default);flex:1!important;margin:0 6px!important;font-weight:500}.page-navigation .page-button:first-child{margin-left:0!important}.page-navigation .page-button:last-child{margin-right:0!important}.desktop-page-controls{display:none!important}.mobile-page-indicator{display:block!important;font-size:18px!important;color:var(--text-primary)!important;font-weight:500;min-width:60px!important;text-align:center;padding:12px 0!important;background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card))!important;border:1px solid var(--border-default);border-radius:8px}}@media (max-width: 767px){.entries-list-box .min-w-full,.daily-box.entries-list-box .min-w-full{width:100%;min-width:100%}.entries-list-box .divide-y,.daily-box.entries-list-box .divide-y{border:none;border-width:0;border-color:transparent}.entries-list-box table.border-separate,.daily-box.entries-list-box table.border-separate{border-collapse:collapse;border-spacing:0}.entries-list-box .overflow-x-auto,.daily-box.entries-list-box .overflow-x-auto{overflow-x:visible;width:100%}.entries-list-box tbody.bg-slate-800,.daily-box.entries-list-box tbody.bg-slate-800{background-color:transparent}.entries-list-box tbody.divide-y,.daily-box.entries-list-box tbody.divide-y{background-color:transparent;border:none;border-width:0}}@media (max-width: 767px){tr.mobile-entry-card{display:block;width:100%;margin-bottom:10px;padding:10px;border-radius:8px;background-color:color-mix(in srgb,var(--surface-elevated) 82%,var(--surface-card));box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}tr.mobile-entry-card td{display:block;width:100%;text-align:left;padding:3px 8px;border:none;position:relative;min-height:0;line-height:1.4}tr.mobile-entry-card td:nth-child(1):before{content:"Time: ";font-weight:600;color:var(--text-muted)}tr.mobile-entry-card td:nth-child(2):before{content:"Type: ";font-weight:600;color:var(--text-muted)}tr.mobile-entry-card td:nth-child(3):before{content:"Description: ";font-weight:600;color:var(--text-muted)}tr.mobile-entry-card td:nth-child(4):before{content:"Calories: ";font-weight:600;color:var(--text-muted)}tr.mobile-entry-card td:nth-child(5):before{content:"Protein (g): ";font-weight:600;color:var(--text-muted)}tr.mobile-entry-card td:last-child{display:flex;justify-content:flex-start;gap:8px;margin-top:8px;border-top:1px solid var(--border-subtle);padding-top:8px}tr.mobile-entry-card td:last-child:before{content:none}tr.mobile-entry-card td:last-child button{font-size:13px;padding:5px 10px;border-radius:4px;font-weight:500;margin:0}tr.mobile-entry-card td:last-child button:nth-of-type(1){background-color:var(--accent-primary);color:var(--accent-primary-fg)}tr.mobile-entry-card td:last-child button:nth-of-type(2){background-color:var(--accent-success);color:var(--accent-success-fg)}tr.mobile-entry-card td:last-child button:nth-of-type(3){background-color:var(--accent-danger);color:var(--accent-danger-fg)}}@media (max-width: 767px){.fixed.inset-0.flex.items-center.justify-center.z-50,.fixed.inset-0.bg-black.bg-opacity-50.flex.items-center.justify-center.z-50{padding:16px;overflow-y:auto}.fixed.inset-0.flex.items-center.justify-center.z-50>div.bg-slate-800,.fixed.inset-0.bg-black.bg-opacity-50.flex.items-center.justify-center.z-50>div.bg-slate-800{max-width:100%;width:100%;margin:16px;max-height:calc(100vh - 32px);overflow-y:auto;position:relative;padding-bottom:var(--bottom-nav-clearance)}.fixed.inset-0.flex.items-center.justify-center.z-50 button.absolute.top-3.right-3,.fixed.inset-0.bg-black.bg-opacity-50.flex.items-center.justify-center.z-50 button.absolute.top-3.right-3{top:10px;right:10px;background-color:#0f172a99;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:60;box-shadow:0 2px 10px #0000004d}.fixed.inset-0.flex.items-center.justify-center.z-50 h2,.fixed.inset-0.bg-black.bg-opacity-50.flex.items-center.justify-center.z-50 h2{font-size:18px;padding-right:40px;margin-bottom:16px}.fixed.inset-0.flex.items-center.justify-center.z-50 input,.fixed.inset-0.flex.items-center.justify-center.z-50 select,.fixed.inset-0.flex.items-center.justify-center.z-50 textarea,.fixed.inset-0.bg-black.bg-opacity-50.flex.items-center.justify-center.z-50 input,.fixed.inset-0.bg-black.bg-opacity-50.flex.items-center.justify-center.z-50 select,.fixed.inset-0.bg-black.bg-opacity-50.flex.items-center.justify-center.z-50 textarea{font-size:16px;padding:10px}.fixed.inset-0.flex.items-center.justify-center.z-50 .flex.justify-end,.fixed.inset-0.bg-black.bg-opacity-50.flex.items-center.justify-center.z-50 .flex.justify-end{position:absolute;bottom:0;left:0;right:0;padding:16px;background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card));border-top:1px solid var(--border-subtle);justify-content:space-between;width:100%;box-shadow:var(--shadow-sm)}.fixed.inset-0.flex.items-center.justify-center.z-50 .flex.justify-end button,.fixed.inset-0.bg-black.bg-opacity-50.flex.items-center.justify-center.z-50 .flex.justify-end button{min-width:44%;padding:10px;font-size:16px;border-radius:6px}}@media (max-width: 767px){.fixed.inset-0.flex.items-center.justify-center.z-50>div.bg-slate-800{max-width:90%;margin:16px auto}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800>h2+div .text-xl.font-semibold{display:none}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .space-y-6{margin-top:0;margin-bottom:0;gap:8px}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .grid.grid-cols-3:not(.grid-cols-4),.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .grid.grid-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .grid.grid-cols-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .space-y-6>div{margin-bottom:8px}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(2),.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(3){display:flex;flex-direction:row;gap:8px}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(2)>div,.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .text-xl.font-semibold+.space-y-6>div:nth-last-child(3)>div{width:50%}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 input[type=time],.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 input[type=number],.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 select{padding:6px 8px;height:38px}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 textarea{min-height:96px;transition:height .3s ease;overflow-y:auto;resize:none;box-sizing:border-box;line-height:1.5;max-height:300px;padding:12px}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .flex.justify-end{background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card));box-shadow:var(--shadow-sm)}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .flex.justify-end button:last-child{background-color:var(--accent-primary);color:var(--accent-primary-fg)}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .flex.justify-end button:first-child{background-color:color-mix(in srgb,var(--surface-elevated) 92%,var(--surface-card));color:var(--text-secondary);border:1px solid var(--border-subtle)}}@media (max-width: 767px){.fixed.inset-0.flex.items-center.justify-center.z-50 .absolute.top-3.right-3 svg,.fixed.inset-0.bg-black.bg-opacity-50.flex.items-center.justify-center.z-50 .absolute.top-3.right-3 svg{width:24px;height:24px;color:var(--text-primary);opacity:.9;stroke-width:2.5}.fixed.inset-0.flex.items-center.justify-center.z-50 .absolute.top-3.right-3:before,.fixed.inset-0.bg-black.bg-opacity-50.flex.items-center.justify-center.z-50 .absolute.top-3.right-3:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background-color:transparent;z-index:-1}.fixed.inset-0.flex.items-center.justify-center.z-50 .bg-slate-800>button.absolute{position:fixed;top:16px;right:16px;background-color:color-mix(in srgb,var(--surface-elevated) 90%,var(--surface-card));padding:10px;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}}@media (max-width: 767px){.fixed.inset-0.flex.items-center.justify-center.z-50>.bg-slate-800,.fixed.inset-0.bg-black.bg-opacity-50.flex.items-center.justify-center.z-50>.bg-slate-800{padding:20px 16px 16px;padding-bottom:var(--bottom-nav-clearance);max-height:90vh;overflow-y:auto;margin:0 auto;width:100%;max-width:500px;position:relative}.fixed.inset-0.flex.items-center.justify-center.z-50 .bg-slate-800 form,.fixed.inset-0.bg-black.bg-opacity-50.flex.items-center.justify-center.z-50 .bg-slate-800 form{overflow-y:auto;max-height:calc(90vh - 120px);padding-bottom:16px;width:100%}.fixed.inset-0.flex.items-center.justify-center.z-50 .bg-slate-800 form>div:last-child,.fixed.inset-0.bg-black.bg-opacity-50.flex.items-center.justify-center.z-50 .bg-slate-800 form>div:last-child{position:sticky;bottom:-16px;background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card));margin-left:-16px;margin-right:-16px;padding:16px;width:calc(100% + 32px);display:flex;justify-content:space-between;box-shadow:var(--shadow-sm);z-index:10;border-top:1px solid var(--border-subtle)}.fixed.inset-0.flex.items-center.justify-center.z-50 button[aria-label=Close],.fixed.inset-0.bg-black.bg-opacity-50.flex.items-center.justify-center.z-50 button[aria-label=Close]{z-index:101}}@media (max-width: 767px){.day-view-container,.analytics-container,.settings-container,.chart-container,.daily-box,.daily-summary-box,.daily-notes-box,.entries-list-box,[class*=chart]{max-width:100vw;width:100%;overflow-x:hidden;box-sizing:border-box}canvas,[class*=Chart],.chart-container canvas,.weight-tracking-chart,.calorieChart,.calorieChart canvas,.chart-container>div{max-width:100%;width:100%;box-sizing:border-box;overflow-x:hidden}body,html,#root,[class*=container],.day-view-page,.analytics-page{max-width:100vw;overflow-x:hidden}}@media (max-width: 767px){h1,h2,h3,h4,h5,h6,p,span,button,a,label,div,td,th{overflow-x:visible;white-space:normal}.whitespace-nowrap{white-space:nowrap!important}.garmin-settings-page:before,.category-settings-page:before{content:attr(data-page-name);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;height:56px;background-color:var(--color-bg-navbar, var(--surface-page));color:#fff;font-size:1.2rem;font-weight:600;z-index:50;padding:0 1rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 4px #0000001a}.garmin-settings-page:before{content:"Garmin"}.category-settings-page:before{content:"Categories"}.analytics-page .navigation-bar .flex.justify-center,.fixed.top-0.inset-x-0 .flex.justify-center,[class*=container]>.flex.justify-center,.analytics-top-text{font-weight:700;letter-spacing:.01em}.analytics-title,h1.analytics-title,.page-title.analytics-title,h1[data-testid=analytics-headline],html body .analytics-page .page-content-container h1.analytics-title{font-size:1.5rem;font-weight:600;margin-bottom:1.25rem;padding-bottom:.5rem;padding-right:15px;line-height:1.15;max-width:calc(100% - 15px);word-break:break-word;overflow:visible;white-space:normal;position:relative}.analytics-dashboard-header{font-size:1.5rem;font-weight:600;margin-bottom:1.25rem;padding-bottom:.5rem;padding-right:15px;line-height:1.15;max-width:calc(100% - 15px);overflow:visible}.entries-selector span:last-child,.entries-selector span:first-child{font-size:16px;color:var(--text-secondary);white-space:nowrap;display:inline-block;width:auto;padding-right:8px}.page-navigation button,.page-button{padding:12px 20px 12px 16px;min-width:100px;font-size:16px;background-color:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-card));border-radius:8px;color:var(--text-primary);text-align:center;border:1px solid var(--border-default);flex:1;margin:0 8px;font-weight:500}.account-connection-title,h2.account-connection-title,.category-settings h2,.category-settings-section h2,.garmin-settings h2,.garmin-settings-section h2{padding-right:10px;overflow-x:visible}td,th{padding-right:8px}.date-display,[class*=date],span[class*=date],div[class*=date]{padding-right:10px}.category-settings-page .page-content-container{overflow-x:hidden;max-width:100%;padding:0 .5rem}.page-title.category-title{padding-right:15px;position:relative;display:block;margin-bottom:20px;overflow:visible;white-space:normal;max-width:calc(100% - 15px)}.category-settings-section{width:100%;max-width:100%;box-sizing:border-box;margin-left:0;margin-right:0;overflow:hidden}.entry-card-cell,.mobile-entry-card td,tr.mobile-entry-card td:before,.entry-date{padding-right:8px}select,option{padding-right:25px}}.analytics-top-text,span.analytics-top-text,.text-lg.font-medium.analytics-top-text{font-weight:800;letter-spacing:.02em}@media (max-width: 639px){.fixed.inset-0.bg-black\/70>.bg-slate-900.rounded-lg{margin:.5rem;max-height:calc(100vh - 1rem)}.fixed.inset-0.bg-black\/70 .p-6{padding:1rem}.fixed.inset-0.bg-black\/70 .grid{min-height:-moz-fit-content;min-height:fit-content}.fixed.inset-0.bg-black\/70 .grid>button{min-height:44px}.fixed.inset-0.bg-black\/70 .space-y-6>*+*{margin-top:1rem}.fixed.inset-0.bg-black\/70 .space-y-4>*+*{margin-top:.75rem}.fixed.inset-0.bg-black\/70 .flex.gap-3.pt-4{padding-top:.75rem;gap:.5rem}.fixed.inset-0.bg-black\/70 .flex.gap-3.pt-4 button{padding:.625rem .75rem;font-size:.875rem}.fixed.inset-0.bg-black\/70 .flex-1.overflow-y-auto{overflow-y:auto;-webkit-overflow-scrolling:touch}}@media (min-width: 768px){body{padding-left:var(--sidebar-width)}.container,.page-container{width:100%;margin-left:auto;margin-right:auto;padding:var(--space-4)}.day-view-container,.analytics-container,.settings-container{margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4);margin-top:0}.settings-container{max-width:var(--user-settings-width)}.analytics-container{max-width:var(--analytics-width)}.container canvas,.container .grid,.chart-container{max-width:100%;overflow-x:hidden}div.h-\[400px\] div.calorieChart,div.h-\[400px\] div.calorieChart canvas{width:100%!important;max-width:100%!important;min-width:100%!important}.day-view-content{margin-top:1.25rem}.date-nav-container{margin-bottom:0;box-shadow:none}.daily-box.daily-summary-box{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);overflow:visible}.analytics-dashboard-header{display:flex;visibility:visible;justify-content:space-between;align-items:center;font-size:2.5rem;margin-bottom:2rem;width:100%}.analytics-dashboard-header .flex.gap-2{display:flex;visibility:visible}.analytics-dashboard-header .flex.gap-2 button{display:flex;visibility:visible;opacity:1}}.category-settings-section,.garmin-settings-section,.analytics-section{background-color:var(--surface-card);border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.settings-container,.category-settings-container,.garmin-settings-container{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem}.analytics-container{width:100%;margin:0 auto;padding:1.5rem;max-width:var(--analytics-width)}@media (min-width: 768px){.page-container{padding:1.5rem}}@media (max-width: 767px){html body *,html body [class*=container],html body canvas,html body svg{overflow-x:clip!important;box-sizing:border-box!important}html body .flex,html body .inline-flex{overflow-x:visible!important}html body .allow-horizontal-scroll{overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}html body canvas,html body [class*=Chart],html body .chart-container canvas,html body .calorieChart canvas{min-width:0;width:100%}html,body{overflow-x:clip!important;position:relative!important;width:100%!important}html body .notes-overview-container *:not(canvas):not(svg){overflow-x:visible!important}html body .image-preview-gallery .thumbnail-item{overflow:visible!important}.daily-notes-form{display:block;visibility:visible;opacity:1}.daily-notes-form textarea.daily-notes-form-element,.daily-notes-form .daily-comment-textarea.daily-notes-form-element{min-height:80px}.add-entry-form input:not([type=file]),.add-entry-form select,.add-entry-form textarea,#add-entry-form-container input:not([type=file]),#add-entry-form-container select,#add-entry-form-container textarea{display:inline-block;visibility:visible;opacity:1;position:static;z-index:1001;pointer-events:auto}#add-entry-form-container label,.add-entry-form label{display:block;margin-bottom:12px;margin-top:5px}.add-entry-form .space-y-6>div,#add-entry-form-container .space-y-6>div{margin-bottom:20px}.add-entry-form textarea[name=description],#add-entry-form-container textarea[name=description]{min-height:120px}.add-entry-form textarea[name=description]+label,#add-entry-form-container textarea[name=description]+label{margin-top:10px}#entryform-now-button{visibility:visible;opacity:1}.edit-entry-modal .form-container{padding:1rem}.edit-entry-modal .submit-button-container{margin-top:1.5rem;display:flex;flex-direction:column;gap:.5rem}.edit-entry-modal .form-group{margin-bottom:1rem}.edit-entry-modal input[type=number],.edit-entry-modal input[type=time],.edit-entry-modal textarea{padding:.6rem .8rem}.edit-entry-modal .time-input-container button{right:.5rem}.edit-entry-modal .time-input-wrapper{position:relative}}@media (min-width: 768px){.analytics-container{max-width:var(--analytics-max-width);min-width:var(--analytics-min-width);width:var(--analytics-width)}html body .settings-container-wrapper .analytics-container,html body .container-with-arrow .analytics-container,body .analytics-container,.settings-container-wrapper .analytics-container,html .analytics-container,#root .analytics-container,div.analytics-container,.analytics-container{max-width:var(--analytics-max-width)!important;min-width:var(--analytics-min-width)!important;width:var(--analytics-width)!important}html body .chart-container,html body .calorieChart,html body .analytics-inner{width:100%}.settings-container-category{max-width:var(--category-settings-max-width);min-width:var(--category-settings-min-width);width:var(--category-settings-width)}html body .category-settings-container,.category-settings-container,div.category-settings-container{max-width:var(--category-settings-max-width)!important;min-width:var(--category-settings-min-width)!important;width:var(--category-settings-width)!important}.settings-container-garmin{max-width:var(--garmin-settings-max-width);min-width:var(--garmin-settings-min-width);width:var(--garmin-settings-width)}html body .garmin-settings-container,.garmin-settings-container,div.garmin-settings-container{max-width:var(--garmin-settings-max-width)!important;min-width:var(--garmin-settings-min-width)!important;width:var(--garmin-settings-width)!important}.day-view-content,.day-view-wrapper{max-width:var(--day-view-max-width);min-width:var(--day-view-min-width);width:100%}html body .day-view-container,.day-view-container,div.day-view-container,.day-view-page .day-view-content{max-width:var(--day-view-max-width)!important;min-width:var(--day-view-min-width)!important;width:100%!important}.settings-container-profile,.profile-settings-inner{max-width:var(--user-settings-max-width);min-width:var(--user-settings-min-width);width:var(--user-settings-width)}html body .settings-container,.settings-container,div.settings-container,.profile-settings .profile-settings-inner{max-width:var(--user-settings-max-width)!important;min-width:var(--user-settings-min-width)!important;width:var(--user-settings-width)!important}}.daily-notes-form input,.daily-notes-form select,.daily-notes-form textarea{pointer-events:auto!important;user-select:auto;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;cursor:text;position:relative!important;z-index:1100!important}.daily-notes-form select{cursor:pointer}.daily-notes-form:before,.daily-notes-form:after,.daily-notes-form *:before,.daily-notes-form *:after{pointer-events:none!important}.daily-notes-form label{display:block;margin-bottom:5px;position:relative!important;z-index:1100!important;pointer-events:auto!important}.daily-notes-form .form-group,.daily-notes-form .grid>div{margin-bottom:15px;position:relative}.recipe-export-card{background-color:#fff!important;color:#1e293b!important}.recipe-export-card [data-export-color=black]{color:#000!important}.recipe-export-card [data-export-color=white]{color:#fff!important}.recipe-export-card [data-export-color=white-muted]{color:#fffc!important}.recipe-export-card [data-export-color=dark]{color:#1a1a1a!important}.recipe-export-card [data-export-color=secondary]{color:#374151!important}.recipe-export-card [data-export-color=tertiary]{color:#4b5563!important}.recipe-export-card [data-export-color=muted]{color:#64748b!important}.recipe-export-card [data-export-color=amber]{color:#d97706!important}.recipe-export-card [data-export-color=green]{color:#16a34a!important}.recipe-export-card [data-export-color=blue]{color:#2563eb!important}.recipe-export-card [data-export-color=red]{color:#dc2626!important}.recipe-export-card *{color:inherit}.recipe-export-card .bg-green-100{background-color:#dcfce7!important}.recipe-export-card .bg-yellow-100{background-color:#fef9c3!important}.recipe-export-card .bg-red-100{background-color:#fee2e2!important}.recipe-export-card .bg-blue-100{background-color:#dbeafe!important}.recipe-export-card .text-green-700{color:#15803d!important}.recipe-export-card .text-yellow-700{color:#a16207!important}.recipe-export-card .text-red-700{color:#b91c1c!important}.recipe-export-card .text-blue-700{color:#1d4ed8!important}.recipe-export-card [class*=border-t],.recipe-export-card [class*=border-l]{border-color:#e2e8f0!important}.recipe-export-card .bg-slate-50{background-color:#f8fafc!important}.recipe-export-card--magazine .bg-slate-100{background-color:#f1f5f9!important}.recipe-export-card.recipe-export-card--dark{background-color:#1e293b!important;color:#e2e8f0!important}.recipe-export-card.recipe-export-card--dark [data-export-color=black],.recipe-export-card.recipe-export-card--dark [data-export-color=white]{color:#fff!important}.recipe-export-card.recipe-export-card--dark [data-export-color=dark],.recipe-export-card.recipe-export-card--dark [data-export-color=slate-light]{color:#e2e8f0!important}.recipe-export-card.recipe-export-card--dark [data-export-color=secondary],.recipe-export-card.recipe-export-card--dark [data-export-color=slate-muted]{color:#94a3b8!important}.recipe-export-card.recipe-export-card--dark [data-export-color=tertiary],.recipe-export-card.recipe-export-card--dark [data-export-color=muted]{color:#64748b!important}.recipe-export-card.recipe-export-card--dark [data-export-color=amber],.recipe-export-card.recipe-export-card--dark [data-export-color=amber-light]{color:#fbbf24!important}.recipe-export-card.recipe-export-card--dark [data-export-color=green],.recipe-export-card.recipe-export-card--dark [data-export-color=green-light]{color:#4ade80!important}.recipe-export-card.recipe-export-card--dark [data-export-color=blue],.recipe-export-card.recipe-export-card--dark [data-export-color=blue-light]{color:#60a5fa!important}.recipe-export-card.recipe-export-card--dark [data-export-color=red],.recipe-export-card.recipe-export-card--dark [data-export-color=red-light]{color:#f87171!important}.recipe-export-card.recipe-export-card--dark .bg-green-900\/50{background-color:#14532d80!important}.recipe-export-card.recipe-export-card--dark .bg-yellow-900\/50{background-color:#713f1280!important}.recipe-export-card.recipe-export-card--dark .bg-red-900\/50{background-color:#7f1d1d80!important}.recipe-export-card.recipe-export-card--dark .bg-blue-900\/50{background-color:#1e3a8a80!important}.recipe-export-card.recipe-export-card--dark .text-green-400{color:#4ade80!important}.recipe-export-card.recipe-export-card--dark .text-yellow-400{color:#facc15!important}.recipe-export-card.recipe-export-card--dark .text-red-400{color:#f87171!important}.recipe-export-card.recipe-export-card--dark .text-blue-400{color:#60a5fa!important}.recipe-export-card.recipe-export-card--dark [class*=border-t],.recipe-export-card.recipe-export-card--dark [class*=border-l],.recipe-export-card.recipe-export-card--dark .border-slate-600{border-color:#475569!important}.recipe-export-card.recipe-export-card--dark .bg-slate-700,.recipe-export-card.recipe-export-card--dark .bg-slate-700\/50{background-color:#33415580!important}.recipe-export-card.recipe-export-card--dark .bg-slate-800{background-color:#1e293b!important}.recipe-export-card.recipe-export-card--dark .bg-slate-700{background-color:#334155!important}.recipe-export-card--minimalist{padding:2rem!important}.recipe-export-card--minimalist .space-y-2>div{margin-bottom:.75rem}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
 */*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html,body,#root{font-family:Poppins,sans-serif}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}input,textarea,select{background-color:var(--surface-sunken);border-color:var(--border-default);color:var(--text-primary);font-family:Poppins,sans-serif}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-muted)}input::placeholder,textarea::placeholder{color:var(--text-muted)}*{border-color:hsl(var(--border));font-family:Poppins,sans-serif}body{background-color:var(--surface-page);color:var(--text-primary);font-family:Poppins,sans-serif;min-height:100vh}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 480px){.container{max-width:480px}}@media (min-width: 5000px){.container{max-width:5000px}}.prose{color:var(--text-secondary);max-width:none}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--text-link);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--text-primary);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:.5rem;margin-bottom:.5rem;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--text-primary);font-weight:700;font-size:1.5em;margin-top:2rem;margin-bottom:1rem;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--text-primary);font-weight:600;font-size:1.25em;margin-top:1.5rem;margin-bottom:.5rem;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--text-primary);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.25rem;margin-bottom:.25rem}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-invert{--tw-prose-body: var(--tw-prose-invert-body);--tw-prose-headings: var(--tw-prose-invert-headings);--tw-prose-lead: var(--tw-prose-invert-lead);--tw-prose-links: var(--tw-prose-invert-links);--tw-prose-bold: var(--tw-prose-invert-bold);--tw-prose-counters: var(--tw-prose-invert-counters);--tw-prose-bullets: var(--tw-prose-invert-bullets);--tw-prose-hr: var(--tw-prose-invert-hr);--tw-prose-quotes: var(--tw-prose-invert-quotes);--tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);--tw-prose-captions: var(--tw-prose-invert-captions);--tw-prose-kbd: var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);--tw-prose-code: var(--tw-prose-invert-code);--tw-prose-pre-code: var(--tw-prose-invert-pre-code);--tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);--tw-prose-th-borders: var(--tw-prose-invert-th-borders);--tw-prose-td-borders: var(--tw-prose-invert-td-borders)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-bottom-0\.5{bottom:-.125rem}.-left-7{left:-1.75rem}.-right-0\.5{right:-.125rem}.-right-1{right:-.25rem}.-right-1\.5{right:-.375rem}.-right-2{right:-.5rem}.-top-0\.5{top:-.125rem}.-top-1{top:-.25rem}.-top-1\.5{top:-.375rem}.-top-2{top:-.5rem}.-top-8{top:-2rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.bottom-3{bottom:.75rem}.bottom-32{bottom:8rem}.bottom-4{bottom:1rem}.bottom-\[var\(--bottom-nav-clearance\)\]{bottom:var(--bottom-nav-clearance)}.bottom-full{bottom:100%}.left-0{left:0}.left-0\.5{left:.125rem}.left-1{left:.25rem}.left-1\.5{left:.375rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-\[7px\]{left:7px}.left-full{left:100%}.right-0{right:0}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-12{right:3rem}.right-14{right:3.5rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.right-\[2\.5rem\]{right:2.5rem}.right-\[4\.5rem\]{right:4.5rem}.right-\[6\.5rem\]{right:6.5rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-14{top:3.5rem}.top-16{top:4rem}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-20{top:5rem}.top-24{top:6rem}.top-3{top:.75rem}.top-36{top:9rem}.top-4{top:1rem}.top-\[116px\]{top:116px}.top-\[80px\]{top:80px}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1000003\]{z-index:1000003}.z-\[1000004\]{z-index:1000004}.z-\[1000005\]{z-index:1000005}.z-\[10000\]{z-index:10000}.z-\[100\]{z-index:100}.z-\[101\]{z-index:101}.z-\[2000000000\]{z-index:2000000000}.z-\[2000000\]{z-index:2000000}.z-\[200\]{z-index:200}.z-\[201\]{z-index:201}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[998\]{z-index:998}.z-\[9998\]{z-index:9998}.z-\[99999999999\]{z-index:99999999999}.z-\[9999999\]{z-index:9999999}.z-\[999999\]{z-index:999999}.z-\[999\]{z-index:999}.z-\[var\(--z-sheet-backdrop\)\]{z-index:var(--z-sheet-backdrop)}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.-m-2{margin:-.5rem}.-m-\[14px\]{margin:-14px}.m-20{margin:5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-auto{margin-top:auto;margin-bottom:auto}.\!mb-0{margin-bottom:0!important}.\!mt-0{margin-top:0!important}.-ml-1{margin-left:-.25rem}.-ml-2{margin-left:-.5rem}.-mr-1{margin-right:-.25rem}.-mr-1\.5{margin-right:-.375rem}.-mr-2{margin-right:-.5rem}.-mt-0\.5{margin-top:-.125rem}.-mt-1{margin-top:-.25rem}.-mt-3{margin-top:-.75rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-10{margin-left:2.5rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-6{margin-left:1.5rem}.ml-7{margin-left:1.75rem}.ml-8{margin-left:2rem}.ml-9{margin-left:2.25rem}.ml-auto{margin-left:auto}.mr-0\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-2\.5{margin-right:.625rem}.mr-3{margin-right:.75rem}.mr-6{margin-right:1.5rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.\!hidden{display:none!important}.hidden{display:none}.aspect-\[3\/1\]{aspect-ratio:3/1}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[5\/2\]{aspect-ratio:5/2}.aspect-\[9\/16\]{aspect-ratio:9/16}.aspect-square{aspect-ratio:1 / 1}.h-0{height:0px}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[100dvh\]{height:100dvh}.h-\[18px\]{height:18px}.h-\[2\.5px\]{height:2.5px}.h-\[200px\]{height:200px}.h-\[280px\]{height:280px}.h-\[400px\]{height:400px}.h-\[42px\]{height:42px}.h-\[44px\]{height:44px}.h-\[6px\]{height:6px}.h-\[70vh\]{height:70vh}.h-\[90vh\]{height:90vh}.h-\[95vh\]{height:95vh}.h-\[calc\(100\%-2rem\)\]{height:calc(100% - 2rem)}.h-\[calc\(100\%-3rem\)\]{height:calc(100% - 3rem)}.h-\[calc\(95vh-80px\)\]{height:calc(95vh - 80px)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-32{max-height:8rem}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-\[200px\]{max-height:200px}.max-h-\[40vh\]{max-height:40vh}.max-h-\[45vh\]{max-height:45vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90\%\]{max-height:90%}.max-h-\[90vh\]{max-height:90vh}.max-h-\[95vh\]{max-height:95vh}.max-h-\[calc\(100dvh-7rem\)\]{max-height:calc(100dvh - 7rem)}.max-h-\[calc\(100vh-24px\)\]{max-height:calc(100vh - 24px)}.max-h-\[calc\(100vh-2rem\)\]{max-height:calc(100vh - 2rem)}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-0{min-height:0px}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[20px\]{min-height:20px}.min-h-\[24px\]{min-height:24px}.min-h-\[28px\]{min-height:28px}.min-h-\[32px\]{min-height:32px}.min-h-\[36px\]{min-height:36px}.min-h-\[400px\]{min-height:400px}.min-h-\[40px\]{min-height:40px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[520px\]{min-height:520px}.min-h-\[52px\]{min-height:52px}.min-h-\[56px\]{min-height:56px}.min-h-\[60px\]{min-height:60px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[64px\]{min-height:64px}.min-h-\[72px\]{min-height:72px}.min-h-\[80px\]{min-height:80px}.min-h-\[96px\]{min-height:96px}.min-h-screen{min-height:100vh}.\!w-full{width:100%!important}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[140px\]{width:140px}.w-\[18px\]{width:18px}.w-\[280px\]{width:280px}.w-\[3\.25rem\]{width:3.25rem}.w-\[40\%\]{width:40%}.w-\[44px\]{width:44px}.w-\[45\%\]{width:45%}.w-\[58\%\]{width:58%}.w-\[90vw\]{width:90vw}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[min\(22rem\,calc\(100vw-2rem\)\)\]{width:min(22rem,calc(100vw - 2rem))}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-\[120px\]{min-width:120px}.min-w-\[14px\]{min-width:14px}.min-w-\[160px\]{min-width:160px}.min-w-\[16px\]{min-width:16px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[20px\]{min-width:20px}.min-w-\[28px\]{min-width:28px}.min-w-\[32px\]{min-width:32px}.min-w-\[40px\]{min-width:40px}.min-w-\[44px\]{min-width:44px}.min-w-\[60px\]{min-width:60px}.min-w-\[85px\]{min-width:85px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[100px\]{max-width:100px}.max-w-\[140px\]{max-width:140px}.max-w-\[200px\]{max-width:200px}.max-w-\[250px\]{max-width:250px}.max-w-\[280px\]{max-width:280px}.max-w-\[300px\]{max-width:300px}.max-w-\[320px\]{max-width:320px}.max-w-\[375px\]{max-width:375px}.max-w-\[480px\]{max-width:480px}.max-w-\[70px\]{max-width:70px}.max-w-\[80\%\]{max-width:80%}.max-w-\[90vw\]{max-width:90vw}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-screen-lg{max-width:1024px}.max-w-screen-md{max-width:768px}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-\[1\]{flex:1}.flex-\[3\]{flex:3}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-7{--tw-translate-x: 1.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[calc\(100\%\+var\(--bottom-nav-clearance\)\)\]{--tw-translate-y: calc(100% + var(--bottom-nav-clearance));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-2{--tw-rotate: 2deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[fadeIn_0\.2s_ease-out\]{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-\[fadeIn_0\.3s_ease-in\]{animation:fadeIn .3s ease-in}.animate-\[slideUp_0\.3s_ease-out\]{animation:slideUp .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in .15s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-help{cursor:help}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-none{touch-action:none}.touch-pan-x{--tw-pan-x: pan-x;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-y{--tw-pan-y: pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0{gap:0px}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[3px\]{gap:3px}.gap-px{gap:1px}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-1{row-gap:.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}.divide-\[color\:color-mix\(in_srgb\,var\(--border-default\)_70\%\,transparent\)\]>:not([hidden])~:not([hidden]){border-color:color-mix(in srgb,var(--border-default) 70%,transparent)}.divide-\[color\:color-mix\(in_srgb\,var\(--border-default\)_72\%\,transparent\)\]>:not([hidden])~:not([hidden]){border-color:color-mix(in srgb,var(--border-default) 72%,transparent)}.divide-\[var\(--border-default\)\]>:not([hidden])~:not([hidden]){border-color:var(--border-default)}.divide-\[var\(--border-primary\)\]>:not([hidden])~:not([hidden]){border-color:var(--border-primary)}.divide-\[var\(--border-subtle\)\]>:not([hidden])~:not([hidden]){border-color:var(--border-subtle)}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.\!rounded-lg{border-radius:var(--radius)!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[32px\]{border-radius:32px}.rounded-\[3px\]{border-radius:3px}.rounded-\[9px\]{border-radius:9px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-l-2xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-r-2xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.rounded-r-lg{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-3xl,.rounded-t-\[1\.5rem\]{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.\!border{border-width:1px!important}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.\!border-b{border-bottom-width:1px!important}.\!border-t{border-top-width:1px!important}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-t-4{border-top-width:4px}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-none{border-style:none}.\!border-\[var\(--accent-info\)\]{border-color:var(--accent-info)!important}.\!border-\[var\(--border-default\)\]{border-color:var(--border-default)!important}.border-\[color-mix\(in_srgb\,var\(--accent-danger\)_30\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-danger) 30%,transparent)}.border-\[color\:color-mix\(in_srgb\,currentColor_18\%\,transparent\)\]{border-color:color-mix(in srgb,currentColor 18%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_18\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-danger) 18%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_24\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-danger) 24%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_26\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-danger) 26%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_26\%\,var\(--border-default\)\)\]{border-color:color-mix(in srgb,var(--accent-danger) 26%,var(--border-default))}.border-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_28\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-danger) 28%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_30\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-danger) 30%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_32\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-danger) 32%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_34\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-danger) 34%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_35\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-danger) 35%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_36\%\,black\)\]{border-color:color-mix(in srgb,var(--accent-danger) 36%,black)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_36\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-danger) 36%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_40\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-danger) 40%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_42\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-danger) 42%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-info\)_18\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-info) 18%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-info\)_20\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-info) 20%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-info\)_24\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-info) 24%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-info\)_28\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-info) 28%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-info\)_30\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-info) 30%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-info\)_32\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-info) 32%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-info\)_42\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-info) 42%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_18\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-primary) 18%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_20\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-primary) 20%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_22\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-primary) 22%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_24\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-primary) 24%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_25\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-primary) 25%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_26\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-primary) 26%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_28\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-primary) 28%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_30\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_32\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-primary) 32%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_34\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-primary) 34%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_35\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-primary) 35%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_36\%\,black\)\]{border-color:color-mix(in srgb,var(--accent-primary) 36%,black)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_36\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-primary) 36%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_38\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-primary) 38%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_42\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-primary) 42%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_18\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-success) 18%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_20\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-success) 20%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_22\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-success) 22%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_22\%\,var\(--border-default\)\)\]{border-color:color-mix(in srgb,var(--accent-success) 22%,var(--border-default))}.border-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_24\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-success) 24%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_26\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-success) 26%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_26\%\,var\(--border-default\)\)\]{border-color:color-mix(in srgb,var(--accent-success) 26%,var(--border-default))}.border-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_28\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-success) 28%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_30\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-success) 30%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_32\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-success) 32%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_34\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-success) 34%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_35\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-success) 35%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_38\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-success) 38%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_42\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-success) 42%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_18\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-warning) 18%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_24\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-warning) 24%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_26\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-warning) 26%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_28\%\,black\)\]{border-color:color-mix(in srgb,var(--accent-warning) 28%,black)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_28\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-warning) 28%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_30\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-warning) 30%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_32\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-warning) 32%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_34\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-warning) 34%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_35\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-warning) 35%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_36\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-warning) 36%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_38\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-warning) 38%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_42\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-warning) 42%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_60\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent-warning) 60%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--ai-purple\)_30\%\,transparent\)\]{border-color:color-mix(in srgb,var(--ai-purple) 30%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--ai-purple\)_32\%\,transparent\)\]{border-color:color-mix(in srgb,var(--ai-purple) 32%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--ai-purple\)_34\%\,transparent\)\]{border-color:color-mix(in srgb,var(--ai-purple) 34%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--ai-purple\)_36\%\,transparent\)\]{border-color:color-mix(in srgb,var(--ai-purple) 36%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--border-default\)_50\%\,transparent\)\]{border-color:color-mix(in srgb,var(--border-default) 50%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--border-default\)_72\%\,transparent\)\]{border-color:color-mix(in srgb,var(--border-default) 72%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--border-default\)_76\%\,transparent\)\]{border-color:color-mix(in srgb,var(--border-default) 76%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--border-default\)_85\%\,transparent\)\]{border-color:color-mix(in srgb,var(--border-default) 85%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--border-strong\)_24\%\,transparent\)\]{border-color:color-mix(in srgb,var(--border-strong) 24%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--text-inverse\)_24\%\,transparent\)\]{border-color:color-mix(in srgb,var(--text-inverse) 24%,transparent)}.border-\[var\(--accent-danger\)\]{border-color:var(--accent-danger)}.border-\[var\(--accent-info\)\]{border-color:var(--accent-info)}.border-\[var\(--accent-primary\)\]{border-color:var(--accent-primary)}.border-\[var\(--accent-primary-ring\)\]{border-color:var(--accent-primary-ring)}.border-\[var\(--accent-success\)\]{border-color:var(--accent-success)}.border-\[var\(--accent-warning\)\]{border-color:var(--accent-warning)}.border-\[var\(--ai-modify-accent\)\]{border-color:var(--ai-modify-accent)}.border-\[var\(--border-default\)\]{border-color:var(--border-default)}.border-\[var\(--border-primary\)\]{border-color:var(--border-primary)}.border-\[var\(--border-strong\)\]{border-color:var(--border-strong)}.border-\[var\(--border-subtle\)\]{border-color:var(--border-subtle)}.border-\[var\(--glass-float-border\)\]{border-color:var(--glass-float-border)}.border-\[var\(--tooltip-border\)\]{border-color:var(--tooltip-border)}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-500\/30{border-color:#3b82f64d}.border-cyan-400{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}.border-cyan-500\/30{border-color:#06b6d44d}.border-emerald-400\/30{border-color:#34d3994d}.border-emerald-500\/15{border-color:#10b98126}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-orange-500{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-purple-400{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.border-purple-500\/20{border-color:#a855f733}.border-purple-500\/30{border-color:#a855f74d}.border-slate-600{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.border-slate-800{--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-l-\[var\(--accent-danger\)\]{border-left-color:var(--accent-danger)}.border-l-\[var\(--accent-warning\)\]{border-left-color:var(--accent-warning)}.border-t-emerald-400{--tw-border-opacity: 1;border-top-color:rgb(52 211 153 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.\!bg-\[color\:color-mix\(in_srgb\,var\(--surface-elevated\)_84\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--surface-elevated) 84%,var(--surface-card))!important}.\!bg-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_92\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-overlay) 92%,transparent)!important}.\!bg-\[var\(--accent-info-soft\)\]{background-color:var(--accent-info-soft)!important}.\!bg-\[var\(--border-subtle\)\]{background-color:var(--border-subtle)!important}.\!bg-\[var\(--surface-card\)\]{background-color:var(--surface-card)!important}.\!bg-\[var\(--surface-elevated\)\]{background-color:var(--surface-elevated)!important}.\!bg-\[var\(--surface-overlay\)\]{background-color:var(--surface-overlay)!important}.\!bg-\[var\(--surface-sunken\)\]{background-color:var(--surface-sunken)!important}.bg-\[color-mix\(in_srgb\,var\(--accent-danger\)_15\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-danger) 15%,transparent)}.bg-\[color-mix\(in_srgb\,var\(--surface-elevated\)_70\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-elevated) 70%,transparent)}.bg-\[color\:color-mix\(in_srgb\,currentColor_12\%\,transparent\)\]{background-color:color-mix(in srgb,currentColor 12%,transparent)}.bg-\[color\:color-mix\(in_srgb\,currentColor_16\%\,transparent\)\]{background-color:color-mix(in srgb,currentColor 16%,transparent)}.bg-\[color\:color-mix\(in_srgb\,currentColor_28\%\,transparent\)\]{background-color:color-mix(in srgb,currentColor 28%,transparent)}.bg-\[color\:color-mix\(in_srgb\,rgb\(147_51_234\)_22\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,rgb(147 51 234) 22%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_16\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-danger) 16%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_18\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-danger) 18%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_20\%\,var\(--surface-overlay\)\)\]{background-color:color-mix(in srgb,var(--accent-danger) 20%,var(--surface-overlay))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_90\%\,black\)\]{background-color:color-mix(in srgb,var(--accent-danger) 90%,black)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_90\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-danger) 90%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_100\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 100%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_70\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 70%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_72\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 72%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_78\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 78%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_84\%\,var\(--surface-sunken\)\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 84%,var(--surface-sunken))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_86\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 86%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_86\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 86%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_88\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 88%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_88\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 88%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_88\%\,var\(--surface-overlay\)\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 88%,var(--surface-overlay))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_90\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 90%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_90\%\,var\(--surface-overlay\)\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 90%,var(--surface-overlay))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_90\%\,var\(--surface-sunken\)\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 90%,var(--surface-sunken))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_92\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 92%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_92\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 92%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_92\%\,var\(--surface-sunken\)\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 92%,var(--surface-sunken))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_94\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 94%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_96\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-danger-soft) 96%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-info-soft\)_100\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-info-soft) 100%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-info-soft\)_82\%\,var\(--surface-overlay\)\)\]{background-color:color-mix(in srgb,var(--accent-info-soft) 82%,var(--surface-overlay))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-info-soft\)_86\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-info-soft) 86%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-info-soft\)_88\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-info-soft) 88%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-info-soft\)_92\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-info-soft) 92%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-info-soft\)_94\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-info-soft) 94%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-info-soft\)_96\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-info-soft) 96%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_16\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-primary) 16%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_26\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-primary) 26%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_32\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-primary) 32%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_50\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-primary) 50%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_72\%\,var\(--accent-info\)\)\]{background-color:color-mix(in srgb,var(--accent-primary) 72%,var(--accent-info))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_80\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-primary) 80%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-fg\)_18\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-primary-fg) 18%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-fg\)_20\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-primary-fg) 20%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_100\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-primary-soft) 100%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_64\%\,var\(--accent-info-soft\)\)\]{background-color:color-mix(in srgb,var(--accent-primary-soft) 64%,var(--accent-info-soft))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_68\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-primary-soft) 68%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_72\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-primary-soft) 72%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_72\%\,var\(--surface-elevated\)\)\]{background-color:color-mix(in srgb,var(--accent-primary-soft) 72%,var(--surface-elevated))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_76\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-primary-soft) 76%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_78\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-primary-soft) 78%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_80\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-primary-soft) 80%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_82\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-primary-soft) 82%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_84\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-primary-soft) 84%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_86\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-primary-soft) 86%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_88\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-primary-soft) 88%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_90\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-primary-soft) 90%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_92\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-primary-soft) 92%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_94\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-primary-soft) 94%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_96\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-primary-soft) 96%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_72\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-success) 72%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_100\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-success-soft) 100%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_80\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-success-soft) 80%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_82\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-success-soft) 82%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_82\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-success-soft) 82%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_82\%\,var\(--surface-overlay\)\)\]{background-color:color-mix(in srgb,var(--accent-success-soft) 82%,var(--surface-overlay))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_84\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-success-soft) 84%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_84\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-success-soft) 84%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_86\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-success-soft) 86%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_86\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-success-soft) 86%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_88\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-success-soft) 88%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_88\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-success-soft) 88%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_88\%\,var\(--surface-overlay\)\)\]{background-color:color-mix(in srgb,var(--accent-success-soft) 88%,var(--surface-overlay))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_90\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-success-soft) 90%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_90\%\,var\(--surface-sunken\)\)\]{background-color:color-mix(in srgb,var(--accent-success-soft) 90%,var(--surface-sunken))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_92\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-success-soft) 92%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_94\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-success-soft) 94%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_96\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-success-soft) 96%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_10\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-warning) 10%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_18\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-warning) 18%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_84\%\,var\(--accent-danger\)_16\%\)\]{background-color:color-mix(in srgb,var(--accent-warning) 84%,var(--accent-danger) 16%)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_100\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-warning-soft) 100%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_72\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-warning-soft) 72%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_72\%\,var\(--surface-elevated\)\)\]{background-color:color-mix(in srgb,var(--accent-warning-soft) 72%,var(--surface-elevated))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_72\%\,var\(--surface-sunken\)\)\]{background-color:color-mix(in srgb,var(--accent-warning-soft) 72%,var(--surface-sunken))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_74\%\,var\(--surface-sunken\)\)\]{background-color:color-mix(in srgb,var(--accent-warning-soft) 74%,var(--surface-sunken))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_82\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-warning-soft) 82%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_82\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-warning-soft) 82%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_84\%\,transparent\)\]{background-color:color-mix(in srgb,var(--accent-warning-soft) 84%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_86\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-warning-soft) 86%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_88\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-warning-soft) 88%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_88\%\,var\(--surface-overlay\)\)\]{background-color:color-mix(in srgb,var(--accent-warning-soft) 88%,var(--surface-overlay))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_90\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-warning-soft) 90%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_92\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-warning-soft) 92%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_94\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-warning-soft) 94%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_96\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--accent-warning-soft) 96%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--ai-purple\)_12\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--ai-purple) 12%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--ai-purple\)_16\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--ai-purple) 16%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--ai-purple\)_20\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--ai-purple) 20%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--ai-purple\)_88\%\,var\(--purple-900\)\)\]{background-color:color-mix(in srgb,var(--ai-purple) 88%,var(--purple-900))}.bg-\[color\:color-mix\(in_srgb\,var\(--bg-primary\)_95\%\,transparent\)\]{background-color:color-mix(in srgb,var(--bg-primary) 95%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--border-default\)_60\%\,transparent\)\]{background-color:color-mix(in srgb,var(--border-default) 60%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--glass-modal-backdrop\)_72\%\,black\)\]{background-color:color-mix(in srgb,var(--glass-modal-backdrop) 72%,black)}.bg-\[color\:color-mix\(in_srgb\,var\(--slate-950\)_72\%\,transparent\)\]{background-color:color-mix(in srgb,var(--slate-950) 72%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--slate-950\)_84\%\,transparent\)\]{background-color:color-mix(in srgb,var(--slate-950) 84%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--slate-950\)_92\%\,transparent\)\]{background-color:color-mix(in srgb,var(--slate-950) 92%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-card\)_78\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-card) 78%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-card\)_80\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-card) 80%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-card\)_82\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-card) 82%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-card\)_84\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-card) 84%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-card\)_84\%\,var\(--surface-elevated\)\)\]{background-color:color-mix(in srgb,var(--surface-card) 84%,var(--surface-elevated))}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-card\)_86\%\,var\(--surface-elevated\)\)\]{background-color:color-mix(in srgb,var(--surface-card) 86%,var(--surface-elevated))}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-card\)_90\%\,var\(--surface-elevated\)\)\]{background-color:color-mix(in srgb,var(--surface-card) 90%,var(--surface-elevated))}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-card\)_92\%\,rgb\(147_51_234_\/_0\.08\)\)\]{background-color:color-mix(in srgb,var(--surface-card) 92%,rgb(147 51 234 / .08))}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-card\)_92\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-card) 92%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-card\)_92\%\,var\(--surface-elevated\)\)\]{background-color:color-mix(in srgb,var(--surface-card) 92%,var(--surface-elevated))}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-card\)_94\%\,rgb\(147_51_234_\/_0\.05\)\)\]{background-color:color-mix(in srgb,var(--surface-card) 94%,rgb(147 51 234 / .05))}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-card\)_94\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-card) 94%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-card\)_94\%\,var\(--surface-sunken\)\)\]{background-color:color-mix(in srgb,var(--surface-card) 94%,var(--surface-sunken))}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-elevated\)_50\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-elevated) 50%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-elevated\)_60\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-elevated) 60%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-elevated\)_62\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-elevated) 62%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-elevated\)_72\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-elevated) 72%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-elevated\)_72\%\,var\(--surface-card\)\)\]{background-color:color-mix(in srgb,var(--surface-elevated) 72%,var(--surface-card))}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-elevated\)_76\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-elevated) 76%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-elevated\)_78\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-elevated) 78%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-elevated\)_82\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-elevated) 82%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-elevated\)_84\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-elevated) 84%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-elevated\)_86\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-elevated) 86%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-elevated\)_88\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-elevated) 88%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-elevated\)_90\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-elevated) 90%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-elevated\)_94\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-elevated) 94%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_55\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-overlay) 55%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_72\%\,black\)\]{background-color:color-mix(in srgb,var(--surface-overlay) 72%,black)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_82\%\,black\)\]{background-color:color-mix(in srgb,var(--surface-overlay) 82%,black)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_82\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-overlay) 82%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_84\%\,var\(--accent-warning-soft\)\)\]{background-color:color-mix(in srgb,var(--surface-overlay) 84%,var(--accent-warning-soft))}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_86\%\,black\)\]{background-color:color-mix(in srgb,var(--surface-overlay) 86%,black)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_88\%\,black\)\]{background-color:color-mix(in srgb,var(--surface-overlay) 88%,black)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_88\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-overlay) 88%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_90\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-overlay) 90%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_92\%\,black\)\]{background-color:color-mix(in srgb,var(--surface-overlay) 92%,black)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_92\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-overlay) 92%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_94\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-overlay) 94%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_96\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-overlay) 96%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_96\%\,var\(--surface-page\)\)\]{background-color:color-mix(in srgb,var(--surface-overlay) 96%,var(--surface-page))}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-page\)_72\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-page) 72%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-page\)_88\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-page) 88%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-page\)_92\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-page) 92%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-page\)_94\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-page) 94%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-sunken\)_45\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-sunken) 45%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-sunken\)_58\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-sunken) 58%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-sunken\)_72\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-sunken) 72%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-sunken\)_74\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-sunken) 74%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-sunken\)_78\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-sunken) 78%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-sunken\)_88\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-sunken) 88%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-sunken\)_90\%\,black\)\]{background-color:color-mix(in srgb,var(--surface-sunken) 90%,black)}.bg-\[color\:color-mix\(in_srgb\,var\(--surface-sunken\)_96\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface-sunken) 96%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--text-inverse\)_18\%\,transparent\)\]{background-color:color-mix(in srgb,var(--text-inverse) 18%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--text-inverse\)_20\%\,transparent\)\]{background-color:color-mix(in srgb,var(--text-inverse) 20%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--text-muted\)_88\%\,var\(--surface-elevated\)\)\]{background-color:color-mix(in srgb,var(--text-muted) 88%,var(--surface-elevated))}.bg-\[var\(--accent-danger\)\]{background-color:var(--accent-danger)}.bg-\[var\(--accent-danger-soft\)\]{background-color:var(--accent-danger-soft)}.bg-\[var\(--accent-info\)\]{background-color:var(--accent-info)}.bg-\[var\(--accent-info-soft\)\]{background-color:var(--accent-info-soft)}.bg-\[var\(--accent-primary\)\]{background-color:var(--accent-primary)}.bg-\[var\(--accent-primary-fg\)\]{background-color:var(--accent-primary-fg)}.bg-\[var\(--accent-primary-soft\)\]{background-color:var(--accent-primary-soft)}.bg-\[var\(--accent-success\)\]{background-color:var(--accent-success)}.bg-\[var\(--accent-success-soft\)\]{background-color:var(--accent-success-soft)}.bg-\[var\(--accent-warning\)\]{background-color:var(--accent-warning)}.bg-\[var\(--accent-warning-soft\)\]{background-color:var(--accent-warning-soft)}.bg-\[var\(--ai-modify-accent\)\]{background-color:var(--ai-modify-accent)}.bg-\[var\(--ai-purple\)\]{background-color:var(--ai-purple)}.bg-\[var\(--ai-purple-soft\)\]{background-color:var(--ai-purple-soft)}.bg-\[var\(--backdrop\)\]{background-color:var(--backdrop)}.bg-\[var\(--backdrop-strong\)\]{background-color:var(--backdrop-strong)}.bg-\[var\(--bg-primary\)\]{background-color:var(--bg-primary)}.bg-\[var\(--border-default\)\]{background-color:var(--border-default)}.bg-\[var\(--border-strong\)\]{background-color:var(--border-strong)}.bg-\[var\(--border-subtle\)\]{background-color:var(--border-subtle)}.bg-\[var\(--glass-modal-backdrop\)\]{background-color:var(--glass-modal-backdrop)}.bg-\[var\(--overlay-backdrop-50\)\]{background-color:var(--overlay-backdrop-50)}.bg-\[var\(--overlay-backdrop-60\)\]{background-color:var(--overlay-backdrop-60)}.bg-\[var\(--overlay-backdrop-70\)\]{background-color:var(--overlay-backdrop-70)}.bg-\[var\(--overlay-backdrop-80\)\]{background-color:var(--overlay-backdrop-80)}.bg-\[var\(--overlay-backdrop-90\)\]{background-color:var(--overlay-backdrop-90)}.bg-\[var\(--overlay-backdrop-95\)\]{background-color:var(--overlay-backdrop-95)}.bg-\[var\(--slate-950\)\]{background-color:var(--slate-950)}.bg-\[var\(--surface-active\)\]{background-color:var(--surface-active)}.bg-\[var\(--surface-card\)\]{background-color:var(--surface-card)}.bg-\[var\(--surface-card-hover\)\]{background-color:var(--surface-card-hover)}.bg-\[var\(--surface-elevated\)\]{background-color:var(--surface-elevated)}.bg-\[var\(--surface-hover\)\]{background-color:var(--surface-hover)}.bg-\[var\(--surface-input\)\]{background-color:var(--surface-input)}.bg-\[var\(--surface-muted\)\]{background-color:var(--surface-muted)}.bg-\[var\(--surface-overlay\)\]{background-color:var(--surface-overlay)}.bg-\[var\(--surface-page\)\]{background-color:var(--surface-page)}.bg-\[var\(--surface-primary\)\]{background-color:var(--surface-primary)}.bg-\[var\(--surface-secondary\)\]{background-color:var(--surface-secondary)}.bg-\[var\(--surface-sunken\)\]{background-color:var(--surface-sunken)}.bg-\[var\(--text-disabled\)\]{background-color:var(--text-disabled)}.bg-\[var\(--text-inverse\)\]{background-color:var(--text-inverse)}.bg-\[var\(--text-muted\)\]{background-color:var(--text-muted)}.bg-\[var\(--text-secondary\)\]{background-color:var(--text-secondary)}.bg-\[var\(--tooltip-surface\)\]{background-color:var(--tooltip-surface)}.bg-amber-500\/20{background-color:#f59e0b33}.bg-amber-600\/80{background-color:#d97706cc}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:#00000080}.bg-black\/90{background-color:#000000e6}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-cyan-500\/20{background-color:#06b6d433}.bg-emerald-500\/10{background-color:#10b9811a}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/10{background-color:#6366f11a}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-pink-400{--tw-bg-opacity: 1;background-color:rgb(244 114 182 / var(--tw-bg-opacity, 1))}.bg-pink-500\/20{background-color:#ec489933}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-slate-900\/95{background-color:#0f172af2}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/50{background-color:#ffffff80}.bg-opacity-0{--tw-bg-opacity: 0}.bg-opacity-50{--tw-bg-opacity: .5}.\!bg-none{background-image:none!important}.bg-\[linear-gradient\(135deg\,color-mix\(in_srgb\,var\(--accent-primary\)_86\%\,var\(--surface-card\)\)\,color-mix\(in_srgb\,var\(--accent-info\)_52\%\,var\(--surface-card\)\)\)\]{background-image:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 86%,var(--surface-card)),color-mix(in srgb,var(--accent-info) 52%,var(--surface-card)))}.bg-\[linear-gradient\(135deg\,color-mix\(in_srgb\,var\(--accent-primary\)_88\%\,var\(--surface-overlay\)\)\,color-mix\(in_srgb\,var\(--accent-info\)_58\%\,var\(--surface-overlay\)\)\)\]{background-image:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 88%,var(--surface-overlay)),color-mix(in srgb,var(--accent-info) 58%,var(--surface-overlay)))}.bg-\[linear-gradient\(135deg\,color-mix\(in_srgb\,var\(--accent-primary-soft\)_84\%\,var\(--surface-card\)\)\,color-mix\(in_srgb\,var\(--accent-info-soft\)_74\%\,var\(--surface-card\)\)\)\]{background-image:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary-soft) 84%,var(--surface-card)),color-mix(in srgb,var(--accent-info-soft) 74%,var(--surface-card)))}.bg-\[linear-gradient\(135deg\,color-mix\(in_srgb\,var\(--accent-primary-soft\)_96\%\,var\(--surface-card\)\)\,color-mix\(in_srgb\,var\(--accent-info-soft\)_94\%\,var\(--surface-card\)\)\)\]{background-image:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary-soft) 96%,var(--surface-card)),color-mix(in srgb,var(--accent-info-soft) 94%,var(--surface-card)))}.bg-\[linear-gradient\(135deg\,color-mix\(in_srgb\,var\(--accent-success-soft\)_86\%\,var\(--surface-overlay\)\)\,color-mix\(in_srgb\,var\(--accent-info-soft\)_76\%\,var\(--surface-overlay\)\)\)\]{background-image:linear-gradient(135deg,color-mix(in srgb,var(--accent-success-soft) 86%,var(--surface-overlay)),color-mix(in srgb,var(--accent-info-soft) 76%,var(--surface-overlay)))}.bg-\[linear-gradient\(135deg\,var\(--accent-primary\)\,color-mix\(in_srgb\,var\(--accent-primary\)_55\%\,var\(--accent-info\)\)\)\]{background-image:linear-gradient(135deg,var(--accent-primary),color-mix(in srgb,var(--accent-primary) 55%,var(--accent-info)))}.bg-\[linear-gradient\(135deg\,var\(--accent-success\)\,color-mix\(in_srgb\,var\(--accent-success\)_72\%\,var\(--accent-primary\)\)\)\]{background-image:linear-gradient(135deg,var(--accent-success),color-mix(in srgb,var(--accent-success) 72%,var(--accent-primary)))}.bg-\[linear-gradient\(135deg\,var\(--surface-card\)\,var\(--surface-elevated\)\)\]{background-image:linear-gradient(135deg,var(--surface-card),var(--surface-elevated))}.bg-\[linear-gradient\(90deg\,var\(--accent-success\)\,color-mix\(in_srgb\,var\(--accent-success\)_72\%\,var\(--accent-info\)\)\)\]{background-image:linear-gradient(90deg,var(--accent-success),color-mix(in srgb,var(--accent-success) 72%,var(--accent-info)))}.bg-\[radial-gradient\(circle_at_top_left\,color-mix\(in_srgb\,var\(--accent-primary-soft\)_72\%\,transparent\)\,transparent_42\%\)\,radial-gradient\(circle_at_bottom_right\,color-mix\(in_srgb\,var\(--accent-warning-soft\)_56\%\,transparent\)\,transparent_38\%\)\]{background-image:radial-gradient(circle at top left,color-mix(in srgb,var(--accent-primary-soft) 72%,transparent),transparent 42%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--accent-warning-soft) 56%,transparent),transparent 38%)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_72\%\,transparent\)\]{--tw-gradient-from: color-mix(in srgb,var(--surface-overlay) 72%,transparent) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[var\(--accent-info\)\]{--tw-gradient-from: var(--accent-info) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[var\(--accent-primary\)\]{--tw-gradient-from: var(--accent-primary) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[var\(--accent-primary-hover\)\]{--tw-gradient-from: var(--accent-primary-hover) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[var\(--surface-card\)\]{--tw-gradient-from: var(--surface-card) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[var\(--surface-elevated\)\]{--tw-gradient-from: var(--surface-elevated) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-500{--tw-gradient-from: #f59e0b var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/70{--tw-gradient-from: rgb(0 0 0 / .7) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from: rgb(0 0 0 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from: #ec4899 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-50{--tw-gradient-from: #faf5ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-900\/30{--tw-gradient-from: rgb(88 28 135 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_60\%\,var\(--accent-danger\)\)\]{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), color-mix(in srgb,var(--accent-primary) 60%,var(--accent-danger)) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-black\/20{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[var\(--accent-info\)\]{--tw-gradient-to: var(--accent-info) var(--tw-gradient-to-position)}.to-\[var\(--accent-primary\)\]{--tw-gradient-to: var(--accent-primary) var(--tw-gradient-to-position)}.to-\[var\(--accent-success\)\]{--tw-gradient-to: var(--accent-success) var(--tw-gradient-to-position)}.to-\[var\(--ai-purple\)\]{--tw-gradient-to: var(--ai-purple) var(--tw-gradient-to-position)}.to-\[var\(--surface-card\)\]{--tw-gradient-to: var(--surface-card) var(--tw-gradient-to-position)}.to-cyan-50{--tw-gradient-to: #ecfeff var(--tw-gradient-to-position)}.to-cyan-500{--tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)}.to-cyan-900\/30{--tw-gradient-to: rgb(22 78 99 / .3) var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to: #10b981 var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-rose-500{--tw-gradient-to: #f43f5e var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-violet-500{--tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position)}.to-yellow-500{--tw-gradient-to: #eab308 var(--tw-gradient-to-position)}.fill-\[var\(--accent-primary\)\]{fill:var(--accent-primary)}.fill-\[var\(--accent-warning\)\]{fill:var(--accent-warning)}.fill-blue-600{fill:#2563eb}.fill-red-600{fill:#dc2626}.fill-white{fill:#fff}.fill-yellow-500{fill:#eab308}.stroke-blue-500{stroke:#3b82f6}.stroke-red-500{stroke:#ef4444}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[14px\]{padding:14px}.\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}.\!py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[3px\]{padding-top:3px;padding-bottom:3px}.py-px{padding-top:1px;padding-bottom:1px}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-2\.5{padding-bottom:.625rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-40{padding-bottom:10rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pb-\[var\(--bottom-nav-clearance\)\]{padding-bottom:var(--bottom-nav-clearance)}.pl-0{padding-left:0}.pl-0\.5{padding-left:.125rem}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-7{padding-left:1.75rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-0\.5{padding-right:.125rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-14{padding-right:3.5rem}.pr-2{padding-right:.5rem}.pr-20{padding-right:5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-28{padding-top:7rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\[56\.25\%\]{padding-top:56.25%}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-\[-2px\]{vertical-align:-2px}.font-poppins{font-family:Poppins,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[0\.55rem\]{font-size:.55rem}.text-\[0\.5rem\]{font-size:.5rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.6875rem\]{font-size:.6875rem}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.not-italic{font-style:normal}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.04em\]{letter-spacing:.04em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\!text-\[var\(--accent-info-fg\)\]{color:var(--accent-info-fg)!important}.\!text-\[var\(--accent-primary-fg\)\]{color:var(--accent-primary-fg)!important}.\!text-\[var\(--accent-success\)\]{color:var(--accent-success)!important}.\!text-\[var\(--accent-success-fg\)\]{color:var(--accent-success-fg)!important}.\!text-\[var\(--text-muted\)\]{color:var(--text-muted)!important}.\!text-\[var\(--text-primary\)\]{color:var(--text-primary)!important}.\!text-\[var\(--text-secondary\)\]{color:var(--text-secondary)!important}.text-\[color-mix\(in_srgb\,var\(--accent-danger\)_70\%\,transparent\)\]{color:color-mix(in srgb,var(--accent-danger) 70%,transparent)}.text-\[color-mix\(in_srgb\,var\(--text-primary\)_80\%\,transparent\)\]{color:color-mix(in srgb,var(--text-primary) 80%,transparent)}.text-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_72\%\,var\(--text-secondary\)\)\]{color:color-mix(in srgb,var(--accent-danger) 72%,var(--text-secondary))}.text-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_76\%\,var\(--text-secondary\)\)\]{color:color-mix(in srgb,var(--accent-danger) 76%,var(--text-secondary))}.text-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_84\%\,var\(--accent-primary\)\)\]{color:color-mix(in srgb,var(--accent-danger) 84%,var(--accent-primary))}.text-\[color\:color-mix\(in_srgb\,var\(--accent-info\)_84\%\,var\(--accent-primary\)\)\]{color:color-mix(in srgb,var(--accent-info) 84%,var(--accent-primary))}.text-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_72\%\,transparent\)\]{color:color-mix(in srgb,var(--accent-primary) 72%,transparent)}.text-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_72\%\,var\(--text-secondary\)\)\]{color:color-mix(in srgb,var(--accent-primary) 72%,var(--text-secondary))}.text-\[color\:color-mix\(in_srgb\,var\(--accent-primary-fg\)_42\%\,var\(--text-muted\)\)\]{color:color-mix(in srgb,var(--accent-primary-fg) 42%,var(--text-muted))}.text-\[color\:color-mix\(in_srgb\,var\(--accent-primary-fg\)_82\%\,transparent\)\]{color:color-mix(in srgb,var(--accent-primary-fg) 82%,transparent)}.text-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_82\%\,var\(--text-primary\)\)\]{color:color-mix(in srgb,var(--accent-success) 82%,var(--text-primary))}.text-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_65\%\,var\(--accent-danger\)\)\]{color:color-mix(in srgb,var(--accent-warning) 65%,var(--accent-danger))}.text-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_72\%\,var\(--text-secondary\)\)\]{color:color-mix(in srgb,var(--accent-warning) 72%,var(--text-secondary))}.text-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_74\%\,var\(--text-secondary\)\)\]{color:color-mix(in srgb,var(--accent-warning) 74%,var(--text-secondary))}.text-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_78\%\,var\(--accent-danger\)_22\%\)\]{color:color-mix(in srgb,var(--accent-warning) 78%,var(--accent-danger) 22%)}.text-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_80\%\,transparent\)\]{color:color-mix(in srgb,var(--accent-warning) 80%,transparent)}.text-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_82\%\,var\(--text-primary\)\)\]{color:color-mix(in srgb,var(--accent-warning) 82%,var(--text-primary))}.text-\[color\:color-mix\(in_srgb\,var\(--text-inverse\)_58\%\,transparent\)\]{color:color-mix(in srgb,var(--text-inverse) 58%,transparent)}.text-\[color\:color-mix\(in_srgb\,var\(--text-inverse\)_70\%\,transparent\)\]{color:color-mix(in srgb,var(--text-inverse) 70%,transparent)}.text-\[color\:color-mix\(in_srgb\,var\(--text-inverse\)_72\%\,transparent\)\]{color:color-mix(in srgb,var(--text-inverse) 72%,transparent)}.text-\[color\:color-mix\(in_srgb\,var\(--text-inverse\)_80\%\,transparent\)\]{color:color-mix(in srgb,var(--text-inverse) 80%,transparent)}.text-\[color\:color-mix\(in_srgb\,var\(--text-inverse\)_82\%\,transparent\)\]{color:color-mix(in srgb,var(--text-inverse) 82%,transparent)}.text-\[rgb\(196_132_252\)\]{--tw-text-opacity: 1;color:rgb(196 132 252 / var(--tw-text-opacity, 1))}.text-\[var\(--accent-danger\)\]{color:var(--accent-danger)}.text-\[var\(--accent-danger-fg\)\]{color:var(--accent-danger-fg)}.text-\[var\(--accent-info\)\]{color:var(--accent-info)}.text-\[var\(--accent-info-fg\)\]{color:var(--accent-info-fg)}.text-\[var\(--accent-orange\)\]{color:var(--accent-orange)}.text-\[var\(--accent-primary\)\]{color:var(--accent-primary)}.text-\[var\(--accent-primary-fg\)\]{color:var(--accent-primary-fg)}.text-\[var\(--accent-success\)\]{color:var(--accent-success)}.text-\[var\(--accent-success-fg\)\]{color:var(--accent-success-fg)}.text-\[var\(--accent-warning\)\]{color:var(--accent-warning)}.text-\[var\(--accent-warning-fg\)\]{color:var(--accent-warning-fg)}.text-\[var\(--ai-modify-accent\)\]{color:var(--ai-modify-accent)}.text-\[var\(--ai-purple\)\]{color:var(--ai-purple)}.text-\[var\(--ccm-text-primary\)\]{color:var(--ccm-text-primary)}.text-\[var\(--slate-300\)\]{color:var(--slate-300)}.text-\[var\(--slate-50\)\]{color:var(--slate-50)}.text-\[var\(--text-disabled\)\]{color:var(--text-disabled)}.text-\[var\(--text-inverse\)\]{color:var(--text-inverse)}.text-\[var\(--text-link\)\]{color:var(--text-link)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--tooltip-text\)\]{color:var(--tooltip-text)}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-current{color:currentColor}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-cyan-700{--tw-text-opacity: 1;color:rgb(14 116 144 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-500\/40{color:#10b98166}.text-emerald-500\/60{color:#10b98199}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-indigo-300{--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.text-inherit{color:inherit}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-pink-300{--tw-text-opacity: 1;color:rgb(249 168 212 / var(--tw-text-opacity, 1))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.text-purple-300{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.text-purple-300\/70{color:#d8b4feb3}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-purple-400\/60{color:#c084fc99}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-violet-300{--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.text-violet-400{--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.decoration-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_35\%\,transparent\)\]{text-decoration-color:color-mix(in srgb,var(--accent-primary) 35%,transparent)}.placeholder-\[var\(--text-disabled\)\]::-moz-placeholder{color:var(--text-disabled)}.placeholder-\[var\(--text-disabled\)\]::placeholder{color:var(--text-disabled)}.placeholder-\[var\(--text-muted\)\]::-moz-placeholder{color:var(--text-muted)}.placeholder-\[var\(--text-muted\)\]::placeholder{color:var(--text-muted)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_color-mix\(in_srgb\,var\(--accent-primary\)_18\%\,transparent\)\]{--tw-shadow: 0 0 0 1px color-mix(in srgb,var(--accent-primary) 18%,transparent);--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_24px_color-mix\(in_srgb\,var\(--accent-primary\)_30\%\,transparent\)\]{--tw-shadow: 0 12px 24px color-mix(in srgb,var(--accent-primary) 30%,transparent);--tw-shadow-colored: 0 12px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_24px_color-mix\(in_srgb\,var\(--accent-primary\)_22\%\,transparent\)\]{--tw-shadow: 0 8px 24px color-mix(in srgb,var(--accent-primary) 22%,transparent);--tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.\!shadow-\[var\(--shadow-xl\)\]{--tw-shadow-color: var(--shadow-xl) !important;--tw-shadow: var(--tw-shadow-colored) !important}.shadow-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_36\%\,transparent\)\]{--tw-shadow-color: color-mix(in srgb,var(--accent-danger) 36%,transparent);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_28\%\,transparent\)\]{--tw-shadow-color: color-mix(in srgb,var(--accent-primary) 28%,transparent);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_36\%\,transparent\)\]{--tw-shadow-color: color-mix(in srgb,var(--accent-success) 36%,transparent);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[var\(--shadow-lg\)\]{--tw-shadow-color: var(--shadow-lg);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[var\(--shadow-md\)\]{--tw-shadow-color: var(--shadow-md);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[var\(--shadow-sm\)\]{--tw-shadow-color: var(--shadow-sm);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[var\(--shadow-xl\)\]{--tw-shadow-color: var(--shadow-xl);--tw-shadow: var(--tw-shadow-colored)}.shadow-blue-600\/20{--tw-shadow-color: rgb(37 99 235 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-blue-900\/50{--tw-shadow-color: rgb(30 58 138 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-emerald-500\/30{--tw-shadow-color: rgb(16 185 129 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-purple-500\/20{--tw-shadow-color: rgb(168 85 247 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-purple-900\/50{--tw-shadow-color: rgb(88 28 135 / .5);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-\[color\:color-mix\(in_srgb\,var\(--accent-info\)_55\%\,transparent\)\]{--tw-ring-color: color-mix(in srgb,var(--accent-info) 55%,transparent)}.ring-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_55\%\,transparent\)\]{--tw-ring-color: color-mix(in srgb,var(--accent-success) 55%,transparent)}.ring-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_55\%\,transparent\)\]{--tw-ring-color: color-mix(in srgb,var(--accent-warning) 55%,transparent)}.ring-\[var\(--accent-danger\)\]{--tw-ring-color: var(--accent-danger)}.ring-\[var\(--accent-primary\)\]{--tw-ring-color: var(--accent-primary)}.ring-\[var\(--accent-primary-ring\)\]{--tw-ring-color: var(--accent-primary-ring)}.ring-\[var\(--accent-primary-soft\)\]{--tw-ring-color: var(--accent-primary-soft)}.ring-\[var\(--accent-success-soft\)\]{--tw-ring-color: var(--accent-success-soft)}.ring-\[var\(--accent-warning\)\]{--tw-ring-color: var(--accent-warning)}.ring-\[var\(--accent-warning-soft\)\]{--tw-ring-color: var(--accent-warning-soft)}.ring-\[var\(--border-default\)\]{--tw-ring-color: var(--border-default)}.ring-\[var\(--text-primary\)\]{--tw-ring-color: var(--text-primary)}.ring-pink-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(244 114 182 / var(--tw-ring-opacity, 1))}.ring-offset-1{--tw-ring-offset-width: 1px}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-\[var\(--surface-card\)\]{--tw-ring-offset-color: var(--surface-card)}.ring-offset-\[var\(--surface-elevated\)\]{--tw-ring-offset-color: var(--surface-elevated)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[2px\]{--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[6px\]{--tw-backdrop-blur: blur(6px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[8px\]{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[box-shadow\,border-color\]{transition-property:box-shadow,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[filter\]{transition-property:filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-75{transition-duration:75ms}.ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\]{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}.\[-webkit-tap-highlight-color\:transparent\]{-webkit-tap-highlight-color:transparent}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--glass-modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.skip-to-content{position:absolute;left:-9999px;top:var(--space-3);z-index:var(--z-navigation);background:#3b82f6;color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.skip-to-content:focus{left:var(--space-3)}:root{overflow-y:scroll;overflow-x:clip!important;width:100%;max-width:100%}html{overflow-x:clip!important}body{overflow-x:clip!important;position:relative}#root,#analytics-root{width:100%;max-width:calc(100vw - var(--removed-body-scroll-bar-size, 0px));margin:0 auto}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--surface-sunken)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--surface-sunken);font-family:Poppins,sans-serif}.changelog-content{color:var(--text-secondary);line-height:1.625}.changelog-content h2{border-bottom:1px solid var(--border-default);color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:2rem 0 1rem;padding-bottom:.5rem}.changelog-content h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:1.5rem 0 .5rem}.changelog-content p{color:var(--text-secondary);margin:.5rem 0}.changelog-content ul{margin:1rem 0;padding-left:1.25rem}.changelog-content li{color:var(--text-secondary);list-style:disc;margin:.5rem 0}.changelog-content a{color:var(--text-link)}.changelog-content h1{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.changelog-content h1+p{color:var(--text-secondary);margin-bottom:1.5rem}.changelog-content p:last-child{border-top:1px solid var(--border-default);color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:.875rem;margin-top:2rem;padding-top:1rem}@keyframes highlight{0%,to{background-color:transparent}20%,70%{background-color:#3b82f680}}.highlight-entry{animation:highlight 3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out both}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.95}}.animate-pulse-subtle{animation:pulse-subtle 2s ease-in-out infinite}@keyframes bug-report-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.animate-bug-report-pulse{animation:bug-report-pulse 2s ease-in-out 3}@media (min-width: 640px){.sm\:prose{color:var(--text-secondary);max-width:none}.sm\:prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.sm\:prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.sm\:prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--text-link);text-decoration:underline;font-weight:500}.sm\:prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--text-primary);font-weight:600}.sm\:prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.sm\:prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.sm\:prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.sm\:prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.sm\:prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.sm\:prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.sm\:prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.sm\:prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.sm\:prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.sm\:prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.sm\:prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.sm\:prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.sm\:prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.sm\:prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:.5rem;margin-bottom:.5rem;padding-inline-start:1.625em}.sm\:prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.sm\:prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.sm\:prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.sm\:prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.sm\:prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.sm\:prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.sm\:prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.sm\:prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.sm\:prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.sm\:prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--text-primary);font-weight:700;font-size:1.5em;margin-top:2rem;margin-bottom:1rem;line-height:1.3333333}.sm\:prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.sm\:prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--text-primary);font-weight:600;font-size:1.25em;margin-top:1.5rem;margin-bottom:.5rem;line-height:1.6}.sm\:prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.sm\:prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.sm\:prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.sm\:prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.sm\:prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.sm\:prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.sm\:prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.sm\:prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--text-primary);font-weight:600;font-size:.875em}.sm\:prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.sm\:prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.sm\:prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.sm\:prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.sm\:prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.sm\:prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.sm\:prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.sm\:prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.sm\:prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.sm\:prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.sm\:prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.sm\:prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.sm\:prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.sm\:prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.sm\:prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.sm\:prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.sm\:prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.sm\:prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.sm\:prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.sm\:prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.sm\:prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.sm\:prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.sm\:prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.sm\:prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.sm\:prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.sm\:prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.sm\:prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.25rem;margin-bottom:.25rem}.sm\:prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.sm\:prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.sm\:prose :where(.sm\:prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.sm\:prose :where(.sm\:prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.sm\:prose :where(.sm\:prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.sm\:prose :where(.sm\:prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.sm\:prose :where(.sm\:prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.sm\:prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.sm\:prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.sm\:prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.sm\:prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.sm\:prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.sm\:prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.sm\:prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.sm\:prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.sm\:prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.sm\:prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.sm\:prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.sm\:prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.sm\:prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.sm\:prose :where(.sm\:prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.sm\:prose :where(.sm\:prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}}.marker\:text-\[var\(--text-muted\)\] *::marker{color:var(--text-muted)}.marker\:text-\[var\(--text-muted\)\]::marker{color:var(--text-muted)}.placeholder\:text-xs::-moz-placeholder{font-size:.75rem;line-height:1rem}.placeholder\:text-xs::placeholder{font-size:.75rem;line-height:1rem}.placeholder\:italic::-moz-placeholder{font-style:italic}.placeholder\:italic::placeholder{font-style:italic}.placeholder\:\!text-\[var\(--text-disabled\)\]::-moz-placeholder{color:var(--text-disabled)!important}.placeholder\:\!text-\[var\(--text-disabled\)\]::placeholder{color:var(--text-disabled)!important}.placeholder\:text-\[var\(--text-disabled\)\]::-moz-placeholder{color:var(--text-disabled)}.placeholder\:text-\[var\(--text-disabled\)\]::placeholder{color:var(--text-disabled)}.placeholder\:text-\[var\(--text-muted\)\]::-moz-placeholder{color:var(--text-muted)}.placeholder\:text-\[var\(--text-muted\)\]::placeholder{color:var(--text-muted)}.placeholder\:text-\[var\(--text-secondary\)\]::-moz-placeholder{color:var(--text-secondary)}.placeholder\:text-\[var\(--text-secondary\)\]::placeholder{color:var(--text-secondary)}.first\:pt-0:first-child{padding-top:0}.last\:border-0:last-child{border-width:0px}.last\:border-b-0:last-child{border-bottom-width:0px}.last\:pb-0:last-child{padding-bottom:0}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_28\%\,transparent\)\]:hover{border-color:color-mix(in srgb,var(--accent-danger) 28%,transparent)}.hover\:border-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_42\%\,var\(--border-default\)\)\]:hover{border-color:color-mix(in srgb,var(--accent-primary) 42%,var(--border-default))}.hover\:border-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_50\%\,transparent\)\]:hover{border-color:color-mix(in srgb,var(--accent-warning) 50%,transparent)}.hover\:border-\[var\(--accent-danger\)\]:hover{border-color:var(--accent-danger)}.hover\:border-\[var\(--accent-primary\)\]:hover{border-color:var(--accent-primary)}.hover\:border-\[var\(--accent-success\)\]:hover{border-color:var(--accent-success)}.hover\:border-\[var\(--border-default\)\]:hover{border-color:var(--border-default)}.hover\:border-\[var\(--border-focus\)\]:hover{border-color:var(--border-focus)}.hover\:border-\[var\(--border-strong\)\]:hover{border-color:var(--border-strong)}.hover\:border-\[var\(--text-muted\)\]:hover{border-color:var(--text-muted)}.hover\:\!bg-\[var\(--surface-card\)\]:hover{background-color:var(--surface-card)!important}.hover\:bg-\[color-mix\(in_srgb\,var\(--accent-danger\)_25\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger) 25%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,currentColor_10\%\,transparent\)\]:hover{background-color:color-mix(in srgb,currentColor 10%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,currentColor_12\%\,transparent\)\]:hover{background-color:color-mix(in srgb,currentColor 12%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,currentColor_22\%\,transparent\)\]:hover{background-color:color-mix(in srgb,currentColor 22%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_10\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger) 10%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_20\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger) 20%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_24\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger) 24%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_28\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger) 28%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_28\%\,var\(--surface-overlay\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger) 28%,var(--surface-overlay))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_78\%\,black\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger) 78%,black)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_82\%\,black\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger) 82%,black)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_86\%\,black\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger) 86%,black)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_88\%\,black\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger) 88%,black)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_100\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger-soft) 100%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_72\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger-soft) 72%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_72\%\,var\(--surface-overlay\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger-soft) 72%,var(--surface-overlay))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_82\%\,var\(--accent-danger\)_18\%\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger-soft) 82%,var(--accent-danger) 18%)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_84\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger-soft) 84%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_86\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger-soft) 86%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_88\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger-soft) 88%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_88\%\,var\(--surface-elevated\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger-soft) 88%,var(--surface-elevated))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-danger-soft\)_90\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-danger-soft) 90%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-info\)_84\%\,var\(--accent-primary\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-info) 84%,var(--accent-primary))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-info\)_88\%\,var\(--accent-primary\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-info) 88%,var(--accent-primary))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-info-soft\)_72\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-info-soft) 72%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-info-soft\)_76\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--accent-info-soft) 76%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_20\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-primary) 20%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_64\%\,var\(--accent-info\)_92\%\)\]:hover{background-color:color-mix(in srgb,var(--accent-primary) 64%,var(--accent-info) 92%)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-fg\)_92\%\,var\(--accent-primary-soft\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-primary-fg) 92%,var(--accent-primary-soft))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_100\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--accent-primary-soft) 100%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_100\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-primary-soft) 100%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_100\%\,var\(--surface-elevated\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-primary-soft) 100%,var(--surface-elevated))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_60\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-primary-soft) 60%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_72\%\,var\(--accent-primary\)_28\%\)\]:hover{background-color:color-mix(in srgb,var(--accent-primary-soft) 72%,var(--accent-primary) 28%)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_72\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-primary-soft) 72%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_82\%\,var\(--accent-primary\)_18\%\)\]:hover{background-color:color-mix(in srgb,var(--accent-primary-soft) 82%,var(--accent-primary) 18%)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_88\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-primary-soft) 88%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_20\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-success) 20%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_86\%\,black\)\]:hover{background-color:color-mix(in srgb,var(--accent-success) 86%,black)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-success\)_88\%\,black\)\]:hover{background-color:color-mix(in srgb,var(--accent-success) 88%,black)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_100\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--accent-success-soft) 100%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_100\%\,var\(--surface-elevated\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-success-soft) 100%,var(--surface-elevated))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_72\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-success-soft) 72%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_88\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-success-soft) 88%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_20\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-warning) 20%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_26\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--accent-warning) 26%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_86\%\,black\)\]:hover{background-color:color-mix(in srgb,var(--accent-warning) 86%,black)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_88\%\,black\)\]:hover{background-color:color-mix(in srgb,var(--accent-warning) 88%,black)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_88\%\,black_12\%\)\]:hover{background-color:color-mix(in srgb,var(--accent-warning) 88%,black 12%)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_88\%\,white\)\]:hover{background-color:color-mix(in srgb,var(--accent-warning) 88%,white)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_90\%\,black\)\]:hover{background-color:color-mix(in srgb,var(--accent-warning) 90%,black)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_76\%\,var\(--accent-warning\)_12\%\)\]:hover{background-color:color-mix(in srgb,var(--accent-warning-soft) 76%,var(--accent-warning) 12%)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_84\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--accent-warning-soft) 84%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_88\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-warning-soft) 88%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-warning-soft\)_88\%\,var\(--surface-sunken\)\)\]:hover{background-color:color-mix(in srgb,var(--accent-warning-soft) 88%,var(--surface-sunken))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--ai-purple\)_18\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--ai-purple) 18%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--ai-purple\)_24\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--ai-purple) 24%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--ai-purple\)_94\%\,var\(--purple-900\)\)\]:hover{background-color:color-mix(in srgb,var(--ai-purple) 94%,var(--purple-900))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--ai-purple-soft\)_72\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--ai-purple-soft) 72%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--slate-950\)_86\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--slate-950) 86%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--surface-card\)_78\%\,var\(--surface-elevated\)\)\]:hover{background-color:color-mix(in srgb,var(--surface-card) 78%,var(--surface-elevated))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--surface-card\)_86\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--surface-card) 86%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--surface-card\)_96\%\,black\)\]:hover{background-color:color-mix(in srgb,var(--surface-card) 96%,black)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--surface-elevated\)_72\%\,var\(--surface-overlay\)\)\]:hover{background-color:color-mix(in srgb,var(--surface-elevated) 72%,var(--surface-overlay))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--surface-elevated\)_94\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--surface-elevated) 94%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--surface-hover\)_82\%\,rgb\(147_51_234_\/_0\.08\)\)\]:hover{background-color:color-mix(in srgb,var(--surface-hover) 82%,rgb(147 51 234 / .08))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--surface-hover\)_82\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--surface-hover) 82%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_68\%\,black\)\]:hover{background-color:color-mix(in srgb,var(--surface-overlay) 68%,black)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--surface-overlay\)_96\%\,var\(--surface-card\)\)\]:hover{background-color:color-mix(in srgb,var(--surface-overlay) 96%,var(--surface-card))}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--text-inverse\)_10\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--text-inverse) 10%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--text-inverse\)_18\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--text-inverse) 18%,transparent)}.hover\:bg-\[color\:color-mix\(in_srgb\,var\(--text-inverse\)_28\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--text-inverse) 28%,transparent)}.hover\:bg-\[rgb\(126_34_206\)\]:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:bg-\[var\(--accent-danger\)\]:hover{background-color:var(--accent-danger)}.hover\:bg-\[var\(--accent-danger-soft\)\]:hover{background-color:var(--accent-danger-soft)}.hover\:bg-\[var\(--accent-primary-hover\)\]:hover{background-color:var(--accent-primary-hover)}.hover\:bg-\[var\(--accent-primary-soft\)\]:hover{background-color:var(--accent-primary-soft)}.hover\:bg-\[var\(--accent-success\)\]:hover{background-color:var(--accent-success)}.hover\:bg-\[var\(--accent-success-hover\)\]:hover{background-color:var(--accent-success-hover)}.hover\:bg-\[var\(--accent-success-soft\)\]:hover{background-color:var(--accent-success-soft)}.hover\:bg-\[var\(--accent-warning-hover\)\]:hover{background-color:var(--accent-warning-hover)}.hover\:bg-\[var\(--accent-warning-soft\)\]:hover{background-color:var(--accent-warning-soft)}.hover\:bg-\[var\(--border-strong\)\]:hover{background-color:var(--border-strong)}.hover\:bg-\[var\(--surface-active\)\]:hover{background-color:var(--surface-active)}.hover\:bg-\[var\(--surface-card\)\]:hover{background-color:var(--surface-card)}.hover\:bg-\[var\(--surface-card-hover\)\]:hover{background-color:var(--surface-card-hover)}.hover\:bg-\[var\(--surface-elevated\)\]:hover{background-color:var(--surface-elevated)}.hover\:bg-\[var\(--surface-hover\)\]:hover{background-color:var(--surface-hover)}.hover\:bg-\[var\(--surface-muted\)\]:hover{background-color:var(--surface-muted)}.hover\:bg-\[var\(--surface-overlay\)\]:hover{background-color:var(--surface-overlay)}.hover\:bg-\[var\(--text-muted\)\]:hover{background-color:var(--text-muted)}.hover\:bg-amber-700:hover{--tw-bg-opacity: 1;background-color:rgb(180 83 9 / var(--tw-bg-opacity, 1))}.hover\:bg-black\/70:hover{background-color:#000000b3}.hover\:bg-blue-500\/20:hover{background-color:#3b82f633}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-500\/20:hover{background-color:#10b98133}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-500\/20:hover{background-color:#6366f133}.hover\:bg-purple-500\/30:hover{background-color:#a855f74d}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-white\/75:hover{background-color:#ffffffbf}.hover\:from-blue-500:hover{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-purple-500:hover{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.hover\:text-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_82\%\,white\)\]:hover{color:color-mix(in srgb,var(--accent-danger) 82%,white)}.hover\:text-\[color\:color-mix\(in_srgb\,var\(--accent-warning\)_88\%\,white\)\]:hover{color:color-mix(in srgb,var(--accent-warning) 88%,white)}.hover\:text-\[color\:color-mix\(in_srgb\,var\(--text-link\)_82\%\,var\(--text-primary\)\)\]:hover{color:color-mix(in srgb,var(--text-link) 82%,var(--text-primary))}.hover\:text-\[var\(--accent-danger\)\]:hover{color:var(--accent-danger)}.hover\:text-\[var\(--accent-danger-hover\)\]:hover{color:var(--accent-danger-hover)}.hover\:text-\[var\(--accent-info\)\]:hover{color:var(--accent-info)}.hover\:text-\[var\(--accent-primary\)\]:hover{color:var(--accent-primary)}.hover\:text-\[var\(--accent-primary-hover\)\]:hover{color:var(--accent-primary-hover)}.hover\:text-\[var\(--accent-success\)\]:hover{color:var(--accent-success)}.hover\:text-\[var\(--accent-warning\)\]:hover{color:var(--accent-warning)}.hover\:text-\[var\(--accent-warning-fg\)\]:hover{color:var(--accent-warning-fg)}.hover\:text-\[var\(--text-link-hover\)\]:hover{color:var(--text-link-hover)}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:text-\[var\(--text-secondary\)\]:hover{color:var(--text-secondary)}.hover\:text-blue-200:hover{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.hover\:text-orange-300:hover{--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-\[var\(--accent-primary\)\]:hover{text-decoration-color:var(--accent-primary)}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-85:hover{opacity:.85}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-95:hover{opacity:.95}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:ring-2:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:ring-\[var\(--accent-primary-ring\)\]:hover{--tw-ring-color: var(--accent-primary-ring)}.hover\:brightness-105:hover{--tw-brightness: brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:brightness-95:hover{--tw-brightness: brightness(.95);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:\!border-\[var\(--accent-primary\)\]:focus{border-color:var(--accent-primary)!important}.focus\:border-\[var\(--accent-danger\)\]:focus{border-color:var(--accent-danger)}.focus\:border-\[var\(--accent-primary\)\]:focus{border-color:var(--accent-primary)}.focus\:border-\[var\(--ai-modify-accent\)\]:focus{border-color:var(--ai-modify-accent)}.focus\:border-\[var\(--border-focus\)\]:focus{border-color:var(--border-focus)}.focus\:border-blue-400:focus{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:text-\[var\(--text-primary\)\]:focus{color:var(--text-primary)}.focus\:\!outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:\!ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:\!ring-\[var\(--accent-primary-ring\)\]:focus{--tw-ring-color: var(--accent-primary-ring) !important}.focus\:ring-\[color\:color-mix\(in_srgb\,var\(--accent-danger\)_35\%\,transparent\)\]:focus{--tw-ring-color: color-mix(in srgb,var(--accent-danger) 35%,transparent)}.focus\:ring-\[var\(--accent-danger\)\]:focus{--tw-ring-color: var(--accent-danger)}.focus\:ring-\[var\(--accent-danger-ring\)\]:focus{--tw-ring-color: var(--accent-danger-ring)}.focus\:ring-\[var\(--accent-primary\)\]:focus{--tw-ring-color: var(--accent-primary)}.focus\:ring-\[var\(--accent-primary-ring\)\]:focus{--tw-ring-color: var(--accent-primary-ring)}.focus\:ring-\[var\(--accent-warning\)\]:focus{--tw-ring-color: var(--accent-warning)}.focus\:ring-\[var\(--border-focus\)\]:focus{--tw-ring-color: var(--border-focus)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500\/20:focus{--tw-ring-color: rgb(59 130 246 / .2)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus\:ring-offset-\[var\(--surface-card\)\]:focus{--tw-ring-offset-color: var(--surface-card)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[var\(--accent-danger\)\]:focus-visible{--tw-ring-color: var(--accent-danger)}.focus-visible\:ring-\[var\(--accent-primary\)\]:focus-visible{--tw-ring-color: var(--accent-primary)}.focus-visible\:ring-\[var\(--accent-primary-ring\)\]:focus-visible{--tw-ring-color: var(--accent-primary-ring)}.focus-visible\:ring-\[var\(--accent-success\)\]:focus-visible{--tw-ring-color: var(--accent-success)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-\[var\(--surface-base\)\]:focus-visible{--tw-ring-offset-color: var(--surface-base)}.focus-visible\:ring-offset-\[var\(--surface-card\)\]:focus-visible{--tw-ring-offset-color: var(--surface-card)}.focus-visible\:ring-offset-\[var\(--surface-overlay\)\]:focus-visible{--tw-ring-offset-color: var(--surface-overlay)}.focus-visible\:ring-offset-\[var\(--surface-page\)\]:focus-visible{--tw-ring-offset-color: var(--surface-page)}.focus-visible\:ring-offset-\[var\(--tooltip-surface\)\]:focus-visible{--tw-ring-offset-color: var(--tooltip-surface)}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.97\]:active{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:cursor-grabbing:active{cursor:grabbing}.active\:\!bg-\[var\(--surface-card\)\]:active{background-color:var(--surface-card)!important}.active\:\!bg-\[var\(--surface-elevated\)\]:active{background-color:var(--surface-elevated)!important}.active\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_76\%\,var\(--accent-primary\)_24\%\)\]:active{background-color:color-mix(in srgb,var(--accent-primary-soft) 76%,var(--accent-primary) 24%)}.active\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-success-soft\)_100\%\,var\(--accent-success\)_12\%\)\]:active{background-color:color-mix(in srgb,var(--accent-success-soft) 100%,var(--accent-success) 12%)}.active\:bg-\[var\(--accent-primary-active\)\]:active{background-color:var(--accent-primary-active)}.active\:bg-\[var\(--accent-success-soft\)\]:active{background-color:var(--accent-success-soft)}.active\:bg-\[var\(--surface-active\)\]:active{background-color:var(--surface-active)}.active\:bg-\[var\(--surface-elevated\)\]:active{background-color:var(--surface-elevated)}.active\:\!text-\[var\(--text-primary\)\]:active{color:var(--text-primary)!important}.active\:text-\[var\(--accent-danger\)\]:active{color:var(--accent-danger)}.active\:text-\[var\(--accent-info-fg\)\]:active{color:var(--accent-info-fg)}.active\:text-\[var\(--text-secondary\)\]:active{color:var(--text-secondary)}.active\:opacity-70:active{opacity:.7}.active\:opacity-80:active{opacity:.8}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-\[var\(--border-subtle\)\]:disabled{border-color:var(--border-subtle)}.disabled\:\!bg-\[var\(--surface-sunken\)\]:disabled{background-color:var(--surface-sunken)!important}.disabled\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_38\%\,transparent\)\]:disabled{background-color:color-mix(in srgb,var(--accent-primary) 38%,transparent)}.disabled\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary\)_45\%\,var\(--surface-elevated\)\)\]:disabled{background-color:color-mix(in srgb,var(--accent-primary) 45%,var(--surface-elevated))}.disabled\:bg-\[var\(--accent-danger\)\]:disabled{background-color:var(--accent-danger)}.disabled\:bg-\[var\(--accent-success\)\]:disabled{background-color:var(--accent-success)}.disabled\:bg-\[var\(--surface-elevated\)\]:disabled{background-color:var(--surface-elevated)}.disabled\:bg-\[var\(--surface-hover\)\]:disabled{background-color:var(--surface-hover)}.disabled\:bg-\[var\(--surface-overlay\)\]:disabled{background-color:var(--surface-overlay)}.disabled\:\!text-\[var\(--text-disabled\)\]:disabled{color:var(--text-disabled)!important}.disabled\:text-\[color\:color-mix\(in_srgb\,var\(--accent-primary-fg\)_48\%\,var\(--text-muted\)\)\]:disabled{color:color-mix(in srgb,var(--accent-primary-fg) 48%,var(--text-muted))}.disabled\:text-\[var\(--text-disabled\)\]:disabled{color:var(--text-disabled)}.disabled\:text-\[var\(--text-muted\)\]:disabled{color:var(--text-muted)}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group:focus-within .group-focus-within\:opacity-100{opacity:1}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-\[color\:color-mix\(in_srgb\,var\(--accent-primary-soft\)_72\%\,var\(--surface-overlay\)\)\]{background-color:color-mix(in srgb,var(--accent-primary-soft) 72%,var(--surface-overlay))}.group:hover .group-hover\:bg-\[var\(--overlay-backdrop-30\)\]{background-color:var(--overlay-backdrop-30)}.group:hover .group-hover\:text-\[var\(--accent-primary\)\]{color:var(--accent-primary)}.group:hover .group-hover\:text-\[var\(--text-primary\)\]{color:var(--text-primary)}.group\/share:hover .group-hover\/share\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.prose-headings\:text-\[var\(--text-primary\)\] :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *))){color:var(--text-primary)}.prose-p\:text-\[var\(--text-secondary\)\] :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){color:var(--text-secondary)}.prose-a\:text-\[var\(--text-link\)\] :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){color:var(--text-link)}.prose-strong\:text-\[var\(--text-primary\)\] :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){color:var(--text-primary)}.prose-li\:text-\[var\(--text-secondary\)\] :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){color:var(--text-secondary)}@media (min-width: 400px){.min-\[400px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 640px){.sm\:m-0{margin:0}.sm\:m-4{margin:1rem}.sm\:mx-4{margin-left:1rem;margin-right:1rem}.sm\:my-8{margin-top:2rem;margin-bottom:2rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:ml-0{margin-left:0}.sm\:ml-0\.5{margin-left:.125rem}.sm\:mt-0{margin-top:0}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-14{height:3.5rem}.sm\:h-40{height:10rem}.sm\:h-5{height:1.25rem}.sm\:h-64{height:16rem}.sm\:h-8{height:2rem}.sm\:h-auto{height:auto}.sm\:max-h-\[80vh\]{max-height:80vh}.sm\:max-h-\[95vh\]{max-height:95vh}.sm\:w-14{width:3.5rem}.sm\:w-5{width:1.25rem}.sm\:w-8{width:2rem}.sm\:w-auto{width:auto}.sm\:min-w-\[380px\]{min-width:380px}.sm\:max-w-4xl{max-width:56rem}.sm\:max-w-5xl{max-width:64rem}.sm\:max-w-\[200px\]{max-width:200px}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-md{max-width:28rem}.sm\:max-w-sm{max-width:24rem}.sm\:flex-none{flex:none}.sm\:flex-shrink-0{flex-shrink:0}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.sm\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.sm\:space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:border{border-width:1px}.sm\:border-\[var\(--border-default\)\]{border-color:var(--border-default)}.sm\:p-0\.5{padding:.125rem}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:pl-4{padding-left:1rem}.sm\:pt-2{padding-top:.5rem}.sm\:pt-4{padding-top:1rem}.sm\:text-center{text-align:center}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:opacity-0{opacity:0}.group:hover .sm\:group-hover\:opacity-100{opacity:1}}@media (min-width: 768px){.md\:left-auto{left:auto}.md\:right-4{right:1rem}.md\:right-6{right:1.5rem}.md\:top-4{top:1rem}.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:mx-2{margin-left:.5rem;margin-right:.5rem}.md\:mx-4{margin-left:1rem;margin-right:1rem}.md\:mb-2{margin-bottom:.5rem}.md\:mb-3{margin-bottom:.75rem}.md\:mb-4{margin-bottom:1rem}.md\:mb-8{margin-bottom:2rem}.md\:ml-2{margin-left:.5rem}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-10{height:2.5rem}.md\:h-11{height:2.75rem}.md\:h-12{height:3rem}.md\:h-14{height:3.5rem}.md\:h-4{height:1rem}.md\:h-5{height:1.25rem}.md\:h-7{height:1.75rem}.md\:h-\[600px\]{height:600px}.md\:h-auto{height:auto}.md\:max-h-\[80vh\]{max-height:80vh}.md\:max-h-\[90vh\]{max-height:90vh}.md\:w-12{width:3rem}.md\:w-14{width:3.5rem}.md\:w-16{width:4rem}.md\:w-28{width:7rem}.md\:w-4{width:1rem}.md\:w-5{width:1.25rem}.md\:w-7{width:1.75rem}.md\:w-80{width:20rem}.md\:w-\[55vw\]{width:55vw}.md\:w-auto{width:auto}.md\:min-w-\[350px\]{min-width:350px}.md\:min-w-\[400px\]{min-width:400px}.md\:max-w-4xl{max-width:56rem}.md\:max-w-\[750px\]{max-width:750px}.md\:max-w-lg{max-width:32rem}.md\:max-w-md{max-width:28rem}.md\:flex-1{flex:1 1 0%}.md\:flex-initial{flex:0 1 auto}.md\:flex-none{flex:none}.md\:flex-shrink-0{flex-shrink:0}.md\:table-fixed{table-layout:fixed}.md\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:gap-2{gap:.5rem}.md\:gap-3{gap:.75rem}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.md\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.md\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.md\:overflow-x-visible{overflow-x:visible}.md\:rounded-2xl{border-radius:1rem}.md\:rounded-lg{border-radius:var(--radius)}.md\:rounded-xl{border-radius:.75rem}.md\:border{border-width:1px}.md\:border-\[var\(--border-default\)\]{border-color:var(--border-default)}.md\:border-\[var\(--border-strong\)\]{border-color:var(--border-strong)}.md\:p-2{padding:.5rem}.md\:p-3{padding:.75rem}.md\:p-4{padding:1rem}.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:pb-0{padding-bottom:0}.md\:pb-3{padding-bottom:.75rem}.md\:pb-4{padding-bottom:1rem}.md\:pb-6{padding-bottom:1.5rem}.md\:pl-16{padding-left:4rem}.md\:pl-20{padding-left:5rem}.md\:pt-12{padding-top:3rem}.md\:pt-2{padding-top:.5rem}.md\:pt-3{padding-top:.75rem}.md\:pt-4{padding-top:1rem}.md\:pt-5{padding-top:1.25rem}.md\:pt-6{padding-top:1.5rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-\[11px\]{font-size:11px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:opacity-0{opacity:0}.md\:shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.md\:shadow-\[var\(--shadow-xl\)\]{--tw-shadow-color: var(--shadow-xl);--tw-shadow: var(--tw-shadow-colored)}.group:hover .md\:group-hover\:opacity-100{opacity:1}}@media (min-width: 1024px){.lg\:sticky{position:sticky}.lg\:top-4{top:1rem}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:max-w-2xl{max-width:42rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr .8fr}.lg\:grid-cols-\[1fr\,400px\]{grid-template-columns:1fr 400px}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:self-start{align-self:flex-start}}.dark\:text-cyan-400:where([data-theme=dark],[data-theme=dark] *,.dark,.dark *){--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.dark\:text-emerald-400:where([data-theme=dark],[data-theme=dark] *,.dark,.dark *){--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.\[\&\:\:-moz-range-thumb\]\:h-6::-moz-range-thumb{height:1.5rem}.\[\&\:\:-moz-range-thumb\]\:w-6::-moz-range-thumb{width:1.5rem}.\[\&\:\:-moz-range-thumb\]\:cursor-pointer::-moz-range-thumb{cursor:pointer}.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{border-radius:9999px}.\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb{border-width:0px}.\[\&\:\:-moz-range-thumb\]\:bg-cyan-400::-moz-range-thumb{--tw-bg-opacity: 1;background-color:rgb(34 211 238 / var(--tw-bg-opacity, 1))}.\[\&\:\:-webkit-slider-thumb\]\:h-6::-webkit-slider-thumb{height:1.5rem}.\[\&\:\:-webkit-slider-thumb\]\:w-6::-webkit-slider-thumb{width:1.5rem}.\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb{cursor:pointer}.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{border-radius:9999px}.\[\&\:\:-webkit-slider-thumb\]\:bg-cyan-400::-webkit-slider-thumb{--tw-bg-opacity: 1;background-color:rgb(34 211 238 / var(--tw-bg-opacity, 1))}.\[\&\]\:outline-none{outline:2px solid transparent;outline-offset:2px}.\[\&_a\]\:text-current a{color:currentColor}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:underline-offset-2 a{text-underline-offset:2px}