@import url(https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap);.dzose-address-input{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:none;width:100%}.map-picker-button{align-items:center;border:none;border-radius:50%;display:flex;height:40px;justify-content:center;padding:10px;width:40px}.input-container{align-items:center;display:flex;gap:12px;max-width:700px;position:relative;width:100%}.address-input{background:#fff;border:2px solid #e1e5e9;border-radius:12px;flex:1 1;font-size:16px;min-width:400px;padding:8px 25px 8px 8px;transition:border-color .2s ease}.address-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.address-input.loading{background:#f8f9fa}.suggestions-dropdown{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{border-bottom:1px solid #f1f3f4;cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.suggestion-item:hover{background-color:#f8f9fa}.suggestion-item:last-child{border-bottom:none}.suggestion-main{color:#202124;font-weight:500;margin-bottom:2px}.suggestion-secondary{color:#5f6368;font-size:14px}.submit-btn{background:#007bff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;transition:background-color .2s ease;white-space:nowrap}.submit-btn:hover:not(:disabled){background:#0056b3}.submit-btn:disabled{background:#6c757d;cursor:not-allowed}.address-preview{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-top:20px;padding:16px}.address-preview h4{color:#495057;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.address-details div{color:#495057;margin-bottom:4px}@media (max-width:768px){.dzose-address-input{max-width:100%;padding:0 8px}.map-picker-button{height:30px;width:30px}.input-container{gap:8px;max-width:100%}.address-input{min-width:250px;padding:10px}.address-input,.submit-btn{border-radius:8px;font-size:14px}.submit-btn{padding:6px 12px}.suggestions-dropdown{font-size:14px}.suggestion-item{padding:10px 12px}.suggestion-main{font-size:14px}.suggestion-secondary{font-size:12px}.address-preview{margin-top:16px;padding:12px}.address-preview h4{font-size:12px;margin-bottom:8px}}@media (max-width:480px){.dzose-address-input{max-width:100%;padding:0 4px}.input-container{gap:6px;max-width:100%}.address-input{min-width:200px;padding:4px 16px 4px 4px}.address-input,.submit-btn{border-radius:6px;font-size:12px}.submit-btn{padding:4px 8px}.suggestions-dropdown{font-size:12px;max-height:150px}.suggestion-item{padding:8px 10px}.suggestion-main{font-size:12px}.suggestion-secondary{font-size:10px}.address-preview{margin-top:12px;padding:10px}.address-preview h4{font-size:10px;margin-bottom:6px}.address-details div{font-size:12px;margin-bottom:2px}}.picker-container{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-16);margin:0 auto;max-width:600px;padding:var(--space-16);width:100%}.loading-overlay,.picker-container{background-color:var(--color-surface)}.loading-overlay{border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);height:400px}.picker-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-12);justify-content:flex-end}.map-container{border:1px solid var(--color-border);border-radius:var(--radius-base);height:400px;overflow:hidden;width:100%}.btn-primary{align-items:center;background:var(--color-primary);border-radius:var(--radius-base);color:var(--color-btn-primary-text);display:inline-flex;font-size:var(--font-size-base);font-weight:500;justify-content:center;line-height:1.5;padding:var(--space-8) var(--space-16);position:relative;text-decoration:none;transition:all var(--duration-normal) var(--ease-standard)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{background:var(--color-primary-active)}.btn-primary:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn-outline{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:500;justify-content:center;line-height:1.5;padding:var(--space-8) var(--space-16);position:relative;text-decoration:none;transition:all var(--duration-normal) var(--ease-standard)}.btn-outline:hover{background:var(--color-secondary)}.btn-outline:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (max-width:768px){.picker-container{border-radius:var(--radius-base);box-shadow:var(--shadow-sm);margin:0;max-width:100%;padding:var(--space-12)}.loading-overlay{font-size:var(--font-size-sm);height:300px}.map-container{border-radius:var(--radius-sm);height:300px}.picker-actions{flex-direction:column-reverse;gap:var(--space-8);justify-content:stretch}.btn-outline,.btn-primary{font-size:var(--font-size-base);min-height:44px;padding:var(--space-12) var(--space-16);width:100%}}@media (max-width:480px){.picker-container{border-radius:var(--radius-sm);padding:var(--space-8)}.loading-overlay{font-size:var(--font-size-sm);height:250px;padding:var(--space-16);text-align:center}.map-container{height:250px}.picker-actions{gap:var(--space-6)}.btn-outline,.btn-primary{font-size:var(--font-size-sm);min-height:40px;padding:var(--space-10) var(--space-12)}}@media (min-width:769px){.picker-container{max-width:600px}.picker-actions{justify-content:flex-end}.btn-outline,.btn-primary{min-width:120px;width:auto}}@media (min-width:1024px){.picker-container{max-width:700px;padding:var(--space-20)}.loading-overlay{height:450px}}[data-color-scheme=dark] .btn-outline{border:1px solid var(--color-border-secondary)}.btn-outline:disabled,.btn-primary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.btn-outline,.btn-primary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-outline:focus,.btn-primary:focus{outline:none}.btn-outline:focus-visible,.btn-primary:focus-visible{box-shadow:var(--focus-ring);outline:none}}.mbira-container{align-items:center;background:linear-gradient(135deg,#3e2723,#5d4037 30%,#8d6e63 70%,#a1887f);color:#efebe9;display:flex;flex-direction:column;font-family:Georgia,serif;min-height:100vh;padding:20px;position:relative}.mbira-header{margin-bottom:40px;text-align:center;z-index:10}.mbira-header h1{color:#fff8e1;font-size:3.2rem;font-weight:700;margin-bottom:15px;text-shadow:3px 3px 6px #000c}.mbira-header p{font-size:1.3rem;font-style:italic;margin-bottom:25px;opacity:.95}.keyboard-guide{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0006;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.key-section{display:flex;flex-direction:column;gap:10px}.key-section span{color:#fff8e1;font-size:1rem;font-weight:500}.mbira-instrument{align-items:center;display:flex;justify-content:center;margin:50px 0;position:relative}.mbira-body{background:linear-gradient(45deg,#6d4c41,#8d6e63 25%,#a1887f 50%,#bcaaa4 75%,#d7ccc8);border:2px solid #5d4037;border-radius:25px 25px 45px 45px;box-shadow:0 15px 40px #00000080,inset 0 3px 15px #ffffff1a,inset 0 -3px 15px #0000004d;height:420px;overflow:visible;position:relative;transform:perspective(800px) rotateX(5deg);width:380px}.wood-grain{border-radius:inherit;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.wood-grain.primary{background:repeating-linear-gradient(85deg,#0000,#5d40374d 1px,#0000 3px,#0000 12px);opacity:.4}.wood-grain.secondary{background:repeating-linear-gradient(95deg,#0000,#6d4c4133 1px,#0000 2px,#0000 20px);opacity:.2}.wood-grain.tertiary{background:repeating-linear-gradient(0deg,#0000,#a1887f26 1px,#0000 3px,#0000 35px);opacity:.1}.mbira-bridge{height:12px;left:15px;position:absolute;right:15px;top:75px;z-index:2}.bridge-bar{background:linear-gradient(90deg,#424242,#757575 30%,#9e9e9e 50%,#757575 70%,#424242);border:1px solid #212121;border-radius:3px;box-shadow:0 2px 6px #0009;left:0;position:absolute;right:0}.main-bridge{height:6px;top:0}.secondary-bridge{height:3px;opacity:.8;top:8px}.finger-hole{background:radial-gradient(circle,#212121 0,#424242 70%,#616161 100%);border:2px solid #2e2e2e;border-radius:50%;bottom:35px;box-shadow:inset 0 3px 8px #000000e6,0 1px 3px #ffffff1a;height:24px;position:absolute;right:25px;width:24px;z-index:1}.mbira-tine{cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));position:absolute;transform-origin:center top;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:5}.tine-body{border:1px solid #0000004d;border-radius:3px 3px 1px 1px;height:100%;overflow:hidden;position:relative;transform:perspective(200px) rotateX(calc(var(--curve-angle)*.7));transform-origin:center bottom;width:100%}.left-lower .tine-body{background:linear-gradient(180deg,#ffb74d,#ffa726 20%,#ff9800 40%,#f57500 60%,#e65100 80%,#bf360c)}.left-lower .tine-body,.left-upper .tine-body{box-shadow:inset 2px 0 4px #ffffff4d,inset -2px 0 4px #0003,0 2px 8px #0006}.left-upper .tine-body{background:linear-gradient(180deg,#81c784,#66bb6a 20%,#4caf50 40%,#43a047 60%,#388e3c 80%,#2e7d32)}.center-tine .tine-body{background:linear-gradient(180deg,#ffab91,#ff8a65 20%,#ff7043 40%,#ff5722 60%,#f4511e 80%,#d84315)}.center-tine .tine-body,.right-tine .tine-body{box-shadow:inset 2px 0 4px #ffffff4d,inset -2px 0 4px #0003,0 2px 8px #0006}.right-tine .tine-body{background:linear-gradient(180deg,#90caf9,#64b5f6 20%,#42a5f5 40%,#2196f3 60%,#1e88e5 80%,#1565c0)}.tine-curve-highlight{background:linear-gradient(180deg,#fff6,#fff3 30%,#0000 70%);left:25%;transform:perspective(100px) rotateY(10deg);width:50%}.tine-curve-highlight,.tine-edge-shadow{border-radius:inherit;height:100%;position:absolute;top:0}.tine-edge-shadow{background:linear-gradient(90deg,#0000,#0000004d);right:0;width:25%}.tine-tip-curved{background:linear-gradient(90deg,#616161,#9e9e9e,#616161);border:1px solid #424242;border-radius:0 0 6px 6px;bottom:-6px;box-shadow:0 3px 6px #0006;height:12px;left:50%;position:absolute;transform:translateX(-50%) perspective(50px) rotateX(calc(var(--curve-angle)*.5));width:90%}.note-label{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border-radius:4px;bottom:-30px;color:#fff8e1;font-size:11px;font-weight:700;left:50%;padding:2px 6px;position:absolute;text-shadow:2px 2px 4px #000c;transform:translateX(-50%);white-space:nowrap}.mbira-tine.playing{animation:tine-vibrate .4s ease-out}.mbira-tine.playing .tine-body{box-shadow:inset 2px 0 6px #ffffff80,inset -2px 0 6px #0000004d,0 4px 16px #ffd70099,0 0 20px #ffd7004d}@keyframes tine-vibrate{0%,to{transform:translateX(0)}25%{transform:translateX(-1px) rotate(-.5deg)}75%{transform:translateX(1px) rotate(.5deg)}}.mbira-tine:hover{transform:translateY(-2px) scale(1.02)}.mbira-tine:hover .tine-body{box-shadow:inset 2px 0 6px #fff6,inset -2px 0 6px #00000040,0 4px 12px #00000080}.machachara-buzzers{bottom:60px;height:20px;left:20px;position:absolute;right:20px;z-index:1}.buzzer-strip{align-items:center;background:linear-gradient(90deg,#424242,#616161,#424242);border-radius:2px;display:flex;height:3px;justify-content:space-around;position:relative;width:100%}.bottle-cap{border:1px solid #2e2e2e;border-radius:50%;box-shadow:0 2px 4px #0006,inset 0 1px 2px #ffffff4d;height:14px;position:relative;top:-6px;width:14px}.buzzer-1{background:radial-gradient(circle,#e53935 0,#c62828 70%,#b71c1c 100%)}.buzzer-2{background:radial-gradient(circle,#fb8c00 0,#f57c00 70%,#e65100 100%)}.buzzer-3{background:radial-gradient(circle,#43a047 0,#388e3c 70%,#2e7d32 100%)}.buzzer-4{background:radial-gradient(circle,#1e88e5 0,#1565c0 70%,#0d47a1 100%)}.buzzer-5{background:radial-gradient(circle,#8e24aa 0,#7b1fa2 70%,#4a148c 100%)}.mbira-info{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0000004d;border:1px solid #ffffff1a;border-radius:20px;margin-top:50px;max-width:700px;padding:40px;text-align:center}.mbira-info h3{color:#fff8e1;font-size:2rem;margin-bottom:25px;text-shadow:2px 2px 4px #000c}.mbira-info p{font-size:1.2rem;line-height:1.7;margin-bottom:20px;opacity:.95}.cultural-significance{background:#8b451326;border-left:5px solid #8d6e63;border-radius:12px;margin-top:25px;padding:25px}.cultural-significance p{color:#fff8e1;font-size:1.1rem;font-style:italic;margin:0}@media (max-width:768px){.mbira-body{height:380px;transform:scale(.85) perspective(800px) rotateX(5deg);width:320px}.mbira-header h1{font-size:2.8rem}.keyboard-guide{font-size:.9rem;padding:15px}}@media (max-width:480px){.mbira-body{transform:scale(.75) perspective(800px) rotateX(5deg)}.mbira-header h1{font-size:2.2rem}.mbira-info{margin:30px 15px;padding:25px}}@media (prefers-reduced-motion:reduce){.mbira-tine{transition:none}.mbira-tine.playing{animation:none;box-shadow:0 0 0 4px #ffd700cc}}@media (prefers-contrast:high){.mbira-tine .tine-body{border-color:#000;border-width:2px}.note-label{background:#000000e6;border:1px solid #fff}}.dress-pattern-generator{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px;padding:2rem}.dpg-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:2rem;padding:1.5rem;text-align:center}.dpg-header h2{font-size:2rem;margin:0 0 .5rem}.dpg-header p{margin:0;opacity:.9}.dpg-section{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.dpg-section h3{color:#374151;font-size:1.25rem;margin:0 0 1rem}.upload-area{margin-bottom:1rem}.file-input{display:none}.upload-label{border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:block;padding:2rem;text-align:center;transition:all .3s ease}.upload-label:hover{background:#f8f9ff;border-color:#667eea}.upload-placeholder{color:#6b7280}.upload-icon{font-size:3rem;margin-bottom:1rem}.image-preview{align-items:center;display:flex;gap:1rem;text-align:left}.image-preview img{border-radius:8px;height:120px;object-fit:cover;width:120px}.image-info p{color:#374151;margin:.25rem 0}.analysis-results{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;margin-top:1rem;padding:1rem}.analysis-results h4{color:#0c4a6e;margin:0 0 1rem}.analysis-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.analysis-item{background:#fff;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.measurements-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.measurement-input{display:flex;flex-direction:column;gap:.5rem}.measurement-input label{color:#374151;font-weight:600}.measurement-input input{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.75rem}.measurement-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pattern-info{background:#fffbeb;border:1px solid #f59e0b;border-radius:8px;margin-top:1rem;padding:1rem}.pattern-info h4{color:#92400e;margin:0 0 .5rem}.pattern-info ul{color:#78350f;margin:0;padding-left:1.25rem}.pattern-info li{margin:.25rem 0}.btn-primary{background:#667eea;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-large{font-size:1.125rem;padding:1rem 2rem}.btn-secondary{background:#e5e7eb;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.btn-secondary:hover{background:#d1d5db}@media (max-width:768px){.dress-pattern-generator{padding:1rem}.dpg-header h2{font-size:1.5rem}.analysis-grid,.measurements-grid{grid-template-columns:1fr}.image-preview{flex-direction:column;text-align:center}}.btn-primary:disabled{animation:pulse 1.5s infinite}.pong-game-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.game-header{margin-bottom:20px;text-align:center}.game-header h1{color:#fff;font-size:3em;margin:0;text-shadow:2px 2px 4px #00000080}.score-display{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:10px;display:flex;justify-content:space-between;margin:10px auto;padding:10px;width:400px}.level,.opponent-score,.player-score{color:#fff;font-size:1.5em;font-weight:700;text-shadow:1px 1px 2px #00000080}.game-canvas-wrapper{border:.5px solid #fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;overflow:hidden;position:relative}.game-canvas{background:#1a1a2e;display:block}.game-overlay{align-items:center;background:#0003;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0}.game-overlay h2{font-size:2.5em;margin-bottom:20px;text-shadow:2px 2px 4px #00000080}.game-overlay p{font-size:1.2em;margin:10px 0}.game-button{background:#0000;border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.1em;padding:14px 32px;transition:transform .3s ease,box-shadow .3s ease}.game-button,.game-button:hover{box-shadow:0 12px 30px #2575fc99}.game-button:hover{transform:scale(1.05)}.game-button:active{transform:translateY(0)}.game-controls{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:10px;display:flex;justify-content:space-between;margin-top:20px;padding:15px;width:800px}.controls-section{align-items:center;display:flex;flex-direction:column}.controls-section h3{color:#fff;margin:0 0 10px;text-shadow:1px 1px 2px #00000080}.controls-section p{color:#fff;margin:0;opacity:.8}.control-button{background:#fff3;border:.5px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:1em;margin:0 10px;padding:10px 20px;transition:all .3s ease}.control-button:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80}.control-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:900px){.game-canvas{height:auto;width:100%}.game-controls{flex-direction:column;gap:20px;width:100%}.controls-section{width:100%}}:root{--primary-bg:green;--text-primary:#fff;--border-color:#000;--grid-gap-color:#ddd;--glass-bg:#ffffff0d;--glass-border:#ffffff2e;--border-radius:16px;--shadow:0 8px 32px 0 #1f26875e;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff!important;color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);min-height:100vh;padding:20px}.checklist-container{background-color:#c8c8c833;margin:0 auto;padding:20px 5rem}.header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.dzose-daily-tasks-logo{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.5px}.header-buttons{align-items:center;display:flex;gap:12px}.goals-button,.today-tasks-button{background:green;background:var(--primary-bg);border:none;border-radius:12px;box-shadow:0 4px 15px #0080004d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.button-padding{padding:12px 24px}.goals-button:hover,.today-tasks-button:hover{background:#45a049;box-shadow:0 6px 20px #00800066;transform:translateY(-2px)}.today-tasks-button{background:#007bff;box-shadow:0 4px 15px #007bff4d}.today-tasks-button:hover{background:#0056b3;box-shadow:0 6px 20px #007bff66}.checklist-grid{grid-gap:2px;background:green;background:var(--primary-bg);background-color:#f7f7f7;display:grid;gap:2px;grid-template-columns:200px repeat(7,1fr);min-width:800px;overflow:visible;position:relative}.checklist-grid,.checklist-grid-wrapper{border-radius:16px;border-radius:var(--border-radius)}.checklist-grid-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:visible;scrollbar-color:#0000004d #0000;scrollbar-width:thin}.checklist-grid-wrapper::-webkit-scrollbar{height:8px}.checklist-grid-wrapper::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.checklist-grid-wrapper::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.checklist-grid-wrapper::-webkit-scrollbar-thumb:hover{background:#00000080}.day-header,.task-cell,.task-header,.task-name{padding:14px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.day-header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:green;background:var(--primary-bg);border-bottom:.5px solid #000;border-bottom:.5px solid var(--border-color);border-right:.5px solid #000;border-right:.5px solid var(--border-color);font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.task-header{background-color:green;box-shadow:6px 0 10px -6px #00000040;z-index:6}.task-header,.task-name{border-bottom:.5px solid #000;border-bottom:.5px solid var(--border-color);border-right:.5px solid #000;border-right:.5px solid var(--border-color);left:0;position:-webkit-sticky;position:sticky}.task-name{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#f7f7f7;box-shadow:6px 0 10px -8px #0003;color:#000;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;text-align:left;z-index:5}.task-name:hover{background:#ffffff1a}.task-cell{align-items:center;background:#0000;border-bottom:.5px solid #000;border-bottom:.5px solid var(--border-color);border-right:.5px solid #000;border-right:.5px solid var(--border-color);cursor:pointer;display:flex;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.task-cell:hover{background:#ffffff0d}.task-cell input[type=checkbox]{accent-color:#4caf50;appearance:none;-webkit-appearance:none;background-color:#fff;border:2px solid #4caf50;border-radius:50%;cursor:pointer;height:22px;margin:0;transform:scale(1);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:22px}.task-cell input[type=checkbox]:checked{background-color:#4caf50}.task-cell input[type=checkbox]:hover{border-color:#45a049}.task-cell input[type=checkbox]:checked{transform:scale(1.1)}.task-cell input[type=number]{background:#ffffff1a;border:.5px solid #ffffff2e;border:.5px solid var(--glass-border);border-radius:8px;color:#fff;color:var(--text-primary);font-size:1rem;height:30px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:40px}.task-cell input[type=number]:focus{background:#fff3;border-color:#ffffff4d;outline:none}.task-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.task-input-group{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:220px}.btn{border-radius:12px;font-size:1rem;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary{background:green;background:var(--primary-bg);box-shadow:0 4px 15px #3336;color:var(--text-primary)}.btn-primary:hover{box-shadow:0 6px 20px #3339;transform:translateY(-2px)}.new-task-input{background:#ffffff1a;border:.5px solid #ffffff2e;border:.5px solid var(--glass-border);border-radius:12px;color:#fff;color:var(--text-primary);flex:1 1;font-size:1rem;min-width:200px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.new-task-input:focus{background:#ffffff26;border-color:#ffffff4d;outline:none}.new-task-input::placeholder{color:#ffffffb3}.save-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:green;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 12px #6c63ff4d;color:#fff;font-size:.95rem;font-weight:600;opacity:0;padding:12px 24px;position:fixed;right:20px;top:20px;transform:translateY(-20px);transition:all .3s ease-in-out;z-index:1000}.save-status.show{opacity:1;transform:translateY(0)}@media (max-width:768px){.checklist-container{padding:10px 1rem}.task-name.disabled{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:15}.header-container{align-items:flex-start;flex-direction:column;gap:12px}.checklist-container h2{font-size:1.5rem}.header-buttons{align-self:flex-end;flex-wrap:wrap;gap:8px}.goals-button,.today-tasks-button{font-size:.85rem;padding:10px 16px}.checklist-grid{font-size:.85rem;grid-template-columns:150px repeat(7,minmax(80px,1fr));min-width:750px}.checklist-grid-wrapper{box-shadow:inset -10px 0 10px -10px #0000001a}.day-header,.task-cell,.task-name{min-width:0;padding:8px 6px}.day-header{font-size:.75rem;writing-mode:horizontal-tb}.task-actions{align-items:stretch;flex-direction:column}.task-input-group{width:100%}.btn,.new-task-input{margin-bottom:10px;width:100%}}.task-cell.disabled{background-color:#8080801a;opacity:.5;pointer-events:none}.task-name.disabled:hover{background:#8080801a}.context-menu{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #0000001a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);min-width:150px;position:fixed;z-index:1000}.context-menu-item{border-bottom:1px solid #eee;color:#000;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.context-menu-item:last-child{border-bottom:none}.context-menu-item:hover{background-color:#f5f5f5}.checkbox-skipped{color:orange!important}.checkbox-completed{color:green!important}.goals-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.goals-popup{background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:800px;overflow-y:auto;padding:24px;width:90%}.goals-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.goals-header h2{color:#333;font-size:1.8rem;font-weight:700;margin:0}.goals-actions{align-items:center;display:flex;gap:12px}.edit-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.edit-btn{background:#007bff;color:#fff}.edit-btn:hover{background:#0056b3;transform:translateY(-1px)}.goals-content{display:flex;flex-direction:column;gap:20px}.goal-item{background:#f8f9fa;border-left:4px solid #007bff;border-radius:12px;padding:16px;transition:all .3s ease}.goal-item:hover{background:#e9ecef;transform:translateX(4px)}.goal-title{color:#333;font-size:1.1rem;margin-bottom:8px}.goal-details{color:#555;font-size:1rem;line-height:1.5}.goal-edit{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.goal-edit input{border:2px solid #ddd;border-radius:6px;font-size:1rem;padding:6px 10px;transition:border-color .3s ease;width:100px}.goal-edit input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.goal-edit span{color:#666;font-weight:500}.goal-edit label{color:#333;font-weight:600;margin-right:8px}.goal-display{display:flex;flex-direction:column;gap:16px}.progress-info{align-items:center;display:flex;gap:12px}.progress-text{color:#333;font-size:1.1rem}.percentage-display{display:flex;flex-direction:column;gap:8px}.percentage-text{color:#007bff;font-size:1.2rem;font-weight:600}.progress-bar{background-color:#e9ecef;border-radius:10px;box-shadow:inset 0 2px 4px #0000001a;height:20px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);border-radius:10px;height:100%;position:relative;transition:width .3s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.save-status-goals{border-radius:8px;bottom:20px;color:#fff;font-weight:500;padding:12px 24px;position:fixed;right:20px;transition:all .3s ease;z-index:1001}.save-status-goals.saving{background:#ffc107;color:#333}.save-status-goals.saved{background:#28a745}.save-status-goals.error{background:#dc3545}@media (max-width:768px){.goals-popup{max-height:90vh;padding:16px;width:95%}.goals-header{align-items:flex-start;flex-direction:column;gap:12px}.goals-header h2{font-size:1.5rem}.goals-actions{align-self:flex-end}.goal-edit{align-items:flex-start;flex-direction:column;gap:8px}.goal-edit input{width:120px}}.goal-item[data-progress=high]{border-left-color:#28a745}.goal-item[data-progress=medium]{border-left-color:#ffc107}.goal-item[data-progress=low]{border-left-color:#dc3545}.today-tasks-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.today-tasks-popup{background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:16px;width:90%}.today-tasks-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.today-tasks-header h2{color:#333;font-size:1.8rem;font-weight:700;margin:0}.today-tasks-actions{align-items:center;display:flex;gap:12px}.save-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.save-btn:hover{background:#1e7e34;transform:translateY(-1px)}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.close-btn:hover{background:#f0f0f0;color:#333}.today-date{color:#000;font-weight:600;margin-bottom:20px;padding:12px 16px;text-align:center}.today-tasks-content{display:flex;flex-direction:column;gap:20px}.add-task-section{display:flex;flex-direction:column;gap:12px}.add-task-btn{align-self:flex-start;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.add-task-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.add-task-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.tasks-list{display:flex;flex-direction:column;gap:8px;min-height:100px}.no-tasks{background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;color:#666;font-style:italic;padding:40px 20px;text-align:center}.task-item{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease}.task-item:hover{background:#e9ecef;transform:translateX(4px)}.task-item.dragging{background:#fff;border:2px solid #007bff;box-shadow:0 8px 16px #00000026;transform:rotate(2deg)}.drag-handle{align-items:center;border-radius:4px;cursor:grab;display:flex;justify-content:center;opacity:.6;padding:4px;transition:all .2s ease}.drag-handle:hover{background:#e9ecef;opacity:1}.drag-handle:active{cursor:grabbing}.task-name-today{border-bottom:none;border-right:none;color:#333;flex:1 1;font-size:1rem;font-weight:900;transition:all .3s ease}.task-name.completed{color:#666;opacity:.7;text-decoration:line-through}.remove-task-btn{background:none;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:1.2rem;opacity:.7;padding:4px 8px;transition:all .3s ease}.remove-task-btn:hover{background:#dc3545;color:#fff;opacity:1}.tasks-summary{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:16px}.summary-stats{display:flex;font-size:.9rem;font-weight:500;gap:16px;justify-content:space-between}.total-tasks{color:#000}.completed-tasks{color:#166a29}.remaining-tasks{color:#000}.notes-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:16px}.notes-title{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 12px}.notes-textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;color:#333;font-family:inherit;font-size:.95rem;line-height:1.5;max-height:200px;min-height:80px;padding:12px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.notes-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.notes-textarea::placeholder{color:#6c757d;font-style:italic}.save-status-today-tasks{border-radius:8px;bottom:20px;color:#fff;font-weight:500;padding:12px 24px;position:fixed;right:20px;transition:all .3s ease;z-index:1001}.save-status-today-tasks.saving{background:#ffc107;color:#333}.save-status-today-tasks.saved{background:#28a745}.save-status-today-tasks.error{background:#dc3545}.task-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.time-tracking-section{align-items:center;display:flex;gap:12px;justify-content:space-between}.time-info{display:flex;flex-direction:column;font-size:.8rem;gap:4px}.total-time{color:#333;font-weight:600}.last-start-time{color:#666;font-size:.75rem}.current-session{animation:pulse 2s infinite;color:#28a745;font-weight:600}.timer-controls{align-items:center;display:flex}.start-timer-btn,.stop-timer-btn{align-items:center;background:none;border:2px solid;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.start-timer-btn{border-color:#28a745;color:#28a745}.start-timer-btn:hover{background:#28a745;color:#fff;transform:scale(1.1)}.stop-timer-btn{border-color:#dc3545;color:#dc3545}.stop-timer-btn:hover{background:#dc3545;color:#fff;transform:scale(1.1)}@media (max-width:768px){.today-tasks-popup{max-height:90vh;padding:16px;width:95%}.today-tasks-header{align-items:flex-start;flex-direction:column;gap:12px}.today-tasks-header h2{font-size:1.5rem}.today-tasks-actions{align-self:flex-end}.summary-stats{flex-direction:column;gap:8px}.task-item{padding:10px 12px}.task-name-today{font-size:.9rem}.time-tracking-section{align-items:flex-start;flex-direction:column;gap:8px}.time-info{font-size:.75rem}.start-timer-btn,.stop-timer-btn{height:28px;width:28px}}.navbar{justify-content:space-between;padding:1rem 2rem;z-index:1000}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-logo{font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-menu,.navbar-user{align-items:center;display:flex;gap:1rem}.navbar-auth{align-items:center;display:flex;gap:.5rem}.user-email{color:#666;cursor:pointer;font-size:1.2rem;margin-right:.5rem}.btn{border-radius:4px;font-size:.9rem;padding:.5rem 1rem}.btn-primary{background-color:#007bff}.btn-primary:hover{background-color:#0056b3}.btn-outline{background-color:initial;border:1px solid #007bff;color:#007bff}.btn-outline:hover{background-color:#007bff;color:#fff}@media (max-width:768px){.navbar{padding:0}.navbar-logo{font-size:1.25rem}.user-email{display:none}.btn{font-size:.8rem;padding:.4rem .8rem}}.rich-text-editor-container{position:relative;width:100%}.rich-text-toolbar{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-bottom:none;border-radius:4px 4px 0 0;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px}.toolbar-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:3px;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:4px 8px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.toolbar-btn:hover{background:#e9ecef;border-color:#adb5bd}.toolbar-btn.active{background:#007bff;border-color:#007bff;color:#fff}.toolbar-btn:focus{outline:2px solid #007bff;outline-offset:1px}.toolbar-separator{background:#ddd;height:24px;margin:0 4px;width:1px}.rich-text-editor{word-wrap:break-word;background:#fff;border:1px solid #ccc;border-radius:0 0 4px 4px;color:#000;font-family:inherit;font-size:14px;line-height:1.5;outline:none;overflow-y:auto;padding:12px;resize:vertical;width:100%}.rich-text-editor:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.rich-text-editor.disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.rich-text-editor:empty:before{color:#6c757d;content:attr(data-placeholder);font-style:italic;pointer-events:none}.rich-text-editor:focus:empty:before{content:""}.rich-text-editor p{margin:0 0 8px}.rich-text-editor p:last-child{margin-bottom:0}.rich-text-editor ol,.rich-text-editor ul{margin:8px 0;padding-left:24px}.rich-text-editor li{line-height:1.4;margin:4px 0}.rich-text-editor strong{font-weight:700}.rich-text-editor em{font-style:italic}.rich-text-editor u{text-decoration:underline}.rich-text-editor br{line-height:1.5}@media (max-width:768px){.rich-text-toolbar{gap:2px;padding:6px 8px}.toolbar-btn{font-size:12px;height:28px;min-width:28px;padding:2px 6px}.rich-text-editor{font-size:16px;padding:10px}}@media (prefers-contrast:high){.rich-text-editor,.rich-text-toolbar,.toolbar-btn{border-color:#000}}@media (prefers-reduced-motion:reduce){.toolbar-btn{transition:none}}.pomodoro-grid-container{background-color:#fff;border:1px solid #0000000d;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px;width:100%}.pomodoro-grid-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.pomodoro-grid-header h3{color:#000;font-size:1.1rem;font-weight:600;margin:0}.pomodoro-grid{grid-gap:10px;display:grid;grid-template-columns:repeat(5,1fr)}.pomodoro-grid-cell{align-items:center;background-color:#f9f9f9;border:1px solid #0000001a;border-radius:8px;display:flex;justify-content:center;min-height:52px;padding:8px}.pomodoro-grid-heading{background-color:#e8f5e9;color:#000;font-weight:600}.pomodoro-grid-cell .MuiCheckbox-root{padding:0}.pomodoro-grid-cell .MuiCheckbox-root.Mui-disabled{color:#00000042}@media (max-width:768px){.pomodoro-grid-container{padding:12px}.pomodoro-grid-cell{min-height:44px}}:root{--color-background:#000;--font-family-base:"FKGroteskNeue","Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}body{background-color:#000}@media (prefers-color-scheme:dark){:root{--color-background:#1f2121;--color-surface:#262828;--color-text:#f5f5f5;--color-text-secondary:#a7a9a9b3;--color-primary:#32b8c6;--color-primary-hover:#2da6b2;--color-primary-active:#2996a1;--color-secondary:#777c7c26;--color-secondary-hover:#777c7c40;--color-secondary-active:#777c7c4d;--color-border:#777c7c4d;--color-error:#ff5459;--color-success:#32b8c6;--color-warning:#e68161;--color-info:#a7a9a9;--color-focus-ring:#32b8c666;--color-btn-primary-text:#13343b;--color-card-border:#777c7c33;--color-card-border-inner:#777c7c26;--color-success-rgb:50,184,198;--color-error-rgb:255,84,89;--color-warning-rgb:230,129,97;--color-info-rgb:167,169,169}}.btn:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring)}.form-control:focus{outline:2px solid var(--color-primary)}.app-container{background-color:#000;color:#13343b;color:var(--color-text);display:flex;flex-direction:column;min-height:100vh}.workout-nav{background-color:#fffffd;background-color:var(--color-surface);border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);padding:0}.home-link{color:#21808d!important;color:var(--color-primary)!important;display:inline-block!important;font-size:16px!important;font-weight:500!important;padding:20px!important;text-decoration:none!important;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}.home-link:hover{color:#1d7480!important;color:var(--color-primary-hover)!important}.main-content{flex:1 1;margin:0 auto;max-width:1024px;max-width:var(--container-lg);padding:20px;padding:var(--space-20);width:100%}.view{opacity:1;transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity var(--duration-normal) var(--ease-standard)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-24)}.section-title{color:#13343b;color:var(--color-text);font-size:24px;font-size:var(--font-size-3xl);font-weight:550;font-weight:var(--font-weight-semibold);margin:0}.exercises-header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-12)}.global-notes{align-items:center;display:flex;gap:8px;gap:var(--space-8)}.global-notes-label{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);white-space:nowrap}.global-notes-input{flex:0 0 auto;max-width:100%;width:clamp(200px,35vw,320px)}.back-btn{margin-bottom:16px;margin-bottom:var(--space-16)}.workout-days-grid{grid-gap:16px;grid-gap:var(--space-16);display:grid;gap:16px;gap:var(--space-16);grid-template-columns:repeat(2,1fr)}.workout-day-card{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);cursor:pointer;padding:20px;padding:var(--space-20);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.workout-day-card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.workout-day-card h3{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold);margin:0 0 12px;margin:0 0 var(--space-12) 0}.workout-day-meta{display:flex;flex-direction:column;gap:6px;gap:var(--space-6)}.workout-day-meta span{color:#626c71;color:var(--color-text-secondary)}.body-weight-input,.workout-day-meta span{font-size:12px;font-size:var(--font-size-sm)}.body-weight-input{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#13343b;color:var(--color-text);margin-right:8px;margin-right:var(--space-8);padding:4px 8px;padding:var(--space-4) var(--space-8);width:80px}.body-weight-input:focus{border-color:#21808d;border-color:var(--color-primary);outline:none}.day-title-container{align-items:center;display:flex;gap:12px;gap:var(--space-12);margin-bottom:24px;margin-bottom:var(--space-24)}.day-title{border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-size:24px;font-size:var(--font-size-3xl);font-weight:550;font-weight:var(--font-weight-semibold);margin:0;outline:none;padding:8px;padding:var(--space-8);transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard)}.day-title:hover{background-color:#5e524033;background-color:var(--color-secondary-hover)}.day-title[contenteditable=true]:focus{background-color:#5e52401f;background-color:var(--color-secondary)}.day-title-input{background-color:#fffffd;background-color:var(--color-surface);border:2px solid #21808d;border:2px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-size:24px;font-size:var(--font-size-3xl);font-weight:550;font-weight:var(--font-weight-semibold);margin:0;max-width:500px;outline:none;padding:8px;padding:var(--space-8);width:100%}.day-title-input:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:0 0 0 3px var(--color-focus-ring)}.exercise-actions,.exercises-container{margin-bottom:24px;margin-bottom:var(--space-24)}.exercises-container{display:flex;flex-direction:column;gap:16px;gap:var(--space-16)}.exercise-card{animation:fadeIn .25s cubic-bezier(.16,1,.3,1);animation:fadeIn var(--duration-normal) var(--ease-standard);background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);padding:20px;padding:var(--space-20);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.exercise-card.completed{background-color:#21808d0d;background-color:rgba(var(--color-success-rgb),.05);border-color:#21808d33;border-color:rgba(var(--color-success-rgb),.2)}.exercise-header{align-items:center;display:flex;gap:12px;gap:var(--space-12);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-16)}.reorder-buttons{display:flex;flex-direction:column;gap:4px;gap:var(--space-4)}.reorder-btn{align-items:center;background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#13343b;color:var(--color-text);cursor:pointer;display:flex;font-size:11px;font-size:var(--font-size-xs);justify-content:center;line-height:1;min-width:28px;padding:4px 8px;padding:var(--space-4) var(--space-8);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.reorder-btn:hover:not(:disabled){background:#5e524033;background:var(--color-secondary-hover);border-color:#21808d;border-color:var(--color-primary)}.reorder-btn:active:not(:disabled){background:#5e524040;background:var(--color-secondary-active)}.reorder-btn:disabled{cursor:not-allowed;opacity:.3}.reorder-btn:focus-visible{box-shadow:0 0 0 2px #21808d66;box-shadow:0 0 0 2px var(--color-focus-ring);outline:none}.exercise-title-section{align-items:center;display:flex;flex:1 1;gap:12px;gap:var(--space-12)}.exercise-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fffffd;background-color:var(--color-surface);border:2px solid #5e524033;border:2px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;height:20px;position:relative;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:20px}.exercise-checkbox:checked{background-color:#21808d;background-color:var(--color-primary);border-color:#21808d;border-color:var(--color-primary)}.exercise-checkbox:checked:after{color:#fcfcf9;color:var(--color-btn-primary-text);content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.exercise-checkbox:hover{border-color:#21808d;border-color:var(--color-primary)}.exercise-checkbox:focus{outline:2px solid #21808d66;outline:2px solid var(--color-focus-ring);outline-offset:2px}.exercise-name{border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);cursor:pointer;font-size:16px;font-size:var(--font-size-lg);font-weight:500;font-weight:var(--font-weight-medium);margin:0;outline:none;padding:4px 8px;padding:var(--space-4) var(--space-8);transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard)}.exercise-name[contenteditable=true]:focus{background-color:#5e52401f;background-color:var(--color-secondary)}.exercise-name:hover{background-color:#5e524033;background-color:var(--color-secondary-hover)}.exercise-card.completed .exercise-name{opacity:.7;text-decoration:line-through}.exercise-actions{display:flex;gap:8px;gap:var(--space-8)}.delete-btn{background:none;border:none;border-radius:8px;border-radius:var(--radius-base);color:#c0152f;color:var(--color-error);cursor:pointer;font-size:16px;font-size:var(--font-size-lg);padding:4px;padding:var(--space-4);transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard)}.delete-btn:hover{background-color:#c0152f1a;background-color:rgba(var(--color-error-rgb),.1)}.sets-container{display:flex;flex-direction:column}.set-row,.sets-container{gap:12px;gap:var(--space-12)}.set-row{grid-gap:12px;grid-gap:var(--space-12);align-items:center;background-color:#000;background-color:var(--color-background);border-radius:8px;border-radius:var(--radius-base);display:grid;grid-template-columns:auto 1fr 1fr auto auto;padding:8px;padding:var(--space-8)}.set-label{color:#626c71;color:var(--color-text-secondary);font-weight:500;font-weight:var(--font-weight-medium)}.set-input,.set-label{font-size:12px;font-size:var(--font-size-sm)}.set-input{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#13343b;color:var(--color-text);padding:6px 8px;padding:var(--space-6) var(--space-8);text-align:center;width:60px}.set-input:focus{border-color:#21808d;border-color:var(--color-primary);outline:none}.set-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fffffd;background-color:var(--color-surface);border:2px solid #5e524033;border:2px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;height:18px;position:relative;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:18px}.set-checkbox:checked{background-color:#21808d;background-color:var(--color-success);border-color:#21808d;border-color:var(--color-success)}.set-checkbox:checked:after{color:#fcfcf9;color:var(--color-btn-primary-text);content:"✓";font-size:11px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.set-checkbox:hover{border-color:#21808d;border-color:var(--color-success)}.set-checkbox:focus{outline:2px solid #21808d66;outline:2px solid var(--color-focus-ring);outline-offset:2px}.remove-set-btn{background:none;border:none;border-radius:8px;border-radius:var(--radius-base);color:#c0152f;color:var(--color-error);cursor:pointer;font-size:12px;font-size:var(--font-size-sm);padding:4px;padding:var(--space-4)}.remove-set-btn:hover{background-color:#c0152f1a;background-color:rgba(var(--color-error-rgb),.1)}.add-set-btn{align-self:flex-start;margin-top:12px;margin-top:var(--space-12)}.workout-completion{margin-top:32px;margin-top:var(--space-32)}.modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:1;position:fixed;right:0;top:0;transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity var(--duration-normal) var(--ease-standard);z-index:1000}.modal-content{background-color:#fffffd;background-color:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);max-height:90vh;overflow:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px;padding:var(--space-20)}.modal-header h3{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);margin:0}.modal-close{background:none;border:none;color:#626c71;color:var(--color-text-secondary);cursor:pointer;font-size:20px;font-size:var(--font-size-2xl);line-height:1;padding:4px;padding:var(--space-4)}.modal-close:hover{color:#13343b;color:var(--color-text)}.modal-body{padding:20px;padding:var(--space-20)}.form-actions{display:flex;gap:8px;gap:var(--space-8);justify-content:flex-end;margin-top:16px;margin-top:var(--space-16)}.empty-state{color:#626c71;color:var(--color-text-secondary);padding:32px;padding:var(--space-32);text-align:center}.empty-state h3{color:#13343b;color:var(--color-text);margin-bottom:8px;margin-bottom:var(--space-8)}.loading-state{color:#626c71;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-lg);padding:32px;padding:var(--space-32);text-align:center}.weight-indicator{border-radius:50%;display:inline-block;height:12px;margin-left:6px;vertical-align:middle;width:12px}.green-circle{background-color:#28a745}.red-circle{background-color:#dc3545}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.save-status-toast{animation:slideInUp .3s cubic-bezier(.16,1,.3,1);animation:slideInUp .3s var(--ease-standard);border-radius:var(--radius-base);bottom:20px;box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);color:#fff;font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);padding:12px 20px;right:20px}.save-status-toast.saving{background-color:#21808d;background-color:var(--color-primary)}.save-status-toast.saved{background-color:#4caf50}.save-status-toast.error{background-color:#c0152f;background-color:var(--color-error)}.save-spinner{height:14px;width:14px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.main-content{padding:16px;padding:var(--space-16)}.section-header{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--space-12)}.exercises-header-controls{gap:8px;gap:var(--space-8);width:100%}.global-notes{align-items:stretch;flex-direction:column;gap:6px;gap:var(--space-6);width:100%}.global-notes-label{align-self:flex-start}.global-notes-input{width:100%}.workout-days-grid{grid-template-columns:1fr}.set-row{gap:8px;gap:var(--space-8);grid-template-columns:auto 1fr 1fr auto auto}.form-actions{flex-direction:column-reverse}}.auth-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px 0 #1f26875e;margin:50px auto;max-width:400px;padding:30px;text-align:center}.auth-container h2{color:#333;font-size:1.8rem;margin-bottom:20px}.auth-container input{background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#333;font-size:1rem;margin-bottom:15px;padding:12px 16px;transition:all .3s ease;width:100%}.auth-container input:focus{background:#ffffff4d;border-color:#0000004d;outline:none}.auth-container .btn-primary{background:green;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:15px;padding:12px;transition:all .3s ease;width:100%}.auth-container .btn-primary:hover{box-shadow:0 6px 20px #3339;transform:translateY(-2px)}.auth-container .btn-google{background:#fff;border:1px solid #ddd;border-radius:12px;color:#333;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:15px;padding:12px;transition:all .3s ease;width:100%}.auth-container .btn-google:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.auth-container .error-message{color:#f44;font-size:.9rem;margin-bottom:15px}.auth-container p{color:#333;font-size:.9rem;margin-top:20px}.auth-container a{color:green;font-weight:600;text-decoration:none}.auth-container a:hover{text-decoration:underline}.background-image-container{height:100%;overflow:hidden;position:relative;width:100%}.background-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);z-index:1}.background-placeholder,.placeholder-image{height:100%;left:0;position:absolute;top:0;width:100%}.placeholder-image{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:blur(10px) brightness(.7);transform:scale(1.1)}.loading-overlay{align-items:center;background:#0000004d;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fffc;height:40px;width:40px}.loading-progress{background:#fff3;border-radius:2px;height:4px;overflow:hidden;width:200px}.progress-bar{background:linear-gradient(90deg,#fffc,#fff 50%,#fffc);border-radius:2px;height:100%;transition:width .3s ease}.loading-text{color:#ffffffe6;font-size:14px;font-weight:500;text-align:center}.background-image{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .6s ease-in-out;width:100%;z-index:2}.background-image.loaded{opacity:1}.background-error{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.error-gradient{background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#667eea);height:100%;width:100%}.error-message{color:#ffffffe6;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.error-message p{font-size:16px;font-weight:500;margin:0 0 8px}.error-message small{font-size:12px;opacity:.8}.background-content{height:100%;position:relative;width:100%;z-index:10}@media (max-width:768px){.background-image{background-attachment:scroll}.loading-spinner{border-width:2px;height:30px;width:30px}}@media (prefers-reduced-motion:reduce){.background-image{transition:none}.loading-spinner{animation:none}.placeholder-image{filter:blur(5px) brightness(.8);transform:none}}.coming-soon-container{align-items:center;background-color:#000;color:#fff;display:flex;height:100vh;justify-content:center;left:0;margin:0;padding:0;position:fixed;top:0;width:100vw}.coming-soon-text{font-family:Arial,sans-serif;font-size:3rem;font-weight:300;margin:0;text-align:center}.expense-name-input{border:1px solid #ccc;border-radius:4px;font-size:1em;padding:2px 6px;width:90%}.expense-name-text{cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:root{--dc-primary:#4f46e5;--dc-primary-hover:#4338ca;--dc-secondary:#6b7280;--dc-danger:#ef4444;--dc-danger-hover:#dc2626;--dc-success:#10b981;--dc-warning:#f59e0b;--dc-bg:#f9fafb;--dc-card-bg:#fff;--dc-border:#e5e7eb;--dc-text:#111827;--dc-text-muted:#6b7280;--dc-header-bg:#1a1a2e;--dc-font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.daily-cost-container{background:#f9fafb;background:var(--dc-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--dc-font-family);min-height:100vh;padding:80px 20px 20px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-top-color:#4f46e5;border:4px solid var(--dc-border);border-radius:50%;border-top-color:var(--dc-primary);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.daily-cost-header{align-items:center;justify-content:space-between;margin-bottom:24px}.daily-cost-header,.header-left{display:flex;flex-wrap:wrap;gap:16px}.header-left{align-items:baseline}.page-title{color:#111827;color:var(--dc-text);font-size:2rem;font-weight:700;margin:0}.current-month{color:#6b7280;color:var(--dc-text-muted);font-size:1.25rem;font-weight:500}.header-right{align-items:center;display:flex;gap:16px}.total-display{align-items:flex-end;background:#fff;background:var(--dc-card-bg);border:1px solid #e5e7eb;border:1px solid var(--dc-border);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;padding:12px 24px}.total-display.editable-total{cursor:pointer}.total-display.editable-total:hover{background:#f9fafb;background:var(--dc-bg)}.total-display.editable-total:focus{box-shadow:0 0 0 3px #4f46e533;outline:none}.total-label{color:#6b7280;color:var(--dc-text-muted);font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.total-amount{color:#4f46e5;color:var(--dc-primary);font-size:1.5rem;font-weight:700}.total-amount.editable{cursor:pointer}.total-amount-input{border:1px solid #e5e7eb;border:1px solid var(--dc-border);border-radius:8px;color:#4f46e5;color:var(--dc-primary);font-family:SF Mono,Fira Code,monospace;font-size:1.5rem;font-weight:700;padding:4px 8px;text-align:right;width:150px}.total-amount-input:focus{box-shadow:0 0 0 3px #4f46e533;outline:none}.actions-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.btn{display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-primary{background:#4f46e5;background:var(--dc-primary);color:#fff}.btn-primary:hover{background:#4338ca;background:var(--dc-primary-hover);transform:translateY(-1px)}.btn-secondary{background:#fff;background:var(--dc-card-bg);border:1px solid #e5e7eb;border:1px solid var(--dc-border);color:#111827;color:var(--dc-text)}.btn-secondary:hover{background:#f9fafb;background:var(--dc-bg)}.btn-danger{background:#ef4444;background:var(--dc-danger);color:#fff}.btn-danger:hover{background:#dc2626;background:var(--dc-danger-hover)}.btn-success{background:#10b981;background:var(--dc-success);color:#fff}.btn-success:hover{background:#059669}.export-dropdown{position:relative}.dropdown-menu{background:#fff;background:var(--dc-card-bg);border:1px solid #e5e7eb;border:1px solid var(--dc-border);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;min-width:160px;overflow:hidden;position:absolute;top:100%;z-index:100}.dropdown-menu button{background:none;border:none;color:#111827;color:var(--dc-text);cursor:pointer;font-size:.875rem;padding:12px 16px;text-align:left;transition:background .15s ease;width:100%}.dropdown-menu button:hover{background:#f9fafb;background:var(--dc-bg)}.legend{display:flex;flex-wrap:wrap;gap:24px}.legend-item{align-items:center;color:#6b7280;color:var(--dc-text-muted);display:flex;font-size:.875rem;gap:8px}.legend-dot{border-radius:50%;height:12px;width:12px}.legend-dot.green{background:#10b981;background:var(--dc-success)}.legend-dot.yellow{background:#f59e0b;background:var(--dc-warning)}.legend-dot.red{background:#ef4444;background:var(--dc-danger)}.expense-category{background:#fff;background:var(--dc-card-bg);border:1px solid #e5e7eb;border:1px solid var(--dc-border);border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.category-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--dc-border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.category-title{color:#111827;color:var(--dc-text);font-size:1.25rem;font-weight:600;margin:0}.category-total{color:#4f46e5;color:var(--dc-primary);font-size:1.125rem;font-weight:700}.category-total-wrapper{position:relative}.category-total.clickable{border-radius:6px;cursor:pointer;padding:4px 8px;transition:background .2s ease}.category-total.clickable:hover{background:#f9fafb;background:var(--dc-bg)}.add-expense-dropdown{background:#fff;background:var(--dc-card-bg);border:1px solid #e5e7eb;border:1px solid var(--dc-border);border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;gap:12px;margin-top:8px;min-width:240px;padding:16px;position:absolute;right:0;top:100%;z-index:100}.add-expense-label{font-weight:600;margin:0}.add-expense-label,.add-expense-select{color:#111827;color:var(--dc-text);font-size:.875rem}.add-expense-select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--dc-border);border-radius:8px;cursor:pointer;outline:none;padding:10px 12px;transition:border-color .2s ease;width:100%}.add-expense-select:focus{border-color:#4f46e5;border-color:var(--dc-primary);box-shadow:0 0 0 3px #4f46e51a}.add-expense-input{border:1px solid #e5e7eb;border:1px solid var(--dc-border);border-radius:8px;box-sizing:border-box;font-family:SF Mono,Fira Code,monospace;font-size:.9375rem;outline:none;padding:10px 12px;transition:border-color .2s ease;width:100%}.add-expense-input:focus{border-color:#4f46e5;border-color:var(--dc-primary);box-shadow:0 0 0 3px #4f46e51a}.add-expense-input::placeholder{color:#6b7280;color:var(--dc-text-muted);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--dc-font-family)}.add-expense-btn{justify-content:center;width:100%}.add-expense-btn:disabled{cursor:not-allowed;opacity:.5}.add-expense-modal{max-width:520px;width:100%}.add-expense-form{display:flex;flex-direction:column;gap:16px}.add-expense-field{display:flex;flex-direction:column;gap:8px}.add-expense-field label{color:#111827;color:var(--dc-text);font-size:.875rem;font-weight:600}.add-expense-columns{display:flex;gap:16px}.add-expense-columns .add-expense-field{flex:1 1}.add-expense-hint{color:#6b7280;color:var(--dc-text-muted);font-size:.8125rem;margin:0}.add-expense-error{color:#ef4444;color:var(--dc-danger);font-size:.875rem;margin:0}.add-expense-modal-actions{display:flex;gap:12px;justify-content:flex-end}.table-container{overflow-x:auto}.expense-table{border-collapse:collapse;font-size:.9375rem;width:100%}.expense-table th{background:#f9fafb;background:var(--dc-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--dc-border);color:#6b7280;color:var(--dc-text-muted);font-size:.8125rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.expense-delete,.expense-table th.col-delete{max-width:36px;min-width:36px;padding:0 4px!important;text-align:center;width:36px}.delete-expense-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;color:var(--dc-text-muted);cursor:pointer;display:inline-flex;justify-content:center;opacity:0;padding:4px;transition:opacity .15s ease,color .15s ease,background .15s ease}.expense-row:hover .delete-expense-btn{opacity:1}.delete-expense-btn:hover{background:#ef44441a;color:#ef4444;color:var(--dc-danger)}.delete-expense-btn:focus-visible{opacity:1;outline:2px solid #4f46e5;outline:2px solid var(--dc-primary);outline-offset:2px}.expense-table th.col-name{width:35%}.expense-table th.col-current,.expense-table th.col-highest,.expense-table th.col-lowest{text-align:right;width:21.66%}.expense-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--dc-border);padding:14px 16px;vertical-align:middle}.expense-row:hover{background:#f9fafb;background:var(--dc-bg)}.expense-row:last-child td{border-bottom:none}.expense-name{color:#111827;color:var(--dc-text);font-weight:500}.expense-current,.expense-highest,.expense-lowest{font-family:SF Mono,Fira Code,monospace;text-align:right}.expense-current{cursor:pointer;position:relative}.expense-current-wrapper{display:flex;justify-content:flex-end;position:relative}.expense-current-wrapper .add-expense-dropdown{margin-top:8px;position:absolute;right:0;top:100%}.expense-value{align-items:center;color:#000;display:inline-flex;gap:8px}.expense-value.editable:hover{background:#f9fafb;background:var(--dc-bg);border-radius:6px;margin:-4px -8px;padding:4px 8px}.expense-lowest{color:#10b981;color:var(--dc-success)}.expense-highest{color:#ef4444;color:var(--dc-danger)}.status-indicator{font-size:.875rem}.expense-input{background:#fff;border:2px solid #4f46e5;border:2px solid var(--dc-primary);border-radius:6px;font-family:SF Mono,Fira Code,monospace;font-size:.9375rem;max-width:150px;outline:none;padding:8px 12px;text-align:right;width:100%}.expense-input:focus{box-shadow:0 0 0 3px #4f46e533}.expense-row.status-exceeds .expense-current{background:#ef44441a}.expense-row.status-high .expense-current{background:#f59e0b1a}.expense-row.status-low .expense-current{color:#10b981;color:var(--dc-success)}.daily-cost-footer{background:#fff;background:var(--dc-card-bg);border:1px solid #e5e7eb;border:1px solid var(--dc-border);border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-top:24px;padding:24px}.footer-totals{flex-wrap:wrap;gap:24px}.footer-total,.footer-totals{display:flex;justify-content:space-between}.footer-total{align-items:center;flex:1 1 240px;gap:12px}.footer-total-label{color:#111827;color:var(--dc-text);font-size:1.25rem;font-weight:600}.footer-total-amount{color:#000;font-family:SF Mono,Fira Code,monospace;font-size:2rem;font-weight:700}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--dc-card-bg);border-radius:16px;box-shadow:0 20px 40px #0003;max-width:400px;padding:32px;width:100%}.modal-title{color:#111827;color:var(--dc-text);font-size:1.5rem;font-weight:700;margin:0 0 12px}.modal-message{color:#6b7280;color:var(--dc-text-muted);line-height:1.6;margin:0 0 24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.save-status-toast{align-items:center;animation:slideIn .3s ease;border-radius:8px;bottom:24px;box-shadow:0 4px 12px #00000026;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:12px 24px;position:fixed;right:24px;z-index:1000}.save-status-toast.saving{background:#f59e0b;background:var(--dc-warning);color:#fff}.save-status-toast.saved{background:#10b981;background:var(--dc-success);color:#fff}.save-status-toast.error{background:#ef4444;background:var(--dc-danger);color:#fff}.save-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.daily-cost-container{padding:70px 12px 12px}.daily-cost-header{align-items:flex-start;flex-direction:column}.header-left{flex-direction:column;gap:8px}.page-title{font-size:1.5rem}.current-month{font-size:1rem}.header-right{width:100%}.total-display{align-items:center;flex-direction:row;justify-content:space-between;padding:16px;width:100%}.actions-bar{align-items:flex-start;flex-direction:column}.action-buttons{width:100%}.btn{flex:1 1;justify-content:center;padding:12px 16px}.legend{gap:12px;justify-content:space-between;width:100%}.legend-item{font-size:.75rem}.expense-category{border-radius:12px;padding:16px}.category-header{align-items:flex-start;flex-direction:column;gap:8px}.expense-table{font-size:.875rem}.expense-table td,.expense-table th{padding:10px 8px}.expense-table th.col-name{width:40%}.expense-table th.col-current,.expense-table th.col-highest,.expense-table th.col-lowest{width:20%}.expense-input{max-width:100px;padding:6px 8px}.footer-totals{align-items:stretch;flex-direction:column;gap:16px}.footer-total{align-items:center;flex-direction:column;gap:8px;text-align:center;width:100%}.add-expense-modal{max-width:100%}.add-expense-columns{flex-direction:column}.footer-total-amount{font-size:1.5rem}.modal-content{padding:24px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}@media (max-width:480px){.expense-highest,.expense-lowest,.expense-table th.col-highest,.expense-table th.col-lowest{display:none}.expense-table th.col-current,.expense-table th.col-name{width:50%}}@media print{.daily-cost-container{padding:0}.actions-bar,.save-status-toast{display:none}.expense-category{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}:root{--color-background:#fcfcf9;--color-surface:#fffffd;--color-text:#13343b;--color-text-secondary:#626c71;--color-primary:#21808d;--color-primary-hover:#1d7480;--color-primary-active:#1a6873;--color-secondary:#5e52401f;--color-secondary-hover:#5e524033;--color-secondary-active:#5e524040;--color-border:#5e524033;--color-btn-primary-text:#fcfcf9;--color-card-border:#5e52401f;--color-card-border-inner:#5e52401f;--color-error:#c0152f;--color-success:#21808d;--color-warning:#a84b2f;--color-info:#626c71;--color-focus-ring:#21808d66;--color-select-caret:#13343bcc;--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:33,128,141;--color-error-rgb:192,21,47;--color-warning-rgb:168,75,47;--color-info-rgb:98,108,113;--font-family-base:"Inter";--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:550;--font-weight-bold:600;--line-height-tight:1.2;--line-height-normal:1.5;--letter-spacing-tight:-0.01em;--space-0:0;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;--shadow-inset-sm:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;--duration-fast:150ms;--duration-normal:250ms;--ease-standard:cubic-bezier(0.16,1,0.3,1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}@media (prefers-color-scheme:dark){:root{--color-background:#1f2121;--color-surface:#262828;--color-text:#f5f5f5;--color-text-secondary:#a7a9a9b3;--color-primary:#32b8c6;--color-primary-hover:#2da6b2;--color-primary-active:#2996a1;--color-secondary:#777c7c26;--color-secondary-hover:#777c7c40;--color-secondary-active:#777c7c4d;--color-border:#777c7c4d;--color-error:#ff5459;--color-success:#32b8c6;--color-warning:#e68161;--color-info:#a7a9a9;--color-focus-ring:#32b8c666;--color-btn-primary-text:#13343b;--color-card-border:#777c7c33;--color-card-border-inner:#777c7c26;--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--button-border-secondary:#777c7c33;--color-border-secondary:#777c7c33;--color-select-caret:#f5f5f5cc;--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:50,184,198;--color-error-rgb:255,84,89;--color-warning-rgb:230,129,97;--color-info-rgb:167,169,169}}[data-color-scheme=dark]{--color-background:#1f2121;--color-surface:#262828;--color-text:#f5f5f5;--color-text-secondary:#a7a9a9b3;--color-primary:#32b8c6;--color-primary-hover:#2da6b2;--color-primary-active:#2996a1;--color-secondary:#777c7c26;--color-secondary-hover:#777c7c40;--color-secondary-active:#777c7c4d;--color-border:#777c7c4d;--color-error:#ff5459;--color-success:#32b8c6;--color-warning:#e68161;--color-info:#a7a9a9;--color-focus-ring:#32b8c666;--color-btn-primary-text:#13343b;--color-card-border:#777c7c26;--color-card-border-inner:#777c7c26;--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--color-border-secondary:#777c7c33;--color-select-caret:#f5f5f5cc;--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:50,184,198;--color-error-rgb:255,84,89;--color-warning-rgb:230,129,97;--color-info-rgb:167,169,169}[data-color-scheme=light]{--color-background:#fcfcf9;--color-surface:#fffffd;--color-text:#13343b;--color-text-secondary:#626c71;--color-primary:#21808d;--color-primary-hover:#1d7480;--color-primary-active:#1a6873;--color-secondary:#5e52401f;--color-secondary-hover:#5e524033;--color-secondary-active:#5e524040;--color-border:#5e524033;--color-btn-primary-text:#fcfcf9;--color-card-border:#5e52401f;--color-card-border-inner:#5e52401f;--color-error:#c0152f;--color-success:#21808d;--color-warning:#a84b2f;--color-info:#626c71;--color-focus-ring:#21808d66;--color-success-rgb:33,128,141;--color-error-rgb:192,21,47;--color-warning-rgb:168,75,47;--color-info-rgb:98,108,113}html{-webkit-font-smoothing:antialiased;background-color:#fcfcf9;background-color:var(--color-background);box-sizing:border-box;color:#13343b;color:var(--color-text);font-family:Inter;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}body{margin:0;padding:0}.app{background-color:#fcfcf9;background-color:var(--color-background);min-height:100vh}.app--empty{background-attachment:fixed;background-image:url(/static/media/landingimage3.78ac515072059285ab33.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.games-container{min-height:100vh;width:100%}.games-background{min-height:100vh}.app--empty-games{background-image:url(https://dzose-games.s3.eu-west-1.amazonaws.com/game-home1.png)}.app--empty-games,.app--empty-games-racing{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.app--empty-games-racing{background-image:url(https://dzose-games.s3.eu-west-1.amazonaws.com/car-cover.png);overflow:hidden;position:relative}.app--empty-games-racing:before{background:#0009;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cardEffect{background-color:#fff;border-radius:8px;box-shadow:0 8px 16px 0 #5c6f6f29,0 -8px 16px 0 #5c6f6f29}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6{color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0}h1{font-size:30px;font-size:var(--font-size-4xl)}h2{font-size:24px;font-size:var(--font-size-3xl)}h3{font-size:20px;font-size:var(--font-size-2xl)}h4{font-size:18px;font-size:var(--font-size-xl)}h5{font-size:16px;font-size:var(--font-size-lg)}h6{font-size:14px;font-size:var(--font-size-md)}p{margin:0 0 16px;margin:0 0 var(--space-16) 0}a{color:#21808d;color:var(--color-primary);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:#1d7480;color:var(--color-primary-hover)}code,pre{background-color:#5e52401f;background-color:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm);font-family:Inter;font-family:var(--font-family-base);font-size:13.3px;font-size:calc(var(--font-size-base)*.95)}code{padding:1px 4px;padding:var(--space-1) var(--space-4)}pre{border:1px solid #5e524033;border:1px solid var(--color-border);margin:16px 0;margin:var(--space-16) 0;overflow:auto;padding:16px;padding:var(--space-16)}pre code{background:none;padding:0}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-base);font-weight:500;justify-content:center;line-height:1.5;padding:8px 16px;padding:var(--space-8) var(--space-16);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.btn--primary{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn--primary:hover{background:#1d7480;background:var(--color-primary-hover)}.btn--primary:active{background:#1a6873;background:var(--color-primary-active)}.btn--secondary{background:#5e52401f;background:var(--color-secondary);color:#13343b;color:var(--color-text)}.btn--secondary:hover{background:#5e524033;background:var(--color-secondary-hover)}.btn--secondary:active{background:#5e524040;background:var(--color-secondary-active)}.btn--outline{background:#0000;border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.btn--outline:hover{background:#5e52401f;background:var(--color-secondary)}.btn--sm{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;font-size:var(--font-size-sm);padding:4px 12px;padding:var(--space-4) var(--space-12)}.btn--lg{border-radius:10px;border-radius:var(--radius-md);font-size:16px;font-size:var(--font-size-lg);padding:10px 20px;padding:var(--space-10) var(--space-20)}.btn--full-width{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.form-control{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);display:block;font-size:14px;font-size:var(--font-size-md);line-height:1.5;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);width:100%}textarea.form-control{font-family:Inter;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base)}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;padding:8px 12px;padding:var(--space-8) var(--space-12);padding-right:32px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.form-control:focus{border-color:#21808d;border-color:var(--color-primary);outline:2px solid #21808d;outline:var(--focus-outline)}.form-label{display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--space-8)}.form-group{margin-bottom:16px;margin-bottom:var(--space-16)}.card{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .25s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--duration-normal) var(--ease-standard)}.card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.card__body,.card__footer,.card__header{padding:16px;padding:var(--space-16)}.card__footer,.card__header{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner)}.status{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:6px 12px;padding:var(--space-6) var(--space-12)}.status--success{background-color:#21808d26;background-color:rgba(var(--color-success-rgb,33,128,141),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb,33,128,141),var(--status-border-opacity));color:#21808d;color:var(--color-success)}.status--error{background-color:#c0152f26;background-color:rgba(var(--color-error-rgb,192,21,47),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb,192,21,47),var(--status-border-opacity));color:#c0152f;color:var(--color-error)}.status--warning{background-color:#a84b2f26;background-color:rgba(var(--color-warning-rgb,168,75,47),var(--status-bg-opacity));border:1px solid #a84b2f40;border:1px solid rgba(var(--color-warning-rgb,168,75,47),var(--status-border-opacity));color:#a84b2f;color:var(--color-warning)}.status--info{background-color:#626c7126;background-color:rgba(var(--color-info-rgb,98,108,113),var(--status-bg-opacity));border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb,98,108,113),var(--status-border-opacity));color:#626c71;color:var(--color-info)}.container{margin-left:auto;margin-right:auto;padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16);width:100%}@media (min-width:640px){.container{max-width:640px;max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:768px;max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:1024px;max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:1280px;max-width:var(--container-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:4px;gap:var(--space-4)}.gap-8{gap:8px;gap:var(--space-8)}.gap-16{gap:16px;gap:var(--space-16)}.m-0{margin:0}.mt-8{margin-top:8px;margin-top:var(--space-8)}.mb-8{margin-bottom:8px;margin-bottom:var(--space-8)}.mx-8{margin-left:8px;margin-left:var(--space-8);margin-right:8px;margin-right:var(--space-8)}.my-8{margin-bottom:8px;margin-bottom:var(--space-8);margin-top:8px;margin-top:var(--space-8)}.p-0{padding:0}.py-8{padding-bottom:8px;padding-bottom:var(--space-8);padding-top:8px;padding-top:var(--space-8)}.px-8{padding-left:8px;padding-left:var(--space-8);padding-right:8px;padding-right:var(--space-8)}.py-16{padding-bottom:16px;padding-bottom:var(--space-16);padding-top:16px;padding-top:var(--space-16)}.px-16{padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16)}.block{display:block}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}[data-color-scheme=dark] .btn--outline{border:1px solid var(--color-border-secondary)}@font-face{font-family:FKGroteskNeue;src:url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2) format("woff2")}.navbar{border-bottom:none;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar--empty{background-color:initial;background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:none}.navbar-content{align-items:center;display:flex;height:60px;padding:12px 20px;padding:var(--space-12) var(--space-20)}.map-picker-container{margin-top:30rem}.new-chat-btn{border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);width:45px}.new-chat-btn,.sign-up-btn{align-items:center;background-color:#fffffd;background-color:var(--color-surface);color:#13343b;color:var(--color-text);cursor:pointer;display:flex;flex-shrink:0;height:45px;justify-content:center;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.sign-up-btn{border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:9999px!important}.log-in-btn{background-color:initial;font-weight:600;font-weight:var(--font-weight-bold)}.log-in-btn,>.address-section{align-items:center;color:#13343b;color:var(--color-text);cursor:pointer;display:flex;flex-shrink:0;height:45px;justify-content:center}>.address-section{border-radius:8px;border-radius:var(--radius-base);margin-left:1rem;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.new-chat-btn:hover{background-color:#5e52401f;background-color:var(--color-secondary);border-color:#21808d;border-color:var(--color-primary);color:#21808d;color:var(--color-primary)}.new-chat-btn:active{background-color:#5e524040;background-color:var(--color-secondary-active);transform:scale(.95)}.new-chat-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.orders-btn{align-items:center;background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);justify-content:center;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap}.orders-btn:hover{background-color:#5e52401f;background-color:var(--color-secondary);border-color:#21808d;border-color:var(--color-primary);color:#21808d;color:var(--color-primary)}.orders-btn:active{background-color:#5e524040;background-color:var(--color-secondary-active);transform:scale(.95)}.orders-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.navbar-title{align-items:center;display:flex;flex:1 1;justify-content:center}.navbar-logo{font-family:Inter,sans-serif;font-size:18px;font-size:var(--font-size-xl);font-weight:800;letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight)}.navbar-spacer{flex-shrink:0;width:45px}.chat-container{background-color:#fcfcf9;background-color:var(--color-background);margin:0 auto;max-width:750px}.categories-container,.chat-container{display:flex;flex-direction:column;height:calc(100vh - 60px)}.categories-container{margin-top:10rem;max-width:80%}@media (max-width:768px){.categories-container{height:auto;max-width:95%;padding:8px;padding:var(--space-8)}}@media (max-width:480px){.categories-container{height:auto;max-width:100%;padding:4px;padding:var(--space-4)}}.btn-outline{padding:10px}.chat-container--empty{background-attachment:fixed;background-image:url(/static/media/landingimage3.78ac515072059285ab33.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;margin:0 auto;max-width:750px}.chat-container--empty:before{background:#fcfcf9cc;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.chat-container--empty{position:relative}.chat-container--empty .chat-messages{flex:none;padding:0}.chat-header{align-items:center;background-color:#fffffd;background-color:var(--color-surface);border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:16px 20px;padding:var(--space-16) var(--space-20)}.chat-header h1{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold);margin:0}.status-indicator{align-items:center;display:flex;gap:8px;gap:var(--space-8)}.status-dot{animation:pulse 2s infinite;background-color:#21808d;background-color:var(--color-success);border-radius:50%;height:8px;width:8px}.status-text{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;gap:var(--space-16);overflow-y:auto;padding:20px;padding:var(--space-20);scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#5e52401f;background:var(--color-secondary);border-radius:9999px;border-radius:var(--radius-full)}.chat-messages::-webkit-scrollbar-thumb{background:#5e524033;background:var(--color-border);border-radius:9999px;border-radius:var(--radius-full)}.chat-messages::-webkit-scrollbar-thumb:hover{background:#626c71;background:var(--color-text-secondary)}.bot-message,.user-message{animation:messageAppear .3s cubic-bezier(.16,1,.3,1);animation:messageAppear .3s var(--ease-standard);display:flex;gap:12px;gap:var(--space-12)}.user-message{flex-direction:row-reverse}.bot-message{justify-content:flex-start}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-size:var(--font-size-lg);height:32px;justify-content:center;margin-top:4px;margin-top:var(--space-4);width:32px}.user-message .message-avatar{background-color:#21808d;background-color:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text);font-size:14px;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-bold)}.bot-message .message-avatar{background-color:#5e52401f;background-color:var(--color-secondary)}.message-content{display:flex;flex-direction:column;gap:4px;gap:var(--space-4);max-width:70%}.message-text{font-size:1.25em!important;font-weight:900}.user-message .message-content{align-items:flex-end}.bot-message .message-content{align-items:flex-start}.orders-panel{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 30px #00000026;height:100vh;overflow:hidden;position:fixed;right:20px;top:0;width:300px;z-index:1000}.message-bubble{word-wrap:break-word;border-radius:12px;border-radius:var(--radius-lg);flex-direction:column;font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);padding:12px 16px;padding:var(--space-12) var(--space-16);position:relative}.user-bubble{border-bottom-right-radius:6px;border-bottom-right-radius:var(--radius-sm)}.bot-bubble,.user-bubble{background-color:#fffffd;background-color:var(--color-surface);box-shadow:0 1px 2px #00000005;box-shadow:var(--shadow-xs);color:#13343b;color:var(--color-text)}.bot-bubble{border-bottom-left-radius:6px;border-bottom-left-radius:var(--radius-sm)}.message-time{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);margin-top:4px;margin-top:var(--space-4)}.typing-indicator{animation:messageAppear .3s cubic-bezier(.16,1,.3,1);animation:messageAppear .3s var(--ease-standard);padding:0 20px;padding:0 var(--space-20)}.typing-dots{display:flex;gap:4px;gap:var(--space-4);padding:8px 0;padding:var(--space-8) 0}.typing-dots span{animation:typingDot 1.4s infinite;background-color:#626c71;background-color:var(--color-text-secondary);border-radius:50%;height:8px;width:8px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.chat-input-container{align-items:center;background-color:#fffffd;background-color:var(--color-surface);border-radius:8px;height:125px;padding:16px 20px;padding:var(--space-16) var(--space-20)}.chat-input,.chat-input-container{border:1px solid #5e524033;border:1px solid var(--color-border);display:flex}.chat-input{align-items:flex-end;background-color:#fcfcf9;background-color:var(--color-background);border-radius:12px;border-radius:var(--radius-lg);gap:12px;gap:var(--space-12);padding:12px;padding:var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard)}.chat-input:focus-within{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring)}#messageInput{background:#0000;border:none;color:#13343b;color:var(--color-text);flex:1 1;font-family:Inter;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);max-height:120px;min-height:24px;outline:none;overflow-y:auto;resize:none}#messageInput::placeholder{color:#626c71;color:var(--color-text-secondary)}#messageInput::-webkit-scrollbar{width:4px}#messageInput::-webkit-scrollbar-track{background:#0000}#messageInput::-webkit-scrollbar-thumb{background:#5e524033;background:var(--color-border);border-radius:9999px;border-radius:var(--radius-full)}.send-btn{border-radius:8px;border-radius:var(--radius-base);flex-shrink:0;padding:8px;padding:var(--space-8);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.send-btn svg{transition:transform .15s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-fast) var(--ease-standard)}.send-btn:hover:not(:disabled) svg{transform:translateX(2px)}.input-footer{margin-top:8px;margin-top:var(--space-8);text-align:center}.text-secondary{color:#626c71;color:var(--color-text-secondary)}.error-toast{animation:slideIn .3s cubic-bezier(.16,1,.3,1);animation:slideIn .3s var(--ease-standard);background-color:#fffffd;background-color:var(--color-surface);border:1px solid #c0152f4d;border:1px solid rgba(var(--color-error-rgb),.3);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);max-width:400px;position:fixed;right:20px;right:var(--space-20);top:20px;top:var(--space-20);z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.error-content{align-items:flex-start;display:flex;gap:12px;gap:var(--space-12);padding:16px;padding:var(--space-16)}.error-icon{flex-shrink:0;font-size:16px;font-size:var(--font-size-lg)}.error-message{color:#13343b;color:var(--color-text);flex:1 1;font-size:12px;font-size:var(--font-size-sm);line-height:1.5;line-height:var(--line-height-normal)}.error-close{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#626c71;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:16px;font-size:var(--font-size-lg);height:20px;justify-content:center;padding:0;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:20px}.error-close:hover{background-color:#5e52401f;background-color:var(--color-secondary);color:#13343b;color:var(--color-text)}@media (max-width:768px){.navbar-content{flex-wrap:nowrap;height:56px;padding:8px 12px;padding:var(--space-8) var(--space-12)}.orders-panel{width:90%}.new-chat-btn{height:32px;min-width:32px;width:32px}.new-chat-btn svg{height:16px;width:16px}.orders-btn{font-size:11px;font-size:var(--font-size-xs);padding:6px 8px;padding:var(--space-6) var(--space-8)}.navbar-logo{font-size:14px;font-size:var(--font-size-md)}.navbar-spacer{min-width:32px;width:32px}.address-section{flex:1 1;height:32px;margin-left:8px;margin-left:var(--space-8);min-width:0}.chat-container{border-left:none;border-right:none}.chat-container,.chat-container--empty{height:calc(100vh - 56px);max-width:100%}.chat-header{padding:12px 16px;padding:var(--space-12) var(--space-16)}.chat-messages{gap:12px;gap:var(--space-12);padding:12px;padding:var(--space-12)}.chat-input-container{border-radius:12px;border-radius:var(--radius-lg);height:auto;margin:0 8px;margin:0 var(--space-8);min-height:80px;padding:12px;padding:var(--space-12)}.message-content{max-width:90%}.message-bubble{padding:10px 12px;padding:var(--space-10) var(--space-12)}.message-avatar,.message-bubble{font-size:12px;font-size:var(--font-size-sm)}.message-avatar{height:28px;width:28px}.error-toast{left:12px;left:var(--space-12);max-width:none;right:12px;right:var(--space-12);top:16px;top:var(--space-16)}.form-control{padding:6px 10px;padding:var(--space-6) var(--space-10)}.btn,.form-control{font-size:12px;font-size:var(--font-size-sm)}.btn{padding:6px 12px;padding:var(--space-6) var(--space-12)}.btn--sm{font-size:11px;font-size:var(--font-size-xs);padding:4px 8px;padding:var(--space-4) var(--space-8)}h1{font-size:24px;font-size:var(--font-size-3xl)}h2{font-size:20px;font-size:var(--font-size-2xl)}h3{font-size:18px;font-size:var(--font-size-xl)}h4{font-size:16px;font-size:var(--font-size-lg)}.message-text{font-size:1.1em!important}.container{padding-left:12px;padding-left:var(--space-12);padding-right:12px;padding-right:var(--space-12)}}@media (max-width:480px){.navbar-content{height:52px;padding:6px 8px;padding:var(--space-6) var(--space-8)}.new-chat-btn{height:28px;min-width:28px;width:28px}.new-chat-btn svg{height:14px;width:14px}.navbar-logo{font-size:12px;font-size:var(--font-size-sm)}.navbar-spacer{min-width:28px;width:28px}.address-section{height:28px;margin-left:6px;margin-left:var(--space-6)}.chat-container,.chat-container--empty{height:calc(100vh - 52px);max-width:100%}.chat-messages{gap:8px;gap:var(--space-8);padding:8px;padding:var(--space-8)}.chat-input-container{margin:0 4px;margin:0 var(--space-4);min-height:70px;padding:8px;padding:var(--space-8)}.message-content{max-width:95%}.message-bubble{padding:8px 10px;padding:var(--space-8) var(--space-10)}.message-avatar,.message-bubble{font-size:11px;font-size:var(--font-size-xs)}.message-avatar{height:24px;width:24px}.error-toast{left:8px;left:var(--space-8);right:8px;right:var(--space-8);top:12px;top:var(--space-12)}.error-content{gap:8px;gap:var(--space-8);padding:12px;padding:var(--space-12)}.message-text{font-size:1em!important}.btn,.form-control{padding:4px 8px;padding:var(--space-4) var(--space-8)}.btn,.btn--sm,.form-control{font-size:11px;font-size:var(--font-size-xs)}.btn--sm{padding:2px 6px;padding:var(--space-2) var(--space-6)}h1{font-size:20px;font-size:var(--font-size-2xl)}h2{font-size:18px;font-size:var(--font-size-xl)}h3{font-size:16px;font-size:var(--font-size-lg)}h4{font-size:14px;font-size:var(--font-size-md)}.container{padding-left:8px;padding-left:var(--space-8);padding-right:8px;padding-right:var(--space-8)}}@media (max-width:768px) and (orientation:landscape){.chat-container,.chat-container--empty{height:calc(100vh - 48px)}.navbar-content{height:48px;padding:6px 12px;padding:var(--space-6) var(--space-12)}.chat-messages{padding:8px;padding:var(--space-8)}.chat-input-container{min-height:60px;padding:8px 12px;padding:var(--space-8) var(--space-12)}}@media (max-width:768px){.btn,.new-chat-btn,.send-btn{min-height:28px;min-width:28px}.chat-messages{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}input,select,textarea{font-size:16px!important}.message-bubble{align-items:center;display:flex;min-height:44px}.bot-message,.user-message{margin-bottom:16px;margin-bottom:var(--space-16)}.app,body{overflow-x:hidden}.app{width:100%}*{max-width:100%}.map-picker-container{margin-top:20rem}.chat-input-container{background-color:#fffffd;background-color:var(--color-surface);bottom:0;position:-webkit-sticky;position:sticky;z-index:10}}@media (max-width:768px){@supports (-webkit-touch-callout:none){.chat-container,.chat-container--empty{height:calc(100vh - 56px - env(keyboard-inset-height, 0px))}}}.streaming-text{position:relative}.streaming-text:after{animation:blink 1s infinite;color:#21808d;color:var(--color-primary);content:"|"}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width:768px){.MuiTextField-root{font-size:16px!important}.MuiTextField-root .MuiInputBase-input{font-size:16px!important;padding:12px 14px!important}.MuiTextField-root .MuiInputBase-multiline{padding:8px 14px!important}.MuiButton-root{font-size:14px!important;min-height:44px!important;min-width:44px!important}.MuiButton-sizeSmall{font-size:12px!important;min-height:36px!important;min-width:36px!important}.MuiTypography-h4{font-size:1.5rem!important}.MuiTypography-h5{font-size:1.25rem!important}.MuiTypography-h6{font-size:1.1rem!important}.MuiTypography-body1{font-size:14px!important}.MuiTypography-body2{font-size:12px!important}.MuiCard-root{border-radius:12px!important}.MuiCardContent-root{padding:12px!important}.MuiCardContent-root:last-child{padding-bottom:12px!important}.MuiGrid-container{margin:0!important;width:100%!important}.MuiGrid-item{padding:8px!important}}@media (max-width:480px){.MuiTextField-root .MuiInputBase-input{font-size:14px!important;padding:10px 12px!important}.MuiButton-root{font-size:12px!important;min-height:40px!important;min-width:40px!important;padding:6px 12px!important}.MuiButton-sizeSmall{font-size:11px!important;min-height:32px!important;min-width:32px!important;padding:4px 8px!important}.MuiTypography-h4{font-size:1.25rem!important}.MuiTypography-h5{font-size:1.1rem!important}.MuiTypography-h6{font-size:1rem!important}.MuiTypography-body1{font-size:12px!important}.MuiTypography-body2{font-size:11px!important}.MuiCardContent-root{padding:8px!important}.MuiCardContent-root:last-child{padding-bottom:8px!important}.MuiGrid-item{padding:4px!important}}@media (max-width:768px){.MuiButton-root,.MuiChip-root,.MuiIconButton-root{-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}.MuiButton-root,.MuiIconButton-root{-webkit-user-select:none;user-select:none}.MuiList-root{-webkit-overflow-scrolling:touch}.MuiButton-root:focus,.MuiTextField-root:focus-within{outline:2px solid #21808d;outline-offset:2px}}@media (max-width:768px) and (orientation:landscape){.MuiTypography-h4{font-size:1.25rem!important}.MuiCardContent-root{padding:8px!important}.MuiGrid-item{padding:6px!important}}
/*# sourceMappingURL=main.2aa1a47a.css.map*/