:root{color-scheme:light;--accent: #007aff;--bg: #f3f7fb;--surface: rgba(255, 255, 255, .58);--surface-strong: rgba(255, 255, 255, .76);--text: #1d1d1f;--muted: #767680;--line: rgba(60, 60, 67, .16);--soft: rgba(118, 118, 128, .13);--glass-edge: rgba(255, 255, 255, .82);--glass-glow: rgba(255, 255, 255, .46);--glass-shadow: 0 18px 52px rgba(29, 49, 76, .13), inset 0 1px 0 rgba(255, 255, 255, .8);--danger: #ff3b30;--success: #34c759;--shadow: var(--glass-shadow);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--bg: #0c1118;--surface: rgba(31, 36, 47, .54);--surface-strong: rgba(36, 41, 53, .72);--text: #f5f5f7;--muted: #a1a1aa;--line: rgba(235, 235, 245, .14);--soft: rgba(235, 235, 245, .09);--glass-edge: rgba(255, 255, 255, .16);--glass-glow: rgba(255, 255, 255, .08);--glass-shadow: 0 18px 54px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .12);--shadow: var(--glass-shadow)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100%;margin:0;overflow-x:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--accent),transparent 88%) 0%,transparent 34%),linear-gradient(215deg,rgba(52,199,89,.12) 0%,transparent 38%),linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg),#dfe9f8 16%));color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;touch-action:manipulation}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 28%,rgba(255,255,255,.08) 62%,transparent),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px)}:root[data-theme=dark] body:before{background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 30%,rgba(255,255,255,.025) 62%,transparent),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 18px)}button,input,select,textarea{font:inherit}button{border:0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-strong),transparent 8%);color:var(--text);min-height:48px;padding:12px 14px;outline:none}input,select,textarea,.search-field,.segmented-control,.password-box,.privacy-note,.privacy-card,.status-pill{backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35)}textarea{resize:vertical;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent),transparent 20%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent),transparent 84%)}h1,h2,h3,p{margin:0}.app-shell,.screen{min-height:100dvh}.app-shell{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.screen{width:min(100%,560px);margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 16px 0}.loading-screen,.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom))}.loading-screen{gap:14px;color:var(--muted)}.app-spinner{width:38px;height:38px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}.auth-card{width:min(100%,420px);border:1px solid var(--line);border-radius:8px;background:linear-gradient(150deg,var(--glass-glow),transparent 30%),linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface),transparent 18%));box-shadow:var(--shadow);backdrop-filter:blur(34px) saturate(1.45);-webkit-backdrop-filter:blur(34px) saturate(1.45);padding:22px;position:relative;overflow:hidden}.auth-card:before,.section-block:before,.settings-group:before,.calendar-shell:before,.task-row:before,.task-card:before,.habit-card:before,.journal-preview:before,.habit-line:before,.modal-sheet:before,.bottom-nav:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.42),transparent 34%),linear-gradient(315deg,transparent 58%,rgba(255,255,255,.14));mix-blend-mode:screen;opacity:.72}:root[data-theme=dark] .auth-card:before,:root[data-theme=dark] .section-block:before,:root[data-theme=dark] .settings-group:before,:root[data-theme=dark] .calendar-shell:before,:root[data-theme=dark] .task-row:before,:root[data-theme=dark] .task-card:before,:root[data-theme=dark] .habit-card:before,:root[data-theme=dark] .journal-preview:before,:root[data-theme=dark] .habit-line:before,:root[data-theme=dark] .modal-sheet:before,:root[data-theme=dark] .bottom-nav:before{opacity:.32}.auth-icon{width:66px;height:66px;border-radius:8px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),#34c759);margin-bottom:18px}.auth-card h1{font-size:clamp(1.8rem,8vw,2.5rem);line-height:1.02;letter-spacing:0;margin-bottom:10px}.auth-card p{color:var(--muted);line-height:1.45;margin-bottom:20px}.hero-block,.screen-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.hero-block h1,.screen-header h1{font-size:clamp(2rem,9vw,3.1rem);line-height:.98;letter-spacing:0;max-width:12ch}.screen-header h1{font-size:clamp(2rem,8vw,2.7rem)}.eyebrow{display:block;color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:0;margin-bottom:6px}.progress-ring{--progress: 0%;width:92px;height:92px;flex:0 0 92px;border-radius:50%;padding:8px;background:conic-gradient(var(--accent) var(--progress),var(--soft) 0),linear-gradient(145deg,rgba(255,255,255,.72),transparent);box-shadow:var(--glass-shadow)}.progress-ring>div{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;align-content:center;background:color-mix(in srgb,var(--surface-strong),transparent 6%);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.progress-ring strong{font-size:1.25rem}.progress-ring span{font-size:.74rem;color:var(--muted)}.quick-actions,.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.quick-actions button,.secondary-button,.primary-button,.danger-button{min-height:48px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;padding:0 14px}.quick-actions button,.secondary-button{background:linear-gradient(145deg,var(--glass-glow),transparent 38%),var(--surface-strong);border:1px solid var(--line);box-shadow:0 10px 26px #181c230f,inset 0 1px 0 var(--glass-edge);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}.primary-button{background:linear-gradient(145deg,rgba(255,255,255,.28),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--accent),white 10%),var(--accent));color:#fff;box-shadow:0 14px 32px color-mix(in srgb,var(--accent),transparent 72%),inset 0 1px #ffffff6b}.primary-button:disabled{opacity:.55}.danger-button{background:color-mix(in srgb,var(--danger),transparent 88%);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger),transparent 68%)}.wide{width:100%}.compact{min-height:40px}.section-block,.settings-group,.calendar-shell{border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,var(--glass-glow),transparent 32%),linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface),transparent 18%));box-shadow:var(--shadow);backdrop-filter:blur(34px) saturate(1.45);-webkit-backdrop-filter:blur(34px) saturate(1.45);padding:14px;margin-bottom:14px;overflow:hidden;position:relative}.section-title,.calendar-top,.habit-card-top,.setting-row,.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title{margin-bottom:12px}.section-title h2,.settings-group h2,.calendar-top h2{font-size:1.06rem;line-height:1.2}.section-title span,.setting-row>span,.switch-row>span,.meta-row,.habit-info p,.empty-state p,.privacy-note,.privacy-card p{color:var(--muted)}.list-stack,.habit-list,.calendar-detail,.form-stack,.password-box{display:grid;gap:10px}.task-row,.task-card,.habit-card,.journal-preview,.habit-line{border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.28),transparent 35%),var(--surface-strong);box-shadow:inset 0 1px 0 var(--glass-edge),0 8px 22px #181c230b;backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);overflow:hidden;position:relative}.task-row{display:grid;grid-template-columns:34px 1fr 14px;align-items:center;gap:10px;min-height:58px;padding:10px}.task-card{display:grid;grid-template-columns:34px 1fr 40px;gap:10px;padding:10px}.task-card-main,.row-main,.habit-info,.journal-preview,.habit-line{min-width:0;text-align:left;background:transparent}.row-main{display:grid;gap:3px}.row-main span,.task-card-main p{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card-main{display:grid;gap:6px}.task-card-main h3{font-size:1rem;line-height:1.25}.task-card.completed h3,.task-row.completed strong{color:var(--muted);text-decoration:line-through}.check-button{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--accent);background:linear-gradient(145deg,rgba(255,255,255,.34),transparent),color-mix(in srgb,var(--accent),transparent 88%);color:var(--accent);box-shadow:inset 0 1px 0 var(--glass-edge)}.completed .check-button,.habit-mark.completed{background:var(--success);border-color:var(--success);color:#fff}.priority-dot{width:10px;height:10px;border-radius:50%}.priority-dot.low{background:#34c759}.priority-dot.medium{background:#ff9500}.priority-dot.high{background:#ff3b30}.date-pill,.meta-row span{display:inline-flex;width:fit-content;border-radius:8px;padding:4px 7px;background:color-mix(in srgb,var(--soft),var(--surface-strong) 28%);color:var(--muted);font-size:.78rem}.meta-row{display:flex;flex-wrap:wrap;gap:6px;font-size:.78rem}.icon-button{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.24),transparent 45%),var(--soft);color:var(--text);box-shadow:inset 0 1px 0 var(--glass-edge);backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35)}.icon-button.filled{background:linear-gradient(145deg,rgba(255,255,255,.32),transparent 45%),var(--accent);color:#fff}.icon-button.danger{color:var(--danger);background:color-mix(in srgb,var(--danger),transparent 90%)}.search-field{min-height:48px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.28),transparent 42%),var(--surface-strong);padding:0 12px;margin-bottom:12px;color:var(--muted)}.search-field input{min-height:44px;border:0;padding:0;background:transparent;box-shadow:none}.segmented-control{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;border-radius:8px;background:color-mix(in srgb,var(--surface-strong),transparent 34%);padding:3px;margin-bottom:14px}.segmented-control button{min-height:38px;border-radius:7px;background:transparent;color:var(--muted);font-weight:700}.segmented-control button.active{background:linear-gradient(145deg,var(--glass-glow),transparent 42%),color-mix(in srgb,var(--surface-strong),transparent 4%);color:var(--text);box-shadow:0 4px 14px #00000014,inset 0 1px 0 var(--glass-edge)}.habit-today-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.habit-chip{border:1px solid color-mix(in srgb,var(--habit),transparent 68%);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.32),transparent 40%),color-mix(in srgb,var(--habit),transparent 90%);box-shadow:inset 0 1px 0 var(--glass-edge),0 10px 24px #181c230d;backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);padding:10px}.habit-chip button:first-child{width:100%;min-height:96px;display:grid;justify-items:start;gap:4px;text-align:left;background:transparent}.habit-chip.completed{background:color-mix(in srgb,var(--habit),transparent 80%)}.habit-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.42),transparent 42%),color-mix(in srgb,var(--habit),white 74%);box-shadow:inset 0 1px #ffffffb8}.habit-chip small{color:var(--muted)}.text-link{padding:6px 0;background:transparent;color:var(--accent);font-weight:700}.journal-preview{width:100%;display:grid;grid-template-columns:38px 1fr;align-items:start;gap:10px;padding:12px}.journal-preview span{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-size:1.05rem;font-weight:800;overflow:hidden}.journal-preview p{color:var(--text);line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.journal-search-block{display:grid;gap:10px;margin-top:12px}.compact-search{margin-bottom:0}.journal-results{display:grid;gap:8px}.journal-result{width:100%;min-height:54px;display:grid;grid-template-columns:32px 78px 1fr;align-items:center;gap:8px;border-radius:8px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.22),transparent 42%),var(--surface-strong);box-shadow:inset 0 1px 0 var(--glass-edge),0 8px 20px #181c230b;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);padding:8px;text-align:left}.journal-result span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.28),transparent 44%),var(--soft);box-shadow:inset 0 1px 0 var(--glass-edge)}.journal-result strong{color:var(--muted);font-size:.78rem}.journal-result p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{min-height:150px;display:grid;place-items:center;text-align:center;gap:8px;padding:18px 12px}.empty-icon{width:46px;height:46px;border-radius:8px;display:grid;place-items:center;color:var(--accent);background:linear-gradient(145deg,rgba(255,255,255,.34),transparent 42%),color-mix(in srgb,var(--accent),transparent 88%);box-shadow:inset 0 1px 0 var(--glass-edge),0 8px 20px color-mix(in srgb,var(--accent),transparent 86%)}.empty-state h3{font-size:1rem}.empty-state p{max-width:28ch;line-height:1.4}.habit-card{padding:12px;border-color:color-mix(in srgb,var(--habit),transparent 70%)}.habit-mark{width:48px;height:48px;flex:0 0 48px;border-radius:8px;border:1px solid color-mix(in srgb,var(--habit),transparent 62%);background:linear-gradient(145deg,rgba(255,255,255,.32),transparent 44%),color-mix(in srgb,var(--habit),transparent 88%);box-shadow:inset 0 1px 0 var(--glass-edge);display:grid;place-items:center}.habit-info{flex:1;display:grid;gap:3px}.habit-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.habit-stats span{border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.24),transparent 44%),color-mix(in srgb,var(--soft),var(--surface-strong) 24%);box-shadow:inset 0 1px 0 var(--glass-edge);padding:9px;color:var(--muted)}.habit-stats strong{display:block;color:var(--text);font-size:1.2rem}.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.mini-calendar button{aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.26),transparent 44%),var(--soft);box-shadow:inset 0 1px 0 var(--glass-edge)}.mini-calendar button.due{background:color-mix(in srgb,var(--habit),transparent 82%)}.mini-calendar button.done{background:var(--habit)}.calendar-top{margin-bottom:12px}.weekday-row,.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekday-row{margin-bottom:6px}.weekday-row span{text-align:center;color:var(--muted);font-size:.74rem;font-weight:800}.month-grid button{min-width:0;aspect-ratio:1;border-radius:8px;display:grid;place-items:center;align-content:center;gap:2px;background:transparent}.month-grid button.muted{color:color-mix(in srgb,var(--muted),transparent 45%)}.month-grid button.today{color:var(--accent);font-weight:900}.month-grid button.selected{background:linear-gradient(145deg,rgba(255,255,255,.32),transparent 45%),var(--accent);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--accent),transparent 76%),inset 0 1px #ffffff70}.month-grid i{display:flex;gap:2px;height:5px}.month-grid b{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.8}.inline-actions{display:flex;gap:8px}.habit-line{width:100%;min-height:52px;display:flex;align-items:center;gap:10px;padding:9px 10px}.habit-line.completed{border-color:var(--success)}.habit-line span{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.24),transparent 44%),var(--soft);box-shadow:inset 0 1px 0 var(--glass-edge)}.settings-group{display:grid;gap:12px}.settings-group h2{margin-bottom:2px}.setting-row,.switch-row{min-height:48px}.setting-row>span,.switch-row>span,.subhead{display:inline-flex;align-items:center;gap:8px;font-weight:700}.switch-row input{width:52px;min-height:30px;height:30px;appearance:none;border-radius:999px;border:0;padding:0;background:linear-gradient(145deg,rgba(255,255,255,.24),transparent 46%),var(--soft);position:relative;box-shadow:inset 0 1px 2px #00000014,inset 0 1px 0 var(--glass-edge)}.switch-row input:after{content:"";width:26px;height:26px;border-radius:50%;background:linear-gradient(145deg,#fffffff0,#ffffffb8);position:absolute;left:2px;top:2px;box-shadow:0 2px 7px #00000038,inset 0 1px #ffffffe6;transition:transform .2s ease}.switch-row input:checked{background:linear-gradient(145deg,rgba(255,255,255,.26),transparent 44%),var(--success)}.switch-row input:checked:after{transform:translate(22px)}.compact-colors{justify-content:flex-end}.color-row,.emoji-grid,.weekday-picker,.mood-row{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:34px;height:34px;border-radius:50%;border:3px solid transparent;box-shadow:inset 0 0 0 1px #fff9}.color-swatch.active{border-color:var(--text)}.emoji-grid{display:grid;grid-template-columns:repeat(5,1fr)}.emoji-choice,.weekday-picker button,.mood-row button{min-height:44px;border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.22),transparent 44%),var(--soft);box-shadow:inset 0 1px 0 var(--glass-edge)}.emoji-choice.active,.weekday-picker button.active,.mood-row button.active{background:linear-gradient(145deg,rgba(255,255,255,.3),transparent 44%),color-mix(in srgb,var(--accent),transparent 84%);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent),transparent 45%)}.mood-row{display:grid;grid-template-columns:repeat(5,1fr)}.mood-row button{display:grid;justify-items:center;gap:2px;padding:7px 3px}.mood-row small{font-size:.64rem}.field-label,.form-stack label{display:grid;gap:7px;color:var(--muted);font-weight:700;font-size:.88rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;align-items:end;background:#0000003d;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);padding-top:env(safe-area-inset-top)}.modal-sheet{width:min(100%,560px);max-height:calc(92dvh - env(safe-area-inset-top));overflow:auto;margin:0 auto;border-radius:8px 8px 0 0;border:1px solid var(--line);border-bottom:0;background:linear-gradient(145deg,var(--glass-glow),transparent 32%),linear-gradient(180deg,var(--surface-strong),color-mix(in srgb,var(--surface-strong),transparent 12%));padding:14px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -18px 46px #0000002e,inset 0 1px 0 var(--glass-edge);backdrop-filter:blur(34px) saturate(1.45);-webkit-backdrop-filter:blur(34px) saturate(1.45);animation:sheetIn .22s ease-out;position:relative}.modal-header,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.modal-actions{margin:4px 0 0}.password-box{border-radius:8px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.22),transparent 44%),color-mix(in srgb,var(--soft),var(--surface-strong) 18%);padding:12px;box-shadow:inset 0 1px 0 var(--glass-edge)}.inline-error{color:var(--danger)}.password-box small{color:var(--muted)}.privacy-note,.privacy-card{border:1px solid color-mix(in srgb,var(--accent),transparent 78%);border-radius:8px;padding:12px;background:linear-gradient(145deg,rgba(255,255,255,.24),transparent 44%),color-mix(in srgb,var(--accent),transparent 91%);line-height:1.45;box-shadow:inset 0 1px 0 var(--glass-edge)}.privacy-card{display:grid;grid-template-columns:28px 1fr;gap:8px;color:var(--accent)}.install-steps{margin:0;padding-left:22px;color:var(--muted);line-height:1.65}.status-pill{min-height:34px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;background:linear-gradient(145deg,rgba(255,255,255,.22),transparent 44%),var(--soft);box-shadow:inset 0 1px 0 var(--glass-edge);font-size:.82rem;font-weight:800}.status-pill.online{color:var(--success)}.status-pill.offline{color:#ff9500}.offline-banner{position:sticky;top:env(safe-area-inset-top);z-index:20;width:min(calc(100% - 32px),528px);margin:0 auto -4px;border-radius:0 0 8px 8px;border:1px solid rgba(255,255,255,.26);border-top:0;background:linear-gradient(145deg,rgba(255,255,255,.28),transparent 44%),#ff9500db;color:#fff;padding:9px 12px;text-align:center;font-weight:800;box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35)}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:30;transform:translate(-50%);width:min(100%,560px);display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:linear-gradient(145deg,var(--glass-glow),transparent 42%),color-mix(in srgb,var(--surface-strong),transparent 8%);box-shadow:0 -14px 40px #181c231a,inset 0 1px 0 var(--glass-edge);backdrop-filter:blur(34px) saturate(1.45);-webkit-backdrop-filter:blur(34px) saturate(1.45);overflow:hidden}.nav-item{min-width:0;min-height:54px;border-radius:8px;display:grid;place-items:center;align-content:center;gap:3px;background:transparent;color:var(--muted);font-size:.68rem;font-weight:700}.nav-item.active{color:var(--accent);background:linear-gradient(145deg,rgba(255,255,255,.28),transparent 45%),color-mix(in srgb,var(--accent),transparent 90%);box-shadow:inset 0 1px 0 var(--glass-edge)}.toast{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));z-index:60;transform:translate(-50%);width:min(calc(100% - 32px),420px);border-radius:8px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.16),transparent 42%),#1c1c1ed1;color:#fff;padding:12px 14px;text-align:center;box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);animation:toastIn .2s ease-out}@keyframes sheetIn{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastIn{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes softPop{0%{transform:scale(.98)}65%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.soft-pop{animation:softPop .28s ease-out}@media(min-width:720px){.screen{padding-top:28px}.bottom-nav{bottom:12px;border:1px solid var(--line);border-radius:8px;padding-bottom:8px;box-shadow:var(--shadow)}}@media(max-width:380px){.quick-actions,.habit-today-grid,.form-grid,.action-grid{grid-template-columns:1fr}.hero-block{align-items:start}.progress-ring{width:82px;height:82px;flex-basis:82px}.nav-item span{font-size:.62rem}}