@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_4392babd-module__nDudpW__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_4392babd-module__nDudpW__variable{--font-outfit:"Outfit", "Outfit Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_7b064e0d-module__MOT0tq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_7b064e0d-module__MOT0tq__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--bg-app:#f3f4f6;--bg-card:#fff;--bg-card-hover:#f9fafb;--border-color:#e5e7eb;--border-depth:#d1d5db;--border-active:#3b82f6;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#9ca3af;--primary:#58cc02;--primary-depth:#46a302;--primary-glow:#58cc0226;--dsa:#3b82f6;--dsa-depth:#1d4ed8;--dsa-glow:#3b82f626;--water:#06b6d4;--water-depth:#0891b2;--water-glow:#06b6d426;--sleep:#8b5cf6;--sleep-depth:#6d28d9;--sleep-glow:#8b5cf626;--success:#10b981;--success-depth:#047857;--success-glow:#10b98126;--warning:#f59e0b;--warning-depth:#b45309;--warning-glow:#f59e0b26;--danger:#f43f5e;--danger-depth:#be123c;--danger-glow:#f43f5e26;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--spacing-xs:6px;--spacing-sm:12px;--spacing-md:18px;--spacing-lg:24px;--spacing-xl:32px;--transition-fast:.1s ease;--transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 2px 0 0 var(--border-depth);--shadow-md:0 4px 0 0 var(--border-depth);--shadow-lg:0 6px 0 0 var(--border-depth);--shadow-glow:none;--font-display:var(--font-outfit), system-ui, -apple-system, sans-serif;--font-body:var(--font-inter), system-ui, -apple-system, sans-serif}[data-theme=dark]{--bg-app:#080b11;--bg-card:#111827;--bg-card-hover:#1f2937;--border-color:#1f2937;--border-depth:#070a0f;--border-active:#3b82f6;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--shadow-sm:0 2px 0 0 var(--border-depth);--shadow-md:0 4px 0 0 var(--border-depth);--shadow-lg:0 6px 0 0 var(--border-depth)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;padding-block:var(--spacing-lg);padding-inline:var(--spacing-md);scrollbar-gutter:stable;transition:background-color var(--transition-normal);flex-direction:column;justify-content:flex-start;align-items:center;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);font-weight:800}a{color:var(--text-primary);font-weight:700;text-decoration:underline}.container{gap:var(--spacing-md);flex-direction:column;inline-size:100%;max-inline-size:460px;display:flex}.card{background-color:var(--bg-card);border:2px solid var(--border-color);box-shadow:0 4px 0 0 var(--border-depth);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-md);transition:border-color var(--transition-fast), background-color var(--transition-fast);gap:var(--spacing-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.card.card-warning{border-color:var(--danger);box-shadow:0 4px 0 0 var(--danger-depth)}.date-navigator{background-color:var(--bg-card);border:2px solid var(--border-color);box-shadow:0 3px 0 0 var(--border-depth);border-radius:var(--radius-md);padding:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.date-navigator button{color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;font-weight:800;display:flex}.date-navigator button:hover{background-color:var(--bg-card-hover)}.date-display{font-family:var(--font-display);text-transform:uppercase;font-size:1rem;font-weight:800}.header-row{justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-block-end:var(--spacing-sm);display:flex}.title-area h1{text-transform:uppercase;font-size:1.6rem}.streak-container{gap:var(--spacing-sm);align-items:center;display:flex}.streak-chip{background-color:var(--bg-card);border:2px solid var(--border-color);box-shadow:0 2px 0 0 var(--border-depth);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-xs);text-transform:uppercase;font-size:.8rem;font-weight:800;font-family:var(--font-display);padding:6px 12px;display:flex}.theme-toggle-btn{background-color:var(--bg-card);border:2px solid var(--border-color);box-shadow:0 2px 0 0 var(--border-depth);cursor:pointer;width:38px;height:38px;color:var(--text-primary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;transform:translateY(0)}.theme-toggle-btn:active{box-shadow:0 0 0 0 var(--border-depth);transform:translateY(2px)}.progress-bar-container{background-color:var(--bg-card-hover);border:2px solid var(--border-color);border-radius:var(--radius-xl);width:100%;height:16px;position:relative;overflow:hidden}.progress-bar-fill{background-color:var(--primary);border-radius:var(--radius-xl);height:100%;transition:width var(--transition-slow)}.quote-card{background-color:var(--bg-card);border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.quote-text{color:var(--text-secondary);margin-block-end:var(--spacing-xs);font-size:.9rem;font-style:italic;line-height:1.4}.quote-author{text-transform:uppercase;color:var(--text-primary);font-size:.75rem;font-weight:700;font-family:var(--font-display)}.habit-card-header{justify-content:space-between;align-items:center;display:flex}.habit-info{flex-direction:column;gap:2px;display:flex}.habit-name{text-transform:uppercase;font-size:1.05rem;font-weight:800}.habit-target{color:var(--text-secondary);font-size:.75rem;font-weight:600}.habit-status-badge{padding:4px var(--spacing-sm);border-radius:var(--radius-sm);font-size:.7rem;font-family:var(--font-display);text-transform:uppercase;border:2px solid var(--border-color);font-weight:800}.status-todo{background-color:var(--bg-card-hover);color:var(--text-secondary)}.status-done{background-color:var(--primary-glow);color:var(--primary);border-color:var(--primary)}.slot-group{gap:var(--spacing-sm);flex-wrap:wrap;margin-block-start:var(--spacing-xs);display:flex}.slot-chip{border-radius:var(--radius-md);border:2px solid var(--border-color);box-shadow:0 2px 0 0 var(--border-depth);background-color:var(--bg-card);color:var(--text-primary);font-size:.8rem;font-family:var(--font-display);text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--spacing-xs);padding:8px 16px;font-weight:800;display:inline-flex;transform:translateY(0)}.slot-chip:hover{background-color:var(--bg-card-hover)}.slot-chip:active{box-shadow:0 0 0 0 var(--border-depth);transform:translateY(2px)}.slot-chip.active-dsa{background-color:var(--dsa);border-color:var(--dsa-depth);box-shadow:0 2px 0 0 var(--dsa-depth);color:#fff}.slot-chip.active-water{background-color:var(--water);border-color:var(--water-depth);box-shadow:0 2px 0 0 var(--water-depth);color:#fff}.slider-container{flex-direction:column;gap:8px;margin-block-start:var(--spacing-xs);display:flex}.slider-labels{text-transform:uppercase;justify-content:space-between;font-size:.8rem;font-weight:700;display:flex}.range-input{appearance:none;border-radius:var(--radius-sm);background:var(--bg-card-hover);border:2px solid var(--border-color);outline:none;width:100%;height:10px}.range-input::-webkit-slider-thumb{appearance:none;border:2px solid var(--border-color);background:var(--bg-card);width:22px;height:22px;box-shadow:0 2px 0 0 var(--border-color);cursor:pointer;border-radius:6px}.range-input.slider-dsa::-webkit-slider-thumb{background:var(--dsa)}.range-input.slider-water::-webkit-slider-thumb{background:var(--water)}.range-input.slider-sleep::-webkit-slider-thumb{background:var(--sleep)}.range-input.slider-instagram::-webkit-slider-thumb{background:var(--danger)}.range-input.slider-default::-webkit-slider-thumb{background:var(--primary)}.confirm-btn{background-color:var(--primary);border:2px solid var(--primary-depth);box-shadow:0 3px 0 0 var(--primary-depth);text-transform:uppercase;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;gap:6px;margin-block-start:var(--spacing-xs);padding:10px 16px;font-size:.8rem;font-weight:800;display:flex;transform:translateY(0);color:#fff!important}.confirm-btn:hover{background-color:#64e803}.confirm-btn:active{box-shadow:0 0 0 0 var(--primary-depth);transform:translateY(3px)}.discourage-banner{background-color:var(--danger-glow);border:2px solid var(--danger);box-shadow:0 2px 0 0 var(--danger-depth);color:var(--danger);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-sm);margin-block-start:4px;font-size:.8rem;font-weight:700;display:flex}.discourage-title{text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.9rem;font-weight:800}.discourage-text{opacity:.9;font-size:.75rem;font-weight:600}.shake-animation{animation:.5s infinite alternate shake}@keyframes shake{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.badge-grid{gap:var(--spacing-sm);margin-top:var(--spacing-xs);grid-template-columns:repeat(3,1fr);display:grid}.badge-item{text-align:center;padding:var(--spacing-sm) 6px;border:2px solid var(--border-color);box-shadow:0 2px 0 0 var(--border-depth);border-radius:var(--radius-md);background-color:var(--bg-card-hover);transition:all var(--transition-fast);opacity:.35;filter:grayscale();flex-direction:column;align-items:center;display:flex;position:relative}.badge-item.unlocked{opacity:1;filter:none;background-color:var(--bg-card);border-color:var(--primary);box-shadow:0 2px 0 0 var(--primary-depth)}.badge-emoji{margin-bottom:6px;font-size:1.8rem}.badge-title{text-transform:uppercase;color:var(--text-primary);letter-spacing:-.01em;font-size:.7rem;font-weight:850;line-height:1.2}.badge-desc{color:var(--text-secondary);margin-top:2px;font-size:.55rem;font-weight:600;line-height:1.1}.share-btn{background-color:var(--dsa);border:2px solid var(--dsa-depth);box-shadow:0 4px 0 0 var(--dsa-depth);text-transform:uppercase;letter-spacing:.08em;width:100%;padding-block:var(--spacing-md);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-size:.95rem;font-weight:900;transform:translateY(0);color:#fff!important}.share-btn:hover{border-color:var(--dsa-depth);background-color:#5195fc}.share-btn:active{box-shadow:0 0 0 0 var(--dsa-depth);transform:translateY(4px)}.toast{background-color:var(--text-primary);color:var(--bg-card);border:2px solid var(--border-color);box-shadow:0 2px 0 0 var(--border-depth);border-radius:var(--radius-md);font-size:.85rem;font-family:var(--font-display);text-transform:uppercase;z-index:100;padding:10px 20px;font-weight:800;animation:.2s cubic-bezier(.4,0,.2,1) slideUp;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes slideUp{0%{opacity:0;bottom:0}to{opacity:1;bottom:24px}}.vocab-list{gap:var(--spacing-sm);margin-top:var(--spacing-xs);flex-direction:column;display:flex}.vocab-item{border:2px solid var(--border-color);box-shadow:0 2px 0 0 var(--border-depth);border-radius:var(--radius-md);padding:var(--spacing-sm);background-color:var(--bg-card);transition:all var(--transition-fast);flex-direction:column;display:flex}.vocab-header-row{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.vocab-word-info{align-items:center;gap:var(--spacing-xs);display:flex}.vocab-word{text-transform:uppercase;color:var(--text-primary);letter-spacing:-.01em;font-size:.95rem;font-weight:850}.vocab-word.used-word{color:var(--text-muted);text-decoration:line-through}.vocab-details{color:var(--text-secondary);border-top:1px dashed var(--border-color);margin-top:10px;padding-top:8px;font-size:.8rem;line-height:1.3}.vocab-def{color:var(--text-primary);margin-bottom:4px;font-weight:800}.vocab-example{color:var(--text-muted);margin-top:2px;font-style:italic}.vocab-check{border:2px solid var(--border-color);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;display:flex}.vocab-check:active{transform:scale(.9)}.vocab-check.checked{background-color:var(--primary);border-color:var(--primary-depth);color:#fff}.vocab-progress-row{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.vocab-bar-fill{background-color:var(--dsa);border-radius:var(--radius-xl);height:100%;transition:width var(--transition-slow)}@media (max-width:440px){.header-row{align-items:stretch;gap:var(--spacing-sm);flex-direction:column;margin-block-end:var(--spacing-sm)}.title-area h1{font-size:1.4rem}.streak-container{justify-content:space-between;gap:var(--spacing-xs);width:100%}.streak-container>div.streak-chip,.streak-container>a{flex:1;display:flex}.streak-container>a>div.streak-chip{width:100%}.streak-chip{justify-content:center;padding:6px 8px;font-size:.75rem}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--spacing-md);background-color:#080b1199;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background-color:var(--bg-card);border:2px solid var(--border-color);box-shadow:0 4px 0 0 var(--border-depth);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;align-items:center;gap:var(--spacing-md);flex-direction:column;width:100%;max-width:360px;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-icon{font-size:3rem;animation:2s ease-in-out infinite alternate floatIcon}@keyframes floatIcon{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.modal-title{text-transform:uppercase;color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.3rem;font-weight:900}.modal-text{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.modal-btn{background-color:var(--primary);border:2px solid var(--primary-depth);width:100%;box-shadow:0 3px 0 0 var(--primary-depth);border-radius:var(--radius-md);text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:850;display:flex;transform:translateY(0);color:#fff!important}.modal-btn:hover{background-color:#64e803}.modal-btn:active{box-shadow:0 0 0 0 var(--primary-depth);transform:translateY(3px)}.modal-btn-secondary{color:var(--text-muted);text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:4px;font-size:.75rem;font-weight:800;text-decoration:underline}.bottom-nav{display:none}@media (max-width:768px){.bottom-nav{background-color:var(--bg-card);border-top:2px solid var(--border-color);z-index:500;height:64px;padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.container{padding-bottom:96px}}.nav-item{color:var(--text-muted);cursor:pointer;height:100%;transition:all var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.nav-item.active{color:var(--primary-depth)}[data-theme=dark] .nav-item.active{color:var(--primary)}.nav-label{text-transform:uppercase;letter-spacing:.02em;font-size:.65rem;font-weight:800}.desktop-tabs{margin-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color);gap:12px;padding-bottom:8px;display:flex}@media (max-width:768px){.desktop-tabs{display:none}}.tab-btn{border-radius:var(--radius-md);text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:2px solid #0000;padding:8px 16px;font-size:.85rem;font-weight:800}.tab-btn.active{background-color:var(--bg-card-hover);border-color:var(--border-color);color:var(--text-primary);box-shadow:0 2px 0 0 var(--border-depth)}.chart-container{width:100%;height:200px;margin-top:12px;position:relative}.chart-bar{fill:var(--primary);rx:6px;filter:drop-shadow(0 2px 0 var(--primary-depth));transition:height .5s,y .5s}.chart-bar.perfect-bar{fill:var(--warning);filter:drop-shadow(0 2px 0 var(--warning-depth))}.chart-bar-bg{fill:var(--bg-card-hover);rx:6px}.chart-line{fill:none;stroke:var(--dsa);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 0 var(--dsa-depth))}.chart-target-line{fill:none;stroke:var(--text-muted);stroke-dasharray:4 4;stroke-width:2px}.chart-dot{fill:var(--bg-card);stroke:var(--dsa);stroke-width:3px;cursor:pointer;transition:all .3s}.chart-dot:hover{r:7px}.grid-line{stroke:var(--border-color);stroke-width:1px}.chart-label{fill:var(--text-muted);text-anchor:middle;font-size:10px;font-weight:700;font-family:var(--font-display)}