.food-voice-input{position:relative;display:inline-flex;align-items:center}.food-voice-settings-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;color:#64748b;background:#1e293b80;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:#94a3b8;background:#334155b3}.food-voice-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid rgba(148,163,184,.2);cursor:pointer;transition:all .2s ease;color:#94a3b8;background:#334155cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0}.food-voice-btn:hover:not(:disabled){background:#334155e6;color:#e2e8f0}.food-voice-btn.active{background:#dc262633;color:#ef4444;animation:voice-pulse 1.5s ease-in-out infinite}.food-voice-btn.active:hover{background:#dc26264d;color:#f87171}.food-voice-btn.processing{background:#581c874d;color:#a78bfa;cursor:wait}.food-voice-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes voice-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.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:#0f172af2;border:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0006;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:#818cf8;background:#6366f126;padding:1px 5px;border-radius:4px;margin-bottom:2px}.food-voice-interim-text{font-size:.85rem;line-height:1.4;color:#cbd5e1;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,#1e293bfa,#0f172afc);border:1px solid rgba(148,163,184,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000073;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:#64748b;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:#e2e8f0}.food-voice-picker-option:hover:not(:disabled){background:#33415580}.food-voice-picker-option.selected{background:#6366f126}.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:#64748b;line-height:1.2}.food-voice-picker-check{color:#818cf8;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 rgba(148,163,184,.15);border-radius:6px;background:transparent;color:#94a3b8;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s;text-align:center}.food-voice-lang-btn:hover{background:#33415566;color:#e2e8f0}.food-voice-lang-flags{font-size:.55rem;letter-spacing:-2px;margin-right:2px}.food-voice-lang-btn.selected{background:#6366f133;border-color:#6366f166;color:#818cf8}@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:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);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:linear-gradient(165deg,#1e293bfa,#0f172afc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(148,163,184,.12);border-radius:20px 20px 0 0;padding:20px 20px calc(env(safe-area-inset-bottom,0px) + var(--tab-bar-height, 4rem) + 12px);box-shadow:0 -8px 32px #0006;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:#94a3b81a;color:#94a3b8;cursor:pointer;-webkit-tap-highlight-color:transparent}.health-sheet-header{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}.health-sheet-title{font-size:1rem;font-weight:600;color:#e2e8f0}.health-sheet-confidence{font-size:.6875rem;color:#64748b}.health-sheet-loading{text-align:center;color:#94a3b8;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:#0f172a99}.health-sheet-score-value{font-size:1.75rem;font-weight:700;line-height:1}.health-sheet-score-label{font-size:.625rem;color:#64748b;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:#0f172a66;border:1px solid rgba(148,163,184,.06)}.health-sheet-component.unavailable{opacity:.4}.health-sheet-comp-header{display:flex;align-items:center;gap:8px}.health-sheet-comp-name{flex:1;font-size:.8125rem;font-weight:500;color:#e2e8f0}.health-sheet-comp-score{font-size:.875rem;font-weight:700}.health-sheet-comp-na{font-size:.6875rem;color:#475569;font-style:italic}.health-sheet-comp-bar-bg{height:4px;border-radius:2px;background:#94a3b81a;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:#64748b;margin-top:4px}.health-sheet-risk-flag{display:inline-flex;align-items:center;gap:3px;margin-left:8px;color:#f87171}.health-sheet-additives{margin-top:16px;padding-top:12px;border-top:1px solid rgba(148,163,184,.08)}.health-sheet-additives-title{font-size:.75rem;font-weight:600;color:#94a3b8;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 rgba(148,163,184,.04)}.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:#eab3081f;color:#facc15}.health-sheet-additive-risk.risk-2{background:#f973161f;color:#fb923c}.health-sheet-additive-risk.risk-3{background:#ef44441f;color:#f87171}.health-sheet-additive-name{font-size:.8125rem;color:#e2e8f0}.health-sheet-additive-note{font-size:.6875rem;color:#64748b;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:0 16px 48px #00000080;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)}}}.barcode-result-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:barcodeResultFadeIn .15s ease-out}@keyframes barcodeResultFadeIn{0%{opacity:0}to{opacity:1}}.barcode-result-sheet{position:fixed;bottom:0;left:0;right:0;z-index:211;background:linear-gradient(165deg,#1e293bfa,#0f172afc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(148,163,184,.12);border-radius:20px 20px 0 0;padding:20px 20px calc(env(safe-area-inset-bottom,0px) + var(--tab-bar-height, 4rem) + 12px);box-shadow:0 -8px 32px #0006;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:1.5px;background:#94a3b840;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:#94a3b81a;color:#94a3b8;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.barcode-result-close:active{background:#94a3b833;color:#e2e8f0}.barcode-result-name{font-size:1rem;font-weight:600;color:#e2e8f0;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:#64748b;margin-top:2px}.barcode-result-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.barcode-result-barcode-num{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.6875rem;color:#475569}.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}.barcode-result-source.off{background:#f59e0b1f;color:#fbbf24}.barcode-result-source.fddb_verified{background:#22c55e1f;color:#4ade80}.barcode-result-source.fddb_general{background:#94a3b81a;color:#94a3b8}.barcode-result-source.usda,.barcode-result-source.usda_branded{background:#3b82f61f;color:#60a5fa}.barcode-result-health-row{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 12px;border-radius:10px;background:#22c55e0a;border:1px solid rgba(34,197,94,.08)}.barcode-result-health-label{font-size:.75rem;color:#94a3b8;font-weight:500}.barcode-result-nutrition{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0;margin-top:12px;border-top:1px solid rgba(148,163,184,.08);border-bottom:1px solid rgba(148,163,184,.08)}.barcode-result-nutrition-label{font-size:.625rem;color:#475569;text-transform:uppercase;letter-spacing:.04em;margin-right:4px}.barcode-result-cal{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;color:#fb923c}.barcode-result-dot{width:3px;height:3px;border-radius:50%;background:#475569;flex-shrink:0}.barcode-result-protein{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;color:#60a5fa}.barcode-result-fat,.barcode-result-carbs{font-size:.75rem;color:#94a3b8}.barcode-result-serving-section{margin-top:14px}.barcode-result-serving-label{font-size:.75rem;color:#94a3b8;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 rgba(148,163,184,.15);border-radius:20px;background:#0f172a99;color:#e2e8f0;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:#3b82f680;background:#3b82f626;color:#93c5fd}.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 rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:.875rem;font-weight:500;text-align:center;outline:none;transition:border-color .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:#3b82f680}.barcode-result-amount-unit{font-size:.8125rem;color:#94a3b8}.barcode-result-calc{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;border-radius:10px;background:#3b82f60f;border:1px solid rgba(59,130,246,.1)}.barcode-result-calc-label{font-size:.6875rem;color:#64748b}.barcode-result-calc-value{font-size:.8125rem;font-weight:600;color:#fb923c}.barcode-result-calc-protein{font-size:.8125rem;font-weight:500;color:#60a5fa}.barcode-result-cta{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(to right,#3b82f6,#2563eb);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-top:16px}.barcode-result-cta:active:not(:disabled){transform:scale(.98);opacity:.9}.barcode-result-cta: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:#60a5fa;font-size:.8125rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease}.barcode-result-scan-again:active{color:#93c5fd}.barcode-result-items{margin-top:14px;border-top:1px solid rgba(148,163,184,.08);padding-top:10px}.barcode-result-items-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.barcode-result-items-title{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.barcode-result-items-total{font-size:.75rem;color:#fb923c;font-weight:500}.barcode-result-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(148,163,184,.04)}.barcode-result-item-info{flex:1;min-width:0}.barcode-result-item-name{font-size:.8125rem;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barcode-result-item-amount{font-size:.6875rem;color:#64748b}.barcode-result-item-remove{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:#ef44441a;color:#f87171;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;transition:all .15s ease}.barcode-result-item-remove:active{background:#ef444433;transform:scale(.93)}.barcode-result-done{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(to right,#22c55e,#16a34a);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-top:12px;box-shadow:0 4px 12px #22c55e33}.barcode-result-done:active{transform:scale(.98);opacity:.9}.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:#f59e0b1f;color:#fbbf24}.barcode-result-not-found h3{font-size:1rem;font-weight:600;color:#e2e8f0}.barcode-result-not-found p{font-size:.8125rem;color:#64748b}.barcode-result-not-found-barcode{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.875rem;color:#94a3b8;padding:4px 12px;border-radius:8px;background:#94a3b814}.barcode-result-manual-btn{display:flex;align-items:center;gap:6px;min-height:44px;padding:10px 20px;border:1px solid rgba(148,163,184,.15);border-radius:10px;background:#94a3b80f;color:#94a3b8;font-size:.8125rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.barcode-result-manual-btn:active{background:#94a3b81f;transform:scale(.95)}@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:0 16px 48px #00000080;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:#94a3b826;color:#e2e8f0}.barcode-result-chip:hover{border-color:#94a3b840;background:#94a3b814}.barcode-result-cta:hover:not(:disabled){opacity:.95}.barcode-result-done:hover{opacity:.95}.barcode-result-item-remove:hover{background:#ef444426}.barcode-result-label-scan-btn:hover:not(:disabled){background:#8b5cf62e;border-color:#8b5cf666}.barcode-result-pantry-suggest:hover{background:#22c55e1a;border-color:#22c55e73}}.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:#64748b;font-size:.6875rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease}.barcode-result-correct-link:active{color:#94a3b8}.barcode-result-correction{margin-top:12px;padding:12px;border-radius:12px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.15)}.barcode-result-correction-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.barcode-result-correction-title{font-size:.75rem;font-weight:600;color:#fbbf24;text-transform:uppercase;letter-spacing:.04em}.barcode-result-correction-cancel{border:none;background:transparent;color:#64748b;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 rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:.875rem;font-weight:500;outline:none;transition:border-color .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:#f59e0b80}.barcode-result-correction-input.cal:focus{border-color:#fb923c80}.barcode-result-correction-input.protein:focus{border-color:#60a5fa80}.barcode-result-correction-unit{font-size:.6875rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.barcode-result-correction-save{width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(to right,#3b82f6,#2563eb);color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;margin-top:10px;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.barcode-result-correction-save:active:not(:disabled){transform:scale(.98);opacity:.9}.barcode-result-correction-save:disabled{opacity:.5;cursor:not-allowed}.barcode-result-correction-actions{display:flex;align-items:center;gap:8px}.barcode-result-label-scan-btn{display:flex;align-items:center;gap:5px;min-height:44px;padding:8px 12px;border:1px solid rgba(139,92,246,.3);border-radius:8px;background:#8b5cf61a;color:#a78bfa;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:#8b5cf633;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;width:100%;min-height:44px;padding:10px;margin-top:8px;border:1px solid rgba(34,197,94,.35);border-radius:10px;background:#22c55e0f;color:#4ade80;font-size:.8125rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.barcode-result-pantry-suggest:active{background:#22c55e1f;transform:scale(.98)}.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-camera #barcode-reader{width:100%;height:100%}.barcode-scanner-camera #barcode-reader video{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important}.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-mask{position:absolute;right:0;bottom:0;box-shadow:0 0 0 9999px #000000b3;width:min(90vw,340px);height:140px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:12px}.barcode-viewfinder-corners{position:absolute;width:min(90vw,340px);height:140px;top:50%;left:50%;transform:translate(-50%,-50%)}.barcode-corner{position:absolute;width:24px;height:24px;border-color:#fff;border-style:solid;border-width:0;transition:border-color .15s ease}.barcode-viewfinder-corners.scanned .barcode-corner{border-color:#22c55e;box-shadow:0 0 12px #22c55e99;transition:border-color .15s,box-shadow .15s}.barcode-viewfinder-corners.scanned:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#22c55e1f;border-radius:4px;animation:barcode-green-flash .4s ease-out forwards}@keyframes barcode-green-flash{0%{opacity:1}to{opacity:0}}.barcode-torch-btn{position:absolute;bottom:-52px;right:calc(50% - min(45vw,170px) + 4px);width:44px;height:44px;border-radius:50%;border:none;background:#0f172ab3;color:#94a3b8;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;z-index:10;transition:background .2s,color .2s}.barcode-torch-btn:active{transform:scale(.92)}.barcode-torch-btn.active{background:#eab30840;color:#facc15;box-shadow:0 0 12px #eab3084d}.barcode-corner.top-left{top:-1px;left:-1px;border-top-width:3px;border-left-width:3px;border-top-left-radius:8px}.barcode-corner.top-right{top:-1px;right:-1px;border-top-width:3px;border-right-width:3px;border-top-right-radius:8px}.barcode-corner.bottom-left{bottom:-1px;left:-1px;border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:8px}.barcode-corner.bottom-right{bottom:-1px;right:-1px;border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:8px}.barcode-scan-line{position:absolute;width:min(90vw,340px);height:2px;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,#3b82f6,#3b82f6,transparent);box-shadow:0 0 8px #3b82f680;animation:barcode-scan 2.5s ease-in-out infinite}@keyframes barcode-scan{0%,to{margin-top:-65px}50%{margin-top:65px}}.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) + var(--tab-bar-height, 4rem) + 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-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:#f87171}.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-line,.barcode-scanner-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 rgba(148,163,184,.2);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}.entry-toolbar{display:flex;align-items:center;gap:6px;margin-top:6px;position:relative}.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 rgba(139,92,246,.4);background:linear-gradient(135deg,#8b5cf640,#06b6d41f);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 16px #8b5cf61a;color:#c4b5fd;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,rgba(139,92,246,.12),rgba(6,182,212,.15),rgba(139,92,246,.12),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 rgba(59,130,246,.3);border-radius:10px;background:#3b82f61f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#93c5fd;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:#3b82f61f;border-color:#3b82f64d;box-shadow:none}.find-db-btn:active:not(:disabled){transform:scale(.97);background:#3b82f638;border-color:#3b82f680}.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 rgba(139,92,246,.4);border-radius:10px;background:linear-gradient(135deg,#8b5cf640,#06b6d41a);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 12px #8b5cf614;color:#c4b5fd;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,#8b5cf640,#06b6d41a);box-shadow:0 0 0 0 transparent,0 0 12px #8b5cf614}.use-ai-btn.dropdown-open{background:linear-gradient(135deg,#8b5cf659,#06b6d426);border-color:#8b5cf699}.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 rgba(245,158,11,.25);border-radius:10px;background:#f59e0b14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fbbf24cc;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:#f59e0b14;box-shadow:none}.toolbar-barcode-btn:active:not(:disabled){transform:scale(.95);background:#f59e0b2e;border-color:#f59e0b80;color:#fbbf24}.toolbar-barcode-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-barcode-btn svg{flex-shrink:0;width:16px;height:16px}.toolbar-camera-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;flex-shrink:0;border:1px solid rgba(148,163,184,.2);border-radius:10px;background:#94a3b80f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#94a3b8b3;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:#94a3b80f;box-shadow:none}.toolbar-camera-btn:active:not(:disabled){transform:scale(.95);background:#8b5cf61a;border-color:#8b5cf64d;color:#c4b5fd}.toolbar-camera-btn:disabled{opacity:.4;cursor:not-allowed}.ai-dropdown-menu{position:relative;margin-top:4px;background:#1e293bf7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(139,92,246,.25);border-radius:12px;box-shadow:0 4px 24px #0006,0 0 16px #8b5cf614;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:#e2e8f0;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:#e2e8f0}.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:#0000008c;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:calc(var(--tab-bar-height, 4rem) + 12px);background:linear-gradient(165deg,#1e293bf7,#141b28fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.1);border-radius:20px;padding:6px 8px 8px;box-shadow:0 8px 32px #00000073,0 0 0 .5px #ffffff0d inset;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:#e2e8f0;font-size:.9375rem;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;animation:photo-source-option-in .3s cubic-bezier(.32,.72,0,1) backwards}@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:#60a5fa;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:#fbbf24;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 rgba(139,92,246,.5);border-radius:12px;background:#8b5cf60f;padding:4px}@media (min-width: 768px){.desktop-desc-col textarea{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:#3341554d;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 rgba(51,65,85,.8);border-right:1px solid rgba(51,65,85,.8);border-top:1px solid rgba(71,85,105,.3);border-bottom:none;border-radius:0;background:#0f172a;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 rgba(51,65,85,.8);border-top:1px solid rgba(71,85,105,.3);border-radius:0 0 8px 8px;background:#0f172a;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:#3b82f61f!important;color:#93c5fd}.entry-toolbar .use-ai-btn:hover:not(:disabled){background:#8b5cf61f!important;color:#c4b5fd}.entry-toolbar .toolbar-barcode-btn{margin-left:auto}.entry-toolbar .toolbar-barcode-btn:hover:not(:disabled){background:#f59e0b1f!important;color:#fbbf24}.entry-toolbar .toolbar-camera-btn{margin-left:4px}.entry-toolbar .toolbar-camera-btn:hover:not(:disabled){background:#94a3b81f!important;color:#94a3b8}.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:#8b5cf614}.toolbar-analyzing-overlay{border-radius:0 0 8px 8px}}@media (prefers-reduced-motion: reduce){.thumbnail-item,.ai-dropdown-menu{animation:none}}.cook-tonight-card{background:linear-gradient(165deg,#78350f26,#1e293b66);border:1px solid rgba(245,158,11,.12);border-radius:12px;margin-bottom:12px;overflow:hidden}.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-left{display:flex;align-items:center;gap:8px}.cook-tonight-icon{color:#f59e0b}.cook-tonight-title{font-size:.75rem;font-weight:600;color:#fbbf24;text-transform:uppercase;letter-spacing:.04em}.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:#f59e0b0f}.cook-tonight-item-info{flex:1;min-width:0}.cook-tonight-item-name{font-size:.8125rem;font-weight:500;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cook-tonight-item-meta{font-size:.6875rem;color:#64748b;display:flex;align-items:center;gap:6px;margin-top:2px}.cook-tonight-pantry-badge{font-size:.625rem;font-weight:600;color:#34d399;background:#34d3991a;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:#f59e0b26;color:#fbbf24;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:#f59e0b40}.cook-tonight-view-btn{padding:6px 10px;min-height:36px;border-radius:8px;border:none;background:#94a3b814;color:#94a3b8;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.cook-tonight-view-btn:active{background:#94a3b826}@media (min-width: 768px){.cook-tonight-cook-btn:hover{background:#f59e0b33}.cook-tonight-view-btn:hover{background:#94a3b81f;color:#e2e8f0}}.ai-history-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: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:calc(var(--tab-bar-height, 4rem) + 12px);background:linear-gradient(165deg,#1e293bf7,#141b28fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(168,85,247,.15);border-radius:20px;padding:6px 12px 12px;box-shadow:0 8px 32px #00000073,0 0 0 .5px #ffffff0d inset,0 0 20px #a855f70f;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:#94a3b833;margin:4px auto 8px}.ai-history-title{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:#c4b5fd;margin-bottom:12px;padding:0 4px}.ai-history-item{background:#94a3b80a;border:1px solid rgba(148,163,184,.06);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:#e2e8f0;line-height:1.5;margin-bottom:8px;word-break:break-word}.ai-history-prompt-text{background:#a855f70f;border-left:2px solid rgba(168,85,247,.3);padding:6px 10px;border-radius:0 8px 8px 0;font-style:italic}.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:#a855f726;color:#c4b5fd}.ai-history-pill.model{background:#3b82f61f;color:#93c5fd}.ai-history-pill.cost{background:#22c55e1f;color:#86efac}.ai-history-pill.confidence{background:#fbbf241f;color:#fcd34d}.ai-history-copy-btn{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;padding:3px 10px;border-radius:999px;border:1px solid rgba(168,85,247,.2);background:#a855f714;color:#c4b5fd;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-top:8px}.ai-history-copy-btn:active{background:#a855f733;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,#94a3b814 25%,#94a3b826,#94a3b814 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:#94a3b8;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:#a855f726;border-color:#a855f74d}}.deficit-goal-tracker{background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.deficit-goal-tracker.collapsed{margin-bottom:1rem}.deficit-goal-tracker.skeleton .deficit-goal-header{pointer-events:none}.skeleton-title{height:24px;width:200px;background:#ffffff1a;border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-progress{height:32px;background:#ffffff1a;border-radius:16px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-stat{height:60px;background:#ffffff1a;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:#e5e7eb;text-align:left;transition:background-color .2s ease}.goal-prompt-content:hover{background:#ffffff0a}.goal-prompt-content:active{background:#ffffff14}.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:#e5e7eb}.goal-prompt-cta{font-size:.75rem;color:#3b82f6}.goal-prompt-dismiss{display:flex;align-items:center;justify-content:center;padding:0 .75rem;background:transparent;border:none;border-left:1px solid rgba(255,255,255,.1);cursor:pointer;color:#6b7280;transition:color .2s ease,background-color .2s ease}.goal-prompt-dismiss:hover{color:#9ca3af;background:#ffffff0a}.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 rgba(255,255,255,.3);transition:border-color .2s ease}.goal-title-button:hover{border-bottom-color:#fff9}.goal-title-button:focus{outline:none;border-bottom-style:solid;border-bottom-color:#3b82f6}@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:#ffffff0a}.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:#e5e7eb;margin:0}.goal-meta{font-size:.75rem;font-weight:400;color:#9ca3af;margin-left:.5rem}.collapse-icon{font-size:.875rem;color:#9ca3af;transition:transform .2s ease}.collapsed-info{display:flex;align-items:center;gap:1rem}.collapsed-percentage{font-size:1rem;font-weight:600;background:linear-gradient(90deg,#ef4444,#eab308,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.collapsed-streak{font-size:.875rem;color:#9ca3af}.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}.progress-label-text{font-size:.75rem;color:#9ca3af;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:#e5e7eb}.progress-value.time-value{color:#a5b4fc}.progress-bar-bg.time-bar{height:20px;background:#6366f126}.progress-bar-fill.time-fill{background:#6366f1!important;border-radius:10px}.deficit-marker{position:absolute;top:0;bottom:0;width:3px;background:#22c55e;border-radius:2px;transform:translate(-50%);box-shadow:0 0 6px #22c55e80;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:#22c55e26;color:#4ade80}.progress-status.behind{background:#ef444426;color:#f87171}.progress-status.on-track{background:#6366f126;color:#a5b4fc}.status-icon{font-size:.875rem}.status-eta{color:#9ca3af;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:#0000004d;border-radius:16px;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.progress-bar-fill{height:100%;border-radius:16px;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000004d}.progress-bar-glow{position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),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:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);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:#9ca3af33;transform:translate(-50%);transition:all .3s ease}.milestone-line.achieved{background:#22c55e4d;box-shadow:0 0 4px #22c55e33}.deficit-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.stat-item{background:#0003;padding:.75rem;border-radius:8px;display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:.875rem;font-weight:600;color:#e5e7eb}.stat-pending{font-size:.625rem;color:#22c55e;font-weight:400;opacity:.6}.time-expired-banner{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:.5rem .75rem;font-size:.75rem;color:#fbbf24;text-align:center}.stat-value-muted{color:#6b7280}.stat-recovery{font-size:.625rem;font-weight:500;color:#f59e0b;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-status{font-size:.875rem}.streak-status.on-track{color:#22c55e}.streak-status.at-risk{color:#eab308}.no-streak{color:#6b7280}.best-trophy{font-size:.875rem;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:#9ca3af;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:#6b7280;margin-top:.125rem}.motivation-message{text-align:center;padding:.75rem;background:#0003;border-radius:8px;font-size:.875rem;color:#d1d5db;font-weight:500;letter-spacing:.025em}.mobile-tooltip{position:absolute;top:-45px;left:50%;transform:translate(-50%);background:#000000f2;color:#fff;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 #0006}.mobile-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000e6}.tooltip-close{background:none;border:none;color:#fff;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 rgba(255,255,255,.1)}.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:#ffffff0d}.insights-section.collapsed .insights-header{margin-bottom:0}.insights-title{font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.insights-collapse-icon{font-size:.75rem;color:#6b7280;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:#d1d5db;white-space:nowrap}.summary-more{color:#6b7280;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:#0003;border-radius:10px;transition:background-color .2s ease}.insight-card:hover{background:#0000004d}.insight-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.insight-content{flex:1;min-width:0}.insight-label{font-size:.6875rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.125rem}.insight-value{font-size:1rem;font-weight:600;color:#e5e7eb;display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.value-7d{color:#e5e7eb}.value-total{color:#6b7280;font-weight:400;font-size:.875rem}.insight-meta .value-7d{color:#9ca3af;font-weight:500}.insight-meta .value-total{color:#6b7280;font-weight:400;font-size:inherit}.insight-target{font-size:.875rem;font-weight:400;color:#6b7280}.insight-meta{font-size:.6875rem;color:#6b7280;margin-top:.125rem;line-height:1.3}.insight-expected{color:#4b5563}.trend-arrow{font-size:.875rem;font-weight:700}.trend-arrow.up{color:#22c55e}.trend-arrow.down{color:#ef4444}.trend-arrow.stable{color:#6b7280}.trend-arrow.weight-up{color:#ef4444}.trend-arrow.weight-down{color:#22c55e}.trend-arrow.weight-stable{color:#6b7280}@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 rgba(139,92,246,.4);background:linear-gradient(135deg,#6366f1,#8b5cf6 40%,#a855f7,#7c3aed);box-shadow:0 0 20px #8b5cf626,0 0 40px #8b5cf60d,inset 0 1px #ffffff1a;color:#c4b5fdb3;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,rgba(139,92,246,.15),rgba(6,182,212,.2),rgba(139,92,246,.15),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,#8b5cf666,#06b6d44d) 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:#8b5cf64d;color:#c4b5fdcc;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)}}.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:#f1f5f9;letter-spacing:-.01em}.cat-card{background:linear-gradient(165deg,#1e293bb3,#0f172acc);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.1);border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 4px 16px #0003}.cat-card-title{font-size:.8125rem;font-weight:600;color:#94a3b8;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:#94a3b8;margin-bottom:6px}.cat-form-label .required{color:#f87171;margin-left:2px}.cat-form-hint{font-size:.6875rem;color:#475569;margin-top:4px;line-height:1.4}.cat-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:.8125rem;outline:none;transition:border-color .15s ease}.cat-input:focus{border-color:#3b82f680}.cat-input::-moz-placeholder{color:#475569}.cat-input::placeholder{color:#475569}.cat-input:disabled{opacity:.5;cursor:not-allowed}.cat-select{width:100%;padding:10px 36px 10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:.8125rem;outline:none;transition:border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.cat-select:focus{border-color:#3b82f680}.cat-checkbox-row{padding:4px 0}.cat-btn-primary{width:100%;padding:12px;border:none;border-radius:12px;background:linear-gradient(to right,#3b82f6,#2563eb);color:#fff;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:#94a3b81a;color:#94a3b8;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:#94a3b826}.cat-list{display:flex;flex-direction:column;gap:10px}.cat-item{background:#0f172a80;border:1px solid rgba(148,163,184,.08);border-radius:12px;padding:14px;transition:border-color .15s ease}.cat-item:active{border-color:#94a3b826}.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:#e2e8f0}.cat-item-desc{font-size:.75rem;color:#64748b;margin-top:2px;line-height:1.4}.cat-item-meta{display:flex;gap:12px;margin-top:8px}.cat-item-tag{font-size:.6875rem;color:#64748b;background:#94a3b814;padding:2px 8px;border-radius:6px}.cat-item-tag--active{color:#4ade80;background:#22c55e1a}.cat-item-tag--inactive{color:#64748b;background:#94a3b814}.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:#94a3b814;color:#94a3b8;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.cat-action-btn:active{transform:scale(.95)}.cat-action-btn--edit:active{background:#3b82f626;color:#60a5fa}.cat-action-btn--delete:active{background:#ef444426;color:#f87171}.cat-base-badge{font-size:.625rem;font-weight:600;color:#a78bfa;background:#8b5cf61a;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;margin-left:6px}.cat-empty{text-align:center;padding:24px 16px;color:#475569;font-size:.8125rem}.cat-loading{display:flex;justify-content:center;padding:32px 0}.cat-spinner{width:28px;height:28px;border:2px solid rgba(59,130,246,.2);border-top-color:#3b82f6;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:#94a3b81f;color:#e2e8f0}.cat-action-btn--edit:hover{background:#3b82f61f;color:#60a5fa}.cat-action-btn--delete:hover{background:#ef44441f;color:#f87171}.cat-btn-primary:hover:not(:disabled){opacity:.95}.cat-btn-cancel:hover{background:#94a3b826}}.session-replay-pills{scrollbar-width:none;-ms-overflow-style:none}.session-replay-pills::-webkit-scrollbar{display:none}.session-replay-route-input{width:100%;background-color:#0f172a;border:1px solid rgb(51,65,85);border-radius:8px;padding:6px 12px 6px 32px;font-size:13px;color:#f1f5f9;transition:border-color .2s;min-height:36px}.session-replay-route-input::-moz-placeholder{color:#64748b}.session-replay-route-input::placeholder{color:#64748b}.session-replay-route-input:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 1px #9333ea4d}.session-replay-select{width:100%;background-color:#0f172a;border:1px solid rgb(51,65,85);border-radius:8px;padding:6px 12px;font-size:13px;color:#f1f5f9;min-height:36px;transition:border-color .2s}.session-replay-select:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 1px #9333ea4d}.session-replay-date-input{width:100%;background-color:#0f172a;border:1px solid rgb(51,65,85);border-radius:8px;padding:6px 12px;font-size:13px;color:#f1f5f9;min-height:36px;transition:border-color .2s}.session-replay-date-input:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 1px #9333ea4d}.session-replay-player{border-radius:12px;overflow:hidden;border:1px solid rgb(51,65,85);background:#0f172a}.session-replay-player .rr-player{background:#0f172a!important;max-width:100%!important;width:100%!important}.session-replay-player .rr-player__frame{max-width:100%!important;transform-origin:top left}@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{height:auto!important;min-height:300px}}@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}}.session-replay-player .rr-player__frame{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{background:#334155!important;color:#cbd5e1!important;border:1px solid rgb(71,85,105)!important;border-radius:6px!important}.recording-indicator{display:inline-flex;align-items:center;gap:6px}.recording-indicator:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#ef4444;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 #8b5cf699!important}.contrib-thumb-confidence-medium{box-shadow:inset 0 0 0 2px #facc1580!important}.contrib-thumb-confidence-low{box-shadow:inset 0 0 0 2px #f8717180!important}.contrib-thumb-conf-badge{position:absolute;bottom:2px;left:2px;padding:1px 5px;border-radius:4px;font-size:10px;font-weight:600;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.contrib-conf-high{color:#a78bfa}.contrib-conf-medium{color:#fbbf24}.contrib-conf-low{color:#f87171}.contrib-thumb-prediction{position:absolute;bottom:0;left:0;right:0;padding:2px 4px;font-size:9px;font-weight:500;color:#e2e8f0;background:linear-gradient(transparent,#000c);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1}.contrib-label-comparison{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:linear-gradient(135deg,#581c8726,#06b6d414);border:1px solid rgba(139,92,246,.15)}.contrib-label-side{flex:1;min-width:0}.contrib-label-side-tag{display:block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.contrib-label-side.user .contrib-label-side-tag{color:#94a3b8}.contrib-label-side.model .contrib-label-side-tag{color:#a78bfa}.contrib-label-side-value{font-size:13px;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.contrib-label-match-indicator{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.contrib-label-match-indicator.agree{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.contrib-label-match-indicator.disagree{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.contrib-inference-section{border-top:1px solid rgba(148,163,184,.08);margin-top:12px;padding-top:12px}.contrib-inference-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.contrib-inference-title{font-size:12px;font-weight:600;color:#a78bfa}.contrib-inference-meta{font-size:10px;color:#64748b}.contrib-model-columns{display:flex;gap:6px;margin-bottom:10px}.contrib-model-col{flex:1;padding:5px 8px;border-radius:6px;background:#1e293bcc;border:1px solid rgba(148,163,184,.08);font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;display:flex;justify-content:center;gap:4px;white-space:nowrap}.contrib-model-col:last-child{background:linear-gradient(135deg,#581c8740,#06b6d41f);border-color:#8b5cf626;color:#c4b5fd}.contrib-model-time{opacity:.5}.contrib-prediction-row{padding:8px 10px;border-radius:8px;margin-bottom:6px;cursor:pointer;border:1px solid transparent;transition:border-color .15s,background .15s}.contrib-prediction-row:hover{background:#94a3b80a}.contrib-prediction-row.selected{border-color:#8b5cf666;background:#8b5cf60f}.contrib-prediction-label-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}.contrib-prediction-rank{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:#94a3b81a;color:#94a3b8;flex-shrink:0}.contrib-prediction-rank.top-1{background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff}.contrib-prediction-label{font-size:13px;font-weight:600;color:#e2e8f0}.contrib-bar-row{display:flex;align-items:center;gap:6px;margin-top:3px}.contrib-bar-tag{width:80px;font-size:9px;font-weight:600;text-transform:uppercase;color:#64748b;flex-shrink:0;text-align:right}.contrib-bar-bg{flex:1;height:5px;border-radius:3px;background:#94a3b814;overflow:hidden}.contrib-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.contrib-bar-fill.high{background:linear-gradient(90deg,#22c55e,#4ade80)}.contrib-bar-fill.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.contrib-bar-fill.low{background:linear-gradient(90deg,#ef4444,#f87171)}.contrib-bar-pct{width:28px;font-size:10px;font-weight:600;color:#94a3b8;text-align:right;flex-shrink:0}.contrib-agreement{margin-top:8px;padding:6px 0;font-size:11px;color:#64748b;text-align:center}.contrib-agreement-label{color:#a78bfa;font-weight:600}.contrib-no-inference{text-align:center;padding:12px;font-size:11px;color:#475569;font-style:italic}.improved-visual-editor{background:#0f172a;border:1px solid #334155;border-radius:8px;overflow:hidden}.editor-toolbar{display:flex;align-items:center;gap:4px;padding:8px;background:#1e293b;border-bottom:1px solid #334155;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:#334155;border:1px solid #475569;border-radius:6px;color:#94a3b8;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s}.toolbar-toggle:hover{background:#475569;color:#e2e8f0;border-color:#64748b}.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:#94a3b8;cursor:pointer;transition:all .2s}.toolbar-btn:hover{background:#334155;color:#f1f5f9}.toolbar-btn:active,.toolbar-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.toolbar-btn-text{font-size:12px;font-weight:500}.toolbar-separator{width:1px;height:24px;background:#334155;margin:0 4px}.toolbar-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 10px 25px #0000004d;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 #334155;margin-top:8px;padding-top:8px}.dropdown-label{padding:4px 8px;font-size:11px;text-transform:uppercase;color:#64748b;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:#0f172a;border:1px solid #334155;border-radius:6px;color:#f1f5f9;cursor:pointer;transition:all .2s}.size-preset:hover{background:#334155;border-color:#475569}.size-preset.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.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:#94a3b8}.size-preset.selected .size-value{color:#fffc}.custom-size-input{grid-column:span 2;display:flex;gap:4px}.custom-size-input input{flex:1;padding:6px 8px;background:#0f172a;border:1px solid #334155;border-radius:4px;color:#f1f5f9;font-size:14px}.custom-size-input input:focus{outline:none;border-color:#3b82f6}.custom-size-input button{padding:6px 12px;background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500}.custom-size-input button:hover{background:#2563eb}.dropdown-item{display:block;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:#f1f5f9;text-align:left;cursor:pointer;transition:background .2s;font-size:14px}.dropdown-item:hover{background:#334155}.dropdown-item.selected{background:#3b82f6;color:#fff}.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 rgba(255,255,255,.2)}.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:#64748b;z-index:1}.color-swatch:active{transform:scale(.95)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 1px #3b82f6,0 0 8px #3b82f666;transform:scale(1.05)}.custom-color-section{display:flex;align-items:center;gap:8px;padding:8px;margin-top:8px;margin-bottom:4px;background:#0f172a;border-radius:6px;flex-shrink:0}.custom-color-input{width:50px;height:32px;border:1px solid #334155;border-radius:4px;cursor:pointer;background:transparent}.custom-color-input:hover{border-color:#475569}.custom-color-label{font-size:13px;color:#94a3b8}.editor-frame{width:100%;height:350px;border:none;background:#0f172a;display:block}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#0f172a;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#64748b}.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:#00000080}.mobile-color-content{position:absolute;top:50px;left:85px;width:160px;background:#1e293b;border-radius:8px;padding:6px;max-height:auto;box-shadow:0 4px 20px #0006;border:1px solid #334155}.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:#f1f5f9;margin:0}.mobile-color-close{background:none;border:none;color:#94a3b8;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:#64748b;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:#fff;box-shadow:0 0 0 2px #3b82f6}.mobile-color-custom{display:flex;align-items:center;gap:4px;padding:4px;background:#0f172a;border-radius:3px;margin-top:2px}.mobile-custom-input{width:26px;height:20px;border:none;border-radius:2px;cursor:pointer}.mobile-custom-label{color:#94a3b8;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}}.recurring-config{background:#0f172a;border:1px solid #334155;border-radius:12px;padding:1rem;margin-bottom:1rem}.recurring-header{display:flex;align-items:center;gap:.25rem;color:#94a3b8;font-size:.75rem;font-weight:500;margin-bottom:.5rem;padding-bottom:.375rem;border-bottom:1px solid #334155}.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:#64748b;font-size:.875rem;cursor:pointer;transition:all .2s}.show-templates-btn:hover{background:#1e293bcc;border-color:#94a3b880;color:#94a3b8}.template-hint{font-size:1rem}.template-hint-text{font-size:.8125rem;font-style:italic}.hide-templates-btn{background:none;border:none;color:#64748b;font-size:1.25rem;cursor:pointer;padding:0;margin-left:auto;transition:color .2s}.hide-templates-btn:hover{color:#94a3b8}.templates-label{font-size:.75rem;color:#94a3b8;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;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#94a3b8;font-size:.875rem;cursor:pointer;transition:all .2s}.template-btn:hover{background:#334155;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;gap:.5rem;font-size:.875rem;color:#cbd5e1;margin-bottom:.5rem}.year-input-field input,.reminder-field input{width:auto;min-width:100px;padding:.375rem .5rem;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#f1f5f9;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:#1e293b;border:1px solid #334155;border-radius:8px;color:#94a3b8;font-size:.875rem;cursor:pointer;transition:all .2s}.pattern-btn svg{width:20px;height:20px}.pattern-btn:hover{background:#334155;color:#f1f5f9}.pattern-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pattern-options{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:1rem;margin-bottom:1rem}.pattern-options label{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.875rem}.pattern-options input[type=number]{width:60px;padding:.5rem;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#f1f5f9;text-align:center;font-size:.875rem;height:36px;line-height:1.2}.pattern-options select{padding:.5rem .75rem;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#f1f5f9;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:#0f172a;border:1px solid #334155;border-radius:6px;color:#94a3b8;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.weekday-btn:hover{background:#334155;color:#f1f5f9}.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:#94a3b8;font-size:.875rem;font-weight:500}.date-field input[type=date],.date-field input[type=datetime-local]{padding:.5rem .75rem;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#f1f5f9;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:#1e293b;border:1px solid #334155;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:#94a3b8;font-size:.7rem;cursor:pointer}.option-toggle{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .2s}.option-toggle:hover{background:#1e293b;border-color:#475569}.option-toggle.active{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.toggle-indicator{position:relative;width:20px;height:20px;border:2px solid #475569;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:#0f172a;border:1px solid #334155;border-radius:6px;color:#f1f5f9;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:#0f172a;border:1px solid #334155;border-radius:6px;cursor:pointer;transition:all .2s}.radio-option:hover{background:#1e293b;border-color:#475569}.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:#0f172a;border:1px solid #334155;border-radius:6px}.weekday-selector-row{display:flex;gap:.75rem;align-items:center}.month-week-select,.month-weekday-select{padding:.5rem .75rem;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#f1f5f9;font-size:.875rem;cursor:pointer;transition:all .2s}.month-week-select:hover,.month-weekday-select:hover{background:#334155;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:#94a3b8;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:#94a3b8;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:#94a3b8;font-style:italic}@media (max-width: 640px){.recurring-config{padding:.5rem!important;margin-top:-.25rem!important;margin-bottom:.5rem!important;background:#0f172a!important;border:1px solid #334155!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:#94a3b8;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:#94a3b8}.pattern-options input[type=number]{width:40px;padding:.15rem .2rem;font-size:.7rem!important;height:24px;border-radius:3px;background:#0f172a;border:1px solid #334155;color:#f1f5f9;text-align:center;line-height:1}.pattern-options select{padding:.15rem .25rem;font-size:.7rem!important;height:24px;border-radius:3px;background:#0f172a;border:1px solid #334155;color:#f1f5f9;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:#94a3b8}.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:#0f172a;border:1px solid #334155}.option-group{display:flex;align-items:center;gap:.3rem;margin-bottom:0}.option-group label{font-size:.7rem;color:#94a3b8;font-weight:500;white-space:nowrap}.option-group select{flex:1;padding:.2rem .3rem;font-size:.7rem!important;height:24px;background:#0f172a;border:1px solid #334155;border-radius:3px;color:#f1f5f9;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}}.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:#2a3447;border-radius:8px;border:1px solid #334155}.progress-text{font-size:14px;font-weight:500;color:#94a3b8;margin-bottom:8px}.progress-bar{height:8px;background:#1e293b;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);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:#2a3447;border:1px solid #334155;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:#2a344780;border:1px solid rgba(51,65,85,.5)}.checklist-item:hover:not(.dragging){background:#33415580;border-color:#4caf5080;box-shadow:none}}.checklist-item:hover:not(.dragging){background:#334155;border-color:#4caf50;box-shadow:0 2px 4px #0003}.checklist-item.dragging{opacity:.95;box-shadow:0 8px 24px #0006;background:#2a3447;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:#1e293b;opacity:.7}.checklist-item.checked .item-text{text-decoration:line-through;color:#64748b}.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 #4CAF50;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#1e293b;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:#4caf50;border-color:#4caf50;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:#e2e8f0;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:#64748b;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:#64748b;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.drag-handle:hover{color:#4caf50}.drag-handle:active{cursor:grabbing}.delete-button{background:none;border:none;padding:4px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.delete-button:hover{color:#ef4444}.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:#334155}.divider-text{background:#2a3447;padding:0 12px;font-size:12px;font-weight:500;color:#64748b;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:#1e293b;border:2px dashed #334155;border-radius:8px;color:#64748b;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:#1e293b80}.add-item-trigger svg{width:16px;height:16px}}.add-item-trigger:hover{border-color:#4caf50;color:#4caf50;background:#2a3447}.add-item-form{display:flex;gap:8px;padding:12px;background:#1e293b;border:2px solid #4CAF50;border-radius:8px}@media (max-width: 640px){.add-item-form{padding:6px;gap:4px;border-width:1px;border-radius:6px;background:#1e293b80}}.add-item-input{flex:1;padding:8px 12px;background:#2a3447;border:1px solid #334155;border-radius:4px;font-size:14px;color:#e2e8f0;outline:none;transition:border-color .15s ease}@media (max-width: 640px){.add-item-input{padding:4px 8px;font-size:13px;background:#2a3447cc}}.add-item-input:focus{border-color:#4caf50;background:#334155}.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:#334155;color:#e2e8f0}.add-button.confirm{background:#4caf50;color:#fff}.add-button.confirm:hover:not(:disabled){background:#45a049}.add-button.confirm:disabled{opacity:.5;cursor:not-allowed}.add-button.cancel:hover{background:#ef4444;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:#64748b;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.edit-item-button:hover{color:#3b82f6}.edit-item-form{display:flex;align-items:center;gap:8px;flex:1}.edit-item-input{flex:1;padding:6px 10px;background:#1e293b;border:1px solid #3b82f6;border-radius:4px;font-size:14px;color:#e2e8f0;outline:none}.edit-item-input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #3b82f633}.edit-button{padding:6px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;background:#334155;color:#e2e8f0}.edit-button.save{background:#3b82f6;color:#fff}.edit-button.save:hover{background:#2563eb}.edit-button.cancel:hover{background:#ef4444;color:#fff}.checklist-item.editing{border-color:#3b82f6;background:#1e293b}@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}}@media (prefers-color-scheme: dark){.checklist-editor{--background-color: #1e1e1e;--surface-color: #2a2a2a;--border-color: #444;--text-primary: #e0e0e0;--text-secondary: #999;--text-disabled: #666;--hover-bg: #333;--error-color: #ef5350;--primary-color: #66bb6a;--primary-dark: #4caf50}.checklist-item,.checkbox{background:var(--surface-color)}.progress-fill:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}}.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:#1a1a1a;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:#fff;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:#fff}.template-filters{padding:20px;border-bottom:1px solid #333}.search-bar{display:flex;align-items:center;background:#2a2a2a;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:#fff;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:#2a2a2a;border:1px solid #333;border-radius:20px;color:#999;cursor:pointer;transition:all .2s;font-size:.9rem}.category-pill:hover{background:#333;color:#fff;border-color:#444}.category-pill.active{background:#4a9eff;color:#fff;border-color:#4a9eff}.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:#2a2a2a;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:#fff}.visibility-icon{color:#666;font-size:.9rem}.template-description{color:#999;font-size:.9rem;margin-bottom:10px;line-height:1.4}.template-preview{background:#1a1a1a;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:#4a9eff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .2s}.use-template-btn:hover:not(:disabled){background:#3a8eef}.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:#f44;color:#fff}.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:#4a9eff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .2s}.create-template-btn:hover{background:#3a8eef}.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:#2a2a2a;border:1px solid #333;color:#fff;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:#4a9eff}.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:#2a2a2a;border:1px solid #333;border-radius:6px;cursor:pointer;transition:all .2s}.icon-option:hover{background:#333;border-color:#444}.icon-option.selected{background:#4a9eff;border-color:#4a9eff}.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:#1a1a1a;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:#1a1a1a}.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:#4a9eff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .2s}.save-template-btn:hover:not(:disabled){background:#3a8eef}.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;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.voice-recorder{background:#2a2a2a;border-radius:12px;padding:0;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease}.recorder-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #3a3a3a;background:#252525;border-radius:12px 12px 0 0}.recorder-header h3{margin:0;font-size:18px;color:#fff}.close-btn{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:#3a3a3a;color:#fff}.offline-indicator{background:#ff9800;color:#fff;padding:8px 16px;text-align:center;font-size:14px}.recorder-body{padding:20px}.waveform-canvas{width:100%;height:100px;background:#1a1a1a;border-radius:8px;margin-bottom:20px;border:1px solid #3a3a3a}.duration-display{font-size:48px;font-weight:300;text-align:center;color:#4caf50;margin:20px 0;font-family:SF Mono,Monaco,Inconsolata,monospace}.recording-controls{display:flex;justify-content:center;gap:15px;margin:30px 0}.record-btn{background:linear-gradient(135deg,#f44336,#e91e63);border:none;color:#fff;padding:15px 30px;border-radius:50px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s;box-shadow:0 4px 15px #f443364d}.record-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f4433666}.record-icon{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.pause-btn,.stop-btn{background:#3a3a3a;border:none;color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s}.pause-btn:hover,.stop-btn:hover{background:#4a4a4a;transform:translateY(-1px)}.stop-btn{background:#f44336}.stop-btn:hover{background:#e53935}.playback-controls{width:100%}.playback-controls audio{width:100%;margin-bottom:15px;border-radius:8px}.action-buttons{display:flex;justify-content:center;gap:15px}.retry-btn,.save-btn{background:#3a3a3a;border:none;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.retry-btn:hover{background:#4a4a4a}.retry-btn:disabled,.save-btn:disabled{opacity:.6;cursor:not-allowed}.retry-btn:disabled:hover,.save-btn:disabled:hover{transform:none}.language-selector{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0}.language-selector label{color:#94a3b8;font-size:13px;font-weight:500}.lang-btn{background:#0f172a;border:1px solid #334155;color:#94a3b8;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;min-width:48px}.lang-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.lang-btn:hover:not(.active){background:#1e293b;color:#f1f5f9;border-color:#475569}.voice-lang-search{margin:6px 0;border-radius:8px;background:#0f172a;border:1px solid #334155;overflow:hidden}.voice-lang-search-input{width:100%;padding:8px 10px;border:none;border-bottom:1px solid #1e293b;background:#0f172a;color:#e2e8f0;font-size:.85rem;outline:none}.voice-lang-search-input::-moz-placeholder{color:#475569}.voice-lang-search-input::placeholder{color:#475569}.voice-lang-list{max-height:160px;overflow-y:auto}.voice-lang-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;background:transparent;color:#94a3b8;font-size:.8rem;cursor:pointer;text-align:left;transition:background .1s}.voice-lang-item:hover{background:#1e293b;color:#e2e8f0}.voice-lang-item.active{background:#3b82f626;color:#60a5fa}.transcribe-toggle{display:flex;justify-content:center;margin:15px 0}.toggle-option{display:inline-flex;align-items:center;gap:10px;background:#0f172a;border:1px solid #334155;color:#94a3b8;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.toggle-option:hover{background:#1e293b;color:#f1f5f9;border-color:#475569}.toggle-option.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.checkbox-icon{font-size:16px;line-height:1}.quality-selector{display:flex;justify-content:center;margin:10px 0}.quality-toggle{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#94a3b8;font-size:13px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s}.quality-toggle:hover{background:#1e293b;color:#f1f5f9}.toggle-checkbox{width:16px;height:16px;border-radius:4px;border:1px solid #475569;background:#0f172a;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.toggle-checkbox.active{background:#3b82f6;border-color:#3b82f6}.toggle-checkbox svg{width:12px;height:12px;color:#fff}.quality-hint{color:#64748b;font-size:11px}.transcription-info{text-align:center;margin:15px 0;color:#64748b}.transcription-info small{font-size:12px}.transcription-section{margin-top:20px;padding-top:20px;border-top:1px solid #3a3a3a}.transcription-section h4{color:#bbb;font-size:14px;font-weight:500;margin:0 0 10px}.transcription-text{width:100%;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;color:#fff;padding:12px;font-size:14px;line-height:1.5;resize:vertical;min-height:80px}.transcription-text:focus{outline:none;border-color:#4caf50}.duration-warning{background:#ff9800;color:#fff;padding:8px;text-align:center;font-size:13px;border-radius:0 0 12px 12px;margin:-20px -20px 0}@media (max-width: 768px){.voice-recorder{width:95%;max-height:85vh}.duration-display{font-size:36px}.recording-controls{flex-direction:column;align-items:stretch}.record-btn,.pause-btn,.stop-btn{width:100%}.action-buttons{flex-direction:column}.retry-btn,.save-btn{width:100%}.waveform-canvas{height:80px}}.audio-player{background:#2a2a2a;border-radius:12px;padding:20px;margin:15px 0;border:1px solid #3a3a3a}.waveform-container{position:relative;width:100%;height:60px;background:#1a1a1a;border-radius:8px;cursor:pointer;overflow:hidden;margin-bottom:15px;transition:transform .2s}.waveform-container:hover{transform:scale(1.01);box-shadow:0 2px 8px #4caf5033}.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:#bbb;margin:10px 0}.current-time{color:#4caf50}.separator{margin:0 5px;color:#666}.total-time{color:#999}.playback-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin:20px 0}.play-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;color:#fff;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:0 4px 15px #4caf504d}.play-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 20px #4caf5066}.play-btn:disabled{opacity:.5;cursor:not-allowed}.skip-btn{background:#3a3a3a;border:none;color:#bbb;padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.skip-btn:hover{background:#4a4a4a;color:#fff}.speed-control{display:flex;align-items:center;justify-content:center;gap:10px;margin:15px 0}.speed-control label{color:#999;font-size:13px}.speed-control select{background:#3a3a3a;border:1px solid #4a4a4a;color:#fff;padding:4px 8px;border-radius:4px;font-size:13px;cursor:pointer}.speed-control select:focus{outline:none;border-color:#4caf50}.transcription-panel{margin-top:20px;padding-top:20px;border-top:1px solid #3a3a3a}.transcription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.transcription-header h4{color:#bbb;font-size:14px;font-weight:500;margin:0;display:flex;align-items:center;gap:8px}.offline-badge{background:#ff9800;color:#fff;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:#999;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.toggle-btn:hover,.edit-btn:hover,.copy-btn:hover{background:#3a3a3a;color:#fff}.transcription-text{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;padding:12px;color:#fff;font-size:14px;line-height:1.6;position:relative}.language-badge{position:absolute;top:8px;right:8px;background:#4caf50;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700}.transcription-editor textarea{width:100%;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;color:#fff;padding:12px;font-size:14px;line-height:1.6;resize:vertical;min-height:100px}.transcription-editor textarea:focus{outline:none;border-color:#4caf50}.editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.save-btn,.cancel-btn{background:#3a3a3a;border:none;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.save-btn{background:#4caf50}.save-btn:hover{background:#45a049}.cancel-btn:hover{background:#4a4a4a}.delete-audio-btn{background:none;border:1px solid #f44336;color:#f44336;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;margin-top:15px;width:100%;transition:all .2s}.delete-audio-btn:hover{background:#f44336;color:#fff}@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:#60a5fa}.transcription-failed .transcription-header h4{color:#ef4444}.transcription-failed .edit-btn{color:#3b82f6;background:none;border:1px solid #3b82f6;border-radius:6px;padding:2px 10px;cursor:pointer;font-size:12px}.transcription-failed .edit-btn:hover{background:#3b82f626}.note-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.note-editor-modal{background:#1e293b;border-radius:12px;max-width:800px;width:100%;height:85vh;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:visible}.note-editor-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #334155;position:sticky;top:0;background:#1e293b;z-index:10}.note-editor-header h2{font-size:1.25rem;font-weight:600;color:#f1f5f9}.header-actions{display:flex;gap:.5rem;align-items:center}.header-save-btn,.close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.header-save-btn:hover{background:#22c55e;color:#fff}.header-save-btn:disabled{opacity:.5;cursor:not-allowed}.close-btn:hover{background:#334155;color:#f1f5f9}.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:#1e293b;z-index:50;padding:1.5rem 0 .5rem;margin:-1.5rem 0 1rem;border-bottom:1px solid rgba(51,65,85,.3)}.fixed-desktop-header .title-controls-container{margin-bottom:.75rem}.fixed-desktop-header .note-type-selector{margin-bottom:0}}.note-title-input{flex:1;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:.625rem 1rem;color:#f1f5f9;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:#0f172a;border:1px solid #334155;border-radius:8px;color:#94a3b8;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:#1e293b;border-color:#475569;transform:translateY(-1px)}.icon-control-btn.active{background:#1a3d2e;border-color:#4caf50;color:#4caf50}.icon-control-btn .badge{position:absolute;top:-4px;right:-4px;background:#3b82f6;color:#fff;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:#3b82f6}.note-title-input::-moz-placeholder{color:#64748b}.note-title-input::placeholder{color:#64748b}.note-type-selector{display:flex;gap:.5rem;margin-bottom:1rem}.type-btn{flex:1;padding:.5rem 1rem;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#94a3b8;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:#1e293b;color:#f1f5f9}.type-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.type-label{display:inline-block}.note-content-input{width:100%;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1rem;color:#f1f5f9;font-size:1rem;line-height:1.5;resize:vertical;min-height:200px;transition:border-color .2s}.note-content-input:focus{outline:none;border-color:#3b82f6}.checklist-editor{background:#0f172a;border:1px solid #334155;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:#1e293b;border:1px solid #334155;border-radius:6px;padding:.5rem;color:#f1f5f9}.remove-item-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:.25rem;border-radius:4px;transition:background .2s}.remove-item-btn:hover{background:#ef44441a}.add-checklist-btn{width:100%;padding:.5rem;background:#1e293b;border:1px dashed #334155;border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .2s}.add-checklist-btn:hover{background:#334155;color:#f1f5f9}.event-date-section{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem;background:#0f172a;border:1px solid #334155;border-radius:8px}.event-date-preview{width:100%;padding-top:.5rem;margin-top:.25rem;border-top:1px solid #334155;color:#94a3b8;font-size:.8125rem;font-weight:500}.event-date-label{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.875rem;font-weight:500;flex-shrink:0}.event-date-label svg{width:16px;height:16px}.event-date-input{flex:1;padding:.5rem .75rem;background:#1e293b;border:1px solid #334155;border-radius:6px;font-size:.875rem;height:38px;line-height:1.2;color:#f1f5f9;cursor:pointer;outline:none;transition:border-color .2s}.event-date-input:focus{border-color:#3b82f6}.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:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;font-size:.875rem}.tags-section{margin-top:.5rem;margin-bottom:.5rem;background:#0f172a80;border:1px solid rgba(51,65,85,.3);border-radius:8px;padding:.75rem}.tags-section.expanded{border-color:#3b82f6;background:#0f172acc}.tags-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #334155}.tags-title{font-size:.875rem;font-weight:600;color:#3b82f6}.tags-close-btn{width:28px;height:28px;background:#334155;border:none;border-radius:6px;color:#94a3b8;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:#475569;color:#f1f5f9}.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:#94a3b8;font-size:.875rem;font-weight:500}.tag-count{color:#64748b;font-weight:400}.expand-icon{color:#94a3b8}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:.75rem;min-height:48px}.tag{display:inline-flex;align-items:center;gap:.25rem;background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:999px;font-size:.875rem}.remove-tag{background:none;border:none;color:#fff;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:#f1f5f9;outline:none}.color-picker-section{margin-bottom:1.5rem}.color-picker-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#94a3b8;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:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.note-editor-actions{display:flex;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid #334155;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:#ef44441a;color:#ef4444}.delete-btn:hover{background:#ef444433}.archive-btn{background:#a855f71a;color:#a855f7}.archive-btn:hover{background:#a855f733}.cancel-btn{background:#334155;color:#94a3b8}.cancel-btn:hover{background:#475569;color:#f1f5f9}.save-btn{background:#3b82f6;color:#fff}.save-btn:hover{background:#2563eb}.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:#0f172a;border:1px solid #334155;border-radius:8px;color:#f1f5f9;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}.category-dropdown:hover{background-color:#1e293b;border-color:#475569}.category-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.category-dropdown option{background:#0f172a;color:#f1f5f9;padding:.5rem}.category-dropdown option[value=new]{color:#3b82f6;font-style:italic}.category-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001}.category-modal{background:#1e293b;border-radius:12px;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000004d}.category-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #334155}.category-modal-header h3{font-size:1.125rem;font-weight:600;color:#f1f5f9}.category-modal-body{padding:1.5rem}.category-name-input{width:100%;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:.75rem 1rem;color:#f1f5f9;font-size:1rem;margin-bottom:1.5rem;transition:border-color .2s}.category-name-input:focus{outline:none;border-color:#3b82f6}.category-color-picker{margin-bottom:1.5rem}.category-color-picker label{display:block;color:#94a3b8;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:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 4px 12px #0000004d;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:#e2e8f0;font-size:14px}.category-dropdown-item:hover{background:#2a3447}.category-dropdown-item.selected{background:#334155;font-weight:500}.category-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.category-dropdown-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-dropdown-divider{height:1px;background:#334155;margin:4px 0}.category-dropdown-item.category-action{color:#94a3b8}.category-dropdown-item.category-action:hover{background:#2a3447;color:#3b82f6}.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:#0f172a;border:1px solid #334155;border-radius:8px;margin-bottom:.5rem;transition:all .2s}.category-item:hover{background:#1e293b;border-color:#475569}.category-info{display:flex;align-items:center;gap:.75rem}.category-name{color:#f1f5f9;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:#334155;color:#94a3b8}.edit-category-btn:hover{background:#475569;color:#f1f5f9}.delete-category-btn{background:#ef44441a;color:#ef4444}.delete-category-btn:hover{background:#ef444433}.empty-categories{text-align:center;padding:2rem;color:#94a3b8}.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:#2a3447;border:2px solid #334155;border-radius:8px;color:#94a3b8;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:#4caf50;background:#334155}.checklist-toggle-btn.active{border-color:#4caf50;background:#1a3d2e;color:#4caf50}.checklist-count{margin-left:4px;opacity:.7;font-size:13px}.checklist-editor-section{margin:0;padding:.75rem;background:#2a3447;border:1px solid #334155;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:#33415580;color:#94a3b8;border:1px solid rgba(71,85,105,.5);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:#334155cc;color:#e2e8f0;border-color:#64748b}.template-action-btn svg{width:14px;height:14px}.export-menu-container{position:relative;display:inline-block;z-index:200}.export-dropdown-menu{background:#0f172a;border:1px solid #334155;border-radius:12px;padding:8px;box-shadow:0 10px 25px #00000080;min-width:240px}.export-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;margin:2px 0;background:transparent;color:#e2e8f0;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:#1e293b;color:#f1f5f9;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:#0f172a;border:1px solid #334155;border-radius:12px;padding:8px;box-shadow:0 10px 25px #00000080;min-width:220px}.bulk-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;margin:2px 0;background:transparent;color:#e2e8f0;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:#1e293b;color:#f1f5f9;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:#1a1a1a;border-radius:8px;border:1px solid #3a3a3a}.voice-memos-section .section-title{color:#bbb;font-size:14px;font-weight:500;margin:0 0 15px}.checklist-editor-section{background:#2a34474d;border-radius:8px;padding:12px 0;margin-bottom:16px;border:1px solid rgba(71,85,105,.3)}@media (max-width: 640px){.note-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a;z-index:9999;padding:0}.note-editor-modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;background:#1e293b;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:#1e293b;border-bottom:1px solid #334155;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:#94a3b8;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:#1e293b;z-index:100;padding:.5rem .75rem .25rem;border-bottom:1px solid rgba(51,65,85,.3);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:#0f172a;border:1px solid #334155;border-radius:6px;color:#f1f5f9;font-size:1rem}.quick-controls{display:flex;gap:.25rem;flex-shrink:0}.icon-control-btn{width:42px;height:42px;padding:0;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#94a3b8;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:#1a3d2e;border-color:#4caf50;color:#4caf50}.icon-control-btn .badge{position:absolute;top:-4px;right:-4px;background:#3b82f6;color:#fff;font-size:10px;padding:2px 4px;border-radius:10px;min-width:16px;text-align:center}.note-type-selector{display:flex;background:#0f172acc;border:1px solid rgba(51,65,85,.5);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:#94a3b8;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:#3b82f6;color:#fff}.type-btn svg{width:12px;height:12px}.event-date-section{display:flex;align-items:center;gap:.2rem;padding:.15rem .25rem;background:#0f172a66;border:1px solid rgba(51,65,85,.25);border-radius:3px;flex-shrink:0;margin-top:-.3rem;margin-bottom:.2rem}.event-date-label{display:flex;align-items:center;gap:.1rem;color:#94a3b8;font-size:.55rem;white-space:nowrap}.event-date-label svg{width:10px;height:10px}.event-date-input{flex:1;padding:.1rem .2rem;background:#1e293b66;border:1px solid transparent;border-radius:2px;color:#f1f5f9;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:#0f172acc;border:1px solid rgba(51,65,85,.5);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:#94a3b8;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:#3b82f6;color:#fff}.recurring-config .pattern-btn svg{width:12px;height:12px}.checklist-editor-section{background:#0f172a4d;border:1px solid rgba(51,65,85,.3);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 #334155;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;background:#0f172a}.improved-visual-editor{flex:1;display:flex;flex-direction:column;min-height:80px}.improved-visual-editor .editor-toolbar{display:flex!important;padding:4px;background:#1e293b;border-bottom:1px solid #334155;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:#334155;border:1px solid #475569;border-radius:4px;color:#94a3b8;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.toolbar-toggle:hover{background:#475569;color:#e2e8f0}.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:#3b82f633;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:#3b82f6;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:#1e293b;border-top:1px solid #334155;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:#334155;color:#94a3b8}.save-btn{background:#3b82f6;color:#fff}.delete-btn,.archive-btn{display:none}.tags-section{display:none;position:fixed;bottom:70px;left:.5rem;right:.5rem;max-height:200px;background:#1e293b;border:2px solid #3b82f6;border-radius:8px;padding:.75rem;box-shadow:0 -4px 20px #00000080;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 #334155}.tags-title{font-size:.875rem;font-weight:600;color:#3b82f6}.tags-close-btn{width:24px;height:24px;background:#334155;border:none;border-radius:4px;color:#94a3b8;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.tags-close-btn:hover{background:#475569;color:#f1f5f9}.tags-container{display:flex;flex-wrap:wrap;gap:.375rem;min-height:40px;padding:.5rem;background:#0f172a;border:1px solid #334155;border-radius:4px}.tag{display:inline-flex;align-items:center;gap:.25rem;background:#3b82f6;color:#fff;padding:.25rem .5rem;border-radius:999px;font-size:.75rem}.remove-tag{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;line-height:1;opacity:.8}.tag-input{flex:1;min-width:80px;background:transparent;border:none;color:#f1f5f9;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:#475569 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:#475569;border-radius:4px}.recurring-config .pattern-btn .pattern-label{display:none}}.mobile-accordion{border:1px solid rgba(51,65,85,.4);border-radius:8px;overflow:hidden;background:#0f172a4d}.mobile-accordion.open{overflow:visible}.mobile-accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.625rem .75rem;background:#1e293b99;border:none;color:#e2e8f0;cursor:pointer;min-height:40px;transition:background .15s ease}.mobile-accordion-header:hover{background:#33415566}.mobile-accordion-header:active{background:#33415599}.mobile-accordion-title{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#94a3b8}.mobile-accordion-title svg{width:16px;height:16px;color:#64748b}.mobile-accordion.open .mobile-accordion-title{color:#e2e8f0}.mobile-accordion.open .mobile-accordion-title svg{color:#3b82f6}.mobile-accordion-badge{background:#3b82f6;color:#fff;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:#64748b;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)}}:root[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #2d3748;--border-color: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-yellow: #fbbf24;--accent-red: #ef4444;--hover-bg: #374151;--shadow: rgba(0, 0, 0, .2)}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-card: #ffffff;--border-color: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-yellow: #f59e0b;--accent-red: #ef4444;--hover-bg: #f1f5f9;--shadow: rgba(0, 0, 0, .05)}:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #2d3748;--border-color: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-yellow: #fbbf24;--accent-red: #ef4444;--hover-bg: #374151;--shadow: rgba(0, 0, 0, .2)}.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:#fff;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:#94a3b8;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s}.menu-btn:hover{background:#33415580}.header-title{font-size:1.25rem;font-weight:600;margin:0;color:#f1f5f9}.header-subtitle{font-size:.75rem;color:#64748b;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:#000000e6;color:#fff;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:#fbbf244d;color:#fbbf24;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:#1e293b;border:1px solid #334155;border-radius:.5rem;box-shadow:0 10px 25px #0000004d;z-index:200;max-height:320px;animation:none!important;overflow-y:auto}.suggestions-section{padding:.5rem 0;border-bottom:1px solid #334155}.suggestions-section:last-child{border-bottom:none}.suggestions-label{padding:.25rem .75rem;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase}.suggestion-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;color:#e2e8f0;text-align:left;cursor:pointer;transition:all .2s}.suggestion-item:hover{background:#64748b1a}.suggestion-icon{font-size:.875rem;opacity:.7}.suggestion-text{flex:1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-count{font-size:.75rem;color:#64748b;background:#64748b33;padding:.125rem .375rem;border-radius:999px}.suggestion-item.history .suggestion-text{color:#94a3b8}.search-scope-container{position:relative;margin-right:.5rem}.search-scope-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#64748b1a;border:1px solid rgba(100,116,139,.2);border-radius:.375rem;color:#94a3b8;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.search-scope-btn:hover{background:#64748b33;border-color:#64748b4d}.search-scope-label{min-width:3rem;text-align:left}.search-scope-dropdown{position:absolute;top:calc(100% + .25rem);left:0;min-width:120px;background:#1e293b;border:1px solid #334155;border-radius:.5rem;box-shadow:0 10px 25px #0000004d;z-index:100;overflow:hidden;animation:none!important}.scope-option{display:block;width:100%;padding:.5rem .75rem;text-align:left;font-size:.875rem;color:#94a3b8;background:transparent;border:none;cursor:pointer;transition:all .2s}.scope-option:hover{background:#64748b1a;color:#f1f5f9}.scope-option.active{background:#3b82f633;color:#60a5fa}.search-bar-wrapper{position:relative;display:flex;align-items:center;background:#0f172a;border:1px solid #334155;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:#64748b;margin-right:.5rem}.search-input{flex:1;background:none;border:none;color:#f1f5f9;padding:.5rem 0;font-size:.875rem;outline:none}.search-clear{background:none;border:none;color:#64748b;padding:.25rem;cursor:pointer;display:flex;align-items:center}.search-btn{background:none;border:none;color:#94a3b8;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:#94a3b8;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:#33415580;color:#f1f5f9}.filter-btn.active,.view-mode-btn.active{background:#3b82f6;color:#fff}.view-mode-toggle{display:flex;background:#3341554d;border-radius:8px;padding:2px;gap:2px}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.theme-toggle-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent-blue)}.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:#3b82f626;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:#3b82f626;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:0 4px 20px #00000026;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:hover{background:var(--hover-bg)}.sort-option.active{background:#3b82f626;color:var(--accent-blue);font-weight:500}.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:#fff;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:#1e293b80;border-bottom:1px solid rgba(51,65,85,.5);overflow:visible;position:relative}.view-selector-wrapper,.view-selector-container{position:relative}.view-selector{display:flex;align-items:center;gap:.5rem;background:#0f172a;border:1px solid #334155;border-radius:6px;padding:.5rem .75rem;color:#f1f5f9;font-size:.875rem;cursor:pointer;transition:all .2s}.view-selector:hover{border-color:#3b82f6}.view-selector-icon{display:flex;align-items:center}.view-selector-count{color:#64748b;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:#1e293b;border:1px solid #334155;border-radius:8px;min-width:200px;box-shadow:0 10px 25px #00000080;z-index:200;overflow:hidden}.view-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:#94a3b8;text-align:left;cursor:pointer;transition:all .2s}.view-option:hover{background:#33415580;color:#f1f5f9}.view-option.active{background:#3b82f61a;color:#3b82f6}.view-option-icon{display:flex;align-items:center}.view-option-label{flex:1;font-size:.875rem}.view-option-count{font-size:.75rem;color:#64748b}.view-dropdown hr{margin:.25rem 0;border:none;border-top:1px solid #334155}.header-stats{display:flex;gap:.5rem}.stat-badge{padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500}.stat-badge.today{background:#3b82f633;color:#60a5fa}.stat-badge.tasks{background:#a855f733;color:#a78bfa}.stat-badge.recurring{background:#22c55e33;color:#4ade80}.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:#64748b}.empty-state-icon{width:64px;height:64px;margin-bottom:1rem;color:#475569}.empty-state h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#94a3b8}.empty-state p{margin:0 0 1.5rem;font-size:.875rem}.create-first-btn{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.create-first-btn:hover{background:#2563eb}.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:#64748b;padding:.25rem;cursor:pointer;display:flex;align-items:center;transition:color .2s}.collapse-toggle:hover{color:#94a3b8}.time-group-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0}.time-group-count{padding:.125rem .375rem;background:#33415580;border-radius:999px;font-size:.625rem;font-weight:500;color:#94a3b8}.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:#2d3748;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.note-card.menu-open{z-index:99999}.note-card.overdue{background:#ef44440d;border-color:#ef44444d;border-left-color:#ef4444;animation:pulse-overdue 3s ease-in-out infinite}@keyframes pulse-overdue{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 8px #ef44444d}}.note-card.overdue:hover{background:#ef444414;box-shadow:0 4px 12px #ef44444d}.note-card-datetime.overdue{color:#ef4444;font-weight:500}.overdue-badge{background:#ef4444;color:#fff;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 #3b82f633}.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:#fbbf24}.note-type-icon.task{color:#60a5fa}.note-type-icon.event{color:#a78bfa}.note-type-icon.recurring{color:#4ade80}.note-type-icon.birthday{color:#f87171}.note-card-title{flex:1;font-size:.9375rem;font-weight:600;color:#f1f5f9;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:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:999px;color:#60a5fa;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:#4caf50;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:#64748b;padding:.25rem;cursor:pointer;opacity:0;transition:opacity .2s}.note-card:hover .note-card-menu-btn{opacity:1}.note-card-menu{background:#1e293b;border:1px solid #334155;border-radius:6px;min-width:180px;box-shadow:0 10px 25px #00000080;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:#94a3b8;font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s}.note-card-menu button:hover{background:#33415580;color:#f1f5f9}.note-card-menu button.delete-action{color:#f87171}.note-card-menu button.delete-action:hover{background:#ef44441a;color:#ef4444}.note-card-menu hr{margin:.25rem 0;border:none;border-top:1px solid #334155}.note-card-content{margin-bottom:.5rem}.note-card-preview{font-size:.8125rem;color:#94a3b8;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:#64748b;margin-top:.5rem}.note-card-streak{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;background:linear-gradient(135deg,#fb923c1a,#ef44441a);border:1px solid rgba(251,146,60,.3);border-radius:.375rem;padding:.125rem .375rem;margin-top:.375rem}.note-card-streak .streak-icon{font-size:.875rem}.note-card-streak .streak-text{color:#ea580c;font-weight:600}.note-card-streak .streak-total{color:#94a3b8;font-size:.7rem;margin-left:.125rem}.note-card-completion-history{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:#64748b;margin-top:.25rem}.note-card-completion-history svg{color:#10b981}.note-card-next-occurrence{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:.375rem;padding:.25rem .5rem;margin-top:.5rem}.note-card-next-occurrence .next-occurrence-label{color:#94a3b8;font-weight:500}.note-card-next-occurrence .next-occurrence-date{color:#fbbf24;font-weight:600}.note-card-completion-status{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:#10b98126;border-radius:4px;margin-top:.5rem;font-size:.75rem;color:#10b981}.note-card-completion-status.completed{background:#10b98133;border:1px solid rgba(16,185,129,.3)}.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 #60a5fa;border-radius:5px;cursor:pointer;position:relative;transition:all .2s ease;background:#60a5fa0d;margin-right:10px;flex-shrink:0}.quick-complete-checkbox:hover{border-color:#3b82f6;background:#3b82f626;transform:scale(1.05)}.quick-complete-checkbox:checked{background:#3b82f6;border-color:#3b82f6}.quick-complete-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;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:#dc2626;color:#fff;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:#1e293b;border:1px solid #334155;border-radius:8px;color:#94a3b8;font-size:.875rem;cursor:pointer;transition:all .2s ease}.show-more-btn:hover,.show-less-btn:hover{background:#2d3748;color:#f1f5f9;border-color:#475569}.show-more-count{font-size:.75rem;color:#64748b}.filter-input-group{margin-top:.75rem}.filter-input-group label{display:block;margin-bottom:.25rem;font-size:.875rem;color:#94a3b8}.filter-select{width:100%;padding:.5rem;background:#0f172a;border:1px solid #334155;border-radius:4px;color:#f1f5f9;font-size:.875rem;cursor:pointer}.filter-select:hover{border-color:#475569}.filter-select:focus{outline:none;border-color:#3b82f6}.checklist-progress{display:flex;align-items:center;gap:.5rem}.checklist-progress-bar{flex:1;height:4px;background:#334155;border-radius:2px;overflow:hidden}.checklist-progress-fill{height:100%;background:#10b981;transition:width .3s}.checklist-progress-text{font-size:.75rem;color:#64748b;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:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:999px;font-size:.625rem;color:#60a5fa}.note-tag-more{padding:.125rem .375rem;background:#64748b1a;border-radius:999px;font-size:.625rem;color:#64748b}.note-card-reminders{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;color:#fbbf24}.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:#22c55e33;color:#4ade80}.note-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#1e293b;border:1px solid #334155;border-left:4px solid #3b82f6;border-radius:6px;margin-bottom:.5rem;cursor:pointer;transition:all .2s}.note-list-item:hover{background:#2d3748}.note-list-icon{flex-shrink:0}.note-list-content{flex:1;min-width:0}.note-list-title{font-size:.875rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-list-date{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#64748b;margin-top:.125rem}.note-list-progress{flex-shrink:0;padding:.125rem .375rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:999px;font-size:.75rem;color:#10b981}.tasklist-view{background:#1e293b;border-radius:8px;padding:1rem}.tasklist-content{font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;color:#f1f5f9;white-space:pre-wrap;word-break:break-word}.fab-container{position:fixed;bottom:calc(var(--tab-bar-height) + 1.5rem);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:0 4px 12px #0000004d;transition:all .2s;overflow:hidden!important}.fab-primary{background:#3b82f6;color:#fff}.fab-primary:hover{background:#2563eb;transform:scale(1.05);box-shadow:0 6px 20px #3b82f666}.filter-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999991;animation:none!important;transform:none!important}.filter-panel{position:fixed;top:0;right:0;bottom:0;width:320px;background:#1e293b;border-left:1px solid #334155;padding:1.5rem;overflow-y:auto;animation:none!important;transform:none!important}@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:.25rem;min-width:28px;min-height:28px}.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,.theme-toggle-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:.425rem;min-width:36px;min-height:36px}.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:.3rem;min-width:30px;min-height:30px}.header-right button svg,.view-mode-btn svg{width:17px;height:17px}@media (max-width: 500px){.theme-toggle-btn{display:none!important}}.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:#0f172a}.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:#94a3b8;cursor:pointer;transition:background .2s}.header-right>button:hover,.header-right>button:active{background:#33415580}.filter-btn.active,.selection-mode-btn.active{background:#3b82f633;color:#3b82f6}.view-mode-toggle{display:flex!important;gap:0;background:#1e293b;padding:2px;border-radius:6px;border:1px solid #334155;flex-shrink:0}.view-mode-btn{background:transparent;border:none;color:#64748b;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.view-mode-btn.active{background:#3b82f6;color:#fff}.view-mode-btn svg{width:16px;height:16px}.theme-toggle-btn,.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:#1e293b;border:1px solid #334155;border-radius:6px;padding:0 .5rem;height:36px}.mobile-search-input-wrapper:focus-within{border-color:#3b82f6;background:#0f172a}.mobile-search-input-wrapper .search-icon{width:16px;height:16px;color:#64748b;flex-shrink:0;margin-right:.25rem}.mobile-search-scope{display:flex;align-items:center;gap:.125rem;padding:.25rem .375rem;background:#334155;border:none;border-radius:4px;color:#94a3b8;font-size:.8125rem;font-weight:500;margin-right:.375rem;white-space:nowrap;cursor:pointer}.mobile-search-scope:active{background:#475569}.mobile-search-scope .scope-text{min-width:32px}.mobile-scope-dropdown{position:fixed;top:60px;left:.5rem;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:.25rem;box-shadow:0 4px 12px #00000080;z-index:1000;min-width:140px}.mobile-scope-dropdown .scope-option{display:block;width:100%;padding:.5rem .75rem;background:transparent;border:none;color:#94a3b8;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:#334155}.mobile-scope-dropdown .scope-option.active{background:#3b82f6;color:#fff}.mobile-search-input-wrapper .search-input{flex:1;background:transparent;border:none;color:#f1f5f9;font-size:.9375rem;padding:0}.mobile-search-input-wrapper .search-input::-moz-placeholder{color:#64748b}.mobile-search-input-wrapper .search-input::placeholder{color:#64748b}.mobile-search-input-wrapper .search-input:focus{outline:none}.mobile-search-input-wrapper .search-clear{padding:.25rem;background:transparent;border:none;color:#64748b;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:#3b82f6;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:#94a3b8;cursor:pointer;align-items:center;justify-content:center;border-radius:6px;min-width:40px;min-height:40px}.search-btn:hover{background:#33415580}.search-icon{width:14px;height:14px;color:#64748b;margin-right:.25rem}.search-input{flex:1;background:transparent;border:none;color:#f1f5f9;font-size:.875rem;padding:.25rem;min-width:0}.search-input:focus{outline:none}.search-input::-moz-placeholder{color:#64748b;font-size:.875rem}.search-input::placeholder{color:#64748b;font-size:.875rem}.search-scope-container,.search-suggestions-dropdown{display:none}.search-clear{padding:.25rem;background:transparent;border:none;color:#64748b}.search-btn,.filter-btn{padding:.375rem;background:transparent;border:1px solid #334155;border-radius:6px;color:#94a3b8}.search-btn.active,.filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.header-views{padding:.375rem .5rem;background:#0f172a;border-bottom:1px solid #1e293b}.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 #334155!important;border-radius:6px!important;height:32px!important;color:#94a3b8!important}.view-selector-button:hover{background:#1e293b!important}.view-selector-label{display:none}.view-selector-chevron{width:14px!important;height:14px!important}.stat-badge{padding:.375rem .625rem;background:transparent;border:1px solid #334155;border-radius:6px;font-size:.8125rem;color:#94a3b8;white-space:nowrap;height:32px;display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0;cursor:pointer;transition:all .2s}.stat-badge:hover{background:#1e293b}.stat-badge.today{background:#1e3a8a;border-color:#2563eb;color:#60a5fa}.stat-badge.recurring{background:#064e3b;border-color:#10b981;color:#6ee7b7}.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:.375rem .625rem;font-size:.8125rem;white-space:nowrap;background:transparent;border:1px solid #334155;border-radius:6px;color:#94a3b8;height:32px;display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0}.quick-filter-chip.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.quick-filter-chip .chip-count{font-size:.75rem;opacity:.8}.notes-overview-content{padding:.5rem;background:#0f172a}.time-group-header{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:.5rem .25rem;margin-bottom:.5rem;color:#64748b;border-bottom:1px solid #334155}.note-cards-grid{gap:.5rem}.note-card{padding:.875rem;background:#1e293b;border:1px solid #334155;border-radius:8px}.note-card-header h3{font-size:.9375rem;font-weight:600;color:#f1f5f9}.note-card-body{font-size:.8125rem;color:#94a3b8;line-height:1.4}.note-card-footer{font-size:.75rem;color:#64748b}}.filter-panel h3{font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;color:#f1f5f9}.close-filter-panel{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#64748b;font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1}.spinner{width:40px;height:40px;border:3px solid #334155;border-top-color:#3b82f6;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:#3b82f6;color:#fff;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:#94a3b8;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:#64748b;cursor:pointer;padding:.25rem}.filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-option-btn{padding:.5rem .75rem;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#94a3b8;font-size:.875rem;cursor:pointer;transition:all .2s}.filter-option-btn:hover{border-color:#3b82f6;color:#f1f5f9}.filter-option-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-option-btn.priority-low{border-left:3px solid #10b981}.filter-option-btn.priority-normal{border-left:3px solid #3b82f6}.filter-option-btn.priority-high{border-left:3px solid #f59e0b}.filter-option-btn.priority-critical{border-left:3px solid #ef4444}.filter-tags{gap:.375rem}.filter-tag{padding:.25rem .5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:999px;color:#60a5fa;font-size:.75rem;cursor:pointer;transition:all .2s}.filter-tag:hover{background:#3b82f633}.filter-tag.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.date-picker-section{margin-top:.75rem}.date-inputs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.date-input{padding:.425rem .75rem;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#f1f5f9;font-size:.875rem;transition:all .2s;flex:0 1 auto;min-width:110px;max-width:130px;height:36px}.date-input:hover{border-color:#475569}.date-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.date-separator{color:#64748b;font-size:.875rem;padding:0 .25rem}.apply-date-btn{padding:.425rem 1rem;background:#3b82f6;color:#fff;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:#2563eb}.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:#94a3b8;line-height:1}.filter-panel-footer{display:flex;gap:.75rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #334155}.filter-reset-btn{flex:1;padding:.75rem;background:#334155;color:#94a3b8;border:none;border-radius:6px;font-size:.875rem;cursor:pointer}.filter-apply-btn{flex:1;padding:.75rem;background:#3b82f6;color:#fff;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:#1e293b;border:1px solid #334155;border-radius:8px 8px 0 0}.tasklist-title{font-size:1.125rem;font-weight:600;margin:0;color:#f1f5f9}.tasklist-actions{display:flex;gap:.5rem}.tasklist-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .2s}.tasklist-action-btn:hover{background:#334155;color:#f1f5f9}.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:#1e293b;border:1px solid #334155;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:#94a3b8;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:#0f172a!important;border:1px solid #334155!important;border-radius:6px!important;color:#f1f5f9!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:#94a3b8;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:#1e293b80;border-left:1px solid #334155;border-right:1px solid #334155}.option-group{display:flex;align-items:center;gap:.5rem}.option-group label{font-size:.875rem;color:#94a3b8}.option-select{padding:.5rem .75rem;background:#0f172a;border:1px solid #334155;border-radius:4px;color:#f1f5f9;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:#94a3b8}.tasklist-options-bar{display:flex;gap:.5rem;padding:.75rem 1rem;background:#1e293b80;border-left:1px solid #334155;border-right:1px solid #334155;border-bottom:1px solid #334155;flex-wrap:wrap}.tasklist-toggle-btn{padding:.4rem .8rem;background:#3341554d;border:1px solid #475569;border-radius:6px;color:#94a3b8;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:#33415599;border-color:#64748b;color:#cbd5e1}.tasklist-toggle-btn.active{background:#3b82f633;border-color:#3b82f6;color:#93bbfc}.tasklist-content-wrapper{flex:1;background:#1e293b;border-left:1px solid #334155;border-right:1px solid #334155;overflow-y:auto;padding:1rem}.tasklist-content{font-family:Courier New,monospace;font-size:.875rem;line-height:1.8;color:#f1f5f9;white-space:pre-wrap;word-break:break-word;margin:0}.tasklist-footer{display:flex;gap:1rem;padding:.75rem 1rem;background:#1e293b;border:1px solid #334155;border-radius:0 0 8px 8px}.tasklist-stat{font-size:.75rem;color:#64748b;padding:.25rem .5rem;background:#3341554d;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:#2d3748;border:1px solid #334155;border-radius:6px;color:#f1f5f9;cursor:pointer;font-size:.875rem;transition:all .2s}.view-selector-button:hover{background:#334155;border-color:#3b82f6}.view-selector-label{color:#94a3b8;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:0 10px 25px #00000080;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:#0003;border-radius:4px}.view-selector-dropdown::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.view-selector-dropdown::-webkit-scrollbar-thumb:hover{background:#64748b}.view-selector-section{padding:.5rem 0;border-bottom:1px solid #334155}.view-selector-section:last-child{border-bottom:none}.view-selector-section-title{padding:.25rem 1rem;font-size:.75rem;text-transform:uppercase;color:#64748b;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:#334155}.view-selector-item.active{background:#2d3748}.view-selector-item-name{display:flex;align-items:center;gap:.5rem;flex:1;font-size:.875rem}.view-selector-check{width:16px;height:16px;color:#10b981}.view-selector-star{width:16px;height:16px;color:#fbbf24}.view-selector-star.filled{fill:#fbbf24}.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:#94a3b8;cursor:pointer;transition:all .2s}.view-selector-action:hover{background:#334155;color:#f1f5f9}.view-selector-action.delete:hover{background:#dc2626;color:#fff}.view-selector-action svg{width:14px;height:14px}.view-selector-footer{padding:.5rem;border-top:1px solid #334155}.view-selector-save-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:#3b82f6;border:none;border-radius:4px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.view-selector-save-btn:hover{background:#2563eb}.view-selector-save-btn svg{width:16px;height:16px}.view-save-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:300}.view-save-dialog{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.5rem;width:90%;max-width:400px;box-shadow:0 20px 50px #00000080}.view-save-dialog h3{margin:0 0 .5rem;font-size:1.125rem;color:#f1f5f9}.view-save-dialog p{margin:0 0 1rem;font-size:.875rem;color:#94a3b8}.view-save-input{width:100%;padding:.75rem;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#f1f5f9;font-size:.875rem;margin-bottom:1rem}.view-save-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.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:#475569;color:#f1f5f9}.view-save-cancel:hover{background:#64748b}.view-save-confirm{background:#3b82f6;color:#fff}.view-save-confirm:hover{background:#2563eb}.view-save-confirm:disabled{background:#475569;color:#94a3b8;cursor:not-allowed}.archive-button{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;color:#94a3b8;cursor:pointer;border-radius:6px;transition:all .2s}.archive-button:hover{background:#334155;color:#f1f5f9}.note-status-badge.archived{background:#475569;color:#94a3b8;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:#0f172a}.note-card.archived .note-card-title{color:#94a3b8}.archive-stats{padding:1rem;background:#0f172a;border:1px solid #334155;border-radius:8px;margin-bottom:1rem}.archive-stats-title{font-size:.875rem;font-weight:600;color:#f1f5f9;margin-bottom:.5rem}.archive-stat-item{display:flex;justify-content:space-between;font-size:.75rem;color:#94a3b8;padding:.25rem 0}.archive-stat-value{color:#f1f5f9;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:0 8px 24px #0000004d}.search-input{transition:all .3s ease}.search-input:focus{box-shadow:0 0 0 3px #3b82f633}.fab,.filter-btn,.view-mode-btn,.note-action-btn{transition:all .2s ease}.fab:hover{transform:scale(1.1);box-shadow:0 8px 24px #3b82f666}.fab:active{transform:scale(.95)}.checklist-progress-fill{transition:width .5s ease-out}.spinner{width:40px;height:40px;border:3px solid #334155;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.skeleton-card{background:#1e293b;border-radius:8px;padding:1rem;margin-bottom:.75rem;animation:pulse 1.5s ease-in-out infinite}.skeleton-line{height:12px;background:linear-gradient(90deg,#334155,#475569,#334155);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 #3b82f6;outline-offset:2px}.note-card.keyboard-selected{background:#374151;box-shadow:0 0 0 2px #3b82f6}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:#00000080;z-index:98;animation:fadeIn .3s ease-out}.note-info-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;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:#1e293b;border:1px solid #334155;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:#94a3b8;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:#334155;color:#f1f5f9}.note-info-content h3{margin:0 0 1.5rem;color:#f1f5f9;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:#94a3b8;font-weight:500;flex-shrink:0}.info-row>span:last-child{color:#f1f5f9;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 #3b82f64d;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:#000c;color:#fff;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,#10b981)}.note-card.swipeable:after{right:-100px;background:linear-gradient(to left,transparent,#ef4444)}.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:#000c;color:#fff;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,#1e293b,transparent);z-index:100;transition:transform .2s,opacity .2s}.pull-to-refresh-content{display:flex;align-items:center;gap:.75rem;color:#94a3b8;font-size:.875rem;font-weight:500}.pull-arrow{width:20px;height:20px;border:2px solid #94a3b8;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 #94a3b8;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.pull-to-refresh-indicator.can-refresh{background:linear-gradient(to bottom,#10b981,transparent)}.pull-to-refresh-indicator.can-refresh .pull-to-refresh-content{color:#10b981}.pull-to-refresh-indicator.refreshing{background:linear-gradient(to bottom,#3b82f6,transparent)}.pull-to-refresh-indicator.refreshing .pull-to-refresh-content{color:#3b82f6}@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:100px}.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:0!important;left:0!important;right:0!important;width:100%!important;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000080;animation:slideUp .3s;z-index:2147483647!important;background:#1e293b!important;padding:.75rem 0 env(safe-area-inset-bottom)!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(--tab-bar-height) + 1rem);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:#33415580;border-radius:8px;color:#94a3b8;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,.collapse-toggle{min-width:44px;min-height:44px}.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}.time-group-content{grid-template-columns:repeat(2,1fr)}.fab-container{bottom:calc(var(--tab-bar-height) + .5rem);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) and (prefers-color-scheme: dark){.note-card{background:#0f172a}.note-card:hover{background:#1e293b}}@media (max-width: 640px){.search-input:focus,.view-selector:focus,.note-card:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.note-card{border:2px solid #64748b}.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:0 10px 25px #0000004d;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 #3b82f61a}.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 #3b82f64d}.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:#2563eb;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.today{background:#3b82f61a;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:#ec4899}.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:0 20px 40px #00000080}.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:60px;padding:.125rem;font-size:.625rem}.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}}.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:0 4px 12px #0003}@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:#000000b3;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:#2563eb;transform:translateY(-1px)}.bulk-confirm-confirm.danger{background:var(--accent-red)}.bulk-confirm-confirm.danger:hover{background:#dc2626}.note-card.selection-mode{cursor:pointer;position:relative}.note-card.selection-mode:hover{background:var(--hover-bg)}.note-card.selected{background:#3b82f61a;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633}.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:#0000;display:flex;align-items:center;justify-content:center;z-index:99999;pointer-events:auto;animation:fadeIn .2s ease forwards}@keyframes fadeIn{0%{background:#0000}to{background:#000000b3}}@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 #3b82f61a}.modal-info{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#3b82f61a;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 #3b82f61a}.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:#2563eb;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:#2563eb;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:#0000008c;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:calc(var(--tab-bar-height, 4rem) + 12px);background:linear-gradient(165deg,#1e293bf7,#141b28fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.1);border-radius:20px;padding:6px 8px 8px;box-shadow:0 8px 32px #00000073,0 0 0 .5px #ffffff0d inset;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:#94a3b8;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:#e2e8f0;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:#e2e8f0;line-height:1.3}.collection-sheet-count{font-size:.75rem;color:#64748b;line-height:1.3}.collection-sheet-checkbox{width:22px;height:22px;border-radius:6px;border:2px solid #475569;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:#94a3b8;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 #475569;color:#64748b;transition:all .15s ease}.collection-sheet-create-row:active .collection-sheet-create-icon{border-color:#64748b;color:#94a3b8}.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 rgba(148,163,184,.15);border-radius:12px;color:#e2e8f0;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:#475569}.collection-sheet-create-input::placeholder{color:#475569}.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:#94a3b8}.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:calc(var(--tab-bar-height, 4rem) + 12px);background:linear-gradient(165deg,#1e293bf7,#141b28fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.1);border-radius:20px;padding:6px 8px 8px;box-shadow:0 8px 32px #00000073,0 0 0 .5px #ffffff0d inset;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-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 .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:#3b82f614;border-radius:14px;box-shadow:0 4px 16px #0000004d}.manage-drag-handle{display:flex;align-items:center;justify-content:center;width:28px;height:36px;flex-shrink:0;color:#475569;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.manage-drag-handle:active{color:#94a3b8;cursor:grabbing}.manage-drag-handle.disabled{color:#334155;cursor:default;opacity:.4}.manage-collection-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.manage-collection-info{flex:1;min-width:0}.manage-collection-name{font-size:.875rem;font-weight:500;color:#e2e8f0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-collection-count{font-size:.6875rem;color:#64748b;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:#94a3b814;color:#94a3b8;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:#94a3b826}.manage-action-btn.destructive{color:#94a3b8}.manage-action-btn.destructive:active{color:#f87171;background:#f871711a}.manage-system-badge{font-size:.625rem;font-weight:500;color:#475569;background:#64748b1a;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:#1e293bcc;border:1px solid rgba(148,163,184,.2);border-radius:10px;color:#e2e8f0;font-size:.875rem;outline:none;transition:border-color .15s ease}.manage-edit-input:focus{border-color:#3b82f680}.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:#1e293b99;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:#3b82f6;background:#3b82f626}.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:#94a3b81a;color:#94a3b8}.manage-edit-save{background:#3b82f6;color:#fff}.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:#f871711a;border:1px solid rgba(248,113,113,.15);border-radius:12px;flex-shrink:0;animation:collection-row-in .2s cubic-bezier(.32,.72,0,1)}.manage-undo-text{font-size:.8125rem;color:#fca5a5;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:#f8717126;color:#f87171;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:#f8717140}@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:#94a3b81f}.manage-action-btn.destructive:hover{color:#f87171;background:#f8717114}.manage-collection-row:hover{background:#94a3b80a}}.shopping-list-page{min-height:100vh;background:#0f172a;padding-bottom:80px}.shopping-list-header{position:sticky;top:0;z-index:20;background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.08);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:#94a3b8;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.shopping-list-header-back:active{background:#94a3b81a}.shopping-list-header-title{flex:1;min-width:0;font-size:1.0625rem;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopping-list-header-progress{font-size:.75rem;color:#64748b;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:#94a3b8;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.shopping-list-header-menu:active{background:#94a3b81a}.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:#0f172af7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;width:100%;text-align:left}.shopping-section-emoji{font-size:1.125rem;flex-shrink:0}.shopping-section-name{font-size:.8125rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;flex:1}.shopping-section-count{font-size:.75rem;color:#475569;font-variant-numeric:tabular-nums}.shopping-section-chevron{width:16px;height:16px;color:#475569;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:#94a3b80f}.shopping-item-check{width:24px;height:24px;min-width:24px;border-radius:7px;border:2px solid #475569;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:#22c55e;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:#e2e8f0;line-height:1.35;transition:all .2s ease}.shopping-item.is-checked .shopping-item-name{text-decoration:line-through;color:#475569}.shopping-item-detail{font-size:.75rem;color:#64748b;line-height:1.3;margin-top:1px}.shopping-item.is-checked .shopping-item-detail{color:#334155}.shopping-item-qty{font-size:.8125rem;font-weight:600;color:#94a3b8;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.shopping-item.is-checked .shopping-item-qty{color:#475569}.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:#22c55e26;color:#4ade80;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.shopping-pantry-chip:active{background:#22c55e4d}.shopping-pantry-chip.in-pantry{background:#64748b1a;color:#64748b;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:#22c55e1f;color:#4ade80;font-size:.8125rem;font-weight:600;border:1px solid rgba(34,197,94,.2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.shopping-batch-pantry-btn:active{background:#22c55e40}.shopping-item-optional{font-size:.625rem;font-weight:500;color:#64748b;background:#64748b26;padding:1px 6px;border-radius:4px;flex-shrink:0}.shopping-item-pantry{font-size:.625rem;font-weight:600;letter-spacing:.02em;color:#22c55e;background:#22c55e1f;padding:2px 6px;border-radius:4px;flex-shrink:0;text-transform:uppercase}.shopping-item-pantry.is-low{color:#f59e0b;background:#f59e0b1f}.shopping-item-pantry.is-staple{color:#8b5cf6;background:#8b5cf61f}.shopping-pantry-summary{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:.75rem;color:#22c55e;background:#22c55e0f;border-bottom:1px solid rgba(34,197,94,.1)}.shopping-pantry-toggle{display:flex;align-items:center;gap:4px;min-height:44px;padding:8px 12px;font-size:.6875rem;color:#94a3b8;background:#94a3b814;border:1px solid rgba(148,163,184,.12);border-radius:8px;cursor:pointer;transition:all .15s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.shopping-pantry-toggle.active{color:#22c55e;background:#22c55e1f;border-color:#22c55e33}.shopping-checked-section{margin-top:8px;border-top:1px solid rgba(148,163,184,.06)}.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:#475569}.shopping-checked-count{font-size:.75rem;color:#334155;font-variant-numeric:tabular-nums}.shopping-lists-page{min-height:100vh;background:#0f172a;padding-bottom:80px}.shopping-lists-header{position:sticky;top:0;z-index:20;background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.08);padding:12px 16px;display:flex;align-items:center;gap:12px}.shopping-lists-title{flex:1;font-size:1.125rem;font-weight:600;color:#e2e8f0}.shopping-list-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.06);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .1s ease}.shopping-list-card:active{background:#94a3b80f}.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:#22c55e1a}.shopping-list-card.completed .shopping-list-card-icon,.shopping-list-card.archived .shopping-list-card-icon{background:#64748b1a;opacity:.5}.shopping-list-card-info{flex:1;min-width:0}.shopping-list-card-name{font-size:.9375rem;font-weight:500;color:#e2e8f0;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:#64748b}.shopping-list-card-meta{font-size:.75rem;color:#64748b;line-height:1.3;margin-top:2px}.shopping-list-card-progress{width:100%;height:3px;background:#94a3b81a;border-radius:1.5px;margin-top:6px;overflow:hidden}.shopping-list-card-progress-bar{height:100%;background:#22c55e;border-radius:1.5px;transition:width .3s ease}.shopping-list-card-chevron{width:18px;height:18px;color:#334155;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:#22c55e1a;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#22c55e}.shopping-lists-empty-title{font-size:1rem;font-weight:600;color:#e2e8f0;margin-bottom:6px}.shopping-lists-empty-text{font-size:.8125rem;color:#64748b;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:calc(var(--tab-bar-height, 4rem) + 12px);background:linear-gradient(165deg,#1e293bf7,#141b28fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.1);border-radius:20px;padding:6px 8px 8px;box-shadow:0 8px 32px #00000073,0 0 0 .5px #ffffff0d 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:#94a3b8;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:#e2e8f0;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:#94a3b81a;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:#22c55e1f;box-shadow:0 0 12px #22c55e14}.shopping-sheet-row:active .shopping-sheet-icon{box-shadow:0 0 16px #22c55e33}.shopping-sheet-info{flex:1;min-width:0;text-align:left}.shopping-sheet-name{font-size:.9375rem;font-weight:500;color:#e2e8f0;line-height:1.3}.shopping-sheet-meta{font-size:.75rem;color:#64748b;line-height:1.3}.shopping-sheet-divider{height:1px;background:#94a3b814;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:#94a3b8;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:#94a3b81a}.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 #475569;color:#64748b}.shopping-overflow-menu{position:fixed;right:12px;top:52px;width:200px;background:#1e293b;border:1px solid rgba(148,163,184,.12);border-radius:12px;box-shadow:0 8px 24px #0006;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:#e2e8f0;font-size:.875rem;cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:left}.shopping-overflow-item:active{background:#94a3b81a}.shopping-overflow-item.destructive{color:#ef4444}.shopping-overflow-divider{height:1px;background:#94a3b814;margin:2px 8px}.shopping-barcode-bar{position:fixed;bottom:84px;left:16px;right:16px;z-index:51;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#1e293bf2;border:1px solid rgba(148,163,184,.15);box-shadow:0 4px 16px #0000004d;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 rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:14px;outline:none;min-width:0}.shopping-barcode-input:focus{border-color:#3b82f680}.shopping-barcode-submit{padding:10px 16px;border-radius:10px;border:none;background:#22c55e33;color:#4ade80;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0;min-height:44px;-webkit-tap-highlight-color:transparent}.shopping-barcode-submit:active{background:#22c55e59}.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:#64748b;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:#a78bfa;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.shopping-barcode-camera-btn:active{background:#8b5cf640;transform:scale(.95)}.shopping-pantry-prompt{position:fixed;bottom:84px;left:16px;right:16px;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;background:#1e293bf2;border:1px solid rgba(148,163,184,.15);box-shadow:0 4px 16px #0000004d;color:#e2e8f0;font-size:14px;animation:shopping-bar-slide-up .25s cubic-bezier(.32,.72,0,1)}.shopping-pantry-prompt-text{display:flex;align-items:center;gap:8px;min-width:0}.shopping-pantry-prompt-btn{min-height:44px;padding:12px 14px;border-radius:8px;border:none;background:#22c55e33;color:#4ade80;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.shopping-pantry-prompt-btn:active{background:#22c55e59}@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,.shopping-pantry-prompt{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:#1e293b66;color:#94a3b8}.meal-plan-day-tab:active{transform:scale(.95)}.meal-plan-day-tab.active{background:linear-gradient(to bottom,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f640}.meal-plan-day-tab.today:not(.active){background:#1e293b99;color:#60a5fa;box-shadow:inset 0 0 0 1px #3b82f64d}.meal-section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 6px;font-size:.6875rem;font-weight:600;color:#94a3b8;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:#1e293b99;border-left:4px solid #64748b;margin-bottom:8px;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.meal-slot-card:active{background:#1e293bcc}.meal-slot-card.status-planned{border-left-color:#64748b}.meal-slot-card.status-logged{border-left-color:#22c55e;background:#22c55e0f}.meal-slot-card.status-skipped{border-left-color:#ef4444}.meal-slot-card .slot-name{font-size:.875rem;font-weight:500;color:#e2e8f0;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:#64748b}.meal-slot-card .slot-nutrition{font-size:.75rem;color:#64748b;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 rgba(148,163,184,.15);background:transparent;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-bottom:8px;padding:10px}.meal-slot-empty:active{background:#94a3b80f;border-color:#94a3b840}.day-nutrition-bar{padding:4px 0}.day-nutrition-bar .bar-track{height:8px;border-radius:4px;background:#33415599;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:#22c55e}.day-nutrition-bar .bar-fill.near{background:#eab308}.day-nutrition-bar .bar-fill.over{background:#ef4444}.weekly-summary{background:#1e293b66;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:#94a3b80a}.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:calc(var(--tab-bar-height, 4rem) + 12px);background:linear-gradient(165deg,#1e293bf7,#141b28fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.1);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:#94a3b833}.add-meal-title{font-size:.8125rem;font-weight:600;color:#94a3b8;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:#e2e8f0;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:#94a3b81a;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:#3b82f61f;color:#60a5fa;box-shadow:0 0 12px #3b82f614}.add-meal-icon.template{background:#22c55e1f;color:#4ade80;box-shadow:0 0 12px #22c55e14}.add-meal-icon.manual{background:#a855f71f;color:#c084fc;box-shadow:0 0 12px #a855f714}.add-meal-option:active .add-meal-icon.recipe{box-shadow:0 0 16px #3b82f633}.add-meal-option:active .add-meal-icon.template{box-shadow:0 0 16px #22c55e33}.add-meal-option:active .add-meal-icon.manual{box-shadow:0 0 16px #a855f733}.add-meal-info{flex:1;min-width:0}.add-meal-info-name{font-size:.9375rem;font-weight:500;color:#e2e8f0;line-height:1.3}.add-meal-info-desc{font-size:.75rem;color:#64748b;line-height:1.3}.add-meal-divider{height:1px;background:#94a3b814;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:#94a3b8;margin-bottom:4px}.add-meal-form-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:.875rem;outline:none;transition:border-color .15s ease}.add-meal-form-input:focus{border-color:#3b82f680}.add-meal-form-input::-moz-placeholder{color:#475569}.add-meal-form-input::placeholder{color:#475569}.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,#3b82f6,#2563eb);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:#94a3b8;font-size:.8125rem;cursor:pointer;-webkit-tap-highlight-color:transparent;margin-bottom:4px}.add-meal-form-back:active{color:#e2e8f0}.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:#94a3b8;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.week-nav button:active{background:#94a3b81a;color:#e2e8f0}.meal-overflow-menu{position:fixed;right:12px;top:56px;width:210px;background:#1e293b;border:1px solid rgba(148,163,184,.12);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:#e2e8f0;font-size:.875rem;cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:left}.meal-overflow-item:active{background:#94a3b81a}.meal-plan-skeleton{padding:16px}.meal-plan-skeleton-bar{height:10px;border-radius:5px;background:#33415566;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:#1e293b66;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:#3b82f61a;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#3b82f6}.meal-plan-empty-title{font-size:1rem;font-weight:600;color:#e2e8f0;margin-bottom:6px}.meal-plan-empty-text{font-size:.8125rem;color:#64748b;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:#64748b;transition:color .2s ease}.pull-refresh-indicator.ready{color:#60a5fa}.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 rgba(96,165,250,.2);border-top-color:#60a5fa;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:#94a3b80f}.add-meal-option:hover .add-meal-icon.recipe{box-shadow:0 0 16px #3b82f626}.add-meal-option:hover .add-meal-icon.template{box-shadow:0 0 16px #22c55e26}.add-meal-option:hover .add-meal-icon.manual{box-shadow:0 0 16px #a855f726}.meal-slot-card:hover{background:#1e293bcc}.meal-slot-empty:hover{background:#94a3b80a;border-color:#94a3b840}.weekly-summary-toggle:hover{background:#94a3b80a}.meal-overflow-item:hover{background:#94a3b814}}@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:#0f172a;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:#0f172aeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.08);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:#94a3b8;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.recipe-picker-back:active{background:#94a3b81a;color:#e2e8f0}.recipe-picker-context{display:flex;flex-direction:column;min-width:0}.recipe-picker-context-label{font-size:.6875rem;color:#64748b;line-height:1.2}.recipe-picker-context-value{font-size:.9375rem;font-weight:600;color:#e2e8f0;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:#475569;pointer-events:none}.recipe-picker-search-input{width:100%;padding:10px 40px 10px 36px;border-radius:10px;border:1px solid rgba(148,163,184,.12);background:#1e293b99;color:#e2e8f0;font-size:.875rem;outline:none;transition:border-color .15s ease}.recipe-picker-search-input:focus{border-color:#3b82f680}.recipe-picker-search-input::-moz-placeholder{color:#475569}.recipe-picker-search-input::placeholder{color:#475569}.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:#64748b;cursor:pointer;-webkit-tap-highlight-color:transparent}.recipe-picker-search-clear:active{background:#94a3b81a}.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 rgba(148,163,184,.12);background:#1e293b66;color:#94a3b8;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:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.recipe-picker-chip:active{transform:scale(.96)}.recipe-picker-chip-divider{width:1px;height:20px;background:#94a3b826;flex-shrink:0;align-self:center}.recipe-picker-chip-collection{border-color:#a855f726}.recipe-picker-chip-collection.active{background:#a855f726;border-color:#a855f759;color:#c084fc}.recipe-picker-grid-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 80px)}.recipe-picker-loading{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.recipe-picker-skeleton{height:280px;border-radius:12px;background:#1e293b80;animation:mealSkeletonPulse 1.5s ease-in-out infinite}.recipe-picker-skeleton-list{height:60px;border-radius:8px;background:#1e293b80;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,#1e293bfa,#0f172afc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(148,163,184,.12);border-radius:20px 20px 0 0;padding:20px 20px calc(env(safe-area-inset-bottom,0px) + 20px);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:#94a3b81a;color:#94a3b8;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.servings-picker-close:active{background:#94a3b833;color:#e2e8f0}.servings-picker-title{font-size:1rem;font-weight:600;color:#e2e8f0;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 rgba(148,163,184,.12);background:#1e293b80;color:#94a3b8;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:#3b82f626;border-color:#3b82f659;color:#93c5fd}.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:#64748b;border-color:#94a3b814;background:#0f172a66}.servings-picker-chip-version.active{background:#3b82f61f;border-color:#3b82f640;color:#93c5fd}.servings-picker-version-desc{font-size:.6875rem;color:#64748b;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:#0f172a99;border:1.5px solid rgba(59,130,246,.5);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 rgba(148,163,184,.2);border-radius:12px;background:#1e293b99;color:#e2e8f0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;flex-shrink:0}.servings-picker-btn:active:not(:disabled){background:#3b82f626;border-color:#3b82f666;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:#64748b;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 rgba(148,163,184,.08);border-bottom:1px solid rgba(148,163,184,.08)}.servings-picker-cal{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;color:#fb923c}.servings-picker-dot{width:3px;height:3px;border-radius:50%;background:#475569;flex-shrink:0}.servings-picker-protein{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;color:#60a5fa}.servings-picker-add{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(to right,#3b82f6,#2563eb);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:#3b82f61a;border-color:#3b82f64d}.servings-picker-close:hover{background:#94a3b826;color:#e2e8f0}.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:#1e293b4d;border-radius:12px;border:1px solid rgba(148,163,184,.06);overflow:hidden}.meal-plan-day-column.today{border-color:#3b82f633;background:#1e293b80}.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 rgba(148,163,184,.06)}.meal-plan-day-name{font-size:.6875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.meal-plan-day-name.today{color:#3b82f6}.meal-plan-day-num{font-size:.8125rem;font-weight:700;color:#94a3b8}.meal-plan-day-num.today{color:#3b82f6;background:#3b82f61f;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.meal-plan-day-cals{font-size:.625rem;color:#475569;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:#94a3b80f;cursor:pointer;transition:background .1s ease;display:flex;align-items:center;justify-content:space-between;gap:4px}.meal-plan-grid-slot:hover{background:#94a3b81f}.meal-plan-grid-slot.logged{background:#22c55e14}.meal-plan-grid-slot.logged .meal-plan-grid-slot-name{color:#4ade80;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:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.meal-plan-grid-slot-cals{font-size:.5625rem;color:#475569;flex-shrink:0}.meal-plan-grid-add{width:100%;padding:3px;margin:1px 0;border:none;border-radius:6px;background:transparent;color:#334155;font-size:.75rem;cursor:pointer;transition:all .1s ease;-webkit-tap-highlight-color:transparent}.meal-plan-grid-add:hover{background:#94a3b814;color:#64748b}.diet-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);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:51;background:linear-gradient(165deg,#1e293bfa,#0f172afc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(148,163,184,.12);border-radius:20px 20px 0 0;padding:20px 20px calc(env(safe-area-inset-bottom,0px) + var(--tab-bar-height, 4rem) + 12px);box-shadow:0 -8px 32px #0006;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:#94a3b81a;color:#94a3b8;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.diet-modal-close:active{background:#94a3b833;color:#e2e8f0}.diet-modal-title{font-size:1rem;font-weight:600;color:#e2e8f0;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:#64748b;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 rgba(148,163,184,.2);border-radius:12px;background:#1e293b99;color:#e2e8f0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;flex-shrink:0}.diet-modal-counter-btn:active:not(:disabled){background:#3b82f626;border-color:#3b82f666;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:#fff;line-height:1}.diet-modal-counter-label{font-size:.6875rem;color:#94a3b8;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:#fff;background:#0f172a99;border:1.5px solid rgba(59,130,246,.5);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:#f59e0b0f;border:1px solid rgba(245,158,11,.12);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.diet-modal-optional:active{background:#f59e0b1a;transform:scale(.98)}.diet-modal-optional-checkbox{width:18px;height:18px;border-radius:5px;border:1.5px solid rgba(245,158,11,.3);background:#1e293b99;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.diet-modal-optional-checkbox.checked{background:#f59e0b;border-color:#f59e0b}.diet-modal-optional-label{font-size:.8125rem;color:#d4a054;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 rgba(148,163,184,.08);border-bottom:1px solid rgba(148,163,184,.08)}.diet-modal-cal{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;color:#fb923c}.diet-modal-dot{width:3px;height:3px;border-radius:50%;background:#475569;flex-shrink:0}.diet-modal-protein{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;color:#60a5fa}.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 rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:.8125rem;outline:none;transition:border-color .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:#3b82f680}.diet-modal-now-btn{flex-shrink:0;padding:0 14px;height:40px;border:1px solid rgba(59,130,246,.3);border-radius:20px;background:#3b82f61a;color:#60a5fa;font-size:.75rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.diet-modal-now-btn:active{background:#3b82f633;transform:scale(.95)}.diet-modal-rating-row{display:flex;align-items:center;gap:8px;margin-top:12px}.diet-modal-rating-star{color:#fbbf24;flex-shrink:0}.diet-modal-rating-input{width:48px;text-align:center;font-size:1rem;font-weight:600;color:#fff;background:#0f172a99;border:1px solid rgba(148,163,184,.15);border-radius:8px;padding:6px 4px;outline:none;transition:border-color .15s ease}.diet-modal-rating-input:focus{border-color:#fbbf2480}.diet-modal-rating-input::-moz-placeholder{color:#475569;font-weight:400}.diet-modal-rating-input::placeholder{color:#475569;font-weight:400}.diet-modal-rating-slash{font-size:.8125rem;color:#64748b}.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 rgba(148,163,184,.2);border-radius:10px;background:#1e293b99;color:#64748b;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:#16a34a;border-color:#22c55e;color:#fff;box-shadow:0 0 8px #22c55e4d}.diet-modal-wma-btn.no{background:#dc2626;border-color:#ef4444;color:#fff;box-shadow:0 0 8px #ef44444d}.diet-modal-wma-btn.prefilled{opacity:.75}.diet-modal-notes-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:.8125rem;outline:none;transition:border-color .15s ease;margin-top:12px}.diet-modal-notes-input:focus{border-color:#3b82f680}.diet-modal-notes-input::-moz-placeholder{color:#475569}.diet-modal-notes-input::placeholder{color:#475569}.diet-modal-cta{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(to right,#3b82f6,#2563eb);color:#fff;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:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:12px}.diet-modal-share-text{font-size:.8125rem;color:#93c5fd;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,#3b82f6,#2563eb);color:#fff}.diet-modal-share-btn.secondary{background:#94a3b81a;color:#94a3b8}@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:0 16px 48px #00000080;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:#94a3b826;color:#e2e8f0}.diet-modal-counter-btn:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f64d}.diet-modal-now-btn:hover{background:#3b82f626}.diet-modal-wma-btn:hover:not(.yes):not(.no){background:#94a3b81a;color:#94a3b8}.diet-modal-cta:hover:not(:disabled){opacity:.95}.diet-modal-share-btn:hover{opacity:.9}}.cookidoo-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:cookidooFadeIn .15s ease-out}@keyframes cookidooFadeIn{0%{opacity:0}to{opacity:1}}.cookidoo-modal-sheet{position:fixed;bottom:0;left:0;right:0;z-index:51;background:linear-gradient(165deg,#1e293bfa,#0f172afc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(148,163,184,.12);border-radius:20px 20px 0 0;padding:20px 20px calc(env(safe-area-inset-bottom,0px) + var(--tab-bar-height, 4rem) + 12px);box-shadow:0 -8px 32px #0006;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:#94a3b81a;color:#94a3b8;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.cookidoo-modal-close:active{background:#94a3b833;color:#e2e8f0}.cookidoo-modal-title{font-size:1rem;font-weight:600;color:#e2e8f0;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:#64748b;margin-top:2px}.cookidoo-modal-tabs{display:flex;gap:4px;background:#1e293b99;border:1px solid rgba(148,163,184,.1);padding:3px;border-radius:10px;margin-top:16px}.cookidoo-modal-tab{flex:1;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:#64748b;font-size:.8125rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.cookidoo-modal-tab.active{background:#00ac46;color:#fff;box-shadow:0 2px 8px #00ac464d}.cookidoo-modal-tab:active:not(.active){background:#94a3b814}.cookidoo-modal-info{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,172,70,.2);background:#00ac460f;margin-top:12px}.cookidoo-modal-info p{font-size:.75rem;color:#86efac;line-height:1.4}.cookidoo-modal-info svg{color:#4ade80;flex-shrink:0;margin-top:1px}.cookidoo-modal-field{margin-top:12px}.cookidoo-modal-label{font-size:.75rem;color:#94a3b8;font-weight:500;margin-bottom:6px;display:block}.cookidoo-modal-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:.8125rem;outline:none;transition:border-color .15s ease}.cookidoo-modal-input:focus{border-color:#00ac4680}.cookidoo-modal-input::-moz-placeholder{color:#475569}.cookidoo-modal-input::placeholder{color:#475569}.cookidoo-modal-input:disabled{opacity:.5}.cookidoo-modal-textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:.75rem;font-family:monospace;outline:none;transition:border-color .15s ease;resize:none}.cookidoo-modal-textarea:focus{border-color:#00ac4680}.cookidoo-modal-textarea::-moz-placeholder{color:#475569;font-family:inherit}.cookidoo-modal-textarea::placeholder{color:#475569;font-family:inherit}.cookidoo-modal-security{display:flex;align-items:flex-start;gap:6px;padding:8px 10px;border-radius:8px;background:#94a3b80d;margin-top:12px}.cookidoo-modal-security p{font-size:.6875rem;color:#64748b;line-height:1.4}.cookidoo-modal-accordion{margin-top:12px;border:1px solid rgba(148,163,184,.1);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:#1e293b66;color:#94a3b8;font-size:.75rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.cookidoo-modal-accordion-trigger:active{background:#1e293b99}.cookidoo-modal-accordion-body{padding:12px;border-top:1px solid rgba(148,163,184,.08);background:#0f172a4d}.cookidoo-modal-accordion-body ol{list-style:decimal;padding-left:18px;font-size:.75rem;color:#94a3b8;line-height:1.6}.cookidoo-modal-accordion-body ol li+li{margin-top:4px}.cookidoo-modal-accordion-body a{color:#4ade80}.cookidoo-modal-accordion-body kbd{padding:1px 5px;background:#94a3b81a;border-radius:4px;font-size:.6875rem;font-family:monospace;color:#cbd5e1}.cookidoo-modal-accordion-body code{padding:1px 5px;background:#94a3b814;border-radius:4px;font-size:.6875rem;font-family:monospace;color:#4ade80}.cookidoo-modal-error{padding:8px 12px;border-radius:8px;border:1px solid rgba(239,68,68,.2);background:#ef44440f;font-size:.75rem;color:#fca5a5;margin-top:12px}.cookidoo-modal-cta{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(to right,#00ac46,#009a3e);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;box-shadow:0 16px 48px #00000080;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{position:relative;display:flex;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid rgba(147,51,234,.25);background:linear-gradient(135deg,#581c8733,#1e0f3c59);overflow:hidden;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.ai-modify-banner:hover{border-color:#9333ea73;background:linear-gradient(135deg,#581c874d,#1e0f3c73)}.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,#9333ea66,#4f46e54d);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#d8b4fef2;box-shadow:0 0 12px #9333ea26}.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:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);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%;max-height:95vh;background:linear-gradient(180deg,#1e0f3cfa,#0f172afc);border-top:1px solid rgba(147,51,234,.3);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 rgba(147,51,234,.3);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 rgba(147,51,234,.15);flex-shrink:0}.ai-modify-cost-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;color:#c084fce6;background:#581c874d;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 rgba(51,65,85,.5);flex-shrink:0;padding-bottom:max(12px,env(safe-area-inset-bottom,12px))}.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%,rgba(147,51,234,.06) 50%,transparent 70%);animation:aiModifyShimmer 2s ease-in-out infinite}.ai-modify-save-option{padding:12px;border:1px solid rgba(51,65,85,.5);border-radius:12px;cursor:pointer;transition:all .15s ease;background:#0f172a80}.ai-modify-save-option:hover{border-color:#9333ea66;background:#581c871a}.ai-modify-save-option.selected{border-color:#9333ea99;background:#581c8726}.ai-modify-save-option.destructive.selected{border-color:#ef444466;background:#7f1d1d26}@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:#0000008c;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}.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:calc(var(--tab-bar-height, 4rem) + 12px);background:linear-gradient(165deg,#1e293bf7,#141b28fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.1);border-radius:20px;padding:6px 8px 12px;box-shadow:0 8px 32px #00000073,0 0 0 .5px #ffffff0d inset;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:#e2e8f0;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:#94a3b8;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 rgba(148,163,184,.12);border-radius:10px;flex-shrink:0}.sub-sheet-search-input{flex:1;background:transparent;border:none;outline:none;color:#e2e8f0;font-size:.8125rem}.sub-sheet-search-input::-moz-placeholder{color:#475569}.sub-sheet-search-input::placeholder{color:#475569}.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:#64748b;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:#e2e8f0;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:#64748b;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:#60a5fa;font-size:.8125rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.ing-link-add-new:active{background:#3b82f614;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:#94a3b8;font-size:.8125rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.ing-link-back-btn:active{background:#94a3b814;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 rgba(148,163,184,.2);border-radius:12px;background:#1e293b99;color:#e2e8f0;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:#3b82f626;border-color:#3b82f666;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:#fff;line-height:1}.ing-link-counter-unit{font-size:.6875rem;color:#94a3b8;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:#fff;background:#0f172a99;border:1.5px solid rgba(59,130,246,.5);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 rgba(148,163,184,.12);background:#0f172a80;color:#94a3b8;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.ing-link-unit-chip.active{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}.ing-link-unit-chip:active{transform:scale(.95)}.ing-link-avail{margin-top:12px;padding:10px 12px;border-radius:10px;background:#0f172a66;border:1px solid rgba(148,163,184,.08)}.ing-link-avail-text{font-size:.75rem;color:#94a3b8;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 rgba(59,130,246,.3);border-radius:6px;background:#3b82f61f;color:#60a5fa;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:#3b82f640;border-color:#3b82f680;transform:scale(.93)}.ing-link-avail-bar{height:4px;border-radius:2px;background:#94a3b81a;overflow:hidden}.ing-link-avail-fill{height:100%;border-radius:2px;background:linear-gradient(to right,#3b82f6,#2563eb);transition:width .3s ease}.ing-link-avail-fill.over{background:linear-gradient(to right,#f59e0b,#d97706)}.ing-link-preview{margin-top:12px;padding:12px;border-radius:10px;background:#0f172a80;border:1px solid rgba(148,163,184,.08)}.ing-link-preview-name{font-size:.875rem;font-weight:600;color:#e2e8f0}.ing-link-preview-nutrition{font-size:.75rem;color:#64748b;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:#f59e0b14;border:1px solid rgba(245,158,11,.2)}.ing-link-warning-icon{color:#fbbf24;flex-shrink:0}.ing-link-warning-text{font-size:.75rem;color:#fbbf24;line-height:1.3}.ing-link-conflict-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:sheetFadeIn .15s ease-out}.ing-link-conflict-panel{position:fixed;bottom:0;left:0;right:0;z-index:211;background:linear-gradient(165deg,#1e293bfa,#0f172afc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(245,158,11,.2);border-radius:20px 20px 0 0;padding:20px 20px calc(env(safe-area-inset-bottom,0px) + var(--tab-bar-height, 4rem) + 12px);box-shadow:0 -8px 32px #0006;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:#f59e0b1f;color:#fbbf24;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ing-link-conflict-title{font-size:1rem;font-weight:600;color:#e2e8f0;line-height:1.3}.ing-link-conflict-desc{font-size:.8125rem;color:#94a3b8;margin-top:2px;line-height:1.4}.ing-link-conflict-option{width:100%;padding:14px;margin-top:8px;border:1px solid rgba(148,163,184,.1);border-radius:12px;background:#0f172a80;color:#e2e8f0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;text-align:left}.ing-link-conflict-option:active{background:#3b82f61a;border-color:#3b82f64d;transform:scale(.98)}.ing-link-conflict-option-title{font-size:.875rem;font-weight:600;color:#e2e8f0}.ing-link-conflict-option-desc{font-size:.75rem;color:#64748b;margin-top:2px}@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:0 16px 48px #00000080;animation:sheetScaleIn .2s cubic-bezier(.32,.72,0,1)}.ing-link-counter-btn:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f64d}.ing-link-unit-chip:hover{background:#3b82f614;border-color:#94a3b833;color:#e2e8f0}.ing-link-unit-chip.active:hover{background:#3b82f633}.ing-link-add-new:hover{background:#3b82f614}.ing-link-back-btn:hover{background:#94a3b814}.ing-link-conflict-option:hover{background:#3b82f614;border-color:#3b82f633}.ing-link-max-pill:hover{background:#3b82f633;border-color:#3b82f666}}@media (prefers-reduced-motion: reduce){.ing-link-conflict-backdrop,.ing-link-conflict-panel{animation:none}}.cooking-chat-overlay{position:fixed;bottom:0;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: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}}.ideation-page{min-height:100vh;padding-bottom:calc(var(--tab-bar-height, 4rem) + 24px);background:linear-gradient(180deg,#0f172a,#1e293b)}.ideation-header{position:sticky;top:0;z-index:40;background:linear-gradient(to bottom,#0f172afa,#0f172af2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.08);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:#e2e8f0;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:#94a3b81a;color:#94a3b8;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.ideation-header-back:active{background:#94a3b833;transform:scale(.95)}.ideation-content{padding:16px;display:flex;flex-direction:column;gap:20px}.ideation-chips-container{background:#0f172a99;border:1px solid rgba(148,163,184,.15);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:#8b5cf680;box-shadow:0 0 0 2px #8b5cf61a}.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:#ef444466;color:#fca5a5}.ideation-chip-input{flex:1;min-width:120px;border:none;outline:none;background:transparent;color:#e2e8f0;font-size:.875rem;padding:4px 0}.ideation-chip-input::-moz-placeholder{color:#64748b}.ideation-chip-input::placeholder{color:#64748b}.ideation-autocomplete{position:relative}.ideation-autocomplete-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;background:#1e293bfa;border:1px solid rgba(148,163,184,.15);border-radius:12px;box-shadow:0 8px 32px #0006;-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 rgba(148,163,184,.06);-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:#e2e8f0;font-weight:500}.ideation-ac-brand{font-size:.6875rem;color:#64748b;margin-top:1px}.ideation-ac-nutrition{font-size:.6875rem;color:#94a3b8;white-space:nowrap}.ideation-quick-section{display:flex;flex-direction:column;gap:8px}.ideation-quick-label{font-size:.75rem;color:#64748b;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 rgba(148,163,184,.15);background:#1e293b80;color:#94a3b8;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 rgba(148,163,184,.15);background:#1e293b80;color:#94a3b8;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:#e2e8f0}.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:linear-gradient(165deg,#1e293b99,#0f172acc);border:1px solid rgba(148,163,184,.08);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:#94a3b814;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:#e2e8f0}.ideation-new-search-btn{padding:6px 14px;border-radius:8px;border:1px solid rgba(148,163,184,.2);background:#1e293b80;color:#94a3b8;font-size:.75rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s}.ideation-new-search-btn:active{background:#1e293bcc;transform:scale(.95)}.ideation-ingredients-used{font-size:.75rem;color:#64748b;margin-bottom:12px}.ideation-recipe-card{background:linear-gradient(165deg,#1e293bcc,#0f172ae6);border:1px solid rgba(148,163,184,.1);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:#e2e8f0;margin-bottom:4px}.ideation-recipe-desc{font-size:.8125rem;color:#94a3b8;line-height:1.4;margin-bottom:12px}.ideation-recipe-nutrition{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#0f172a80;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}.ideation-recipe-stat-dot{width:3px;height:3px;border-radius:50%;background:#475569}.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:#22c55e1a;color:#4ade80}.ideation-confidence.mixed{background:#eab3081a;color:#facc15}.ideation-confidence.estimated{background:#94a3b81a;color:#94a3b8}.ideation-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0;border:none;background:none;color:#cbd5e1;font-size:.8125rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;border-top:1px solid rgba(148,163,184,.08)}.ideation-section-content{padding-bottom:8px}.ideation-ingredient-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.8125rem}.ideation-ingredient-name{color:#e2e8f0}.ideation-ingredient-amount{color:#94a3b8;font-size:.75rem;white-space:nowrap}.ideation-step-row{display:flex;gap:10px;padding:8px 0;font-size:.8125rem;color:#cbd5e1;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 rgba(148,163,184,.08)}.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 rgba(148,163,184,.15);background:#1e293b80;color:#94a3b8;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:#1e293bcc}.ideation-advanced-toggle{display:flex;align-items:center;gap:6px;padding:8px 0;border:none;background:none;color:#64748b;font-size:.75rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.ideation-advanced-content{background:linear-gradient(165deg,#1e293b80,#0f172a99);border:1px solid rgba(148,163,184,.08);border-radius:12px;padding:14px}.ideation-meta{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0;font-size:.6875rem;color:#475569}.ideation-meta-divider{width:1px;height:12px;background:#334155}@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:#8b5cf633;box-shadow:0 4px 24px #0003}}.pantry-location-tabs{display:flex;gap:6px;padding:0 16px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.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 rgba(148,163,184,.15);background:#1e293b66;color:#94a3b8;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}.pantry-location-tab:active{transform:scale(.95)}.pantry-location-tab.active{background:linear-gradient(135deg,#3b82f633,#6366f133);border-color:#3b82f666;color:#93c5fd}.pantry-location-tab .tab-count{font-size:11px;padding:1px 6px;border-radius:8px;background:#94a3b826;color:#64748b}.pantry-location-tab.active .tab-count{background:#3b82f633;color:#93c5fd}.pantry-expiring-section{margin:0 16px 16px;padding:12px;border-radius:14px;background:linear-gradient(135deg,#fbbf2414,#f59e0b0d);border:1px solid rgba(251,191,36,.2)}.pantry-expiring-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;color:#fbbf24}.pantry-expiring-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid rgba(251,191,36,.1)}.pantry-expiring-item:first-child{border-top:none}.pantry-expiring-name{font-size:14px;color:#e2e8f0}.pantry-expiring-days{font-size:12px;font-weight:500;padding:2px 8px;border-radius:8px}.pantry-expiring-days.urgent{background:#ef444426;color:#f87171}.pantry-expiring-days.soon{background:#fbbf2426;color:#fbbf24}.pantry-expiring-days.expired{background:#ef444433;color:#ef4444;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:#1e293b99}.pantry-item-info{flex:1;min-width:0}.pantry-item-name{font-size:14px;font-weight:500;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pantry-item-name.out{color:#64748b;text-decoration:line-through}.pantry-item-meta{display:flex;align-items:center;gap:8px;margin-top:2px;font-size:12px;color:#64748b}.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:#22c55e26;color:#4ade80}.pantry-status-badge.low{background:#fbbf2426;color:#fbbf24}.pantry-status-badge.out{background:#ef44441a;color:#f87171}.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,#22c55e,#16a34a)}.pantry-staple-switch.off{background:#47556980}.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:#64748b}.pantry-fab{position:fixed;right:20px;bottom:84px;width:56px;height:56px;border-radius:16px;border:none;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #3b82f659;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,#3b82f61a,#6366f11a);display:flex;align-items:center;justify-content:center;color:#6366f1}.pantry-empty-title{font-size:18px;font-weight:600;color:#e2e8f0;margin-bottom:8px}.pantry-empty-desc{font-size:14px;color:#64748b;max-width:280px;line-height:1.5}.pantry-empty-cta{margin-top:20px;padding:14px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;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 rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:14px;outline:none;transition:border-color .2s}.pantry-search input:focus{border-color:#3b82f680}.pantry-search input::-moz-placeholder{color:#475569}.pantry-search input::placeholder{color:#475569}.pantry-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#475569;pointer-events:none}.pantry-wizard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#020617f7;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:#e2e8f0}.pantry-wizard-step-indicator{font-size:13px;color:#64748b}.pantry-wizard-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 20px 24px}.pantry-wizard-footer{padding:16px 20px;padding-bottom:max(72px,calc(60px + env(safe-area-inset-bottom)));border-top:1px solid rgba(148,163,184,.1)}.pantry-style-card{padding:16px;border-radius:14px;border:2px solid rgba(148,163,184,.1);background:#1e293b4d;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:#3b82f680;background:#3b82f614}.pantry-style-card-label{font-size:16px;font-weight:600;color:#e2e8f0;margin-bottom:4px}.pantry-style-card-desc{font-size:13px;color:#64748b}.pantry-style-card-count{font-size:12px;color:#3b82f6;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:#64748b}.pantry-wizard-category-toggle{font-size:12px;color:#3b82f6;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 rgba(148,163,184,.06);cursor:pointer;-webkit-tap-highlight-color:transparent}.pantry-wizard-item-name{font-size:14px;color:#e2e8f0}.pantry-wizard-cta{width:100%;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#3b82f6,#6366f1);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:#64748b;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:#3b82f61f;color:#93c5fd}.pantry-parsed-item{display:flex;align-items:flex-start;padding:8px 10px;border-radius:10px;background:#1e293b99;border:1px solid rgba(148,163,184,.08)}.pantry-location-select{margin-left:auto;padding:2px 4px;border-radius:6px;font-size:11px;outline:none;border:1px solid rgba(148,163,184,.15);color:#cbd5e1;background:#1e293bcc;cursor:pointer}.pantry-location-select[data-location=fridge]{border-color:#60a5fa4d;color:#93c5fd}.pantry-location-select[data-location=freezer]{border-color:#93c5fd4d;color:#bfdbfe}.pantry-location-select[data-location=pantry]{border-color:#fbbf244d;color:#fcd34d}.pantry-location-select[data-location=counter]{border-color:#34d3994d;color:#6ee7b7}.receipt-review-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(148,163,184,.1)}.receipt-review-store{font-size:16px;font-weight:600;color:#e2e8f0}.receipt-review-date{font-size:13px;color:#64748b}.receipt-review-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid rgba(148,163,184,.06)}.receipt-review-item.non-food{opacity:.5}.receipt-review-item-info{flex:1;min-width:0}.receipt-review-item-name{font-size:14px;color:#e2e8f0}.receipt-review-item-detail{font-size:12px;color:#64748b;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:#22c55e33;color:#22c55e}.receipt-review-confidence.medium{background:#eab30833;color:#eab308}.receipt-review-confidence.low{background:#ef444433;color:#ef4444}.receipt-review-footer{padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom));border-top:1px solid rgba(148,163,184,.1);display:flex;flex-direction:column;gap:8px}.receipt-review-edit-row{padding:8px 20px 12px;display:flex;flex-direction:column;gap:6px;background:#1e293b66;border-bottom:1px solid rgba(148,163,184,.06)}.receipt-review-edit-inline{display:flex;gap:6px}.receipt-review-edit-input{width:100%;padding:7px 10px;border-radius:8px;border:1px solid rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:13px;outline:none}.receipt-review-edit-input:focus{border-color:#3b82f680}.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:#94a3b8}.pantry-decrement-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.06)}.pantry-decrement-item.not-in-pantry{opacity:.4}.pantry-decrement-item-info{flex:1;min-width:0}.pantry-decrement-amount{font-size:13px;color:#94a3b8;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:#94a3b8;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:#64748b;margin-bottom:8px}.pantry-edit-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:14px;outline:none;transition:border-color .2s}.pantry-edit-input:focus{border-color:#3b82f680}.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 rgba(148,163,184,.15);background:#0f172a66;color:#94a3b8;font-size:13px;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.pantry-edit-chip.active{border-color:#3b82f666;background:#3b82f61f;color:#93c5fd}.pantry-edit-delete{display:flex;align-items:center;justify-content:center;gap:6px;color:#f87171!important}.pantry-edit-delete-confirm{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;background:#ef444414;border:1px solid rgba(239,68,68,.2);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:#94a3b826;color:#94a3b8}.pantry-edit-delete-btn.confirm{background:#ef444433;color:#f87171}.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:#0f172a}.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:#fbbf2433;color:#fbbf24}.pantry-item-swipe-action-right{right:0;background:#ef444433;color:#f87171}.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 rgba(59,130,246,.3);border-top-color:#3b82f6;animation:spin .8s linear infinite}.pantry-pull-spinner.ready{border-color:#3b82f6;border-top-color:#93c5fd}.pantry-batch-bar{position:fixed;bottom:64px;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:#0f172af7;border-top:1px solid rgba(148,163,184,.1);-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:#fbbf2433;color:#fbbf24}.pantry-batch-btn.out{background:#ef444433;color:#f87171}.pantry-batch-btn.cancel{background:#94a3b826;color:#94a3b8}.pantry-undo-toast{position:fixed;bottom:84px;left:16px;right:16px;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;background:#1e293bf2;border:1px solid rgba(148,163,184,.15);box-shadow:0 4px 16px #0000004d;color:#e2e8f0;font-size:14px;animation:slideUp .25s cubic-bezier(.32,.72,0,1)}.pantry-undo-btn{padding:6px 14px;border-radius:8px;border:none;background:#3b82f633;color:#93c5fd;font-size:13px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.pantry-undo-btn:active{background:#3b82f659}@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:#020617fa;display:flex;flex-direction:column}.pantry-audit-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(148,163,184,.1)}.pantry-audit-timer{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;background:#3b82f61a;color:#93c5fd;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 rgba(148,163,184,.1);background:#1e293b4d;color:#94a3b8;font-size:12px;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.pantry-audit-loc-tab.active{border-color:#3b82f666;background:#3b82f61a;color:#93c5fd}.pantry-audit-loc-tab.done{border-color:#22c55e4d;color:#4ade80}.pantry-audit-check-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.06);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,#1e293bf2,#0f172afa);border:1px solid rgba(148,163,184,.1);box-shadow:0 8px 32px #0006;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:#1e293b66;border:1px solid rgba(148,163,184,.08)}.pantry-waste-header{font-size:12px;font-weight:600;color:#64748b;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:#64748b}@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:#1e293b66}.pantry-batch-bar{max-width:640px;left:50%;transform:translate(-50%);border-radius:12px;bottom:80px}.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:#00000073;-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-radius:20px 20px 0 0;padding:20px 16px calc(80px + env(safe-area-inset-bottom));background:linear-gradient(165deg,#1e293bfa,#0f172afc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -8px 32px #0006;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:#94a3b81a;border:none;color:#94a3b8;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.model-compare-close:active{background:#94a3b833}.model-compare-hero{margin:-20px -16px 12px;border-radius:20px 20px 0 0;overflow:hidden;max-height:110px;background:#0f172a}.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:#e2e8f0;margin:0}.model-compare-subtitle{font-size:.6875rem;color:#64748b;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:#94a3b8;background:#94a3b814;border:1px solid rgba(148,163,184,.12)}.model-compare-col-label.finetuned{background:linear-gradient(135deg,#8b5cf61f,#06b6d414);border:1px solid rgba(139,92,246,.25);color:#c4b5fd}.model-compare-prediction{padding:10px 12px;border-radius:10px;background:#0f172a66;border:1px solid rgba(148,163,184,.06);margin-bottom:8px;cursor:pointer;transition:border-color .15s,background .15s}.model-compare-prediction:active{background:#0f172a99}.model-compare-prediction.selected{border-color:#8b5cf680;background:#8b5cf614}.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,#8b5cf6,#06b6d4);color:#fff;box-shadow:0 0 8px #8b5cf64d}.model-compare-rank.other{background:#94a3b81a;color:#94a3b8}.model-compare-label{font-size:.8125rem;font-weight:500;color:#e2e8f0}.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:#94a3b8}.model-compare-bar-tag.finetuned{color:#c4b5fd}.model-compare-bar-bg{flex:1;height:6px;border-radius:3px;background:#94a3b81a;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:#4ade80}.model-compare-bar-fill.medium{background:#facc15}.model-compare-bar-fill.low{background:#f87171}.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,rgba(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:#cbd5e1}.model-compare-summary{margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.08);display:flex;justify-content:space-between;font-size:.75rem;color:#94a3b8}.model-compare-summary-highlight{color:#c4b5fd;font-weight:600}.model-compare-custom{margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.08)}.model-compare-custom-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:.8125rem;outline:none}.model-compare-custom-input:focus{border-color:#8b5cf680}.model-compare-custom-input::-moz-placeholder{color:#475569}.model-compare-custom-input::placeholder{color:#475569}.model-compare-loading{text-align:center;padding:40px 0}.model-compare-spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6cc;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:#c4b5fd}.model-compare-expand-btn{width:100%;padding:10px;margin-top:8px;border-radius:8px;border:1px dashed rgba(139,92,246,.25);background:#8b5cf60d;color:#a78bfa;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.model-compare-expand-btn:active{background:#8b5cf61f;border-color:#8b5cf666}.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,#7c3aed,#06b6d4);color:#fff}.model-compare-save-btn:disabled{background:#94a3b81a;color:#475569;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:linear-gradient(135deg,#8b5cf626,#06b6d41a);border:1px solid rgba(139,92,246,.3);display:flex;align-items:center;justify-content:space-between}.model-compare-selected-label{font-size:.875rem;font-weight:600;color:#c4b5fd}.model-compare-selected-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;color:#4ade80;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;box-shadow:0 16px 48px #00000080;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:5.5rem;right:1rem;z-index:9999;min-width:180px;max-width:300px;border-radius:1rem;box-shadow:0 8px 32px #00000073;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(148,163,184,.15);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:#1e293bf2;border-color:#3b82f64d}.import-pill--error{background:#371111f2;border-color:#ef44444d}.import-pill--complete{background:#11371ef2;border-color:#22c55e4d}.import-pill--review{background:#1e1b3bf2;border-color:#8b5cf64d}.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:#60a5fa;animation:spin 1s linear infinite}.import-pill__icon--success{color:#4ade80}.import-pill__icon--error{color:#f87171}.import-pill__icon--review{color:#a78bfa}.import-pill__text{display:flex;flex-direction:column;min-width:0;gap:1px}.import-pill__label{font-size:.8125rem;font-weight:600;color:#e2e8f0;line-height:1.2}.import-pill__title{font-size:.6875rem;color:#94a3b8;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:#94a3b8;background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s}.import-pill__btn-icon:hover{background:#94a3b826;color:#e2e8f0}.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:#334155cc;border-radius:2px;overflow:hidden;margin-bottom:.375rem}.import-pill__progress-fill{height:100%;background:#3b82f6;border-radius:2px;transition:width .5s ease}.import-pill--error .import-pill__progress-fill{background:#ef4444}.import-pill--complete .import-pill__progress-fill{background:#22c55e}.import-pill__meta{display:flex;justify-content:space-between;font-size:.6875rem;color:#64748b;margin-bottom:.5rem}.import-pill__error-msg{font-size:.75rem;color:#fca5a5;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:#ef44441a;border-color:#ef444440;color:#fca5a5}.import-pill__btn--cancel:hover{background:#ef444433}.import-pill__btn--retry{background:#3b82f626;border-color:#3b82f64d;color:#93c5fd}.import-pill__btn--retry:hover{background:#3b82f640}.import-pill__btn--view{background:#22c55e26;border-color:#22c55e4d;color:#86efac}.import-pill__btn--view:hover{background:#22c55e40}@media (min-width: 768px){.import-pill{bottom:2rem;right:2rem}}.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:1100;animation:pepiBackdropIn .2s ease-out}.pepi-side-panel{position:fixed;top:0;right:0;width:380px;height:100vh;height:100dvh;z-index:1200;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;border-bottom:1px solid rgba(148,163,184,.1);flex-shrink:0}.pepi-panel-header-title{display:flex;align-items:center;gap:8px;background:none;border:none;color:#fff;font-size:16px;font-weight:600;cursor:pointer;padding:0}.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 .bug-report-trigger,html.pepi-panel-open [aria-label="Report a bug"],html.pepi-panel-open .settings-bar-container{pointer-events:none!important;opacity:0!important;transition:opacity .15s ease}.pepi-minimized-bar{position:fixed;bottom:80px;right:16px;z-index:1050;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)}.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{filter:blur(4px);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transition:filter .2s ease-out}.privacy-blur{will-change:filter;transform:translateZ(0)}.privacy-blur:focus{outline:none}@media (max-width: 768px){.privacy-blur{filter:blur(3px)}}.demo-mode-indicator{position:fixed;bottom:20px;right:20px;z-index:9999;padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 4px 12px #3b82f666;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;animation:slideIn .3s ease-out}.demo-mode-indicator:hover{transform:scale(1.05);box-shadow:0 6px 16px #3b82f680}.demo-mode-indicator:active{transform:scale(.98)}@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}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 768px){.demo-mode-indicator{bottom:80px;right:16px;padding:6px 12px;font-size:11px}}.privacy-placeholder{display:inline-flex;align-items:center;gap:4px;color:#64748b;font-size:.875rem;font-style:italic}.privacy-placeholder-icon{width:14px;height:14px;color:#94a3b8}.privacy-card-placeholder{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:#64748b;font-size:.875rem;font-style:italic;background:#3341554d;border-radius:8px}.privacy-card-placeholder-icon{width:16px;height:16px;color:#94a3b8}*,*: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: 300;--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(--tab-bar-height);--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: var(--container-xl);--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;--background-color: #0f172a;--card-background: #1e293b;--text-color: #f8fafc;--secondary-text: #94a3b8;--primary-accent: #3b82f6;--font-sans: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (min-width: 768px){:root{--modal-bottom-offset: 0px}}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}.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)}.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:#1e293b;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: #3b82f6;--sheet-accent-end: #2563eb;--sheet-accent-focus: rgba(59, 130, 246, .5)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet-backdrop, 200);background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);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:linear-gradient(165deg,#1e293bfa,#0f172afc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(148,163,184,.12);border-radius:20px 20px 0 0;padding:20px 20px calc(env(safe-area-inset-bottom,0px) + var(--tab-bar-height, 4rem) + 12px);box-shadow:0 -8px 32px #0006;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:#94a3b81a;color:#94a3b8;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.sheet-close:active{background:#94a3b833;color:#e2e8f0}.sheet-title{font-size:1rem;font-weight:600;color:#e2e8f0;line-height:1.3;padding-right:40px}.sheet-subtitle{font-size:.6875rem;color:#64748b;margin-top:2px}.sheet-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:.8125rem;outline:none;transition:border-color .15s ease}.sheet-input:focus{border-color:var(--sheet-accent-focus, rgba(59, 130, 246, .5))}.sheet-input::-moz-placeholder{color:#475569}.sheet-input::placeholder{color:#475569}.sheet-textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:.8125rem;outline:none;resize:none;transition:border-color .15s ease}.sheet-textarea:focus{border-color:var(--sheet-accent-focus, rgba(59, 130, 246, .5))}.sheet-textarea::-moz-placeholder{color:#475569}.sheet-textarea::placeholder{color:#475569}.sheet-select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:.8125rem;outline:none;transition:border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sheet-select:focus{border-color:var(--sheet-accent-focus, rgba(59, 130, 246, .5))}.sheet-label{display:block;font-size:.75rem;font-weight:500;color:#94a3b8;margin-bottom:6px}.sheet-cta{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(to right,var(--sheet-accent, #3b82f6),var(--sheet-accent-end, #2563eb));color:#fff;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-secondary{width:100%;padding:14px;border:none;border-radius:12px;background:#94a3b81a;color:#94a3b8;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:#94a3b826}.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,#ef4444,#dc2626);color:#fff;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,#f59e0b,#d97706);color:#fff;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:#ef444414;border:1px solid rgba(239,68,68,.2);color:#fca5a5;font-size:.8125rem;line-height:1.4}.sheet-info{padding:10px 12px;border-radius:10px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);color:#93c5fd;font-size:.8125rem;line-height:1.4}.sheet-divider{height:1px;background:#94a3b814;margin:12px 0}.sheet-scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media (min-width: 768px){.sheet-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: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:#94a3b826;color:#e2e8f0}.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:#94a3b826}}.float-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-float-backdrop, 200);background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);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:calc(var(--tab-bar-height, 4rem) + 12px);background:linear-gradient(165deg,#1e293bf7,#141b28fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.1);border-radius:20px;padding:6px 8px 8px;box-shadow:0 8px 32px #00000073,0 0 0 .5px #ffffff0d inset;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:#94a3b833;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:#e2e8f0;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:#94a3b81a;transform:scale(.98)}.float-option:not(:last-child){border-bottom:1px solid rgba(148,163,184,.06)}.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}.float-icon-blue{background:#3b82f61f;color:#60a5fa;box-shadow:0 0 12px #3b82f614}.float-icon-green{background:#22c55e1f;color:#4ade80;box-shadow:0 0 12px #22c55e14}.float-icon-purple{background:#a855f71f;color:#c084fc;box-shadow:0 0 12px #a855f714}.float-icon-amber{background:#f59e0b1f;color:#fbbf24;box-shadow:0 0 12px #f59e0b14}.float-icon-red{background:#ef44441f;color:#f87171;box-shadow:0 0 12px #ef444414}.float-icon-cyan{background:#06b6d41f;color:#22d3ee;box-shadow:0 0 12px #06b6d414}.float-option:active .float-icon-blue{box-shadow:0 0 16px #3b82f633}.float-option:active .float-icon-green{box-shadow:0 0 16px #22c55e33}.float-option:active .float-icon-purple{box-shadow:0 0 16px #a855f733}.float-option:active .float-icon-amber{box-shadow:0 0 16px #f59e0b33}.float-option:active .float-icon-red{box-shadow:0 0 16px #ef444433}.float-option:active .float-icon-cyan{box-shadow:0 0 16px #06b6d433}.float-option-text{display:flex;flex-direction:column;gap:1px;min-width:0}.float-option-label{font-size:.9375rem;font-weight:500;color:#e2e8f0}.float-option-desc{font-size:.75rem;color:#64748b;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:#94a3b80f}.float-option:hover .float-icon-blue{box-shadow:0 0 16px #3b82f626}.float-option:hover .float-icon-green{box-shadow:0 0 16px #22c55e26}.float-option:hover .float-icon-purple{box-shadow:0 0 16px #a855f726}.float-option:hover .float-icon-amber{box-shadow:0 0 16px #f59e0b26}.float-option:hover .float-icon-red{box-shadow:0 0 16px #ef444426}.float-option:hover .float-icon-cyan{box-shadow:0 0 16px #06b6d426}}@media (prefers-reduced-motion: reduce){.sheet-backdrop,.sheet-panel,.float-backdrop,.float-card,.float-option{animation:none}}.confirm-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-confirm, 300);background:#00000080;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:linear-gradient(165deg,#1e293bfa,#0f172afc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(148,163,184,.12);border-radius:20px 20px 0 0;padding:24px 20px calc(env(safe-area-inset-bottom,0px) + var(--tab-bar-height, 4rem) + 12px);box-shadow:0 -8px 32px #00000080;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:#ef44441f;color:#f87171}.confirm-dialog-icon.warning{background:#f59e0b1f;color:#fbbf24}.confirm-dialog-icon.info{background:#3b82f61f;color:#60a5fa}.confirm-dialog-title{font-size:1rem;font-weight:600;color:#e2e8f0;line-height:1.3;margin-bottom:8px}.confirm-dialog-message{font-size:.875rem;color:#94a3b8;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 rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:.8125rem;outline:none;transition:border-color .15s ease}.confirm-dialog-input:focus{border-color:#3b82f680}.confirm-dialog-input::-moz-placeholder{color:#475569}.confirm-dialog-input::placeholder{color:#475569}.confirm-dialog-input-hint{font-size:.75rem;color:#64748b;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:#94a3b81a;color:#94a3b8;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:#94a3b826}.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,#ef4444,#dc2626)}.confirm-dialog-confirm.warning{background:linear-gradient(to right,#f59e0b,#d97706)}.confirm-dialog-confirm.info{background:linear-gradient(to right,#3b82f6,#2563eb)}.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:#94a3b826}.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:#1e293b;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:#94a3b8;transition:color .2s}.sidebar-nav-item:hover,.sidebar-nav-item.active{color:#f8fafc}.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:#1e293b;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:#f8fafc;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.app-title{font-size:1.25rem;font-weight:600;color:#f8fafc}.mobile-menu{position:fixed;top:var(--header-height-mobile, 56px);left:0;bottom:0;width:240px;background-color:#1e293b;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:#f8fafc;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:#94a3b8;cursor:pointer;padding:var(--space-1)}.date-nav-button:hover{color:#f8fafc}.current-date{font-weight:600;color:#f8fafc}@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:#1e293b;color:#f1f5f9;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 #334155}.sidebar-tooltip:before{content:"";position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#334155;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:#475569 transparent}.sidebar-scrollbar::-webkit-scrollbar{width:4px}.sidebar-scrollbar::-webkit-scrollbar-track{background:transparent}.sidebar-scrollbar::-webkit-scrollbar-thumb{background:#475569;border-radius:2px}.sidebar-scrollbar::-webkit-scrollbar-thumb:hover{background:#64748b}.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:#1e293b;border:1px solid #475569;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:#3b82f6;border-color:#3b82f6}.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:#3b82f6;border-color:#3b82f6}.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,.fixed.inset-0.bg-black.bg-opacity-50.day-view-page.settings-container-wrapper.items-center.justify-center.z-50>div{max-width:100%;width:100%;margin:16px;max-height:calc(100vh - 32px);overflow-y:auto;position:relative;padding-bottom:70px}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50>div,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50>div{max-width:100%;width:100%;margin:16px;max-height:calc(100vh - 32px);overflow-y:auto;position:relative;padding-bottom:70px}.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:#1e293b;border-top:1px solid rgba(255,255,255,.1);justify-content:space-between;width:100%}.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{max-width:90%;margin:16px auto}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center.z-50>div{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:#1e293b;box-shadow:0 -4px 10px #0003}.fixed.inset-0.day-view-page.settings-container-wrapper.items-center.justify-center .bg-slate-800 .flex.justify-end button:last-child{background-color:#3b82f6;color:#fff}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .flex.justify-end button:last-child{background-color:#3b82f6;color:#fff}.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:transparent;border:1px solid rgba(255,255,255,.1)}.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:#fff;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:#fff;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:#1e293be6;padding:10px;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:0 2px 10px #0000004d;border:1px solid rgba(255,255,255,.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:#1e293be6;padding:10px;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:0 2px 10px #0000004d;border:1px solid rgba(255,255,255,.1)}.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,.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 70px;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:#1e293b;margin-left:-16px;margin-right:-16px;padding:16px;width:calc(100% + 32px);display:flex;justify-content:space-between;box-shadow:0 -4px 10px #0003;z-index:10;border-top:1px solid rgba(255,255,255,.1)}.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:#1e293b;margin-left:-16px;margin-right:-16px;padding:16px;width:calc(100% + 32px);display:flex;justify-content:space-between;box-shadow:0 -4px 10px #0003;z-index:10;border-top:1px solid rgba(255,255,255,.1)}.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);--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 .day-view-content.z-50,.fixed.bottom-0.left-0.right-0.settings-container-wrapper .day-view-content.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 .day-view-content.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 .day-view-content.z-50{z-index:var(--z-sidebar)}}@media (max-width: 639px){.fixed.inset-0.bg-black\/70>.settings-container-wrapper .day-view-content.rounded-lg{margin:.5rem;max-height:calc(100vh - 1rem)}.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{border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@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(--card-background, #1e293b);border-radius:var(--radius-md);padding:1rem!important;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.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:#0f172a;border:1px solid #1e293b;border-radius:var(--radius-sm, .25rem);padding:.375rem .5rem;color:var(--text-color, #f1f5f9);min-height:2.25rem;transition:border-color .2s}.daily-notes-form-element{background-color:#0f172a!important;border:1px solid #1e293b!important;border-radius:var(--radius-sm, .25rem)!important;padding:.5rem 1rem!important;color:var(--text-color, #f1f5f9)!important;min-height:2.25rem!important}.daily-notes-form input[type=number],#weightKg,input[name=weightKg]{background-color:#0f172a!important;border:1px solid #1e293b!important;border-radius:var(--radius-sm, .25rem)!important;color:var(--text-color, #f1f5f9)!important}.day-view-container input[type=date],.day-view-container input[readonly]{width:100%;background-color:#0f172ab3;border:1px solid #1e293b;border-radius:var(--radius-sm, .25rem);padding:.375rem .5rem;color:var(--text-color, #f1f5f9);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:#60a5fab3;box-shadow:0 0 0 1px #60a5fa66}.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, #cbd5e1);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, #cbd5e1);margin:0;line-height:1.2}.calorie-breakdown{font-size:.75rem;color:var(--text-secondary, #94a3b8);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, #e2e8f0);transition:color .2s ease}.bonus-tooltip{cursor:help;transition:color .2s ease}.bonus-tooltip:hover{color:var(--text-primary, #e2e8f0)}.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:#0f172a}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:#0f172a!important;border:1px solid #1e293b!important;border-radius:var(--radius-sm, .25rem)!important;color:var(--text-color, #f1f5f9)!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:#0f172a!important;border:1px solid #1e293b!important;color:var(--text-color, #f1f5f9)!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:#0f172a;resize:vertical}.sleep-tracking textarea,.sleep-notes-container textarea,.sleep-tracking-section textarea{background-color:#0f172a;border:1px solid #1e293b}.mobile-tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#1e293b;color:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 10px 25px #00000080;border:1px solid #374151;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:#94a3b8;font-size:.85rem;line-height:1}.entry-table .sortable-header-indicator.is-active{color:#e2e8f0}.date-nav-container{box-shadow:-100vw 0 #0f172af2,100vw 0 #0f172af2}.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:#1e293b;border:1px solid #475569;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:#3b82f6;border-color:#3b82f6}.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,.fixed.inset-0.bg-black.bg-opacity-50.flex.day-view-page.settings-container-wrapper.justify-center.z-50>div{max-width:100%;width:100%;margin:16px;max-height:calc(100vh - 32px);overflow-y:auto;position:relative;padding-bottom:70px}.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:#1e293b;border-top:1px solid rgba(255,255,255,.1);justify-content:space-between;width:100%}.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{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:#1e293b;box-shadow:0 -4px 10px #0003}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .flex.justify-end button:last-child{background-color:#3b82f6;color:#fff}.fixed.inset-0.flex.day-view-page.settings-container-wrapper.justify-center .bg-slate-800 .flex.justify-end button:first-child{background-color:transparent;border:1px solid rgba(255,255,255,.1)}.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:#fff;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:#1e293be6;padding:10px;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:0 2px 10px #0000004d;border:1px solid rgba(255,255,255,.1)}.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 70px;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:#1e293b;margin-left:-16px;margin-right:-16px;padding:16px;width:calc(100% + 32px);display:flex;justify-content:space-between;box-shadow:0 -4px 10px #0003;z-index:10;border-top:1px solid rgba(255,255,255,.1)}.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:#0f172a;border:1px solid #1e293b}.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:#fff}.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:#3b82f626;color:#93c5fd;transform:scale(1.05)}.day-view-wrapper .hidden.md\:flex button.font-bold{transition:all .2s ease;color:#f8fafc}.day-view-wrapper .hidden.md\:flex button.font-bold:hover{color:#f8fafc}.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:#60a5fab3!important;border-width:1px!important;transition:all .2s ease}.meal-segment-control{display:flex;border-radius:10px;overflow:hidden;border:1px solid rgba(71,85,105,.4);background:#0f172a99}.meal-segment-btn{flex:1;padding:7px 0;font-size:.75rem;font-weight:500;text-align:center;color:#64748b;background:transparent;border:none;border-right:1px solid rgba(71,85,105,.3);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.meal-segment-btn:last-child{border-right:none}.meal-segment-btn:hover{color:#94a3b8;background:#3341554d}.meal-segment-btn.active{color:#93c5fd;background:#3b82f626;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}input,select,textarea{width:100%;background-color:#0f172a;border:1px solid #1e293b;border-radius:.25rem;padding:.5rem;color:#f1f5f9;min-height:2.25rem;transition:border-color .2s;display:block;opacity:1;visibility:visible;margin-bottom:.375rem}textarea{min-height:80px;resize:vertical}.sleep-tracking textarea,textarea.sleep-notes,textarea[name=sleepNotes],.sleep-notes-container textarea{background-color:#0f172a;border:1px solid #1e293b;color:var(--text-color, #f1f5f9)}input[type=date],input[readonly],select[disabled]{background-color:#0f172ab3;color:var(--text-disabled, #94a3b8);border:1px solid #1e293b}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1px solid #475569;border-radius:3px;background-color:#1e293b;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin:0}input[type=checkbox]:checked{background-color:#2563eb;border-color:#2563eb}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 #2563eb4d}input[type=checkbox]:disabled{opacity:.6;cursor:not-allowed;background-color:#334155;border-color:#475569}.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:#1e293b!important;border:1px solid #475569!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:#3b82f6!important;border-color:#3b82f6!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:#64748b!important;border-color:#64748b!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:#64748b!important;border-color:#64748b!important}input:focus,select:focus,textarea:focus{outline:none;border-color:#60a5fab3;box-shadow:0 0 0 1px #60a5fa66}.form-group{margin-bottom:.75rem}.form-group label{display:block;margin-bottom:.25rem;font-size:.875rem;color:var(--text-secondary, #cbd5e1)}.form-group .hint{display:block;font-size:.75rem;color:var(--text-secondary, #94a3b8);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(--error, #ef4444)}.error-message{color:var(--error, #ef4444);font-size:.75rem;margin-top:.25rem}.btn{background-color:var(--button-bg, #3b82f6);color:#fff;border:none;border-radius:var(--radius, .25rem);padding:.5rem 1rem;cursor:pointer;transition:background-color .2s}.btn:hover{background-color:var(--button-hover, #2563eb)}.btn:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.btn:disabled{background-color:var(--button-disabled, #64748b);cursor:not-allowed}.btn.secondary{background-color:transparent;border:1px solid var(--button-bg, #3b82f6);color:var(--button-bg, #3b82f6)}.btn.secondary:hover{background-color:#3b82f61a}.day-view-container textarea,.day-view-container input,.day-view-container select,.sleep-tracking-section textarea,.sleep-tracking textarea{background-color:#0f172a;border:1px solid #1e293b}@media (max-width: 767px){.form-group{margin-bottom:.375rem}.form-group label{margin-bottom:.125rem}.btn{padding:.375rem .75rem;font-size:.875rem}}@media (max-width: 767px){.copy-entry-modal input[type=date],.copy-entry-modal input[type=time],.day-start-popup input[type=text]{background-color:#0f172a!important;color:#f1f5f9!important;border-color:#334155!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:#1e293b!important;border:1px solid #475569!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:#3b82f6!important;border-color:#3b82f6!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}.date-picker-popup{display:block!important;position:absolute!important;right:0!important;top:unset!important;bottom:0!important;transform:translateY(100%)!important;margin-bottom:5px!important;z-index:9999!important;background-color:#1e293b!important;border:1px solid #334155!important;border-radius:.375rem!important;padding:1rem!important;width:280px!important;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003!important}.date-picker-popup input[type=date]{width:100%!important;padding:.5rem!important;background-color:#334155!important;border:1px solid #475569!important;border-radius:.25rem!important;color:#f8fafc!important;font-size:.875rem!important;margin-bottom:1rem!important}.date-picker-popup label{display:block!important;margin-bottom:.375rem!important;font-size:.875rem!important;font-weight:500!important;color:#cbd5e1!important}.date-picker-popup button{padding:.5rem .875rem!important;border-radius:.25rem!important;font-size:.875rem!important;font-weight:500!important;transition:background-color .15s ease!important;min-width:70px!important}.date-picker-popup button:first-child{background-color:#64748b!important;color:#fff!important;font-weight:600!important;box-shadow:0 2px 4px #0003!important}.date-picker-popup button:first-child:hover{background-color:#7e8ea1!important}.date-picker-popup button:last-child{background-color:#3b82f6!important;color:#fff!important}.date-picker-popup button:last-child:hover:not(:disabled){background-color:#2563eb!important}.date-picker-popup button:last-child:disabled{background-color:#475569!important;opacity:.7!important;cursor:not-allowed!important}.copy-entry-modal input[type=date],.modal-container input[type=date]{background-color:#0f172a!important;color:#f1f5f9!important;border-color:#334155!important}.settings-container-garmin input[type=date],.settings-container-garmin input[type=text],.settings-container-garmin input[type=password]{background-color:#0f172a!important;color:#f1f5f9!important;border-color:#1e293b!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:#fff!important;margin-top:.5rem!important;margin-bottom:2.5rem!important;padding-bottom:.75rem!important;border-bottom:2px solid rgba(148,163,184,.2)!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:#e2e8f0!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:#fff!important;margin-top:.5rem!important;margin-bottom:2.5rem!important;padding-bottom:.75rem!important;border-bottom:2px solid rgba(148,163,184,.2)!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:#fff!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:#e2e8f0!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:#1e293b;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:#94a3b8}.garmin-settings{padding-top:var(--space-4);background-color:transparent!important}.garmin-settings-inner{background-color:#0f172a;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:#0f172a;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:#1e293b;border-radius:var(--radius-md);padding:var(--space-3);border:1px solid #334155}.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:#cbd5e1}.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:#0f172a;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:#1e293b;border:1px solid #475569;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:#3b82f6;border-color:#3b82f6}.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:#3b82f6;border-color:#3b82f6}.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,.fixed.inset-0.bg-black.bg-opacity-50.settings-container-wrapper.items-center.justify-center.z-50>div{max-width:100%;width:100%;margin:16px;max-height:calc(100vh - 32px);overflow-y:auto;position:relative;padding-bottom:70px}.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50>div,.fixed.inset-0.bg-black.bg-opacity-50.flex.settings-container-wrapper.justify-center.z-50>div{max-width:100%;width:100%;margin:16px;max-height:calc(100vh - 32px);overflow-y:auto;position:relative;padding-bottom:70px}.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:#1e293b;border-top:1px solid rgba(255,255,255,.1);justify-content:space-between;width:100%}.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{max-width:90%;margin:16px auto}.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50>div{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:#1e293b;box-shadow:0 -4px 10px #0003}.fixed.inset-0.settings-container-wrapper.items-center.justify-center .bg-slate-800 .flex.justify-end button:last-child{background-color:#3b82f6;color:#fff}.fixed.inset-0.flex.settings-container-wrapper.justify-center .bg-slate-800 .flex.justify-end button:last-child{background-color:#3b82f6;color:#fff}.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:transparent;border:1px solid rgba(255,255,255,.1)}.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:#fff;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:#fff;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:#1e293be6;padding:10px;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:0 2px 10px #0000004d;border:1px solid rgba(255,255,255,.1)}.fixed.inset-0.flex.settings-container-wrapper.justify-center.z-50 .bg-slate-800>button.absolute{position:fixed;top:16px;right:16px;background-color:#1e293be6;padding:10px;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:0 2px 10px #0000004d;border:1px solid rgba(255,255,255,.1)}.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,.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 70px;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:#1e293b;margin-left:-16px;margin-right:-16px;padding:16px;width:calc(100% + 32px);display:flex;justify-content:space-between;box-shadow:0 -4px 10px #0003;z-index:10;border-top:1px solid rgba(255,255,255,.1)}.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:#1e293b;margin-left:-16px;margin-right:-16px;padding:16px;width:calc(100% + 32px);display:flex;justify-content:space-between;box-shadow:0 -4px 10px #0003;z-index:10;border-top:1px solid rgba(255,255,255,.1)}.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:#fff!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}.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:#1e293b;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 #334155;font-weight:600}.analytics-table td{padding:var(--space-2);border-bottom:1px solid #1e293b}@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:#0f172a;border-radius:var(--radius-md);padding:var(--space-4);width:100%;max-width:var(--analytics-width)!important;margin:0 auto}.chart-container{background-color:#1e293b;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:#334155;font-size:.875rem;font-weight:500;transition:background-color .2s}.filter-button.active{background-color:#3b82f6;color:#fff}.date-range-picker{background-color:#1e293b;border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4)}.date-input{background-color:#334155;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);width:100%;color:#fff;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:#111827!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:#1f2937!important;border:1px solid #374151!important;border-radius:4px!important;padding:.25rem 1.75rem .25rem .5rem!important;min-width:4rem!important;text-align:center!important;color:#f9fafb!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}.entries-count{font-size:.875rem!important;color:#94a3b8!important;white-space:nowrap!important}.page-navigation{display:flex!important;align-items:center!important;gap:.5rem!important}.page-button{background-color:#1f2937!important;color:#e2e8f0!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:#94a3b8!important}.desktop-page-controls input{background-color:#1f2937!important;border:1px solid #374151!important;border-radius:4px!important;padding:.25rem .5rem!important;width:2.5rem!important;text-align:center!important;color:#f9fafb!important}.mobile-page-indicator{display:none!important}}.dashboard-header{margin-bottom:1.5rem}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.header-top h1{font-size:1.75rem;font-weight:700;color:#f1f5f9;margin:0;display:flex;align-items:center;gap:.5rem}.header-subtitle{color:#94a3b8;font-size:.875rem;margin:0;line-height:1.4}.standard-rules-section{margin:1rem 0 1.5rem;text-align:center;padding:1rem;background:#0f172a99;border-radius:12px;border:1px solid rgba(148,163,184,.1)}.btn-get-standard-rules{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.5rem;box-shadow:0 2px 4px #0000001a}.btn-get-standard-rules:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-get-standard-rules:disabled{opacity:.6;cursor:not-allowed;transform:none}.standard-rules-hint{display:block;color:#94a3b8;font-size:.75rem;line-height:1.3;margin-top:.5rem}.stacking-explanation{margin:1.5rem 0;background:#0f172acc;border-radius:12px;border:1px solid rgba(59,130,246,.3);padding:1.5rem}.stacking-explanation h3{color:#3b82f6;font-size:1.1rem;font-weight:600;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.stacking-examples{display:flex;flex-direction:column;gap:1rem}.example-good,.example-bad{padding:1rem;border-radius:8px;border:1px solid transparent}.example-good{background:#10b9811a;border-color:#10b9814d}.example-bad{background:#ef44441a;border-color:#ef44444d}.example-good h4{color:#10b981;margin:0 0 .5rem;font-size:.9rem;font-weight:600}.example-bad h4{color:#ef4444;margin:0 0 .5rem;font-size:.9rem;font-weight:600}.stacking-examples ul{margin:0;padding-left:1.2rem;color:#e2e8f0;font-size:.85rem;line-height:1.4}.stacking-examples li{margin-bottom:.3rem}.example-explanation{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);padding:1rem;border-radius:8px;color:#93c5fd;font-size:.85rem;text-align:center;font-weight:500}@media (min-width: 768px){.stacking-examples{flex-direction:row;gap:1rem}.example-good,.example-bad{flex:1}.example-explanation{flex:0 0 100%;margin-top:.5rem}}.btn-create-rule{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:.75rem;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.btn-create-rule:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.btn-create-rule:active{transform:translateY(0)}.btn-icon{font-size:1.125rem;font-weight:700}.dashboard-controls{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.search-container{position:relative}.search-input{width:100%;background:#0f172acc;border:1px solid #334155;border-radius:.75rem;padding:.875rem 1rem;color:#f1f5f9;font-size:.9375rem;placeholder-color:#64748b;transition:all .2s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#0f172af2}.search-input::-moz-placeholder{color:#64748b}.search-input::placeholder{color:#64748b}.tab-container{display:flex;background:#0f172a99;border-radius:.75rem;padding:.25rem;border:1px solid #334155}.tab{flex:1;background:transparent;border:none;color:#94a3b8;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.tab.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 8px #3b82f64d}.tab:not(.active):hover{color:#e2e8f0;background:#33415580}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#94a3b8;text-align:center}.loading-spinner{font-size:2rem;margin-bottom:1rem;animation:spin 2s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;color:#94a3b8}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.empty-state h3{font-size:1.25rem;font-weight:600;color:#e2e8f0;margin:0 0 .5rem}.empty-state p{font-size:.9375rem;line-height:1.5;margin:0 0 1.5rem;max-width:300px}.empty-state-actions{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px}.btn-create-defaults{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.75rem;padding:.875rem 1.5rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b9814d}.btn-create-defaults:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.btn-create-defaults:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-create-custom{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:.75rem;padding:.875rem 1.5rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.btn-create-custom:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}@media (min-width: 768px){.empty-state-actions{flex-direction:row;justify-content:center;max-width:500px}}.rules-container{display:flex;flex-direction:column;gap:1.5rem}.rule-group{background:#0f172a66;border:1px solid #334155;border-radius:1rem;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.group-header{background:linear-gradient(135deg,#1e293b,#334155);padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #334155}.group-icon{font-size:1.25rem}.group-title{font-weight:600;color:#f1f5f9;font-size:1rem}.group-count{color:#94a3b8;font-size:.875rem;margin-left:auto}.rules-list{display:flex;flex-direction:column}.rule-card{background:#0f172a99;border-bottom:1px solid #334155;padding:1.25rem;transition:all .2s ease;position:relative}.rule-card:last-child{border-bottom:none}.rule-card:hover{background:#0f172acc}.rule-card.inactive{opacity:.6;background:#0f172a4d}.rule-card.inactive .rule-name{text-decoration:line-through;color:#64748b}.rule-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.rule-info{flex:1;min-width:0}.rule-name{font-weight:600;color:#f1f5f9;font-size:1rem;margin-bottom:.25rem;line-height:1.3}.rule-conditions{color:#94a3b8;font-size:.875rem;line-height:1.4}.rule-bonus{flex-shrink:0}.bonus-amount{font-weight:700;font-size:1.125rem;padding:.375rem .75rem;border-radius:.5rem;white-space:nowrap}.bonus-amount.negative{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.bonus-amount.positive{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.rule-description{color:#cbd5e1;font-size:.875rem;margin-bottom:.75rem;line-height:1.4;font-style:italic}.rule-stats{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.stat{background:#33415599;color:#94a3b8;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.rule-actions{display:flex;gap:.5rem;flex-wrap:wrap}.rule-actions button{background:#334155cc;color:#e2e8f0;border:1px solid #475569;border-radius:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.rule-actions button:hover{background:#334155;border-color:#64748b;transform:translateY(-1px)}.btn-toggle{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border-color:transparent!important;color:#fff!important}.btn-edit{background:linear-gradient(135deg,#06b6d4,#0891b2)!important;border-color:transparent!important;color:#fff!important}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-color:transparent!important;color:#fff!important}.btn-delete:disabled{background:linear-gradient(135deg,#6b7280,#4b5563)!important;opacity:.6;cursor:not-allowed}.rule-details{margin-top:1rem;padding-top:1rem;border-top:1px solid #334155;display:flex;flex-direction:column;gap:1rem}.detail-section h4{color:#f1f5f9;font-size:.875rem;font-weight:600;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.detail-section pre{background:#0f172acc;border:1px solid #334155;border-radius:.5rem;padding:.75rem;font-size:.75rem;color:#cbd5e1;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.metadata-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.75rem;color:#94a3b8}.metadata-grid div{background:#0f172a99;padding:.5rem;border-radius:.375rem;border:1px solid #334155}@media (min-width: 768px){.header-top h1{font-size:2rem}.header-subtitle{font-size:1rem}.dashboard-controls{flex-direction:row;align-items:center;gap:1.5rem}.search-container{flex:1;max-width:400px}.tab-container{flex-shrink:0;width:auto;min-width:300px}.rule-header{align-items:center}.rule-actions{justify-content:flex-end}.metadata-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.rules-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem}.rule-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-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:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:1rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000080;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #475569;background:linear-gradient(135deg,#334155,#475569);border-radius:1rem 1rem 0 0}.modal-header h2{font-size:1.25rem;font-weight:700;color:#f1f5f9;margin:0}.modal-close{background:#47556980;border:1px solid #64748b;color:#e2e8f0;border-radius:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#475569cc;transform:scale(1.05)}.modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.form-section{display:flex;flex-direction:column;gap:.5rem}.form-section-group{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#0f172a4d;border-radius:.75rem;border:1px solid #334155}.section-title{font-size:1rem;font-weight:600;color:#f1f5f9;margin:0;display:flex;align-items:center;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:#e2e8f0;margin-bottom:.25rem}.form-label.required:after{content:" *";color:#ef4444}.form-input{background:#0f172acc;border:1px solid #475569;border-radius:.5rem;padding:.75rem;color:#f1f5f9;font-size:.9375rem;transition:all .2s ease;width:100%}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#0f172af2}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input::-moz-placeholder{color:#64748b}.form-input::placeholder{color:#64748b}.form-hint{font-size:.75rem;color:#94a3b8;margin-top:.25rem}.error-text{font-size:.75rem;color:#ef4444;margin-top:.25rem}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-top:.5rem}.checkbox-section{display:flex;flex-direction:column;gap:.75rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s ease}.checkbox-item:hover{background:#3341554d}.checkbox-item input[type=checkbox]{width:1rem;height:1rem;background:#0f172acc;border:1px solid #475569;border-radius:.25rem;cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none}.checkbox-item input[type=checkbox]:checked{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6}.checkbox-item input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.checkbox-label{font-size:.875rem;color:#e2e8f0;font-weight:500;text-transform:capitalize}.bonus-calories-input{position:relative;display:flex;align-items:center}.minus-sign{position:absolute;left:.75rem;color:#10b981;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-input{padding-left:2rem!important}.modal-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #334155;margin-top:1rem}.btn-cancel{flex:1;background:#475569cc;color:#e2e8f0;border:1px solid #64748b;border-radius:.75rem;padding:.875rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#475569;transform:translateY(-1px)}.btn-save{flex:2;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.75rem;padding:.875rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b9814d}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (min-width: 768px){.bonus-rule-modal{max-width:700px}.modal-header,.modal-form{padding:2rem}.form-row{grid-template-columns:1fr 1fr}.checkbox-group{grid-template-columns:repeat(4,1fr)}.modal-actions{flex-direction:row;justify-content:flex-end}.btn-cancel{flex:none;min-width:120px}.btn-save{flex:none;min-width:150px}}@media (prefers-contrast: high){.rule-card{border:2px solid #64748b}.bonus-amount.negative{background:#059669;border:1px solid #10b981}.bonus-amount.positive{background:#d97706;border:1px solid #f59e0b}.form-input{border-width:2px}.form-input:focus{border-width:2px}}.dayview-tab-active{background:linear-gradient(90deg,#c084fc,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dayview-tab-panel{animation:tabFadeIn .15s ease-out}@keyframes tabFadeIn{0%{opacity:.7}to{opacity:1}}.recipe-tab-active{background:linear-gradient(90deg,#c084fc,#67e8f9);-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}}.rf-page-bg{background:#0f172a;background-image:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(30,41,59,.4) 0%,transparent 70%)}.rf-section{background:#151e2e;border:1px solid rgba(148,163,184,.1);border-radius:14px;padding:14px}.rf-section-label-sm{font-size:.6875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.rf-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.15);background:#111827;color:#e2e8f0;font-size:1rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.rf-input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f614}.rf-input::-moz-placeholder{color:#475569}.rf-input::placeholder{color:#475569}.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 rgba(148,163,184,.15);background:#111827;color:#e2e8f0;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:#475569}.rf-textarea::placeholder{color:#475569}.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:#94a3b8;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:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#93c5fd;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:#ef444426;display:flex;align-items:center;justify-content:center;color:#fca5a5;cursor:pointer;border:none;padding:0;flex-shrink:0;transition:background .15s ease}.rf-tag-remove:active{background:#ef44444d}.rf-tags-toggle{font-size:.6875rem;color:#64748b;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 rgba(59,130,246,.3);border-radius:10px;background:#3b82f61a;color:#60a5fa;font-size:.8125rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.rf-tag-add-btn:active{background:#3b82f633;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-ingredient-card{border-radius:0;padding:0;background:transparent;border:none;border-left:3px solid var(--ingredient-status-color, #34d399);border-bottom:1px solid rgba(148,163,184,.06);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:#94a3b80a}.rf-ing-amount{font-size:.9375rem;font-weight:600;color:#e2e8f0;white-space:nowrap;flex-shrink:0}.rf-ing-name{flex:1;min-width:0;font-size:.9375rem;font-weight:400;color:#cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-ing-opt{font-size:.625rem;font-weight:600;color:#fbbf24b3;text-transform:uppercase;flex-shrink:0;letter-spacing:.04em}.rf-ing-nutrition{font-size:.6875rem;color:#64748b;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.rf-ing-kebab{padding:4px;color:#475569;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 rgba(148,163,184,.08)}.rf-ing-qty-group{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:#0f172a80;flex-wrap:wrap}.rf-ing-field{padding:6px 8px;border-radius:6px;border:1px solid rgba(148,163,184,.12);background:#111827;color:#e2e8f0;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:#94a3b814;font-size:.6875rem;color:#94a3b8;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 rgba(148,163,184,.1);background:#1e293b80;color:#94a3b8;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:#1e293bcc;color:#e2e8f0;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 rgba(148,163,184,.12);background:#1e293b80;color:#94a3b8;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.rf-tools-btn:active{background:#1e293bcc;color:#e2e8f0;transform:scale(.95)}.rf-quick-add{display:flex;align-items:center;gap:0;border-radius:10px;border:1px solid rgba(148,163,184,.15);background:#111827;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:#e2e8f0;font-size:1rem;outline:none}.rf-quick-add-input::-moz-placeholder{color:#475569}.rf-quick-add-input::placeholder{color:#475569}.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}.rf-add-btn{width:100%;margin-top:12px;padding:10px;border-radius:10px;border:none;background:transparent;color:#64748b;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:#94a3b80f;color:#94a3b8;transform:scale(.98)}.rf-step-card{background:#151e2e;border:1px solid rgba(148,163,184,.1);border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0000001f;transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.rf-step-card.expanded{background:#1c2740;border-color:#3b82f62e;box-shadow:0 2px 12px #00000038}.rf-step-card.dragging{opacity:.5}.rf-step-card.has-error{border-left:3px solid #ef4444}.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:#94a3b80a}.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:#cbd5e1;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:#94a3b814;color:#94a3b8;border:1px solid rgba(148,163,184,.12)}.rf-step-chevron{width:16px;height:16px;color:#475569;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 rgba(148,163,184,.06);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:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-top:12px;margin-bottom:6px}.rf-step-instruction-well{background:#111827;border:1px solid rgba(148,163,184,.1);border-radius:10px;padding:10px 12px;margin-top:10px;font-size:.9375rem;line-height:1.5;color:#e2e8f0;cursor:pointer;transition:border-color .15s ease;position:relative}.rf-step-instruction-well:active{border-color:#3b82f64d}.rf-step-instruction-well.empty{color:#475569;border-style:dashed;border-color:#94a3b81f}.rf-step-edit-icon{position:absolute;top:8px;right:8px;width:14px;height:14px;color:#475569;pointer-events:none;transition:color .15s ease}.rf-step-instruction-well:active .rf-step-edit-icon{color:#60a5fa}.rf-step-actions{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(148,163,184,.06)}.rf-step-action-btn{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;border:none;background:#94a3b80f;color:#64748b;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:#94a3b81f;transform:scale(.95)}.rf-step-action-btn:disabled{opacity:.25;pointer-events:none}.rf-step-action-btn.delete{margin-left:auto;color:#f87171;background:#ef44440f}.rf-step-action-btn.delete:active{background:#ef444426}.rf-step-action-btn.insert{color:#60a5fa;background:#3b82f60f}.rf-step-textarea{width:100%;background:#111827;color:#e2e8f0;padding:10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.15);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:#475569}.rf-step-textarea::placeholder{color:#475569}.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:#94a3b80f;color:#94a3b8;border-color:#94a3b81f}.rf-tmx-chip.time.active,.rf-tmx-chip.temp.active,.rf-tmx-chip.speed.active,.rf-tmx-chip.lid.active{background:#3b82f61a;color:#93c5fd;border-color:#3b82f666}.rf-tmx-chip.reverse{background:#8b5cf614;color:#a78bfa;border-color:#8b5cf626}.rf-tmx-chip.empty{background:transparent;color:#475569;border:1px dashed rgba(148,163,184,.15)}.rf-tmx-editor{display:flex;align-items:center;gap:8px;margin-top:6px;padding:6px 10px;border-radius:10px;background:#111827;border:1px solid rgba(148,163,184,.1);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:#0c1220;color:#e2e8f0;border:1px solid rgba(148,163,184,.15);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:#3b82f680}.rf-tmx-label{font-size:.6875rem;color:#64748b;flex-shrink:0}.rf-tmx-preset{padding:3px 8px;border-radius:6px;border:1px solid rgba(148,163,184,.12);background:#94a3b80f;color:#94a3b8;font-size:.6875rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.rf-tmx-preset.selected{background:#3b82f626;border-color:#3b82f64d;color:#93c5fd}.rf-tmx-preset:active{transform:scale(.95)}.rf-tmx-clear{padding:3px 8px;border-radius:6px;border:none;background:#ef444414;color:#f87171;font-size:.6875rem;cursor:pointer;margin-left:auto;-webkit-tap-highlight-color:transparent}.rf-tmx-clear:active{background:#ef444426}.rf-tmx-add{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;border-radius:8px;background:#94a3b80f;border:1px dashed rgba(148,163,184,.15);color:#64748b;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:#3b82f614;border-color:#3b82f633;color:#60a5fa}.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:#3b82f614;border:1px solid rgba(59,130,246,.15);color:#93c5fd;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:#3b82f626;transform:scale(.95)}.rf-overflow-menu{width:176px;border-radius:12px;padding:4px;background:#1f2d45;border:1px solid rgba(148,163,184,.12);box-shadow:0 8px 32px #00000073;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:#e2e8f0;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:#f87171}.rf-select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.15);background:#111827;color:#e2e8f0;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-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:#0f172a80;border:1px solid rgba(148,163,184,.15);color:#94a3b8;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:#3b82f626;transform:scale(.95)}.rf-speed-btn:disabled{opacity:.25;pointer-events:none}.rf-speed-btn.selected{background:#3b82f633;border-color:#3b82f680;color:#93c5fd;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:#0f172a80;border:1px solid rgba(148,163,184,.15);color:#94a3b8;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.rf-speed-half-btn.selected{background:#fbbf2426;border-color:#fbbf2466;color:#fbbf24}.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 rgba(148,163,184,.08)}.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:#0f172a80;border:1px solid rgba(148,163,184,.15);color:#94a3b8;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:#3b82f626;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 rgba(148,163,184,.12);background:#1e293b80;color:#94a3b8;font-size:.75rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.rf-expand-toggle:active{background:#1e293bcc;color:#e2e8f0;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:#d977061f;border:1px solid rgba(217,119,6,.25);color:#fbbf24;font-size:.75rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.rf-lid-safety-banner:active{background:#d9770638;transform:scale(.98)}.rf-lid-safety-fix{margin-left:auto;padding:2px 10px;border-radius:6px;background:#d9770640;color:#fbbf24;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:#334155;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:#64748b}.rf-step-card.is-dragging{opacity:.5;z-index:10}.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:#9ca3af;font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:color .2s}.close-button:hover{color:#f3f4f6}.auth-switch-container{margin-top:1rem;text-align:center}.auth-switch-text{color:#9ca3af;font-size:.875rem}.auth-switch-button{color:#3b82f6;font-weight:500;background:transparent;border:none;cursor:pointer;padding:0;transition:color .2s}.auth-switch-button:hover{color:#60a5fa}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:#1e293b;border:2px solid #475569;border-radius:4px;transition:all .2s ease-in-out;cursor:pointer}input[type=checkbox]:checked+label .checkbox-custom{background-color:#3b82f6;border-color:#3b82f6}.checkbox-svg{width:16px;height:16px;fill:#fff;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 #3b82f680}label:hover .checkbox-custom{border-color:#60a5fa;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}@media (max-width: 640px){.auth-form-container{padding:1rem;max-height:85vh}.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{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;background-color:#0f172a;background-image:radial-gradient(circle at 50% 30%,#1e293b,#0f172a 70%)}.reset-password-card{background-color:#1e293b;border-radius:12px;box-shadow:0 8px 20px #0006;padding:30px;width:100%;max-width:400px;text-align:center;border:1px solid #334155}.reset-password-card h2{color:#f8fafc;margin-bottom:24px;font-size:1.8rem;font-weight:700;letter-spacing:-.025em}.reset-password-card p{color:#94a3b8;margin-bottom:28px;font-size:1rem;line-height:1.5}.reset-password-card form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px;text-align:left}.form-group label{color:#cbd5e1;font-size:.9rem;font-weight:500}.form-group input{padding:12px 16px;background-color:#0f172a;color:#e2e8f0;border:1px solid #334155;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#4f85e5;box-shadow:0 0 0 2px #4f85e540}.primary-button{background-color:#4f85e5;color:#fff;border:none;border-radius:8px;padding:14px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;margin-top:10px}.primary-button:hover{background-color:#3a6dc7}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{background-color:#64748b;cursor:not-allowed}.loading-spinner{border:4px solid rgba(79,133,229,.1);border-radius:50%;border-top:4px solid #4f85e5;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-logo{margin-bottom:20px;font-size:2.5rem;color:#4f85e5}@media (max-width: 480px){.reset-password-card{padding:20px}}.verify-email-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-color);padding:1rem}.verify-email-card{background-color:var(--card-bg);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;width:100%;max-width:400px;text-align:center;max-height:90vh;overflow-y:auto}.verify-email-card h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-color)}.verify-email-card p{margin-bottom:1.5rem;color:var(--text-secondary)}.loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid rgba(59,130,246,.3);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;margin:1rem auto}.success-icon{display:flex;justify-content:center;align-items:center;width:60px;height:60px;background-color:#10b9811a;border-radius:50%;margin:0 auto 1.5rem;font-size:2rem;color:#10b981}.error-icon{display:flex;justify-content:center;align-items:center;width:60px;height:60px;background-color:#ef44441a;border-radius:50%;margin:0 auto 1.5rem;font-size:2rem;color:#ef4444}.button-group{display:flex;flex-direction:column;gap:.75rem}.primary-button{background-color:var(--primary-color);color:#fff;font-weight:500;padding:.75rem 1rem;border-radius:4px;border:none;cursor:pointer;transition:background-color .2s}.primary-button:hover{background-color:var(--primary-hover)}.secondary-button{background-color:transparent;color:var(--text-color);font-weight:500;padding:.75rem 1rem;border-radius:4px;border:1px solid var(--border-color);cursor:pointer;transition:background-color .2s,border-color .2s}.secondary-button:hover{background-color:#ffffff0d;border-color:var(--text-secondary)}@media (max-width: 640px){.verify-email-card{padding:1.5rem;max-height:85vh}}@media (max-width: 480px){.verify-email-card{padding:1rem}.success-icon,.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:#1e293b;border:1px solid #334155;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{min-height:100vh;min-height:100dvh;background:linear-gradient(165deg,#0f172a,#1e293bf2);color:#e2e8f0;display:flex;flex-direction:column;align-items:center;padding:0 16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.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:#ef44441f;display:flex;align-items:center;justify-content:center;color:#f87171}.contribute-error-title{font-size:1.125rem;font-weight:600;color:#f1f5f9}.contribute-error-text{font-size:.875rem;color:#94a3b8;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 rgba(139,92,246,.2);border-top-color:#8b5cf6cc;border-radius:50%;animation:contribute-spin .8s linear infinite}.contribute-loading-text{font-size:.875rem;color:#94a3b8}.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:linear-gradient(135deg,#8b5cf633,#06b6d426);border:1px solid rgba(139,92,246,.25);display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;box-shadow:0 0 24px #8b5cf61f}.contribute-hero-icon svg{color:#c4b5fd}.contribute-hero-sparkle{position:absolute;top:-4px;right:-4px;font-size:1.25rem;animation:contribute-sparkle-pulse 2s ease-in-out infinite}.contribute-hero-title{font-size:1.5rem;font-weight:700;color:#f1f5f9;margin-bottom:8px;line-height:1.2}.contribute-hero-subtitle{font-size:.9375rem;color:#94a3b8;max-width:300px;line-height:1.5;margin-bottom:32px}.contribute-hero-name{font-weight:600;color:#c4b5fd}.contribute-cta{width:100%;max-width:320px;padding:16px 24px;border:none;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff;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:0 4px 16px #8b5cf64d}.contribute-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),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 rgba(148,163,184,.2);border-radius:16px;text-align:center;transition:all .2s ease}.contribute-dropzone.drag-over{border-color:#8b5cf680;background:#8b5cf60f}.contribute-dropzone-text{font-size:.8125rem;color:#64748b;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:#1e293b99;border:1px solid rgba(148,163,184,.08)}.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.camera{background:#3b82f61f}.contribute-info-card-icon.lock{background:#22c55e1f}.contribute-info-card-icon.sparkle{background:#8b5cf61f}.contribute-info-card-text{font-size:.8125rem;color:#94a3b8;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:#f1f5f9}.contribute-review-count{font-size:.8125rem;color:#94a3b8}.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:linear-gradient(110deg,#33415580 30%,#47556999,#33415580 70%);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 rgba(148,163,184,.2);border-top-color:#94a3b8b3;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:#ef4444e6;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:0 2px 8px #0000004d}.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 rgba(148,163,184,.2);border-radius:10px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:#64748b;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.contribute-add-more:active{border-color:#8b5cf666;background:#8b5cf60f;color:#c4b5fd}.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:#64748b;font-size:.8125rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease}.contribute-description-toggle:active{color:#94a3b8}.contribute-description-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:.875rem;outline:none;resize:none;min-height:72px;font-family:inherit;transition:border-color .15s ease}.contribute-description-input:focus{border-color:#8b5cf666}.contribute-description-input::-moz-placeholder{color:#475569}.contribute-description-input::placeholder{color:#475569}.contribute-meal-chips{display:flex;gap:8px;flex-wrap:wrap}.contribute-meal-chip{padding:8px 16px;border-radius:20px;border:1px solid rgba(148,163,184,.15);background:#1e293b99;color:#94a3b8;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:#8b5cf626;border-color:#8b5cf666;color:#c4b5fd}.contribute-upload-bar{position:fixed;bottom:0;left:0;right:0;padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 12px);background:linear-gradient(to top,#0f172afa,#0f172ae6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(148,163,184,.08);display:flex;justify-content:center}.contribute-upload-btn{width:100%;max-width:480px;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff;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,rgba(255,255,255,.12),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:#f1f5f9}.contribute-progress-bar{width:100%;height:8px;border-radius:4px;background:#1e293bcc;overflow:hidden;border:1px solid rgba(148,163,184,.08)}.contribute-progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#8b5cf6,#06b6d4);transition:width .3s ease}.contribute-progress-text{font-size:.9375rem;font-weight:600;color:#c4b5fd}.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:#94a3b826;opacity:.5}.contribute-filmstrip-item.uploading{border-color:#8b5cf680}.contribute-filmstrip-item.success{border-color:#22c55e80}.contribute-filmstrip-item.failed{border-color:#ef444480}.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:#0000004d}.contribute-filmstrip-spinner{width:20px;height:20px;border:2px solid rgba(139,92,246,.3);border-top-color:#8b5cf6cc;border-radius:50%;animation:contribute-spin .8s linear infinite}.contribute-filmstrip-check{color:#4ade80}.contribute-filmstrip-fail{color:#f87171}.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:linear-gradient(135deg,#8b5cf633,#06b6d426);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:0 0 32px #8b5cf626}.contribute-thanks-title{font-size:1.5rem;font-weight:700;color:#f1f5f9}.contribute-thanks-subtitle{font-size:.9375rem;color:#94a3b8;max-width:280px;line-height:1.5}.contribute-stats-card{width:100%;max-width:320px;margin-top:8px;padding:20px;border-radius:16px;background:#1e293b99;border:1px solid rgba(148,163,184,.08);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:#c4b5fd}.contribute-stat-label{font-size:.6875rem;color:#64748b;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:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff;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 rgba(148,163,184,.15);border-radius:12px;background:#1e293b99;color:#94a3b8;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:#1e293bcc}@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:0 6px 24px #8b5cf666}.contribute-add-more:hover{border-color:#8b5cf64d;background:#8b5cf60a;color:#94a3b8}.contribute-meal-chip:hover{border-color:#94a3b840;color:#e2e8f0}.contribute-upload-btn:hover,.contribute-thanks-primary:hover{box-shadow:0 4px 20px #8b5cf64d}.contribute-thanks-secondary:hover{background:#1e293bcc;color:#e2e8f0}.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:#6366f1d9;color:#fff;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:#64748b;font-size:.75rem;text-align:center;margin:8px 0 0}.contribute-label-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-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:linear-gradient(165deg,#1e293bfa,#0f172afc);border-radius:20px 20px 0 0;padding:16px;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:#e2e8f0;font-weight:600;font-size:1rem;margin-bottom:12px}.contribute-label-picker-header button{background:#94a3b81a;border:none;color:#94a3b8;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 rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;font-size:.875rem;outline:none;margin-bottom:8px;box-sizing:border-box}.contribute-label-search:focus{border-color:#6366f180}.contribute-label-search::-moz-placeholder{color:#475569}.contribute-label-search::placeholder{color:#475569}.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 rgba(148,163,184,.15);background:#94a3b80f;color:#cbd5e1;font-size:.8125rem;cursor:pointer;transition:all .15s;white-space:nowrap}.contribute-label-option:active{transform:scale(.97)}.contribute-label-option.selected{background:#6366f133;border-color:#6366f180;color:#a5b4fc}.contribute-label-option:hover{background:#94a3b81f}.contribute-label-custom{border-color:#06b6d44d;color:#67e8f9;font-style:italic}.contribute-label-clear{margin-top:8px;padding:8px;border:none;background:#ef44441a;color:#f87171;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 rgba(139,92,246,.4);box-shadow:0 0 8px #8b5cf633}.contribute-filmstrip-item.has-results:active{transform:scale(.95)}.taste-profile-page{min-height:100vh;min-height:100dvh;background:var(--bg-primary, #0f172a);color:#e2e8f0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--tab-bar-height, 4rem) + 16px)}.taste-profile-header{position:sticky;top:0;z-index:10;background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.1)}.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:#e2e8f0;cursor:pointer}.taste-profile-back-btn:active{background:#94a3b81a}.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:#94a3b826;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:#94a3b8;white-space:nowrap}.taste-section-card{margin:12px 16px;background:linear-gradient(165deg,#1e293bb3,#0f172ad9);border:1px solid rgba(148,163,184,.1);border-radius:16px;padding:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.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 rgba(148,163,184,.2);border-radius:20px;background:#0f172a66;color:#94a3b8;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:#3b82f633;border-color:#3b82f666;color:#60a5fa}.taste-chip.allergy-chip.selected{background:#ef444433;border-color:#ef444466;color:#f87171}.taste-chip.intolerance-chip.selected{background:#f59e0b33;border-color:#f59e0b66;color:#fbbf24}.taste-select{width:100%;padding:10px 12px;border:1px solid rgba(148,163,184,.15);border-radius:10px;background:#0f172a99;color:#e2e8f0;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin-bottom:12px}.taste-select:focus{outline:none;border-color:#8b5cf680;box-shadow:0 0 0 2px #8b5cf626}.taste-input{width:100%;padding:10px 12px;border:1px solid rgba(148,163,184,.15);border-radius:10px;background:#0f172a99;color:#e2e8f0;font-size:14px;margin-bottom:8px}.taste-input:focus{outline:none;border-color:#8b5cf680;box-shadow:0 0 0 2px #8b5cf626}.taste-input::-moz-placeholder{color:#64748b}.taste-input::placeholder{color:#64748b}.taste-number-input{width:80px;padding:8px 10px;border:1px solid rgba(148,163,184,.15);border-radius:10px;background:#0f172a99;color:#e2e8f0;font-size:14px;text-align:center}.taste-number-input:focus{outline:none;border-color:#8b5cf680}.taste-flavor-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.taste-flavor-label{width:60px;font-size:13px;color:#94a3b8;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 rgba(148,163,184,.2);background:#0f172a66;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;color:#64748b;transition:all .15s ease}.taste-flavor-dot:active{transform:scale(.9)}.taste-flavor-dot.active{background:#f59e0b40;border-color:#f59e0b80;color:#f59e0b}.taste-flavor-value{width:20px;text-align:right;font-size:13px;color:#94a3b8;flex-shrink:0}.taste-save-btn{width:100%;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff;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:#22c55e33;color:#22c55e}.taste-inline-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.taste-inline-label{font-size:13px;color:#94a3b8}.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:#0f172a66;border-radius:8px;font-size:13px}.taste-food-item .name{flex:1;color:#e2e8f0}.taste-food-item .strength{font-size:11px;color:#64748b}.taste-food-remove{border:none;background:transparent;color:#64748b;cursor:pointer;padding:4px;border-radius:4px}.taste-food-remove:hover{color:#ef4444}.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 rgba(148,163,184,.2);border-radius:10px;background:#3b82f626;color:#60a5fa;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:#64748b;margin-bottom:8px}.taste-separator{border:none;border-top:1px solid rgba(148,163,184,.08);margin:14px 0}.taste-confirmation{font-size:12px;color:#22c55e;margin-top:6px;display:flex;align-items:center;gap:4px}.taste-computed-card{margin:12px 16px;background:linear-gradient(165deg,#581c8733,#0f172ad9);border:1px solid rgba(139,92,246,.15);border-radius:16px;padding:16px}.taste-computed-title{font-size:14px;font-weight:600;color:#c4b5fd;margin-bottom:10px;display:flex;align-items:center;gap:8px}.taste-computed-stat{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px solid rgba(148,163,184,.06)}.taste-computed-stat:last-child{border-bottom:none}.taste-computed-stat .label{color:#94a3b8}.taste-computed-stat .value{color:#e2e8f0;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:#94a3b833}.taste-toggle.on{background:#3b82f699}.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}.taste-section-card,.taste-computed-card{margin:16px 0}}.recommendation-card{margin:8px 16px;background:linear-gradient(165deg,#581c8726,#0f172ad9);border:1px solid rgba(139,92,246,.15);border-radius:14px;overflow:hidden;transition:all .2s ease}.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:#8b5cf60d}.recommendation-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#8b5cf64d,#06b6d44d);display:flex;align-items:center;justify-content:center;flex-shrink:0}.recommendation-summary{flex:1;min-width:0}.recommendation-budget-text{font-size:13px;font-weight:600;color:#e2e8f0}.recommendation-sub-text{font-size:11px;color:#94a3b8;margin-top:1px}.recommendation-chevron{color:#64748b;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:#0f172a66;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:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommendation-item-meta{font-size:11px;color:#64748b;margin-top:2px}.recommendation-item-nutrition{font-size:12px;color:#94a3b8;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:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.recommendation-fb-btn:active{transform:scale(.9)}.recommendation-fb-btn.liked{color:#22c55e;background:#22c55e26}.recommendation-fb-btn.disliked{color:#ef4444;background:#ef444426}.recommendation-over-budget{font-size:12px;color:#fbbf24;padding:8px 12px;background:#f59e0b14;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, #0f172a);color:#e2e8f0;position:relative}.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:#94a3b8;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:#e2e8f0;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 rgba(148,163,184,.15);text-align:left;white-space:normal;word-break:break-word}.chat-bubble.assistant th{background:#0f172a99;font-weight:600;color:#cbd5e1;font-size:11px}.chat-bubble.assistant h1,.chat-bubble.assistant h2,.chat-bubble.assistant h3{margin:8px 0 4px;color:#f1f5f9}.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:#94a3b8}.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:#64748b;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:#f87171}.chat-textarea{flex:1;min-height:40px;max-height:160px;padding:10px 14px;border:none;border-radius:20px;background:#1e293b99;color:#e2e8f0;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:#64748b}.chat-textarea::placeholder{color:#64748b}.chat-lang-toggle{width:28px;height:28px;border:1px solid rgba(148,163,184,.2);border-radius:6px;background:#33415580;color:#94a3b8;font-size:.6rem;font-weight:700;cursor:pointer;flex-shrink:0;transition:all .15s;-webkit-tap-highlight-color:transparent}.chat-lang-toggle:hover{color:#e2e8f0;background:#334155cc}.chat-send-btn{width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#06b6d4);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:#94a3b8;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:#64748b;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 rgba(148,163,184,.12);border-radius:12px;background:#1e293b80;color:#94a3b8;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:#94a3b8;border-bottom:1px solid rgba(148,163,184,.08);flex-shrink:0}.chat-history-close{background:none;border:none;color:#64748b;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:#475569;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:#e2e8f0;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:#475569}.chat-history-item-count{margin-left:auto}.chat-history-delete{position:absolute;top:10px;right:8px;padding:4px;background:none;border:none;color:#475569;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(--tab-bar-height, 4rem) + env(safe-area-inset-bottom,0px) + 16px);left:16px;z-index:50;width:48px;height:48px;border:none;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#06b6d4);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(--tab-bar-height, 4rem) + env(safe-area-inset-bottom,0px) + 24px);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}}.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 #0f172a}.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 rgba(148,163,184,.15);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:#64748b;opacity:.6}@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{color:#64748b}.chat-action-body{font-size:13px;color:#cbd5e1;line-height:1.5;white-space:pre-line}.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:#94a3b8;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:linear-gradient(180deg,#0f172a,#0a0f1e);padding-bottom:calc(80px + env(safe-area-inset-bottom))}.ki-header{padding:12px 16px 0;position:sticky;top:0;z-index:10;background:#0f172af2;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 rgba(148,163,184,.08)}.ki-back-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#94a3b81a;border:none;color:#94a3b8;cursor:pointer;flex-shrink:0}.ki-back-btn:active{background:#94a3b833}.ki-page-title{font-size:17px;font-weight:700;color:#f1f5f9;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 rgba(148,163,184,.12);background:#1e293b80;color:#94a3b8;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:#6366f140;border-color:#6366f180;color:#e0e7ff;box-shadow:0 0 8px #6366f126}.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:#1e293b8c;border:1px solid rgba(148,163,184,.08);border-radius:14px;padding:16px;overflow:hidden;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:#f59e0b}.ki-card-dot--indigo{background:#6366f1}.ki-card-dot--green{background:#22c55e}.ki-card-dot--purple{background:#a855f7}.ki-card-dot--cyan{background:#06b6d4}.ki-card-title{font-size:13px;font-weight:600;color:#94a3b8;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:#f1f5f9;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ki-hero-unit{font-size:13px;color:#64748b}.ki-hero-sub{font-size:12px;color:#475569}.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:#0f172a66}.ki-stat-val{font-size:18px;font-weight:700;color:#e2e8f0;line-height:1.2;font-variant-numeric:tabular-nums}.ki-stat-label{font-size:10px;color:#64748b;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;height:24px}.ki-bar-rank{font-size:11px;font-weight:600;color:#475569;width:14px;text-align:right;flex-shrink:0}.ki-bar-name{font-size:12px;color:#cbd5e1;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:#94a3b81a;flex-shrink:0}.ki-bar-fill{height:100%;border-radius:2px}.ki-bar-count{font-size:11px;font-weight:600;color:#94a3b8;width:24px;text-align:right;flex-shrink:0}.ki-section{font-size:11px;font-weight:600;color:#475569;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:#94a3b8}.ki-progress-val{font-size:12px;font-weight:600;color:#cbd5e1}.ki-progress-track{height:4px;border-radius:2px;background:#94a3b81a}.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}.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:#94a3b8}.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:#94a3b814;color:#94a3b8;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:#475569}.ki-empty{text-align:center;padding:16px 8px;color:#64748b;font-size:13px}.ki-empty-cta{margin-top:8px;padding:6px 14px;border-radius:8px;background:#6366f11f;border:1px solid rgba(99,102,241,.25);color:#818cf8;font-size:12px;font-weight:500;cursor:pointer}.ki-skeleton{background:#1e293b59;border:1px solid rgba(148,163,184,.05);border-radius:14px;padding:16px;animation:kiPulse 1.5s ease-in-out infinite}.ki-skel-line{border-radius:4px;background:#94a3b814}@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:#475569}.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:#22c55e1a;font-size:12px;font-weight:600;color:#4ade80;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: #91C11E;--hf-green-dark: #7BA818;--hf-green-light: #A8D44A;--hf-green-glow: rgba(145, 193, 30, .3)}.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,#1e293b99 25%,#33415566,#1e293b99 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;padding-bottom:calc(80px + env(safe-area-inset-bottom))}@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:#f1f5f9}.hf-header .hf-count{font-size:.8rem;color:#94a3b8;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:#1e293b99;color:#94a3b8;border:1px solid rgba(148,163,184,.1)}.hf-tab.active{background:#91c11e26;color:var(--hf-green);border-color:#91c11e4d}.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:#1e293b99;color:#94a3b8;border:1px solid rgba(148,163,184,.1);white-space:nowrap}.hf-country-chip.selected{background:#91c11e26;color:var(--hf-green);border-color:#91c11e4d}.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:#1e293b99;border:1px solid rgba(148,163,184,.15);color:#94a3b8;cursor:pointer;transition:all .2s}.hf-week-nav button:hover{background:#91c11e26;color:var(--hf-green);border-color:#91c11e4d}.hf-week-nav .week-label{font-size:.95rem;font-weight:600;color:#e2e8f0;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:#94a3b8;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:#64748b;white-space:nowrap;flex-shrink:0}.hf-sort-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:#1e293b99;border:1px solid rgba(148,163,184,.15);border-radius:6px;color:#cbd5e1;font-size:.75rem;padding:4px 8px;cursor:pointer}.hf-sort-select:focus{outline:none;border-color:#91c11e66}.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:rgba(148,163,184,.15) transparent}.hf-sidebar::-webkit-scrollbar{width:4px}.hf-sidebar::-webkit-scrollbar-thumb{background:#94a3b833;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:#00000073;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,#1e293bfc,#0f172a);display:flex;flex-direction:column;animation:dietModalSlideUp .28s cubic-bezier(.32,.72,0,1);padding-bottom:calc(env(safe-area-inset-bottom) + var(--tab-bar-height, 60px))}.hf-filter-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(148,163,184,.08);flex-shrink:0}.hf-filter-modal-header h2{font-size:1.1rem;font-weight:600;color:#e2e8f0;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:#94a3b81a;color:#94a3b8;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 rgba(148,163,184,.08);display:flex;align-items:center;gap:12px}.hf-filter-modal-clear{font-size:.8rem;color:#ef4444;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:#000;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 rgba(148,163,184,.15);background:#0f172a99;color:#e2e8f0;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:#64748b}.hf-search-bar input::placeholder{color:#64748b}.hf-search-bar .search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:#64748b;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:#e2e8f0}.hf-product-header .recipe-count{font-size:.8rem;color:#64748b;font-weight:400}.hf-product-header .chevron{color:#64748b;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,#1e293bf2,#0f172afa);border-radius:12px;border:1px solid rgba(148,163,184,.08);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:#91c11e4d;transform:translateY(-2px)}}.hf-card-image{position:relative;aspect-ratio:16 / 10;background:#1e293b;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 rgba(0,0,0,.5))}.hf-card-image .thermomix-badge{position:absolute;top:8px;right:8px;background:#91c11ee6;color:#000;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:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.65rem;font-weight:600;padding:3px 8px;border-radius:6px;letter-spacing:.02em}.hf-card-image .version-badge{background:#1e40afc7}.hf-card-body{padding:10px}.hf-card-body h3{font-size:.8rem;font-weight:600;color:#e2e8f0;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:#94a3b8}.hf-card-stats .stat{display:flex;align-items:center;gap:2px}.hf-card-stats .stat.cal{color:#f59e0b}.hf-card-stats .stat.prot{color:#3b82f6}.hf-card-stats .stat.rating{color:var(--hf-green)}.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:#1e293b99;color:#94a3b8;border:1px solid rgba(148,163,184,.1);transition:all .2s}.hf-filter-toggle.active{color:var(--hf-green);border-color:#91c11e4d}.hf-filter-panel{margin-top:12px;padding:12px;background:#0f172a80;border-radius:10px;border:1px solid rgba(148,163,184,.08)}.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:#64748b;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:#1e293b99;color:#94a3b8;border:1px solid rgba(148,163,184,.1)}.hf-filter-chip.selected{background:#91c11e26;color:var(--hf-green);border-color:#91c11e4d}.hf-filter-chip.exclude.selected{background:#ef444426;color:#f87171;border-color:#ef44444d;box-shadow:0 0 6px #ef444426}.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:#000;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:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.15);cursor:pointer;transition:all .2s}.hf-clear-all:hover{background:#ef444426}.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:#91c11e1a;color:var(--hf-green);border:1px solid rgba(145,193,30,.2);cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.hf-pill:hover{background:#91c11e2e}.hf-pill:active{transform:scale(.95)}.hf-pill svg{opacity:.5}.hf-pill.exclude{background:#ef44441a;color:#f87171;border-color:#ef444433}.hf-pill.exclude:hover{background:#ef44442e}.hf-filter-section{border-top:1px solid rgba(148,163,184,.06)}.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:#94a3b8;text-transform:uppercase;letter-spacing:.5px;background:none;border:none}.hf-filter-section-header svg{transition:transform .2s;color:#64748b}.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:#64748b;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:#94a3b81f;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:#64748b;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 rgba(145,193,30,.4);cursor:grab;pointer-events:all;box-shadow:0 0 8px #91c11e59,0 2px 4px #0000004d;-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 #91c11e80,0 2px 6px #0006}.hf-range-thumb::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.08);box-shadow:0 0 18px #91c11e99,0 2px 6px #00000080}.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 rgba(145,193,30,.4);cursor:grab;pointer-events:all;box-shadow:0 0 8px #91c11e59,0 2px 4px #0000004d}.hf-range-thumb-hi{z-index:2}.hf-range-thumb-lo{z-index:1}.chip-cal.suspect{color:#f59e0b;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 rgba(148,163,184,.2);background:#1e293b99;color:#94a3b8;font-size:.7rem;font-weight:500;cursor:pointer}.hf-sort .result-count{font-size:.7rem;color:#64748b;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 rgba(148,163,184,.2);background:#1e293b99;color:#94a3b8;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:#1e293b99;border:1px solid rgba(148,163,184,.1);color:#94a3b8;font-size:.85rem;cursor:pointer;transition:all .2s}.hf-pagination button.active{background:#91c11e26;color:var(--hf-green);border-color:#91c11e4d}.hf-pagination button:disabled{opacity:.3;cursor:not-allowed}.hf-loading{display:flex;justify-content:center;padding:40px;color:#64748b}.hf-empty{text-align:center;padding:40px 20px;color:#64748b}.hf-empty .icon{font-size:2rem;margin-bottom:8px}.hf-skel{background:linear-gradient(90deg,#1e293b99 25%,#33415566,#1e293b99 75%);background-size:200% 100%;animation:hf-shimmer 1.5s infinite;border-radius:6px}.hf-card-skel{background:linear-gradient(165deg,#1e293bf2,#0f172afa);border-radius:12px;border:1px solid rgba(148,163,184,.08);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{padding-bottom:calc(140px + env(safe-area-inset-bottom))}.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:rgba(148,163,184,.15) transparent}.hf-detail-left::-webkit-scrollbar{width:4px}.hf-detail-left::-webkit-scrollbar-thumb{background:#94a3b833;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:#0f172af2;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:#94a3b814}.hf-sticky-title .back-btn{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#94a3b81a;color:#94a3b8;border:none;cursor:pointer;flex-shrink:0}.hf-sticky-title .title{flex:1;font-size:.85rem;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hf-sticky-title .cal{font-size:.75rem;color:#f59e0b;font-weight:600;flex-shrink:0}.hf-hero{position:relative;aspect-ratio:16 / 10;max-height:44vh;background:#1e293b;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:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;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,#000c)}.hf-hero .name-overlay h1{font-size:1.25rem;font-weight:700;color:#fff;line-height:1.3}.hf-hero .name-overlay .headline{font-size:.85rem;color:#ffffffb3;margin-top:4px}.hf-variant-picker{border-bottom:1px solid rgba(148,163,184,.08)}.hf-variant-picker-label{padding:10px 16px 0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.hf-variant-chips{display:flex;gap:6px;padding:8px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid rgba(148,163,184,.08)}.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 rgba(148,163,184,.15);background:#1e293b99;color:#94a3b8;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:#91c11e4d;color:#e2e8f0}.variant-chip.active{background:#91c11e26;border-color:var(--hf-green);color:var(--hf-green-light);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:#64748b}.variant-chip .chip-cal{flex-shrink:0}.variant-chip .chip-prot{color:#60a5fa;font-weight:600}.variant-chip.active .chip-cal{color:#cbd5e1}.variant-chip.active .chip-prot{color:#93c5fd}.hf-version-history{border-bottom:1px solid rgba(148,163,184,.08)}.hf-version-toggle{width:100%;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;color:#e2e8f0;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:#64748b}.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 rgba(148,163,184,.12);background:#0f172a85;text-align:left;color:#e2e8f0;transition:border-color .2s,transform .2s,background .2s}.hf-version-item:active{transform:scale(.99)}.hf-version-item.viewing{border-color:#91c11e66;background:#91c11e14}.hf-version-item.latest{box-shadow:inset 0 0 0 1px #3b82f629}.hf-version-week{min-width:54px;font-size:.78rem;font-weight:700;color:#cbd5e1}.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:#94a3b8}.hf-version-delta{margin-top:4px;font-size:.7rem}.ver-cal{color:#fbbf24}.ver-prot{color:#60a5fa}.ver-ing{color:#94a3b8}.delta-up.cal{color:#f87171}.delta-down.cal,.delta-up.prot{color:#4ade80}.delta-down.prot{color:#f87171}.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:#3b82f62e;color:#93c5fd}.badge-viewing{background:#91c11e2e;color:var(--hf-green-light)}.hf-version-loading,.hf-version-empty{padding:12px 4px 4px;font-size:.78rem;color:#94a3b8}.hf-stats-bar{display:flex;justify-content:space-between;gap:4px;padding:12px 16px;border-bottom:1px solid rgba(148,163,184,.08)}.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:#e2e8f0}.hf-stat .label{font-size:.6rem;color:#64748b}.hf-servings{display:flex;align-items:center;gap:8px;padding:12px 16px}.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:#1e293b99;color:#94a3b8;border:1px solid rgba(148,163,184,.1)}.hf-servings .serving-btn.active{background:#91c11e26;color:var(--hf-green);border-color:#91c11e4d}.hf-section{padding:12px 16px;border-bottom:1px solid rgba(148,163,184,.06)}.hf-section h2{font-size:1rem;font-weight:600;color:#e2e8f0;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:#1e293b99}.hf-ingredient-row .name{flex:1;font-size:.85rem;color:#e2e8f0}.hf-ingredient-row .amount{font-size:.85rem;color:#94a3b8;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:#91c11e26;color:var(--hf-green);border:1px solid rgba(145,193,30,.3);flex-shrink:0}.hf-step .step-text{font-size:.88rem;color:#cbd5e1;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 rgba(148,163,184,.06);font-size:.85rem}.hf-nutrition-row .nut-label{color:#94a3b8}.hf-nutrition-row .nut-value{color:#e2e8f0;font-weight:500}.hf-tags{display:flex;flex-wrap:wrap;gap:6px}.hf-tag-chip{padding:4px 10px;border-radius:6px;font-size:.78rem;background:#91c11e1a;color:var(--hf-green-light);border:1px solid rgba(145,193,30,.2)}.hf-action-bar{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:calc(70px + env(safe-area-inset-bottom));background:linear-gradient(165deg,#1e293bfa,#0f172afc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(148,163,184,.08);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:#1e293bcc;color:#94a3b8;border:1px solid rgba(148,163,184,.15)}.hf-action-bar .log-btn{background:linear-gradient(135deg,var(--hf-green),var(--hf-green-dark));color:#000;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,#1e293bfa,#0f172afc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.1);box-shadow:0 8px 32px #00000073;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:#94a3b80f}.hf-log-option.primary{background:#91c11e0f}.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:#e2e8f0}.hf-log-option-text .subtitle{font-size:.78rem;color:#64748b;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:#91c11e1a;color:var(--hf-green-light);border:1px solid rgba(145,193,30,.15)}@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 #91c11e33}.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:#94a3b81a;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:#22c55e;background:#22c55e26}.hf-lang-pill:hover{background:#94a3b833}.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:#00000059;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#ffffffd9;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:#ef4444;background:#00000073}.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 rgba(148,163,184,.15);background:#1e293b99;color:#94a3b8;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.hf-favorites-pill:hover{border-color:#ef44444d;color:#f87171}.hf-favorites-pill.active{background:#ef444426;color:#f87171;border-color:#ef44444d}.hf-empty-browse{margin-top:12px;padding:8px 20px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;background:#91c11e26;color:var(--hf-green-light);border:1px solid rgba(145,193,30,.2);transition:all .2s ease}.hf-empty-browse:hover{background:#91c11e40}.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:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffd9;border:none;cursor:pointer;transition:transform .15s ease,color .2s ease;z-index:3}.hf-hero-fav.active{color:#ef4444}.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:#94a3b81a;color:#94a3b8;border:none;cursor:pointer;flex-shrink:0;transition:color .2s ease}.hf-sticky-fav.active{color:#ef4444}.hf-action-fav{flex:0 0 auto!important;width:46px;padding:12px!important;background:#1e293bcc;color:#94a3b8;border:1px solid rgba(148,163,184,.15);display:flex;align-items:center;justify-content:center;transition:color .2s ease,border-color .2s ease}.hf-action-fav.active{color:#ef4444;border-color:#ef44444d}@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}}@media (max-width: 767px){body{padding-left:.375rem;padding-right:.375rem;padding-top:0}.page-wrapper{padding-bottom:80px}.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:#0f172a;border:1px solid #1e293b;border-radius:var(--radius-sm, .25rem);padding:.375rem .5rem;color:var(--text-color, #f1f5f9);margin-bottom:.375rem}.day-view-container input[type=date],.day-view-container input[readonly]{background-color:#0f172ab3;border:1px solid #1e293b}textarea.sleep-notes,textarea.notes-input,.daily-notes-form textarea,textarea[name=sleepNotes]{min-height:80px;background-color:#0f172a;border:1px solid #1e293b;resize:vertical}.sleep-tracking textarea,.sleep-notes-container textarea{background-color:#0f172a;border:1px solid #1e293b}.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:#1e293b;box-shadow:0 2px 4px #0003;border:none}.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:#94a3b8}.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:#94a3b8}.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:#94a3b8}.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:#94a3b8}.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 rgba(255,255,255,.1);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{color:#fff;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:#3b82f6}.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:#10b981}.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:#ef4444}.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:#1e293b;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:#e2e8f0;white-space:nowrap;display:inline-block;width:auto;padding-right:4px}.entries-selector span:last-child{font-size:16px;color:#e2e8f0;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:#334155!important;color:#fff!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='%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;background-position:right 8px center;background-size:16px;border:1px solid #475569}.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:#334155!important;border-radius:8px;color:#fff!important;text-align:center;border:none;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:#fff!important;font-weight:500;min-width:60px!important;text-align:center;padding:12px 0!important;background-color:#1f2937!important;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:#1e293b;box-shadow:0 2px 4px #0003;border:none}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:#94a3b8}tr.mobile-entry-card td:nth-child(2):before{content:"Type: ";font-weight:600;color:#94a3b8}tr.mobile-entry-card td:nth-child(3):before{content:"Description: ";font-weight:600;color:#94a3b8}tr.mobile-entry-card td:nth-child(4):before{content:"Calories: ";font-weight:600;color:#94a3b8}tr.mobile-entry-card td:nth-child(5):before{content:"Protein (g): ";font-weight:600;color:#94a3b8}tr.mobile-entry-card td:last-child{display:flex;justify-content:flex-start;gap:8px;margin-top:8px;border-top:1px solid rgba(255,255,255,.1);padding-top:8px}tr.mobile-entry-card td:last-child:before{content:none}tr.mobile-entry-card td:last-child button{color:#fff;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:#3b82f6}tr.mobile-entry-card td:last-child button:nth-of-type(2){background-color:#10b981}tr.mobile-entry-card td:last-child button:nth-of-type(3){background-color:#ef4444}}@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,.fixed.inset-0.bg-black.bg-opacity-50.flex.items-center.justify-center.z-50>div{max-width:100%;width:100%;margin:16px;max-height:calc(100vh - 32px);overflow-y:auto;position:relative;padding-bottom:70px}.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:#1e293b;border-top:1px solid rgba(255,255,255,.1);justify-content:space-between;width:100%}.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{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:#1e293b;box-shadow:0 -4px 10px #0003}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .flex.justify-end button:last-child{background-color:#3b82f6;color:#fff}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .flex.justify-end button:first-child{background-color:transparent;border:1px solid rgba(255,255,255,.1)}}@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:#fff;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:#1e293be6;padding:10px;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:0 2px 10px #0000004d;border:1px solid rgba(255,255,255,.1)}}@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 70px;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:#1e293b;margin-left:-16px;margin-right:-16px;padding:16px;width:calc(100% + 32px);display:flex;justify-content:space-between;box-shadow:0 -4px 10px #0003;z-index:10;border-top:1px solid rgba(255,255,255,.1)}.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, #0f172a);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:#e2e8f0;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:#334155;border-radius:8px;color:#fff;text-align:center;border:none;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:#1e293b;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 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}:root{--background: 0 0% 100%;--foreground: 226 64% 92%;--card: 222.2 84% 4.9%;--card-foreground: 226 64% 92%;--popover: 222.2 84% 4.9%;--popover-foreground: 226 64% 92%;--primary: 210 40% 98%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 226 64% 92%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 226 64% 92%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 226 64% 92%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 226 64% 92%;--border: 217.2 32.6% 17.5%;--input: 215 25% 10%;--ring: 212.7 26.8% 83.9%;--radius: .5rem}:root.dark{--background: 222.2 84% 4.9%;--foreground: 226 64% 92%}html,body,#root{font-family:Poppins,sans-serif}input,textarea,select{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));font-family:Poppins,sans-serif}input.fixed.left-0.top-0.h-full.z-50,textarea.fixed.left-0.top-0.h-full.z-50,select.fixed.left-0.top-0.h-full.z-50,input.fixed.bottom-0.left-0.right-0.border-t.border-slate-800.z-50,textarea.fixed.bottom-0.left-0.right-0.border-t.border-slate-800.z-50,select.fixed.bottom-0.left-0.right-0.border-t.border-slate-800.z-50{z-index:var(--z-sidebar)}@media (max-width: 767px){input.fixed.bottom-0.left-0.right-0.border-t.border-slate-800.z-50,textarea.fixed.bottom-0.left-0.right-0.border-t.border-slate-800.z-50,select.fixed.bottom-0.left-0.right-0.border-t.border-slate-800.z-50{z-index:var(--z-sidebar)}}@media (min-width: 768px){input.fixed.left-0.top-0.h-full.z-50,textarea.fixed.left-0.top-0.h-full.z-50,select.fixed.left-0.top-0.h-full.z-50{z-index:var(--z-sidebar)}}@media (max-width: 639px){.fixed.inset-0.bg-black\/70>input.rounded-lg,.fixed.inset-0.bg-black\/70>textarea.rounded-lg,.fixed.inset-0.bg-black\/70>select.rounded-lg{margin:.5rem;max-height:calc(100vh - 1rem)}}input:focus,textarea:focus,select:focus{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1))}*{border-color:hsl(var(--border));--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1));font-family:Poppins,sans-serif}body{background-color:hsl(var(--background));--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1));font-family:Poppins,sans-serif}.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:#374151;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(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);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(--tw-prose-headings);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(--tw-prose-headings);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(--tw-prose-code);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}.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-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-14{right:-3.5rem}.-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-16{bottom:4rem}.bottom-2{bottom:.5rem}.bottom-20{bottom:5rem}.bottom-3{bottom:.75rem}.bottom-32{bottom:8rem}.bottom-4{bottom:1rem}.bottom-\[60px\]{bottom:60px}.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-\[280px\]{top:280px}.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-\[1000001\]{z-index:1000001}.z-\[1000003\]{z-index:1000003}.z-\[1000004\]{z-index:1000004}.z-\[10000\]{z-index:10000}.z-\[100\]{z-index:100}.z-\[101\]{z-index:101}.z-\[2000000\]{z-index:2000000}.z-\[200\]{z-index:200}.z-\[201\]{z-index:201}.z-\[60\]{z-index:60}.z-\[90\]{z-index:90}.z-\[998\]{z-index:998}.z-\[99999999999\]{z-index:99999999999}.z-\[9999999\]{z-index:9999999}.z-\[999999\]{z-index:999999}.z-\[999\]{z-index:999}.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}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.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}.-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-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-\[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-\[50vh\]{max-height:50vh}.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\(100vh-24px\)\]{max-height:calc(100vh - 24px)}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-0{min-height:0px}.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-\[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-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-\[90vw\]{width:90vw}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-\[110px\]{min-width:110px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[20px\]{min-width:20px}.min-w-\[24px\]{min-width:24px}.min-w-\[28px\]{min-width:28px}.min-w-\[32px\]{min-width:32px}.min-w-\[380px\]{min-width:380px}.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-\[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-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-\[1\]{flex:1}.flex-\[3\]{flex:3}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-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\%\+64px\)\]{--tw-translate-y: calc(100% + 64px) ;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\%\+80px\)\]{--tw-translate-y: calc(100% + 80px) ;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-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-1{row-gap:.25rem}.space-x-0\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.125rem * var(--tw-space-x-reverse));margin-left:calc(.125rem * calc(1 - var(--tw-space-x-reverse)))}.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-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-slate-600>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(71 85 105 / var(--tw-divide-opacity, 1))}.divide-slate-700>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(51 65 85 / var(--tw-divide-opacity, 1))}.divide-slate-700\/50>:not([hidden])~:not([hidden]){border-color:#33415580}.divide-slate-800>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(30 41 59 / var(--tw-divide-opacity, 1))}.divide-slate-800\/50>:not([hidden])~:not([hidden]){border-color:#1e293b80}.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}.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{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[10px\]{border-radius:10px}.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-lg{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.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{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)}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.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}.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-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-amber-300{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))}.border-amber-400\/20{border-color:#fbbf2433}.border-amber-500{--tw-border-opacity: 1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}.border-amber-500\/15{border-color:#f59e0b26}.border-amber-500\/20{border-color:#f59e0b33}.border-amber-500\/30{border-color:#f59e0b4d}.border-amber-500\/40{border-color:#f59e0b66}.border-amber-500\/50{border-color:#f59e0b80}.border-amber-500\/60{border-color:#f59e0b99}.border-amber-600{--tw-border-opacity: 1;border-color:rgb(217 119 6 / var(--tw-border-opacity, 1))}.border-amber-600\/20{border-color:#d9770633}.border-amber-600\/30{border-color:#d977064d}.border-amber-600\/50{border-color:#d9770680}.border-amber-700{--tw-border-opacity: 1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1))}.border-amber-700\/30{border-color:#b453094d}.border-amber-700\/50{border-color:#b4530980}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-blue-400\/30{border-color:#60a5fa4d}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-500\/10{border-color:#3b82f61a}.border-blue-500\/20{border-color:#3b82f633}.border-blue-500\/30{border-color:#3b82f64d}.border-blue-500\/40{border-color:#3b82f666}.border-blue-500\/50{border-color:#3b82f680}.border-blue-500\/60{border-color:#3b82f699}.border-blue-600\/20{border-color:#2563eb33}.border-blue-600\/30{border-color:#2563eb4d}.border-blue-600\/50{border-color:#2563eb80}.border-blue-700{--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.border-blue-700\/50{border-color:#1d4ed880}.border-blue-800\/50{border-color:#1e40af80}.border-cyan-400{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}.border-cyan-500{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.border-cyan-500\/15{border-color:#06b6d426}.border-cyan-500\/30{border-color:#06b6d44d}.border-emerald-400\/30{border-color:#34d3994d}.border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-emerald-500\/15{border-color:#10b98126}.border-emerald-500\/25{border-color:#10b98140}.border-emerald-500\/50{border-color:#10b98180}.border-emerald-600\/30{border-color:#0596694d}.border-emerald-700\/50{border-color:#04785780}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.border-green-400{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.border-green-400\/30{border-color:#4ade804d}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-green-500\/20{border-color:#22c55e33}.border-green-500\/30{border-color:#22c55e4d}.border-green-500\/40{border-color:#22c55e66}.border-green-500\/50{border-color:#22c55e80}.border-green-600\/30{border-color:#16a34a4d}.border-green-600\/40{border-color:#16a34a66}.border-green-600\/50{border-color:#16a34a80}.border-green-700{--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}.border-green-700\/30{border-color:#15803d4d}.border-green-700\/50{border-color:#15803d80}.border-green-800\/30{border-color:#1665344d}.border-indigo-500\/15{border-color:#6366f126}.border-orange-500{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}.border-orange-500\/20{border-color:#f9731633}.border-orange-500\/30{border-color:#f973164d}.border-orange-600\/50{border-color:#ea580c80}.border-orange-800\/50{border-color:#9a341280}.border-pink-500\/30{border-color:#ec48994d}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-purple-300{--tw-border-opacity: 1;border-color:rgb(216 180 254 / 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\/15{border-color:#a855f726}.border-purple-500\/20{border-color:#a855f733}.border-purple-500\/30{border-color:#a855f74d}.border-purple-500\/40{border-color:#a855f766}.border-purple-500\/50{border-color:#a855f780}.border-purple-500\/60{border-color:#a855f799}.border-purple-600{--tw-border-opacity: 1;border-color:rgb(147 51 234 / var(--tw-border-opacity, 1))}.border-purple-600\/30{border-color:#9333ea4d}.border-purple-600\/40{border-color:#9333ea66}.border-purple-700{--tw-border-opacity: 1;border-color:rgb(126 34 206 / var(--tw-border-opacity, 1))}.border-purple-700\/30{border-color:#7e22ce4d}.border-purple-700\/50{border-color:#7e22ce80}.border-purple-800\/50{border-color:#6b21a880}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-red-400\/30{border-color:#f871714d}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-500\/20{border-color:#ef444433}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/40{border-color:#ef444466}.border-red-500\/50{border-color:#ef444480}.border-red-600{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}.border-red-600\/20{border-color:#dc262633}.border-red-600\/30{border-color:#dc26264d}.border-red-600\/50{border-color:#dc262680}.border-red-600\/60{border-color:#dc262699}.border-red-700{--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}.border-red-700\/30{border-color:#b91c1c4d}.border-red-700\/50{border-color:#b91c1c80}.border-red-800\/50{border-color:#991b1b80}.border-sky-300{--tw-border-opacity: 1;border-color:rgb(125 211 252 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.border-slate-500{--tw-border-opacity: 1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1))}.border-slate-500\/30{border-color:#64748b4d}.border-slate-600{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.border-slate-600\/30{border-color:#4755694d}.border-slate-600\/50{border-color:#47556980}.border-slate-700{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.border-slate-700\/30{border-color:#3341554d}.border-slate-700\/40{border-color:#33415566}.border-slate-700\/50{border-color:#33415580}.border-slate-800{--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.border-slate-800\/30{border-color:#1e293b4d}.border-slate-800\/50{border-color:#1e293b80}.border-slate-900{--tw-border-opacity: 1;border-color:rgb(15 23 42 / var(--tw-border-opacity, 1))}.border-teal-500\/30{border-color:#14b8a64d}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-yellow-500\/20{border-color:#eab30833}.border-yellow-500\/30{border-color:#eab3084d}.border-yellow-600\/30{border-color:#ca8a044d}.border-yellow-700{--tw-border-opacity: 1;border-color:rgb(161 98 7 / var(--tw-border-opacity, 1))}.border-l-amber-500{--tw-border-opacity: 1;border-left-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}.border-l-red-500{--tw-border-opacity: 1;border-left-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-t-blue-500{--tw-border-opacity: 1;border-top-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.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-transparent{background-color:transparent!important}.bg-\[\#00AC46\]{--tw-bg-opacity: 1;background-color:rgb(0 172 70 / var(--tw-bg-opacity, 1))}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.bg-amber-400\/10{background-color:#fbbf241a}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-500\/15{background-color:#f59e0b26}.bg-amber-500\/20{background-color:#f59e0b33}.bg-amber-500\/90{background-color:#f59e0be6}.bg-amber-600{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.bg-amber-600\/20{background-color:#d9770633}.bg-amber-600\/80{background-color:#d97706cc}.bg-amber-700\/30{background-color:#b453094d}.bg-amber-900\/20{background-color:#78350f33}.bg-amber-900\/30{background-color:#78350f4d}.bg-amber-900\/40{background-color:#78350f66}.bg-amber-900\/50{background-color:#78350f80}.bg-amber-900\/90{background-color:#78350fe6}.bg-amber-950\/40{background-color:#451a0366}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/0{background-color:#0000}.bg-black\/40{background-color:#0006}.bg-black\/45{background-color:#00000073}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/75{background-color:#000000bf}.bg-black\/80{background-color:#000c}.bg-black\/90{background-color:#000000e6}.bg-black\/95{background-color:#000000f2}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-400\/10{background-color:#60a5fa1a}.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-500\/15{background-color:#3b82f626}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-500\/5{background-color:#3b82f60d}.bg-blue-500\/50{background-color:#3b82f680}.bg-blue-500\/80{background-color:#3b82f6cc}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-600\/10{background-color:#2563eb1a}.bg-blue-600\/20{background-color:#2563eb33}.bg-blue-600\/30{background-color:#2563eb4d}.bg-blue-600\/40{background-color:#2563eb66}.bg-blue-600\/80{background-color:#2563ebcc}.bg-blue-600\/90{background-color:#2563ebe6}.bg-blue-900\/20{background-color:#1e3a8a33}.bg-blue-900\/30{background-color:#1e3a8a4d}.bg-blue-900\/40{background-color:#1e3a8a66}.bg-blue-900\/50{background-color:#1e3a8a80}.bg-blue-900\/90{background-color:#1e3a8ae6}.bg-cyan-400{--tw-bg-opacity: 1;background-color:rgb(34 211 238 / var(--tw-bg-opacity, 1))}.bg-cyan-500{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1))}.bg-cyan-500\/10{background-color:#06b6d41a}.bg-cyan-500\/20{background-color:#06b6d433}.bg-cyan-600{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/10{background-color:#10b9811a}.bg-emerald-500\/15{background-color:#10b98126}.bg-emerald-500\/20{background-color:#10b98133}.bg-emerald-500\/30{background-color:#10b9814d}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-emerald-600\/20{background-color:#05966933}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-400\/10{background-color:#4ade801a}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/15{background-color:#22c55e26}.bg-green-500\/20{background-color:#22c55e33}.bg-green-500\/60{background-color:#22c55e99}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-green-600\/20{background-color:#16a34a33}.bg-green-600\/30{background-color:#16a34a4d}.bg-green-600\/80{background-color:#16a34acc}.bg-green-900\/10{background-color:#14532d1a}.bg-green-900\/20{background-color:#14532d33}.bg-green-900\/30{background-color:#14532d4d}.bg-green-900\/40{background-color:#14532d66}.bg-green-900\/50{background-color:#14532d80}.bg-green-900\/90{background-color:#14532de6}.bg-indigo-500\/10{background-color:#6366f11a}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-400{--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-orange-500\/10{background-color:#f973161a}.bg-orange-500\/15{background-color:#f9731626}.bg-orange-500\/20{background-color:#f9731633}.bg-orange-600{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.bg-orange-600\/20{background-color:#ea580c33}.bg-orange-600\/80{background-color:#ea580ccc}.bg-orange-900\/20{background-color:#7c2d1233}.bg-orange-900\/30{background-color:#7c2d124d}.bg-pink-400{--tw-bg-opacity: 1;background-color:rgb(244 114 182 / var(--tw-bg-opacity, 1))}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-pink-500\/20{background-color:#ec489933}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-400{--tw-bg-opacity: 1;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-500\/10{background-color:#a855f71a}.bg-purple-500\/15{background-color:#a855f726}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-500\/30{background-color:#a855f74d}.bg-purple-500\/50{background-color:#a855f780}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-purple-600\/20{background-color:#9333ea33}.bg-purple-600\/30{background-color:#9333ea4d}.bg-purple-700{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.bg-purple-800{--tw-bg-opacity: 1;background-color:rgb(107 33 168 / var(--tw-bg-opacity, 1))}.bg-purple-900\/10{background-color:#581c871a}.bg-purple-900\/20{background-color:#581c8733}.bg-purple-900\/30{background-color:#581c874d}.bg-purple-900\/50{background-color:#581c8780}.bg-purple-900\/95{background-color:#581c87f2}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-red-400\/10{background-color:#f871711a}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/15{background-color:#ef444426}.bg-red-500\/20{background-color:#ef444433}.bg-red-500\/30{background-color:#ef44444d}.bg-red-500\/80{background-color:#ef4444cc}.bg-red-500\/90{background-color:#ef4444e6}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-red-600\/20{background-color:#dc262633}.bg-red-600\/30{background-color:#dc26264d}.bg-red-600\/50{background-color:#dc262680}.bg-red-600\/90{background-color:#dc2626e6}.bg-red-700{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.bg-red-900\/10{background-color:#7f1d1d1a}.bg-red-900\/20{background-color:#7f1d1d33}.bg-red-900\/30{background-color:#7f1d1d4d}.bg-red-900\/40{background-color:#7f1d1d66}.bg-red-900\/50{background-color:#7f1d1d80}.bg-red-900\/90{background-color:#7f1d1de6}.bg-rose-500\/20{background-color:#f43f5e33}.bg-sky-100{--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))}.bg-sky-500{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.bg-slate-400{--tw-bg-opacity: 1;background-color:rgb(148 163 184 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-500{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.bg-slate-500\/15{background-color:#64748b26}.bg-slate-500\/20{background-color:#64748b33}.bg-slate-600{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.bg-slate-600\/20{background-color:#47556933}.bg-slate-600\/30{background-color:#4755694d}.bg-slate-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.bg-slate-700\/10{background-color:#3341551a}.bg-slate-700\/20{background-color:#33415533}.bg-slate-700\/30{background-color:#3341554d}.bg-slate-700\/40{background-color:#33415566}.bg-slate-700\/50{background-color:#33415580}.bg-slate-700\/60{background-color:#33415599}.bg-slate-700\/80{background-color:#334155cc}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-slate-800\/30{background-color:#1e293b4d}.bg-slate-800\/40{background-color:#1e293b66}.bg-slate-800\/50{background-color:#1e293b80}.bg-slate-800\/60{background-color:#1e293b99}.bg-slate-800\/70{background-color:#1e293bb3}.bg-slate-800\/80{background-color:#1e293bcc}.bg-slate-800\/90{background-color:#1e293be6}.bg-slate-800\/95{background-color:#1e293bf2}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-slate-900\/30{background-color:#0f172a4d}.bg-slate-900\/40{background-color:#0f172a66}.bg-slate-900\/50{background-color:#0f172a80}.bg-slate-900\/60{background-color:#0f172a99}.bg-slate-900\/80{background-color:#0f172acc}.bg-slate-900\/90{background-color:#0f172ae6}.bg-slate-900\/95{background-color:#0f172af2}.bg-slate-950{--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.bg-slate-950\/95{background-color:#020617f2}.bg-teal-500{--tw-bg-opacity: 1;background-color:rgb(20 184 166 / var(--tw-bg-opacity, 1))}.bg-teal-500\/20{background-color:#14b8a633}.bg-teal-600{--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/50{background-color:#ffffff80}.bg-white\/95{background-color:#fffffff2}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/10{background-color:#eab3081a}.bg-yellow-500\/15{background-color:#eab30826}.bg-yellow-500\/20{background-color:#eab30833}.bg-yellow-600{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.bg-yellow-600\/10{background-color:#ca8a041a}.bg-yellow-600\/20{background-color:#ca8a0433}.bg-yellow-600\/30{background-color:#ca8a044d}.bg-yellow-900\/20{background-color:#713f1233}.bg-opacity-0{--tw-bg-opacity: 0}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-60{--tw-bg-opacity: .6}.bg-opacity-70{--tw-bg-opacity: .7}.bg-opacity-75{--tw-bg-opacity: .75}.bg-opacity-80{--tw-bg-opacity: .8}.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-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-amber-500\/10{--tw-gradient-from: rgb(245 158 11 / .1) 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-amber-600{--tw-gradient-from: #d97706 var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 119 6 / 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-emerald-500\/10{--tw-gradient-from: rgb(16 185 129 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-600{--tw-gradient-from: #059669 var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-900\/50{--tw-gradient-from: rgb(6 78 59 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-50{--tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 253 244 / 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-green-900\/20{--tw-gradient-from: rgb(20 83 45 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500\/10{--tw-gradient-from: rgb(99 102 241 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-400{--tw-gradient-from: #f472b6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 114 182 / 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-pink-500\/20{--tw-gradient-from: rgb(236 72 153 / .2) 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-400{--tw-gradient-from: #c084fc var(--tw-gradient-from-position);--tw-gradient-to: rgb(192 132 252 / 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-500\/10{--tw-gradient-from: rgb(168 85 247 / .1) 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-500\/15{--tw-gradient-from: rgb(168 85 247 / .15) 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-600\/20{--tw-gradient-from: rgb(147 51 234 / .2) 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-600\/80{--tw-gradient-from: rgb(147 51 234 / .8) 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)}.from-slate-800{--tw-gradient-from: #1e293b var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-800\/95{--tw-gradient-from: rgb(30 41 59 / .95) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from: #0f172a var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-900\/60{--tw-gradient-from: rgb(15 23 42 / .6) var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-900\/80{--tw-gradient-from: rgb(15 23 42 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-950{--tw-gradient-from: #020617 var(--tw-gradient-from-position);--tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-amber-500{--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f59e0b 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)}.via-blue-600\/15{--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(37 99 235 / .15) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-600{--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-amber-600{--tw-gradient-to: #d97706 var(--tw-gradient-to-position)}.to-blue-400{--tw-gradient-to: #60a5fa var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-blue-950\/20{--tw-gradient-to: rgb(23 37 84 / .2) var(--tw-gradient-to-position)}.to-cyan-400{--tw-gradient-to: #22d3ee 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-500\/10{--tw-gradient-to: rgb(6 182 212 / .1) var(--tw-gradient-to-position)}.to-cyan-500\/80{--tw-gradient-to: rgb(6 182 212 / .8) var(--tw-gradient-to-position)}.to-cyan-900\/20{--tw-gradient-to: rgb(22 78 99 / .2) 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-fuchsia-500\/5{--tw-gradient-to: rgb(217 70 239 / .05) var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to: #16a34a var(--tw-gradient-to-position)}.to-indigo-500{--tw-gradient-to: #6366f1 var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.to-orange-500\/5{--tw-gradient-to: rgb(249 115 22 / .05) var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #ec4899 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-slate-900{--tw-gradient-to: #0f172a var(--tw-gradient-to-position)}.to-slate-900\/95{--tw-gradient-to: rgb(15 23 42 / .95) var(--tw-gradient-to-position)}.to-teal-500{--tw-gradient-to: #14b8a6 var(--tw-gradient-to-position)}.to-teal-500\/5{--tw-gradient-to: rgb(20 184 166 / .05) var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to: #0d9488 var(--tw-gradient-to-position)}.to-teal-900\/50{--tw-gradient-to: rgb(19 78 74 / .5) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-violet-400{--tw-gradient-to: #a78bfa var(--tw-gradient-to-position)}.to-violet-500{--tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position)}.to-violet-500\/20{--tw-gradient-to: rgb(139 92 246 / .2) var(--tw-gradient-to-position)}.to-violet-500\/5{--tw-gradient-to: rgb(139 92 246 / .05) var(--tw-gradient-to-position)}.to-yellow-500{--tw-gradient-to: #eab308 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-blue-400{fill:#60a5fa}.fill-blue-500{fill:#3b82f6}.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-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-2{padding-bottom:.5rem}.pb-2\.5{padding-bottom:.625rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-40{padding-bottom:10rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pl-0{padding-left:0}.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-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-20{padding-right:5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.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-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.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}.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\.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-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\!text-green-300{--tw-text-opacity: 1 !important;color:rgb(134 239 172 / var(--tw-text-opacity, 1))!important}.text-amber-100{--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}.text-amber-200{--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.text-amber-200\/70{color:#fde68ab3}.text-amber-200\/80{color:#fde68acc}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-300\/80{color:#fcd34dcc}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-400\/60{color:#fbbf2499}.text-amber-400\/70{color:#fbbf24b3}.text-amber-400\/80{color:#fbbf24cc}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-500\/70{color:#f59e0bb3}.text-amber-500\/80{color:#f59e0bcc}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-900{--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.text-amber-950{--tw-text-opacity: 1;color:rgb(69 26 3 / var(--tw-text-opacity, 1))}.text-amber-950\/70{color:#451a03b3}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-100{--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}.text-blue-200{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.text-blue-200\/70{color:#bfdbfeb3}.text-blue-200\/75{color:#bfdbfebf}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-blue-300\/60{color:#93c5fd99}.text-blue-300\/80{color:#93c5fdcc}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-400\/70{color:#60a5fab3}.text-blue-400\/80{color:#60a5facc}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-500\/60{color:#3b82f699}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-cyan-100{--tw-text-opacity: 1;color:rgb(207 250 254 / var(--tw-text-opacity, 1))}.text-cyan-300{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-cyan-600{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-400\/80{color:#34d399cc}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-100{--tw-text-opacity: 1;color:rgb(220 252 231 / var(--tw-text-opacity, 1))}.text-green-200{--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-400\/70{color:#4ade80b3}.text-green-400\/80{color:#4ade80cc}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-green-900{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}.text-indigo-100{--tw-text-opacity: 1;color:rgb(224 231 255 / var(--tw-text-opacity, 1))}.text-indigo-300{--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.text-indigo-300\/80{color:#a5b4fccc}.text-lime-400{--tw-text-opacity: 1;color:rgb(163 230 53 / var(--tw-text-opacity, 1))}.text-orange-100{--tw-text-opacity: 1;color:rgb(255 237 213 / var(--tw-text-opacity, 1))}.text-orange-300{--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-orange-400\/70{color:#fb923cb3}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-800{--tw-text-opacity: 1;color:rgb(154 52 18 / 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-100{--tw-text-opacity: 1;color:rgb(243 232 255 / var(--tw-text-opacity, 1))}.text-purple-200{--tw-text-opacity: 1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))}.text-purple-200\/80{color:#e9d5ffcc}.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-300\/80{color:#d8b4fecc}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-purple-400\/60{color:#c084fc99}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-100{--tw-text-opacity: 1;color:rgb(254 226 226 / var(--tw-text-opacity, 1))}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.text-red-200\/70{color:#fecacab3}.text-red-200\/80{color:#fecacacc}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-400\/70{color:#f87171b3}.text-red-400\/80{color:#f87171cc}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-red-900{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}.text-rose-400{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.text-sky-400{--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}.text-sky-900{--tw-text-opacity: 1;color:rgb(12 74 110 / 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-slate-500\/70{color:#64748bb3}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-700\/40{color:#33415566}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-teal-100{--tw-text-opacity: 1;color:rgb(204 251 241 / var(--tw-text-opacity, 1))}.text-teal-300{--tw-text-opacity: 1;color:rgb(94 234 212 / var(--tw-text-opacity, 1))}.text-teal-400{--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/50{color:#ffffff80}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-yellow-100{--tw-text-opacity: 1;color:rgb(254 249 195 / var(--tw-text-opacity, 1))}.text-yellow-200{--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-400\/80{color:#facc15cc}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.decoration-blue-500\/50{text-decoration-color:#3b82f680}.decoration-dotted{text-decoration-style:dotted}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.placeholder-slate-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}.placeholder-slate-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}.placeholder-slate-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(100 116 139 / var(--tw-placeholder-opacity, 1))}.placeholder-slate-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(100 116 139 / var(--tw-placeholder-opacity, 1))}.placeholder-slate-600::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(71 85 105 / var(--tw-placeholder-opacity, 1))}.placeholder-slate-600::placeholder{--tw-placeholder-opacity: 1;color:rgb(71 85 105 / var(--tw-placeholder-opacity, 1))}.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-none{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.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_12px_rgba\(59\,130\,246\,0\.15\)\]{--tw-shadow: 0 0 12px rgba(59,130,246,.15);--tw-shadow-colored: 0 0 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_8px_rgba\(16\,185\,129\,0\.1\)\]{--tw-shadow: 0 0 8px rgba(16,185,129,.1);--tw-shadow-colored: 0 0 8px 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_8px_rgba\(59\,130\,246\,0\.1\)\]{--tw-shadow: 0 0 8px rgba(59,130,246,.1);--tw-shadow-colored: 0 0 8px 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_1px_3px_rgba\(0\,0\,0\,0\.4\)\,0_4px_12px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow: 0 1px 3px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.3);--tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 4px 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_4px_20px_rgba\(124\,58\,237\,0\.25\)\]{--tw-shadow: 0 4px 20px rgba(124,58,237,.25);--tw-shadow-colored: 0 4px 20px 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-black\/50{--tw-shadow-color: rgb(0 0 0 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-blue-500\/20{--tw-shadow-color: rgb(59 130 246 / .2);--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-600\/30{--tw-shadow-color: rgb(37 99 235 / .3);--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\/20{--tw-shadow-color: rgb(16 185 129 / .2);--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-emerald-600\/20{--tw-shadow-color: rgb(5 150 105 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-green-900\/30{--tw-shadow-color: rgb(20 83 45 / .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)}.shadow-red-900\/30{--tw-shadow-color: rgb(127 29 29 / .3);--tw-shadow: var(--tw-shadow-colored)}.\!outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.\!ring-0{--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(0px + 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}.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-0{--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(0px + 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-amber-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1))}.ring-amber-500\/30{--tw-ring-color: rgb(245 158 11 / .3)}.ring-amber-500\/60{--tw-ring-color: rgb(245 158 11 / .6)}.ring-blue-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1))}.ring-blue-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.ring-blue-500\/10{--tw-ring-color: rgb(59 130 246 / .1)}.ring-blue-500\/30{--tw-ring-color: rgb(59 130 246 / .3)}.ring-green-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1))}.ring-green-500\/30{--tw-ring-color: rgb(34 197 94 / .3)}.ring-pink-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(244 114 182 / var(--tw-ring-opacity, 1))}.ring-purple-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1))}.ring-purple-500\/30{--tw-ring-color: rgb(168 85 247 / .3)}.ring-red-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.ring-slate-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1))}.ring-white{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}.ring-offset-1{--tw-ring-offset-width: 1px}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-slate-800{--tw-ring-offset-color: #1e293b}.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-\[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-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-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}:root{color-scheme:dark}body{background-color:#0f172a;color:#f8fafc}.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:#0f172abf;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:#020817}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{scrollbar-width:thin;scrollbar-color:hsl(217.2 32.6% 17.5%) hsl(222.2 84% 4.9%);font-family:Poppins,sans-serif}.changelog-content{line-height:1.625;--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.changelog-content h2{margin-top:2rem;margin-bottom:1rem;border-bottom-width:1px;padding-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.day-view-wrapper .hidden.md\:flex button.changelog-content h2{transition:all .2s ease;color:#f8fafc}.day-view-wrapper .hidden.md\:flex button.changelog-content h2:hover{color:#f8fafc}.day-view-wrapper .hidden.md\:flex button.changelog-content h2 .group-hover\:border-blue-400\/70,.day-view-wrapper .hidden.md\:flex button.changelog-content h2:hover .border-blue-400\/30{border-color:#60a5fab3;border-width:1px;transition:all .2s ease}@media (max-width: 767px){.settings-page .page-content-container h2.changelog-content h2.font-semibold,.analytics-page .page-content-container h2.changelog-content h2.font-semibold,.garmin-settings-page .page-content-container h2.changelog-content h2.font-semibold,.category-settings-page .page-content-container h2.changelog-content h2.font-semibold{font-size:1.25rem;font-weight:600;margin-top:1rem;margin-bottom:1rem;color:#e2e8f0}.garmin-settings-page .changelog-content h2,.category-settings-page .changelog-content h2{margin-bottom:.75rem}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800>h2+div .changelog-content h2.font-semibold{display:none}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .changelog-content h2.font-semibold+.space-y-6>div:nth-last-child(2),.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .changelog-content h2.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 .changelog-content h2.font-semibold+.space-y-6>div:nth-last-child(2)>div,.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .changelog-content h2.font-semibold+.space-y-6>div:nth-last-child(3)>div{width:50%}}.changelog-content h3{margin-top:1.5rem;margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}@media (max-width: 767px){.settings-page .page-content-container h2.text-xl.changelog-content h3,.analytics-page .page-content-container h2.text-xl.changelog-content h3{font-size:1.25rem;font-weight:600;margin-top:1rem;margin-bottom:1rem;color:#e2e8f0}.settings-page h3.changelog-content h3,.analytics-page h3.changelog-content h3{font-size:1rem;margin-bottom:.75rem}.garmin-settings-page .page-content-container h2.text-xl.changelog-content h3,.category-settings-page .page-content-container h2.text-xl.changelog-content h3{font-size:1.25rem;font-weight:600;margin-top:1rem;margin-bottom:1rem;color:#e2e8f0}.garmin-settings-page h3.changelog-content h3,.category-settings-page h3.changelog-content h3{font-size:1rem;margin-bottom:.75rem}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800>h2+div .text-xl.changelog-content h3{display:none}.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .text-xl.changelog-content h3+.space-y-6>div:nth-last-child(2),.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .text-xl.changelog-content h3+.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.changelog-content h3+.space-y-6>div:nth-last-child(2)>div,.fixed.inset-0.flex.items-center.justify-center .bg-slate-800 .text-xl.changelog-content h3+.space-y-6>div:nth-last-child(3)>div{width:50%}}.changelog-content h3.font-medium.analytics-top-text{font-weight:800;letter-spacing:.02em}.changelog-content p{margin-top:.5rem;margin-bottom:.5rem;--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.changelog-content ul{margin-top:1rem;margin-bottom:1rem}.changelog-content ul>: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))}.changelog-content ul{padding-left:1.25rem}.recipe-export-card--minimalist .changelog-content ul>div{margin-bottom:.75rem}.changelog-content li{list-style-type:disc;--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.changelog-content a{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.day-view-wrapper .hidden.md\:flex button.changelog-content a{transition:all .2s ease}.day-view-wrapper .hidden.md\:flex button.changelog-content a:hover{background-color:#3b82f626;color:#93c5fd;transform:scale(1.05)}.recipe-export-card.recipe-export-card--dark .changelog-content a{color:#60a5fa}.changelog-content a:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.changelog-content h1{margin-bottom:1rem;font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.day-view-wrapper .hidden.md\:flex button.changelog-content h1{transition:all .2s ease;color:#f8fafc}.day-view-wrapper .hidden.md\:flex button.changelog-content h1:hover{color:#f8fafc}.day-view-wrapper .hidden.md\:flex button.changelog-content h1 .group-hover\:border-blue-400\/70,.day-view-wrapper .hidden.md\:flex button.changelog-content h1:hover .border-blue-400\/30{border-color:#60a5fab3;border-width:1px;transition:all .2s ease}@media (max-width: 767px){.garmin-settings-page .changelog-content h1,.category-settings-page .changelog-content h1{margin-bottom:.75rem}}.changelog-content h1+p{margin-bottom:1.5rem;--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}@media (max-width: 767px){.garmin-settings-page .changelog-content h1+p,.category-settings-page .changelog-content h1+p{margin-bottom:1rem}}.changelog-content p:last-child{margin-top:2rem;border-top-width:1px;padding-top:1rem;font-family:Poppins,sans-serif;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.fixed.bottom-0.left-0.right-0.bg-slate-900.changelog-content p:last-child.border-slate-800.z-50{z-index:var(--z-sidebar)}@media (max-width: 767px){.fixed.bottom-0.left-0.right-0.bg-slate-900.changelog-content p:last-child.border-slate-800.z-50{z-index:var(--z-sidebar)}.garmin-settings-page label.block.changelog-content p:last-child,.category-settings-page label.block.changelog-content p:last-child{font-size:.75rem;margin-bottom:.25rem}.garmin-settings-page .space-y-3 label.flex.items-center .changelog-content p:last-child,.category-settings-page .space-y-3 label.flex.items-center .changelog-content p:last-child{font-size:.75rem;line-height:1.2}.garmin-settings-page .changelog-content p:last-child.text-slate-400,.category-settings-page .changelog-content p:last-child.text-slate-400{font-size:.75rem;margin-top:.5rem;margin-bottom:.5rem}}@media (max-width: 639px){.fixed.inset-0.bg-black\/70 .flex.gap-3.changelog-content p:last-child{padding-top:.75rem;gap:.5rem}.fixed.inset-0.bg-black\/70 .flex.gap-3.changelog-content p:last-child button{padding:.625rem .75rem;font-size:.875rem}}@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:#374151;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(--tw-prose-links);text-decoration:underline;font-weight:500}.sm\:prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);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(--tw-prose-headings);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(--tw-prose-headings);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(--tw-prose-code);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}}.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-slate-500::-moz-placeholder{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.placeholder\:text-slate-500::placeholder{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.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\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;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-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-amber-500\/50:hover{border-color:#f59e0b80}.hover\:border-amber-500\/70:hover{border-color:#f59e0bb3}.hover\:border-amber-600\/50:hover{border-color:#d9770680}.hover\:border-blue-400:hover{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.hover\:border-blue-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.hover\:border-blue-500\/30:hover{border-color:#3b82f64d}.hover\:border-blue-500\/50:hover{border-color:#3b82f680}.hover\:border-blue-600\/50:hover{border-color:#2563eb80}.hover\:border-emerald-500:hover{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.hover\:border-emerald-500\/40:hover{border-color:#10b98166}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:border-green-400:hover{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.hover\:border-green-500\/50:hover{border-color:#22c55e80}.hover\:border-green-600\/50:hover{border-color:#16a34a80}.hover\:border-purple-500:hover{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.hover\:border-purple-600\/50:hover{border-color:#9333ea80}.hover\:border-red-500:hover{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.hover\:border-red-500\/50:hover{border-color:#ef444480}.hover\:border-red-600:hover{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}.hover\:border-slate-500:hover{--tw-border-opacity: 1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1))}.hover\:border-slate-600:hover{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.hover\:border-slate-600\/50:hover{border-color:#47556980}.hover\:border-slate-700:hover{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#009a3e\]:hover{--tw-bg-opacity: 1;background-color:rgb(0 154 62 / var(--tw-bg-opacity, 1))}.hover\:bg-amber-500:hover{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.hover\:bg-amber-500\/90:hover{background-color:#f59e0be6}.hover\:bg-amber-600:hover{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.hover\:bg-amber-600\/30:hover{background-color:#d977064d}.hover\:bg-amber-700:hover{--tw-bg-opacity: 1;background-color:rgb(180 83 9 / var(--tw-bg-opacity, 1))}.hover\:bg-amber-900\/30:hover{background-color:#78350f4d}.hover\:bg-black\/70:hover{background-color:#000000b3}.hover\:bg-black\/80:hover{background-color:#000c}.hover\:bg-blue-400:hover{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-500\/10:hover{background-color:#3b82f61a}.hover\:bg-blue-500\/20:hover{background-color:#3b82f633}.hover\:bg-blue-500\/30:hover{background-color:#3b82f64d}.hover\:bg-blue-500\/5:hover{background-color:#3b82f60d}.hover\:bg-blue-500\/90:hover{background-color:#3b82f6e6}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-600\/30:hover{background-color:#2563eb4d}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-cyan-700:hover{--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-500\/20:hover{background-color:#10b98133}.hover\:bg-emerald-600:hover{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity: 1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-green-400\/10:hover{background-color:#4ade801a}.hover\:bg-green-500:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.hover\:bg-green-500\/20:hover{background-color:#22c55e33}.hover\:bg-green-500\/25:hover{background-color:#22c55e40}.hover\:bg-green-500\/30:hover{background-color:#22c55e4d}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:bg-green-600\/20:hover{background-color:#16a34a33}.hover\:bg-green-600\/30:hover{background-color:#16a34a4d}.hover\:bg-green-600\/50:hover{background-color:#16a34a80}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-green-800\/40:hover{background-color:#16653466}.hover\:bg-green-900\/30:hover{background-color:#14532d4d}.hover\:bg-indigo-500\/20:hover{background-color:#6366f133}.hover\:bg-orange-600:hover{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-700:hover{--tw-bg-opacity: 1;background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-500:hover{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-500\/20:hover{background-color:#a855f733}.hover\:bg-purple-500\/30:hover{background-color:#a855f74d}.hover\:bg-purple-600\/30:hover{background-color:#9333ea4d}.hover\:bg-purple-600\/40:hover{background-color:#9333ea66}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-800\/40:hover{background-color:#6b21a866}.hover\:bg-purple-900\/30:hover{background-color:#581c874d}.hover\:bg-red-400\/10:hover{background-color:#f871711a}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-red-500\/20:hover{background-color:#ef444433}.hover\:bg-red-500\/30:hover{background-color:#ef44444d}.hover\:bg-red-500\/40:hover{background-color:#ef444466}.hover\:bg-red-500\/70:hover{background-color:#ef4444b3}.hover\:bg-red-600\/20:hover{background-color:#dc262633}.hover\:bg-red-600\/30:hover{background-color:#dc26264d}.hover\:bg-red-600\/40:hover{background-color:#dc262666}.hover\:bg-red-600\/50:hover{background-color:#dc262680}.hover\:bg-red-600\/80:hover{background-color:#dc2626cc}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-red-800:hover{--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}.hover\:bg-red-800\/50:hover{background-color:#991b1b80}.hover\:bg-red-900\/30:hover{background-color:#7f1d1d4d}.hover\:bg-red-900\/50:hover{background-color:#7f1d1d80}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-300:hover{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-500:hover{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-600:hover{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-600\/30:hover{background-color:#4755694d}.hover\:bg-slate-700:hover{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-700\/20:hover{background-color:#33415533}.hover\:bg-slate-700\/30:hover{background-color:#3341554d}.hover\:bg-slate-700\/40:hover{background-color:#33415566}.hover\:bg-slate-700\/50:hover{background-color:#33415580}.hover\:bg-slate-700\/70:hover{background-color:#334155b3}.hover\:bg-slate-700\/80:hover{background-color:#334155cc}.hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-800\/50:hover{background-color:#1e293b80}.hover\:bg-slate-800\/60:hover{background-color:#1e293b99}.hover\:bg-slate-800\/80:hover{background-color:#1e293bcc}.hover\:bg-slate-800\/90:hover{background-color:#1e293be6}.hover\:bg-slate-900:hover{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-900\/70:hover{background-color:#0f172ab3}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-white\/75:hover{background-color:#ffffffbf}.hover\:bg-yellow-400:hover{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.hover\:bg-yellow-500\/30:hover{background-color:#eab3084d}.hover\:bg-yellow-700:hover{--tw-bg-opacity: 1;background-color:rgb(161 98 7 / var(--tw-bg-opacity, 1))}.hover\:from-emerald-700:hover{--tw-gradient-from: #047857 var(--tw-gradient-from-position);--tw-gradient-to: rgb(4 120 87 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-green-600:hover{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-purple-500:hover{--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)}.hover\:from-purple-600:hover{--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)}.hover\:to-blue-500:hover{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.hover\:to-cyan-400:hover{--tw-gradient-to: #22d3ee var(--tw-gradient-to-position)}.hover\:to-cyan-500:hover{--tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)}.hover\:to-green-700:hover{--tw-gradient-to: #15803d var(--tw-gradient-to-position)}.hover\:text-amber-200:hover{--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.hover\:text-amber-300:hover{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.hover\:text-amber-400:hover{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.hover\:text-blue-200:hover{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.hover\:text-blue-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.hover\:text-blue-400:hover{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-cyan-300:hover{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.hover\:text-emerald-300:hover{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-green-200:hover{--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.hover\:text-green-300:hover{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.hover\:text-green-400:hover{--tw-text-opacity: 1;color:rgb(74 222 128 / 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-purple-200:hover{--tw-text-opacity: 1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))}.hover\:text-purple-300:hover{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.hover\:text-purple-400:hover{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.hover\:text-red-200:hover{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-slate-200:hover{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.hover\:text-slate-300:hover{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.hover\:text-slate-400:hover{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-yellow-300:hover{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.hover\:text-yellow-400:hover{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-blue-500:hover{text-decoration-color:#3b82f6}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-\[0_4px_24px_rgba\(124\,58\,237\,0\.35\)\]:hover{--tw-shadow: 0 4px 24px rgba(124,58,237,.35);--tw-shadow-colored: 0 4px 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)}.hover\:shadow-lg:hover{--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)}.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-blue-500:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:border-none:focus{border-style:none}.focus\:border-amber-500:focus{--tw-border-opacity: 1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}.focus\:border-blue-400:focus{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-blue-500\/40:focus{border-color:#3b82f666}.focus\:border-blue-500\/50:focus{border-color:#3b82f680}.focus\:border-blue-500\/60:focus{border-color:#3b82f699}.focus\:border-cyan-500:focus{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.focus\:border-purple-400:focus{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.focus\:border-purple-500:focus{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.focus\:border-purple-500\/50:focus{border-color:#a855f780}.focus\:border-red-500:focus{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:text-white:focus{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:underline:focus{text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0: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(0px + 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-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-amber-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1))}.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-blue-500\/50:focus{--tw-ring-color: rgb(59 130 246 / .5)}.focus\:ring-green-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}.focus\:ring-purple-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1))}.focus\:ring-purple-500\/50:focus{--tw-ring-color: rgb(168 85 247 / .5)}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-slate-600:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus\:ring-offset-slate-800:focus{--tw-ring-offset-color: #1e293b}.focus-visible\:border-none:focus-visible{border-style:none}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-0: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(0px + 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)}.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\:border-none:active{border-style:none}.active\:bg-blue-500\/30:active{background-color:#3b82f64d}.active\:bg-blue-700:active{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.active\:bg-emerald-800:active{--tw-bg-opacity: 1;background-color:rgb(6 95 70 / var(--tw-bg-opacity, 1))}.active\:bg-green-500\/30:active{background-color:#22c55e4d}.active\:bg-green-800\/60:active{background-color:#16653499}.active\:bg-slate-500:active{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.active\:bg-slate-600:active{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.active\:bg-slate-700:active{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.active\:bg-slate-700\/30:active{background-color:#3341554d}.active\:bg-slate-700\/50:active{background-color:#33415580}.active\:bg-slate-700\/60:active{background-color:#33415599}.active\:bg-slate-800:active{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.active\:bg-slate-800\/50:active{background-color:#1e293b80}.active\:from-green-700:active{--tw-gradient-from: #15803d var(--tw-gradient-from-position);--tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.active\:to-green-800:active{--tw-gradient-to: #166534 var(--tw-gradient-to-position)}.active\:text-blue-400:active{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.active\:text-red-500:active{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.active\:text-slate-300:active{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.active\:opacity-70:active{opacity:.7}.active\:outline-none:active{outline:2px solid transparent;outline-offset:2px}.active\:ring-0:active{--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(0px + 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)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-amber-700\/50:disabled{background-color:#b4530980}.disabled\:bg-blue-800:disabled{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}.disabled\:bg-green-700\/50:disabled{background-color:#15803d80}.disabled\:bg-green-800:disabled{--tw-bg-opacity: 1;background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1))}.disabled\:bg-orange-800:disabled{--tw-bg-opacity: 1;background-color:rgb(154 52 18 / var(--tw-bg-opacity, 1))}.disabled\:bg-purple-800:disabled{--tw-bg-opacity: 1;background-color:rgb(107 33 168 / var(--tw-bg-opacity, 1))}.disabled\:bg-red-700\/50:disabled{background-color:#b91c1c80}.disabled\:bg-red-800:disabled{--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}.disabled\:bg-slate-500:disabled{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.disabled\:bg-slate-600:disabled{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.disabled\:bg-slate-700:disabled{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.disabled\:bg-slate-700\/50:disabled{background-color:#33415580}.disabled\:bg-slate-800:disabled{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.disabled\:text-slate-500:disabled{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.disabled\:text-slate-600:disabled{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.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: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\:border-blue-400\/70{border-color:#60a5fab3}.group:hover .group-hover\:bg-black\/30{background-color:#0000004d}.group:hover .group-hover\:bg-blue-900\/50{background-color:#1e3a8a80}.group:hover .group-hover\:text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group\/share:hover .group-hover\/share\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.dark\:border-amber-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(217 119 6 / var(--tw-border-opacity, 1))}.dark\:border-blue-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-green-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}.dark\:border-green-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}.dark\:border-red-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}.dark\:border-red-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}.dark\:border-sky-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(3 105 161 / var(--tw-border-opacity, 1))}.dark\:border-slate-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.dark\:border-yellow-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(161 98 7 / var(--tw-border-opacity, 1))}.dark\:bg-amber-800\/50:is(.dark *){background-color:#92400e80}.dark\:bg-blue-800\/50:is(.dark *){background-color:#1e40af80}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-green-800\/50:is(.dark *){background-color:#16653480}.dark\:bg-green-900\/30:is(.dark *){background-color:#14532d4d}.dark\:bg-red-800\/50:is(.dark *){background-color:#991b1b80}.dark\:bg-red-900\/30:is(.dark *){background-color:#7f1d1d4d}.dark\:bg-sky-900\/40:is(.dark *){background-color:#0c4a6e66}.dark\:bg-slate-700\/50:is(.dark *){background-color:#33415580}.dark\:bg-yellow-900\/30:is(.dark *){background-color:#713f124d}.dark\:text-amber-200:is(.dark *){--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.dark\:text-blue-200:is(.dark *){--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-green-200:is(.dark *){--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:text-red-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-sky-200:is(.dark *){--tw-text-opacity: 1;color:rgb(186 230 253 / var(--tw-text-opacity, 1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.dark\:text-slate-500:is(.dark *){--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.dark\:text-yellow-400:is(.dark *){--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}@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\: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\: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-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\:rounded-xl{border-radius:.75rem}.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\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:pl-4{padding-left:1rem}.sm\:pt-4{padding-top:1rem}.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\:static{position:static}.md\:absolute{position:absolute}.md\:relative{position:relative}.md\:\!top-full{top:100%!important}.md\:bottom-0{bottom:0}.md\:left-0{left:0}.md\:left-auto{left:auto}.md\:right-0{right:0}.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-0{margin-left:0;margin-right:0}.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\:mt-2{margin-top:.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-96{max-height:24rem}.md\:max-h-\[90vh\]{max-height:90vh}.md\:max-h-fit{max-height:-moz-fit-content;max-height:fit-content}.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-\[90vw\]{width:90vw}.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-initial{flex:0 1 auto}.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\: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-0{border-width:0px}.md\:border-slate-700{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.md\:bg-transparent{background-color:transparent}.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\:px-0{padding-left:0;padding-right:0}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-0{padding-top:0;padding-bottom:0}.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-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)}.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-\[1fr\,400px\]{grid-template-columns:1fr 400px}.lg\:self-start{align-self:flex-start}}.\[\&\:\:-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}