:root{color-scheme:dark;--bg: #000000;--bg-elevated: #0E0F0D;--surface: #1A1B19;--surface-2: #232421;--surface-press: #2C2E29;--stroke: rgba(255, 255, 255, .08);--stroke-strong: rgba(255, 255, 255, .16);--text-1: #FFFFFF;--text-2: #8E8E93;--text-3: #5B5D57;--accent: #D7F27E;--accent-dim: #9BB35C;--accent-ink: #14170D;--flame: #E8A03C;--danger: #FF453A;--success: #32D74B;--premium-from: #4A3626;--premium-to: #33251A;--premium-ink: #F2D4A7;--tab-bar: #1C1C1E;--tab-active: #2F312C;--metal-mint: linear-gradient(135deg, #9FE7CE 0%, #63C9AC 45%, #B7F0DD 100%);--metal-bronze: linear-gradient(135deg, #B58463 0%, #8A5E42 45%, #D3A17E 100%);--metal-silver: linear-gradient(135deg, #D7D7D7 0%, #9C9C9C 45%, #EDEDED 100%);--metal-gold: linear-gradient(135deg, #E8C069 0%, #B08430 45%, #F4DA9A 100%);--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--tg-vh: 100vh;--sa-top: 0px;--sa-bottom: 0px;--tabbar-h: 64px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text-1);font-family:var(--font);font-size:17px;line-height:1.3;overscroll-behavior-y:none}body{height:var(--tg-vh);overflow:hidden}#root{height:100%;display:flex;flex-direction:column}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,textarea{font:inherit;color:inherit;background:none;border:none;outline:none}::-webkit-scrollbar{width:0;height:0}.screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(var(--sa-top) + var(--sp-4)) var(--sp-4) calc(var(--tabbar-h) + var(--sa-bottom) + var(--sp-6))}.screen--plain{padding-bottom:calc(var(--sa-bottom) + var(--sp-6))}.title-date{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);margin-bottom:var(--sp-1)}.title-large{font-size:34px;font-weight:700;letter-spacing:-.02em;margin:0}.header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-5)}.fade-in{animation:fade-in .18s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.habit-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.habit-card{border-radius:var(--r-lg);padding:var(--sp-4);min-height:170px;display:flex;flex-direction:column;gap:var(--sp-3);position:relative;transition:transform .12s ease}.habit-card:active{transform:scale(.985)}.habit-card__top{display:flex;align-items:flex-start;justify-content:space-between}.habit-card__actions{display:flex;align-items:center;gap:var(--sp-2)}.habit-card__check{width:34px;height:34px;border-radius:50%;border:1.5px solid;display:flex;align-items:center;justify-content:center;transition:background .14s ease,color .14s ease,transform .12s ease}.habit-card__check:active{transform:scale(.9)}.habit-card__body{margin-top:auto}.habit-card__title{font-weight:700;letter-spacing:-.01em}.habit-card__subtitle{opacity:.6;font-size:15px;margin-top:2px}.habit-card__footer{display:flex;align-items:center;gap:var(--sp-3)}.habit-card__streak{display:flex;align-items:center;gap:4px;font-size:15px;font-weight:600;opacity:.85}.premium-pill{padding:10px 18px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--premium-from),var(--premium-to));color:var(--premium-ink);font-size:13px;font-weight:700;letter-spacing:.08em}.round-btn{width:44px;height:44px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-1)}.round-btn:active{background:var(--surface-press)}.tabbar{position:fixed;left:0;right:0;bottom:calc(var(--sa-bottom) + 10px);display:flex;justify-content:center;pointer-events:none;z-index:20}.tabbar__pill{display:flex;gap:4px;padding:6px;border-radius:var(--r-pill);background:#1c1c1eeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}.tabbar__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 18px;border-radius:var(--r-pill);color:var(--text-2);text-decoration:none;font-size:11px;font-weight:500;transition:background .16s ease,color .16s ease}.tabbar__item--active{background:var(--tab-active);color:var(--text-1)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18vh var(--sp-6) 0}.empty__icon{color:var(--text-2);margin-bottom:var(--sp-5)}.empty__title{font-size:24px;font-weight:700}.empty__subtitle{color:var(--text-2);font-size:17px;margin-top:var(--sp-2);max-width:300px}.empty__hint{position:fixed;left:0;right:0;bottom:calc(var(--tabbar-h) + var(--sa-bottom) + 26px);display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-3);font-size:13px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sheet-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-end;z-index:40;animation:fade-in .16s ease-out}.sheet{width:100%;max-height:92%;background:var(--bg-elevated);border-radius:var(--r-lg) var(--r-lg) 0 0;display:flex;flex-direction:column;padding-bottom:var(--sa-bottom);animation:sheet-up .22s cubic-bezier(.22,1,.36,1)}.sheet[data-full=true]{height:92%}@keyframes sheet-up{0%{transform:translateY(6%);opacity:.6}to{transform:none;opacity:1}}.sheet__grabber{width:40px;height:4px;border-radius:2px;background:#ffffff38;margin:8px auto 4px;flex-shrink:0}.sheet__bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-4);gap:var(--sp-3);flex-shrink:0}.sheet__icon{min-width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--text-2)}.sheet__heading{flex:1;text-align:center}.sheet__title{font-size:17px;font-weight:700}.sheet__subtitle{font-size:13px;color:var(--text-2)}.sheet__content{overflow-y:auto;padding:var(--sp-2) var(--sp-4) var(--sp-6)}.row{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-4);border-radius:var(--r-md);background:var(--surface);text-align:left;color:var(--text-1)}.row:active{background:var(--surface-press)}.row--static:active{background:var(--surface)}.row__body{flex:1;min-width:0}.row__title{font-size:17px;font-weight:600}.row__subtitle{font-size:14px;color:var(--text-2);margin-top:2px}.row__badge{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}.profile-head{display:flex;align-items:center;gap:var(--sp-3);width:100%;margin-bottom:var(--sp-5)}.profile-head__name{flex:1;text-align:left;font-size:26px;font-weight:700;line-height:1.15}.premium-card{display:block;width:100%;text-align:left;position:relative;padding:var(--sp-5) var(--sp-4) var(--sp-4);border-radius:var(--r-lg);background:linear-gradient(135deg,var(--premium-from),var(--premium-to));color:var(--premium-ink);margin-top:var(--sp-2)}.premium-card__chip{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:var(--r-pill);background:#121210;color:var(--premium-ink);font-size:12px;font-weight:700;letter-spacing:.08em}.premium-card__title{font-size:21px;font-weight:700;margin-top:var(--sp-2)}.premium-card__features{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);margin-top:var(--sp-3);font-size:15px;opacity:.85}.habit-hero{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4) 0 var(--sp-5)}.habit-hero__title{font-size:26px;font-weight:700;text-align:center}.habit-hero__subtitle{font-size:17px;opacity:.55}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.stat-tile{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-4);border-radius:var(--r-md);background:#ffffff0f}.stat-tile__value{font-size:22px;font-weight:700}.stat-tile__label{font-size:15px;opacity:.55;margin-top:2px}.stat-tile__icon{width:38px;height:38px;border-radius:12px;background:#ffffff14;display:flex;align-items:center;justify-content:center;opacity:.9}.calendar{margin-top:var(--sp-6)}.calendar__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.calendar__month{font-size:17px;font-weight:600;opacity:.8}.calendar__nav{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.6}.calendar__nav:disabled{opacity:.2}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px}.calendar__weekday{text-align:center;font-size:13px;opacity:.4;padding-bottom:2px}.calendar__cell{position:relative;aspect-ratio:1;border-radius:12px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:15px;opacity:.75}.calendar__cell[data-outside=true]{opacity:.25}.calendar__cell[data-today=true]{font-weight:700;opacity:1}.calendar__dot{position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%}.members{margin-top:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2)}.member-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0}.member-row__name{font-size:17px;font-weight:600}.member-row__status{font-size:14px;opacity:.5}.member-row__streak{display:flex;align-items:center;gap:4px;opacity:.8;font-weight:600}.action-sheet{width:100%;padding:var(--sp-3) var(--sp-3) calc(var(--sa-bottom) + var(--sp-3));animation:sheet-up .2s cubic-bezier(.22,1,.36,1)}.action-sheet__group{background:var(--surface);border-radius:var(--r-md);overflow:hidden}.action-sheet__item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-4);font-size:17px;text-align:left;border-bottom:1px solid var(--stroke)}.action-sheet__item:last-child{border-bottom:none}.action-sheet__item[data-danger=true]{color:var(--danger)}.action-sheet__item:active{background:var(--surface-press)}.challenge-line{margin-top:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-sm);background:#ffffff0f;text-align:center;font-size:15px;opacity:.85}.toggle{width:51px;height:31px;border-radius:var(--r-pill);background:var(--surface-2);padding:2px;display:flex;transition:background .16s ease;flex-shrink:0}.toggle[data-on=true]{background:var(--success)}.toggle__knob{width:27px;height:27px;border-radius:50%;background:#fff;transition:transform .16s cubic-bezier(.22,1,.36,1)}.toggle[data-on=true] .toggle__knob{transform:translate(20px)}.segmented{display:flex;gap:var(--sp-2);background:var(--surface);border-radius:var(--r-md);padding:6px}.segmented__item{flex:1;padding:10px;border-radius:var(--r-sm);font-size:16px;color:var(--text-2);transition:background .14s ease,color .14s ease}.segmented__item[data-active=true]{background:var(--surface-press);color:var(--text-1);font-weight:600}.stepper{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface-2);border-radius:var(--r-pill);padding:4px 6px}.stepper button{width:30px;height:30px;border-radius:50%;font-size:20px;color:var(--text-1);line-height:1}.stepper button:disabled{opacity:.3}.stepper span{min-width:20px;text-align:center;font-weight:600}.radio-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--text-3);display:inline-block;flex-shrink:0}.radio-dot[data-active=true]{border-color:var(--text-1);background:radial-gradient(circle,var(--text-1) 0 42%,transparent 45%)}.field-label{font-size:13px;color:var(--text-2);text-transform:none;margin:var(--sp-5) 0 var(--sp-2)}.text-field{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border-radius:var(--r-md);padding:var(--sp-4)}.text-field input{flex:1;font-size:17px}.text-field input::placeholder{color:var(--text-3)}.chips{display:flex;gap:var(--sp-2);overflow-x:auto;padding-bottom:var(--sp-1);margin-top:var(--sp-2)}.chip{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-pill);background:var(--surface);color:var(--text-2);font-size:15px;white-space:nowrap}.swatches{display:flex;gap:var(--sp-2);overflow-x:auto;padding:var(--sp-1) 0}.swatch{position:relative;width:62px;height:62px;border-radius:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.swatch[data-active=true]{box-shadow:0 0 0 2px var(--text-1)}.swatch__lock{position:absolute;top:6px;right:6px}.icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-2)}.icon-tile{aspect-ratio:1;border-radius:var(--r-sm);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-2);position:relative}.icon-tile[data-active=true]{background:var(--accent);color:var(--accent-ink)}.card-size-option{height:84px;border-radius:var(--r-md);background:var(--surface);display:flex;flex-direction:column;justify-content:space-between;padding:var(--sp-3)}.card-size-option[data-active=true]{box-shadow:inset 0 0 0 2px var(--text-1)}.weekday-row{display:flex;gap:6px;margin-top:var(--sp-3)}.weekday-btn{flex:1;aspect-ratio:1;border-radius:50%;background:var(--surface-2);color:var(--text-2);font-size:14px}.weekday-btn[data-active=true]{background:var(--accent);color:var(--accent-ink);font-weight:700}.primary-btn{width:100%;padding:16px;border-radius:var(--r-md);background:var(--accent);color:var(--accent-ink);font-size:17px;font-weight:700}.primary-btn:disabled{opacity:.45}.secondary-btn{width:100%;padding:14px;border-radius:var(--r-md);background:var(--surface);color:var(--text-1);font-size:16px}.danger-text{color:var(--danger)}.status-pill{padding:7px 14px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-2);font-size:14px;font-weight:600;white-space:nowrap}.status-pill[data-active=true]{background:#fff;color:#111}.row__remove{color:var(--text-3);padding:0 4px;font-size:16px}.invite{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3)}.invite__qr{width:268px;height:268px;padding:var(--sp-4);border-radius:var(--r-lg);background:#141414;display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-3)}.invite__qr svg{width:100%;height:100%}.invite__from{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.invite__headline{font-size:28px;font-weight:700;line-height:1.15}.phone-preview{border-radius:var(--r-lg);background:linear-gradient(170deg,#8b2fd4,#3b1177);padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.phone-preview__notif{background:#ffffff29;border-radius:var(--r-md);padding:var(--sp-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.phone-preview__app{font-size:12px;opacity:.8}.phone-preview__title{font-weight:700;margin-top:2px}.phone-preview__text{font-size:14px;opacity:.9}.badge-group{background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-4)}.badge-group__title{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;margin-bottom:var(--sp-4)}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.badge{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.badge__art{width:100%;aspect-ratio:1;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#14170d}.badge__art[data-tier=mint]{background:var(--metal-mint)}.badge__art[data-tier=bronze]{background:var(--metal-bronze)}.badge__art[data-tier=silver]{background:var(--metal-silver)}.badge__art[data-tier=gold]{background:var(--metal-gold)}.badge__art[data-locked=true]{background:var(--surface-2);color:var(--text-3)}.badge__label{font-size:13px;color:var(--text-2)}.panel{background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-4)}.panel .row{background:transparent;padding:0}.panel__title{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-2);margin-bottom:var(--sp-3)}.panel__hint{font-size:13px;color:var(--text-3);margin-top:var(--sp-3);line-height:1.35}.emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-2);margin-top:var(--sp-4)}.emoji-tile{aspect-ratio:1;border-radius:var(--r-sm);background:var(--surface);font-size:26px;display:flex;align-items:center;justify-content:center}.emoji-tile[data-active=true]{box-shadow:inset 0 0 0 2px var(--accent)}.paywall{padding-bottom:var(--sp-6)}.paywall__title{font-size:34px;font-weight:700;line-height:1.1;margin:var(--sp-4) 0 var(--sp-2);color:var(--premium-ink)}.paywall__subtitle{font-size:19px;color:var(--text-2)}.paywall__active{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);padding:var(--sp-3);border-radius:var(--r-md);background:#32d74b24;color:var(--success)}.paywall__bullets{list-style:none;padding:0;margin:var(--sp-5) 0 0;display:flex;flex-direction:column;gap:var(--sp-3);color:var(--premium-ink)}.paywall__bullets li:before{content:"— ";opacity:.6}.paywall__faq{margin-top:var(--sp-6)}.paywall__faq-title{font-size:22px;font-weight:700;color:var(--premium-ink);margin-bottom:var(--sp-3)}.faq-item{border-bottom:1px solid var(--stroke);padding:var(--sp-3) 0}.faq-item__q{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);width:100%;text-align:left;font-weight:600;color:var(--premium-ink)}.faq-item__a{margin-top:var(--sp-2);color:var(--text-2);font-size:15px;line-height:1.4}.paywall__footer{position:sticky;bottom:0;background:linear-gradient(180deg,transparent,var(--bg-elevated) 22%);padding-top:var(--sp-5)}.plan-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-3)}.plan-card{position:relative;padding:var(--sp-4);border-radius:var(--r-md);background:var(--surface);text-align:left;border:1.5px solid transparent}.plan-card[data-active=true]{border-color:var(--premium-ink);background:linear-gradient(135deg,var(--premium-from),var(--premium-to))}.plan-card__best{position:absolute;top:-11px;right:var(--sp-3);padding:4px 10px;border-radius:var(--r-pill);background:var(--premium-ink);color:#241c08;font-size:11px;font-weight:700}.plan-card__name{color:var(--text-2);font-size:15px}.plan-card__price{display:flex;align-items:center;gap:5px;font-size:21px;font-weight:700;margin-top:4px;color:var(--premium-ink)}.paywall__restore{display:block;width:100%;text-align:center;padding:var(--sp-3);color:var(--text-2);font-size:15px}