:root{--ios-blue:#007AFF;--ios-green:#34C759;--ios-indigo:#5856D6;--ios-orange:#FF9500;--ios-pink:#FF2D55;--ios-purple:#AF52DE;--ios-red:#FF3B30;--ios-teal:#5AC8FA;--ios-yellow:#FFCC00;--primary:var(--ios-blue);--success:var(--ios-green);--danger:var(--ios-red);--warning:var(--ios-orange);--accent:var(--ios-orange);--fitness-color:var(--ios-blue);--nofap-color:var(--ios-purple);--diet-color:var(--ios-green);--gmat-color:var(--ios-orange);--label:#000000;--label-secondary:rgba(60,60,67,0.60);--label-tertiary:rgba(60,60,67,0.30);--label-quaternary:rgba(60,60,67,0.18);--placeholder:rgba(60,60,67,0.30);--bg-primary:#F2F2F7;--bg-secondary:#FFFFFF;--bg-tertiary:#F2F2F7;--bg-elevated:#FFFFFF;--fill:rgba(120,120,128,0.20);--fill-secondary:rgba(120,120,128,0.16);--fill-tertiary:rgba(118,118,128,0.12);--fill-quaternary:rgba(116,116,128,0.08);--gray:#8E8E93;--gray2:#AEAEB2;--gray3:#C7C7CC;--gray4:#D1D1D6;--gray5:#E5E5EA;--gray6:#F2F2F7;--separator:rgba(60,60,67,0.29);--separator-opaque:#C6C6C8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font:-apple-system,"SF Pro Text","SF Pro Display",system-ui,"Helvetica Neue",sans-serif;--font-size-caption2:11px;--font-size-caption1:12px;--font-size-footnote:13px;--font-size-subhead:15px;--font-size-callout:16px;--font-size-body:17px;--font-size-title3:20px;--font-size-title2:22px;--font-size-title1:28px;--font-size-largeTitle:34px;--shadow-sm:0 0.5px 0 0 var(--separator);--shadow-md:0 2px 8px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--nav-height:49px;--safe-area-bottom:env(safe-area-inset-bottom,0px);--sidebar-width:240px;--max-width:700px;--grouped-margin:20px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:17px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-primary);color:var(--label);line-height:1.29;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}input,select,textarea{font-family:var(--font);font-size:var(--font-size-body)}img{max-width:100%;display:block}::-webkit-scrollbar{width:0;display:none}.ios-search{position:relative;background:var(--fill-tertiary);border-radius:var(--radius-full);height:36px;padding:0 var(--space-3);gap:var(--space-2)}.ios-search,.ios-search-icon{display:flex;align-items:center}.ios-search-icon{flex-shrink:0;color:var(--gray);pointer-events:none}.ios-search-input{flex:1 1;background:none;border:none;outline:none;font-family:var(--font);font-size:16px;color:var(--label);min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ios-search-input::placeholder{color:var(--gray2)}.ios-search-input:focus{outline:none;box-shadow:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:400;transition:opacity .15s ease;white-space:nowrap;border:none;cursor:pointer;min-height:44px;-webkit-tap-highlight-color:transparent}.btn:active{opacity:.6}.btn-primary{background:var(--ios-blue);color:#FFFFFF;font-weight:600;border-radius:var(--radius-md)}.btn-secondary{background:transparent;color:var(--ios-blue)}.btn-danger{background:transparent;color:var(--ios-red)}.btn-ghost{background:transparent;color:var(--ios-blue);font-weight:400}.btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-subhead);min-height:34px}.btn-lg{padding:var(--space-3) var(--space-5);font-size:var(--font-size-body);font-weight:600;border-radius:var(--radius-lg);min-height:50px}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-md);font-size:18px}.btn-full{width:100%}.card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-4) var(--space-4);border:none;transition:none}.card,.card-flat,.card-flat:hover,.card:hover{box-shadow:none}.ios-section{background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-5);overflow:hidden}.ios-section-header{font-size:var(--font-size-footnote);font-weight:400;color:var(--label-secondary);text-transform:uppercase;letter-spacing:-.08px;padding:var(--space-2) var(--grouped-margin) var(--space-1);margin-bottom:0}.ios-row{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:var(--space-3) var(--space-4);border-bottom:.5px solid var(--separator)}.ios-row:last-child{border-bottom:none}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-size:var(--font-size-footnote);font-weight:400;color:var(--label-secondary);text-transform:uppercase;letter-spacing:-.08px}.input{padding:var(--space-3) var(--space-4);background:var(--fill-tertiary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);color:var(--label);min-height:44px;outline:none;width:100%;min-width:0;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.input:focus{outline:none;box-shadow:none}.input::placeholder{color:var(--placeholder)}.textarea{resize:vertical;min-height:80px}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 14px;border-radius:var(--radius-full);font-size:var(--font-size-subhead);font-weight:500;background:var(--fill-tertiary);color:var(--label);cursor:pointer;transition:all .15s ease;border:none;min-height:34px}.chip:active{opacity:.6}.chip.active{background:var(--ios-blue);color:#FFFFFF}.chip-sm{padding:4px 10px;font-size:var(--font-size-caption1);min-height:28px}.tabs{display:flex;background:var(--fill-tertiary);border-radius:var(--radius-sm);padding:2px;gap:0}.tab{flex:1 1;padding:7px var(--space-3);border-radius:7px;font-size:var(--font-size-footnote);font-weight:500;text-align:center;cursor:pointer;border:none;background:transparent;min-height:32px;transition:all .2s ease}.tab,.tab.active{color:var(--label)}.tab.active{background:var(--bg-secondary);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08);font-weight:600}.toggle{position:relative;width:51px;height:31px;background:var(--fill);border-radius:var(--radius-full);cursor:pointer;transition:background .25s ease;border:none;padding:0;flex-shrink:0}.toggle.active{background:var(--ios-green)}.toggle:after{content:"";position:absolute;width:27px;height:27px;background:white;border-radius:50%;top:2px;left:2px;transition:transform .25s ease;box-shadow:0 2px 4px rgba(0,0,0,.15)}.toggle.active:after{transform:translateX(20px)}.stepper{display:inline-flex;background:var(--fill-tertiary);border-radius:var(--radius-sm);overflow:hidden}.stepper,.stepper-btn{align-items:center;height:36px}.stepper-btn{width:44px;display:flex;justify-content:center;border:none;background:transparent;font-size:20px;font-weight:400;cursor:pointer;color:var(--ios-blue)}.stepper-btn:active{background:var(--fill)}.stepper-btn:first-child{border-right:.5px solid var(--separator)}.stepper-value{font-size:var(--font-size-title2);font-weight:600;min-width:48px;text-align:center}.progress-bar{width:100%;height:4px;background:var(--fill-tertiary);overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;background:var(--ios-blue);transition:width .4s ease}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-caption2);font-weight:600}.badge-primary{background:rgba(0,122,255,.12);color:var(--ios-blue)}.badge-success{background:rgba(52,199,89,.12);color:var(--ios-green)}.badge-danger{background:rgba(255,59,48,.12);color:var(--ios-red)}.badge-accent,.badge-warning{background:rgba(255,149,0,.12);color:var(--ios-orange)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-2);animation:fadeIn .2s ease}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-5);max-width:500px;width:100%;max-height:85vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.32,.72,0,1);box-shadow:var(--shadow-lg);margin-bottom:var(--safe-area-bottom)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.modal-title{font-size:var(--font-size-body);font-weight:600}.empty-state{text-align:center;padding:var(--space-10) var(--space-6);color:var(--label-tertiary)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-4)}.empty-state-text{font-size:var(--font-size-body);margin-bottom:var(--space-4)}.page{padding:var(--space-4) var(--grouped-margin);padding-bottom:calc(var(--nav-height) + var(--safe-area-bottom) + var(--space-8));max-width:var(--max-width);margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-2);min-height:44px}.page-title{font-size:var(--font-size-largeTitle);font-weight:700;letter-spacing:.37px;line-height:1.21}.page-header:has(.btn-ghost) .page-title{font-size:var(--font-size-title3);font-weight:600;letter-spacing:-.45px;line-height:1.29}.section-title{font-size:var(--font-size-footnote);font-weight:400;color:var(--label-secondary);text-transform:uppercase;letter-spacing:-.08px;margin-bottom:var(--space-2);padding-left:var(--space-1)}.grid-2{grid-template-columns:1fr;grid-gap:var(--space-3)}.grid-2,.grid-3{display:grid;gap:var(--space-3)}.grid-3{grid-template-columns:1fr 1fr;grid-gap:var(--space-3)}.grid-4{display:grid;grid-template-columns:1fr;grid-gap:var(--space-3);gap:var(--space-3)}@media (min-width:400px){.grid-2,.grid-4{grid-template-columns:1fr 1fr}}@media (min-width:600px){.grid-3{grid-template-columns:1fr 1fr 1fr}.grid-4{grid-template-columns:1fr 1fr 1fr 1fr}}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-in{animation:slideUp .3s cubic-bezier(.32,.72,0,1)}.spinner{width:20px;height:20px;border:2.5px solid var(--gray5);border-top-color:var(--gray);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-center{display:flex;align-items:center;justify-content:center;min-height:200px}.toast{position:fixed;bottom:calc(var(--safe-area-bottom) + 72px);left:50%;transform:translateX(-50%);background:rgba(40,40,40,.95);color:#FFFFFF;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--font-size-subhead);font-weight:500;white-space:nowrap;box-shadow:0 4px 20px rgba(0,0,0,.35);z-index:2000;animation:slideUp .3s cubic-bezier(.32,.72,0,1)}.tracker-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.tracker-dot.fitness{background:var(--fitness-color)}.tracker-dot.nofap{background:var(--nofap-color)}.tracker-dot.diet{background:var(--diet-color)}.tracker-dot.gmat{background:var(--gmat-color)}.streak-fire{padding:4px 10px;background:linear-gradient(135deg,#FF6B35,#FF3B30);color:white;border-radius:var(--radius-full);font-size:var(--font-size-caption1);font-weight:600}.points-display,.streak-fire{display:inline-flex;align-items:center;gap:var(--space-1)}.points-display{font-weight:700;color:var(--ios-orange)}.date-nav{gap:var(--space-2)}.date-nav,.date-nav-btn{display:flex;align-items:center}.date-nav-btn{width:44px;height:44px;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);font-size:20px;cursor:pointer;color:var(--ios-blue)}.date-nav-btn:active{opacity:.6}.macro-bar{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-caption1)}.macro-label{font-weight:600;min-width:24px}.macro-value{color:var(--label-secondary)}@media (min-width:768px){.page{padding:var(--space-8);padding-bottom:var(--space-8)}.page-title{font-size:var(--font-size-largeTitle)}.modal-content{max-width:560px}}@media (min-width:1024px){.page{margin-left:var(--sidebar-width);padding:var(--space-10)}}@media (prefers-color-scheme:dark){:root{--ios-blue:#0A84FF;--ios-green:#30D158;--ios-indigo:#5E5CE6;--ios-orange:#FF9F0A;--ios-pink:#FF375F;--ios-purple:#BF5AF2;--ios-red:#FF453A;--ios-teal:#64D2FF;--ios-yellow:#FFD60A;--primary:var(--ios-blue);--success:var(--ios-green);--danger:var(--ios-red);--warning:var(--ios-orange);--accent:var(--ios-orange);--fitness-color:#0A84FF;--nofap-color:#BF5AF2;--diet-color:#30D158;--gmat-color:#FF9F0A;--label:#FFFFFF;--label-secondary:rgba(235,235,245,0.60);--label-tertiary:rgba(235,235,245,0.30);--label-quaternary:rgba(235,235,245,0.18);--placeholder:rgba(235,235,245,0.30);--bg-primary:#000000;--bg-secondary:#1C1C1E;--bg-tertiary:#2C2C2E;--bg-elevated:#2C2C2E;--fill:rgba(120,120,128,0.36);--fill-secondary:rgba(120,120,128,0.32);--fill-tertiary:rgba(118,118,128,0.24);--fill-quaternary:rgba(118,118,128,0.18);--gray:#8E8E93;--gray2:#636366;--gray3:#48484A;--gray4:#3A3A3C;--gray5:#2C2C2E;--gray6:#1C1C1E;--separator:rgba(84,84,88,0.60);--separator-opaque:#38383A;--shadow-sm:0 0.5px 0 0 var(--separator);--shadow-md:0 2px 8px rgba(0,0,0,0.24);--shadow-lg:0 8px 24px rgba(0,0,0,0.36)}.badge-primary{background:rgba(10,132,255,.18);color:#0A84FF}.badge-success{background:rgba(48,209,88,.18);color:#30D158}.badge-danger{background:rgba(255,69,58,.18);color:#FF453A}.badge-accent,.badge-warning{background:rgba(255,159,10,.18);color:#FF9F0A}.progress-fill{background:#0A84FF}.streak-fire{background:linear-gradient(135deg,#FF6B35,#FF453A)}.points-display{color:#FF9F0A}}html[data-theme=dark]{color-scheme:dark;--ios-blue:#0A84FF;--ios-green:#30D158;--ios-indigo:#5E5CE6;--ios-orange:#FF9F0A;--ios-pink:#FF375F;--ios-purple:#BF5AF2;--ios-red:#FF453A;--ios-teal:#64D2FF;--ios-yellow:#FFD60A;--primary:#0A84FF;--success:#30D158;--danger:#FF453A;--warning:#FF9F0A;--accent:#FF9F0A;--fitness-color:#0A84FF;--nofap-color:#BF5AF2;--diet-color:#30D158;--gmat-color:#FF9F0A;--label:#FFFFFF;--label-secondary:rgba(235,235,245,0.60);--label-tertiary:rgba(235,235,245,0.30);--label-quaternary:rgba(235,235,245,0.18);--placeholder:rgba(235,235,245,0.30);--bg-primary:#000000;--bg-secondary:#1C1C1E;--bg-tertiary:#2C2C2E;--bg-elevated:#2C2C2E;--fill:rgba(120,120,128,0.36);--fill-secondary:rgba(120,120,128,0.32);--fill-tertiary:rgba(118,118,128,0.24);--fill-quaternary:rgba(118,118,128,0.18);--gray:#8E8E93;--gray2:#636366;--gray3:#48484A;--gray4:#3A3A3C;--gray5:#2C2C2E;--gray6:#1C1C1E;--separator:rgba(84,84,88,0.60);--separator-opaque:#38383A;--shadow-sm:0 0.5px 0 0 var(--separator);--shadow-md:0 2px 8px rgba(0,0,0,0.24);--shadow-lg:0 8px 24px rgba(0,0,0,0.36)}html[data-theme=dark] .badge-primary{background:rgba(10,132,255,.18);color:#0A84FF}html[data-theme=dark] .badge-success{background:rgba(48,209,88,.18);color:#30D158}html[data-theme=dark] .badge-danger{background:rgba(255,69,58,.18);color:#FF453A}html[data-theme=dark] .badge-accent,html[data-theme=dark] .badge-warning{background:rgba(255,159,10,.18);color:#FF9F0A}html[data-theme=dark] .progress-fill{background:#0A84FF}html[data-theme=dark] .streak-fire{background:linear-gradient(135deg,#FF6B35,#FF453A)}html[data-theme=dark] .points-display{color:#FF9F0A}html[data-theme=dark] .glass{background:rgba(28,28,30,.8);border-color:rgba(255,255,255,.1);box-shadow:0 2px 16px rgba(0,0,0,.4)}html[data-theme=light]{color-scheme:light;--ios-blue:#007AFF;--ios-green:#34C759;--ios-indigo:#5856D6;--ios-orange:#FF9500;--ios-pink:#FF2D55;--ios-purple:#AF52DE;--ios-red:#FF3B30;--ios-teal:#5AC8FA;--ios-yellow:#FFCC00;--primary:#007AFF;--success:#34C759;--danger:#FF3B30;--warning:#FF9500;--accent:#FF9500;--fitness-color:#007AFF;--nofap-color:#AF52DE;--diet-color:#34C759;--gmat-color:#FF9500;--label:#000000;--label-secondary:rgba(60,60,67,0.60);--label-tertiary:rgba(60,60,67,0.30);--label-quaternary:rgba(60,60,67,0.18);--placeholder:rgba(60,60,67,0.30);--bg-primary:#F2F2F7;--bg-secondary:#FFFFFF;--bg-tertiary:#F2F2F7;--bg-elevated:#FFFFFF;--fill:rgba(120,120,128,0.20);--fill-secondary:rgba(120,120,128,0.16);--fill-tertiary:rgba(118,118,128,0.12);--fill-quaternary:rgba(116,116,128,0.08);--gray:#8E8E93;--gray2:#AEAEB2;--gray3:#C7C7CC;--gray4:#D1D1D6;--gray5:#E5E5EA;--gray6:#F2F2F7;--separator:rgba(60,60,67,0.29);--separator-opaque:#C6C6C8;--shadow-sm:0 0.5px 0 0 var(--separator);--shadow-md:0 2px 8px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12)}html[data-theme=light] .badge-primary{background:rgba(0,122,255,.12);color:#007AFF}html[data-theme=light] .badge-success{background:rgba(52,199,89,.12);color:#34C759}html[data-theme=light] .badge-danger{background:rgba(255,59,48,.12);color:#FF3B30}html[data-theme=light] .badge-accent,html[data-theme=light] .badge-warning{background:rgba(255,149,0,.12);color:#FF9500}html[data-theme=light] .glass{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.5);box-shadow:0 2px 16px rgba(0,0,0,.08)}.card[href]:active,a.card:active{opacity:.6;transition:opacity .1s ease}.glass{background:rgba(255,255,255,.72);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border:.5px solid rgba(255,255,255,.5);box-shadow:0 2px 16px rgba(0,0,0,.08)}@media (prefers-color-scheme:dark){.glass{background:rgba(28,28,30,.8);border-color:rgba(255,255,255,.1);box-shadow:0 2px 16px rgba(0,0,0,.4)}}