@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Serif+Display:ital@0;1&display=swap";:root{--c-bg: #F2F2F7;--c-bg-elevated: #FFFFFF;--c-bg-card: #FFFFFF;--c-bg-card2: #F7F7FB;--c-surface: rgba(255,255,255,.72);--c-label: #0A0A0F;--c-label-2: #3C3C43;--c-label-3: #6C6C77;--c-label-4: #AEAEB2;--c-sep: rgba(60,60,67,.1);--c-accent: #5B5FEF;--c-accent-soft: rgba(91,95,239,.1);--c-accent-glow: rgba(91,95,239,.25);--c-green: #34C759;--c-green-soft: rgba(52,199,89,.12);--c-orange: #FF9500;--c-orange-soft: rgba(255,149,0,.12);--c-red: #FF3B30;--c-red-soft: rgba(255,59,48,.12);--c-pink: #FF2D55;--c-pink-soft: rgba(255,45,85,.12);--c-teal: #5AC8FA;--c-teal-soft: rgba(90,200,250,.12);--c-purple: #AF52DE;--c-purple-soft: rgba(175,82,222,.12);--g-accent: linear-gradient(135deg, #5B5FEF 0%, #8B5CF6 100%);--g-green: linear-gradient(135deg, #34C759 0%, #30D158 100%);--g-orange: linear-gradient(135deg, #FF9500 0%, #FF6B00 100%);--g-card-bg: linear-gradient(160deg, #FFFFFF 0%, #F7F7FD 100%);--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-full: 9999px;--shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.06);--shadow-card-hover: 0 2px 8px rgba(0,0,0,.06), 0 12px 32px rgba(0,0,0,.1);--shadow-accent: 0 4px 20px var(--c-accent-glow);--shadow-btn: 0 2px 8px rgba(91,95,239,.3);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-ios: cubic-bezier(.25, .46, .45, .94);--dur-fast: .15s;--dur-norm: .26s;--dur-slow: .4s;--keyboard-height: 0px}@media (prefers-color-scheme: dark){:root{--c-bg: #0F0F14;--c-bg-elevated: #1C1C26;--c-bg-card: #1C1C26;--c-bg-card2: #232330;--c-surface: rgba(28,28,38,.8);--c-label: #F5F5FA;--c-label-2: #C7C7CC;--c-label-3: #8E8E93;--c-label-4: #48484A;--c-sep: rgba(255,255,255,.08);--shadow-card: 0 1px 3px rgba(0,0,0,.2), 0 4px 16px rgba(0,0,0,.3)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;touch-action:manipulation}body{font-family:var(--font-body);background:var(--c-bg);color:var(--c-label);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden;overscroll-behavior:none}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--c-bg);position:relative}.page{flex:1;padding:var(--sp-4);padding-bottom:calc(80px + env(safe-area-inset-bottom,16px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.section-gap{margin-top:var(--sp-6)}.section-gap-sm{margin-top:var(--sp-4)}.card{background:var(--c-bg-card);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow var(--dur-norm) var(--ease-ios),transform var(--dur-norm) var(--ease-ios)}.card:active{transform:scale(.98)}.card-body{padding:var(--sp-5)}.card-body-sm{padding:var(--sp-4)}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--sp-3);padding:0 var(--sp-1)}.section-header h2{font-size:20px;font-weight:700;letter-spacing:-.3px}.section-link{font-size:14px;font-weight:500;color:var(--c-accent);text-decoration:none;cursor:pointer}.section-link:active{opacity:.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-body);font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all var(--dur-fast) var(--ease-ios);-webkit-tap-highlight-color:transparent;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--g-accent);color:#fff;border-radius:var(--r-full);padding:14px var(--sp-6);box-shadow:var(--shadow-btn)}.btn-primary:active{transform:scale(.96);opacity:.9}.btn-secondary{background:var(--c-accent-soft);color:var(--c-accent);border-radius:var(--r-full);padding:12px var(--sp-5)}.btn-ghost{background:transparent;color:var(--c-label-3);border-radius:var(--r-md);padding:10px var(--sp-4)}.btn-full{width:100%}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--r-full);font-size:12px;font-weight:600}.chip-accent{background:var(--c-accent-soft);color:var(--c-accent)}.chip-green{background:var(--c-green-soft);color:var(--c-green)}.chip-orange{background:var(--c-orange-soft);color:var(--c-orange)}.chip-red{background:var(--c-red-soft);color:var(--c-red)}.chip-purple{background:var(--c-purple-soft);color:var(--c-purple)}.list-card{background:var(--c-bg-card);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden}.list-row{display:flex;align-items:center;gap:var(--sp-3);padding:13px var(--sp-4);transition:background var(--dur-fast);position:relative;cursor:pointer;min-height:52px}.list-row:not(:last-child):after{content:"";position:absolute;bottom:0;left:calc(var(--sp-4) + 40px + var(--sp-3));right:0;height:1px;background:var(--c-sep)}.list-row:active{background:var(--c-sep)}.list-row-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.list-row-content{flex:1;min-width:0}.progress-bar{height:6px;background:var(--c-sep);border-radius:var(--r-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--r-full);background:var(--g-accent);transition:width var(--dur-slow) var(--ease-ios)}.progress-fill-green{background:var(--g-green)}.progress-fill-orange{background:var(--g-orange)}.avatar{border-radius:var(--r-full);object-fit:cover;flex-shrink:0}.ad-block{background:var(--c-bg-card);border-radius:var(--r-lg);border:1px solid var(--c-sep);padding:var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);cursor:pointer;transition:all var(--dur-norm) var(--ease-ios);position:relative;overflow:hidden}.ad-block:before{content:"партнёр";position:absolute;top:var(--sp-2);right:var(--sp-3);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--c-label-4)}.ad-block:active{transform:scale(.98)}.ad-block-img{width:52px;height:52px;border-radius:var(--r-md);object-fit:cover;flex-shrink:0}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--c-surface);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--c-sep);display:flex;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--dur-fast);color:var(--c-label-4);font-size:10px;font-weight:500;letter-spacing:.2px;border:none;background:none;font-family:var(--font-body)}.nav-item.active{color:var(--c-accent)}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1}.checkbox-ios{width:22px;height:22px;border-radius:var(--r-full);border:2px solid var(--c-sep);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--dur-fast) var(--ease-spring);background:transparent}.checkbox-ios.checked{background:var(--c-green);border-color:var(--c-green)}.checkbox-ios.checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.habit-circle{width:44px;height:44px;border-radius:var(--r-full);border:2.5px solid var(--c-sep);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all var(--dur-fast) var(--ease-spring);background:var(--c-bg-card)}.habit-circle.done{border-color:var(--c-accent);background:var(--c-accent-soft)}.bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:300}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:301;background:var(--c-bg-card);border-radius:20px 20px 0 0;max-height:80vh;max-height:80dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 32px #00000026}.bottom-sheet-handle{width:40px;height:4px;border-radius:99px;background:var(--c-sep);margin:10px auto 0;flex-shrink:0}.bottom-sheet-title{font-size:17px;font-weight:700;text-align:center;padding:12px var(--sp-5) 4px;flex-shrink:0}.bottom-sheet-content{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--sp-3) var(--sp-5) var(--sp-5);flex:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-fade-up{animation:fadeUp var(--dur-slow) var(--ease-ios) both}.animate-scale-in{animation:scaleIn var(--dur-norm) var(--ease-spring) both}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.skeleton{background:linear-gradient(90deg,var(--c-sep) 25%,var(--c-bg-card2) 50%,var(--c-sep) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-sm)}.input-ios{width:100%;background:var(--c-bg-card2);border:1.5px solid transparent;border-radius:var(--r-md);padding:12px var(--sp-4);font-family:var(--font-body);font-size:16px;color:var(--c-label);outline:none;transition:border-color var(--dur-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-ios:focus{border-color:var(--c-accent);background:var(--c-bg-card)}.input-ios::placeholder{color:var(--c-label-4)}::-webkit-scrollbar{width:0;height:0}.divider{height:1px;background:var(--c-sep);margin:var(--sp-4) 0}.chart-bar{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.chart-bar-fill{width:100%;border-radius:4px 4px 0 0;background:var(--c-accent-soft);transition:height .4s var(--ease-ios);min-height:4px}.chart-bar-fill.active{background:var(--c-accent)}