: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}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}*::-webkit-scrollbar-thumb,*::-webkit-scrollbar-track{background:transparent}.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:max(6px,calc(var(--sa-bottom) - 16px));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);transition:transform .2s 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__drag{flex-shrink:0;touch-action:none}.sheet__actions{display:flex;align-items:center;gap:var(--sp-2)}.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}.pairing{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8vh var(--sp-2) 0;max-width:360px;margin:0 auto}.pairing__logo{width:72px;height:72px;border-radius:22px;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-5)}.pairing__title{font-size:28px;font-weight:700;margin:0 0 var(--sp-2)}.pairing__hint{color:var(--text-2);font-size:16px;line-height:1.35;margin:0 0 var(--sp-6)}.pairing__code{font-size:40px;font-weight:700;letter-spacing:.18em;padding:var(--sp-4) var(--sp-4) var(--sp-4) calc(var(--sp-4) + .18em);border-radius:var(--r-md);background:var(--surface);color:var(--accent);width:100%;margin-bottom:var(--sp-5);font-variant-numeric:tabular-nums}.pairing__button{display:block;text-decoration:none;text-align:center}.pairing__waiting{margin-top:var(--sp-5);color:var(--text-2);font-size:15px}.pairing__manual{margin-top:var(--sp-2);color:var(--text-3);font-size:13px}.pairing__install{margin-top:var(--sp-8);padding:var(--sp-4);border-radius:var(--r-md);background:var(--surface);text-align:left}.pairing__install-title{font-weight:600;margin-bottom:var(--sp-2)}.pairing__install-hint{color:var(--text-2);font-size:14px;line-height:1.4}.member-picker{display:flex;flex-direction:column;gap:var(--sp-2)}.member-picker__item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface);width:100%;text-align:left;border:1.5px solid transparent}.member-picker__item[data-picked=true]{border-color:var(--accent)}.member-picker__name{flex:1;font-size:17px;font-weight:600}.member-picker__check{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--accent-ink)}.member-picker__item[data-picked=true] .member-picker__check{background:var(--accent)}.member-row{width:100%;text-align:left;color:inherit;border-radius:var(--r-md);padding:var(--sp-2) var(--sp-2);transition:background .14s ease}.member-row[data-active=true]{background:#ffffff12}.member-view{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:#ffffff14;font-size:14px}.member-view button{color:inherit;opacity:.75;font-size:14px;white-space:nowrap}.tabbar__icon{position:relative;display:flex}.tabbar__badge{position:absolute;top:-5px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.chat-row__top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.chat-row__time{font-size:13px;color:var(--text-3);flex-shrink:0}.chat-row__preview{font-size:15px;color:var(--text-2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row__you{color:var(--text-3)}.chat-badge{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.row__chat{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-2);background:var(--surface-2)}.chat{position:fixed;top:0;left:0;right:0;display:flex;flex-direction:column;background:var(--chat-bg, var(--bg));box-sizing:border-box;overflow:hidden}.chat__header{display:flex;align-items:center;gap:var(--sp-3);padding:calc(var(--sa-top) + var(--sp-3)) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--stroke);flex-shrink:0}.chat__name{font-size:17px;font-weight:700}.chat__body{flex:1;overflow-y:auto;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.chat__row{display:flex;flex-direction:column;align-items:flex-start;position:relative}.chat__row[data-mine=true]{align-items:flex-end}.chat__day{align-self:center;margin:var(--sp-3) 0;padding:4px 12px;border-radius:var(--r-pill);background:var(--surface);color:var(--text-2);font-size:12px}.chat__presence{font-size:12px;color:var(--text-3)}.chat__presence[data-online=true]{color:var(--success)}.bubble__row{display:flex;align-items:flex-end;gap:var(--sp-2)}.bubble__text{min-width:0}.bubble__meta{display:inline-flex;margin-left:auto;align-items:center;gap:3px;font-size:11px;opacity:.55;flex-shrink:0;margin-bottom:1px}.bubble__ticks[data-read=true]{opacity:1;color:#2f80ed}.bubble__reactions{display:flex;gap:4px;margin-top:-8px;margin-bottom:4px;padding:0 6px;position:relative;z-index:1}.reaction{padding:2px 7px;border-radius:var(--r-pill);background:var(--surface-2);font-size:14px;line-height:1.4}.reaction[data-mine=true]{box-shadow:inset 0 0 0 1.5px var(--accent)}.reaction-picker{display:flex;gap:2px;padding:6px;border-radius:var(--r-pill);background:var(--surface-2);margin-top:4px;box-shadow:0 8px 24px #00000073}.reaction-picker button{width:38px;height:38px;border-radius:50%;font-size:22px;display:flex;align-items:center;justify-content:center}.reaction-picker button:active{background:var(--surface-press)}.bubble{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;max-width:100%;min-width:0;padding:9px 12px 7px;border-radius:18px;background:var(--chat-peer-bg, var(--surface));color:var(--chat-peer-ink, var(--text-1));align-self:flex-start;display:flex;flex-direction:column;align-items:stretch;gap:2px;font-size:16px;line-height:1.3;word-break:break-word}.bubble[data-mine=true]{align-self:flex-end;background:var(--chat-mine-bg, var(--accent));color:var(--chat-mine-ink, var(--accent-ink));border-bottom-right-radius:6px}.bubble[data-mine=false]{border-bottom-left-radius:6px}.chat__input{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4) var(--chat-input-pad, calc(var(--sa-bottom) + var(--sp-3)));border-top:1px solid var(--stroke);flex-shrink:0;background:var(--chat-bg, var(--bg))}.chat__header{background:var(--chat-bg, var(--bg))}.chat__debug{font-size:11px;font-family:ui-monospace,monospace;color:var(--text-2);background:#ffffff0f;padding:4px 8px;text-align:center}.chat__field{flex:1;min-width:0;display:flex;align-items:center;border-radius:var(--r-pill);background:var(--chat-field-bg, var(--surface))}.chat__input input{flex:1;min-width:0;padding:12px 4px 12px 16px;background:transparent;color:var(--chat-field-ink, var(--text-1));font-size:16px}.chat__input button.chat__sticker{width:38px;height:38px;margin-right:3px;border-radius:50%;background:transparent;color:var(--chat-field-ink, var(--text-1));opacity:.65;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat__input button{width:44px;height:44px;border-radius:50%;background:var(--chat-send-bg, var(--accent));color:var(--chat-send-ink, var(--accent-ink));display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat__input button:disabled{opacity:.4}.preview-option{display:flex;align-items:center;gap:var(--sp-3);width:100%;text-align:left;padding:var(--sp-3) 0;border-bottom:1px solid var(--stroke);color:var(--text-1)}.preview-option:last-of-type{border-bottom:none}.chat-row__preview[data-typing=true]{color:var(--success)}.chat__contact{display:flex;align-items:center;gap:var(--sp-3);flex:1;text-align:left;color:inherit;padding:2px 0}.contact{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4) 0 var(--sp-5)}.contact__name{font-size:24px;font-weight:700}.chat__jump{position:absolute;left:50%;transform:translate(-50%);bottom:84px;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-1);font-size:14px;box-shadow:0 6px 20px #00000073;z-index:2}.chat__jump-count{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.color-row{padding:var(--sp-3) 0;border-bottom:1px solid var(--stroke)}.color-row:last-of-type{border-bottom:none}.color-row__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-2)}.color-row__title{font-size:15px;color:var(--text-2)}.color-row__sample{padding:4px 10px;border-radius:var(--r-pill);font-size:13px;font-weight:600}.color-dot{position:relative;width:36px;height:36px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--stroke)}.color-dot[data-active=true]{box-shadow:0 0 0 2px var(--text-1)}.color-dot--custom{display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--text-2);cursor:pointer;overflow:hidden}.color-dot--custom input{position:absolute;inset:0;opacity:0;cursor:pointer}.toasts{position:fixed;top:calc(var(--sa-top) + 8px);left:8px;right:8px;z-index:90;display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3);border-radius:var(--r-md);background:#262824f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 30px #00000080;text-align:left;color:var(--text-1);pointer-events:auto;animation:toast-in .22s cubic-bezier(.22,1,.36,1)}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.toast__body{flex:1;min-width:0}.toast__title{font-size:15px;font-weight:700}.toast__text{font-size:14px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__input button.chat__attach{width:40px;height:40px;border-radius:50%;background:var(--chat-field-bg, var(--surface));color:var(--chat-field-ink, var(--text-1));display:flex;align-items:center;justify-content:center;flex-shrink:0}.bubble__quote{display:block;border-left:3px solid currentColor;border-radius:6px;padding:4px 8px;margin-bottom:3px;background:#00000029;font-size:14px;max-width:100%}.bubble[data-mine=false] .bubble__quote{background:#ffffff17}.bubble__quote-author{display:block;font-weight:700;font-size:13px;opacity:.9}.bubble__quote-text{opacity:.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bubble__habit{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;margin-bottom:3px;width:100%;box-sizing:border-box}.bubble__habit-title{display:block;font-weight:700;font-size:15px}.bubble__habit-note{display:block;font-size:12px;opacity:.75}.reply-bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--chat-field-bg, var(--surface));color:var(--chat-field-ink, var(--text-1));flex-shrink:0}.reply-bar__body{flex:1;min-width:0}.reply-bar__author{font-size:13px;font-weight:700}.reply-bar__text{font-size:13px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reaction-picker__reply{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-1);border-right:1px solid var(--stroke);margin-right:2px}.attach-bar{display:flex;flex-wrap:wrap;gap:6px;padding:var(--sp-2) var(--sp-4);flex-shrink:0}.attach-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 10px;border-radius:var(--r-pill);font-size:14px;font-weight:600}.attach-chip button{display:flex;color:inherit;opacity:.7}.row[data-picked=true]{box-shadow:inset 0 0 0 1.5px var(--accent)}.bubble-swipe{position:relative;display:flex;max-width:78%;transition:transform .18s cubic-bezier(.22,1,.36,1);touch-action:pan-y}.chat__row[data-mine=true] .bubble-swipe{justify-content:flex-end}.bubble-swipe__hint{position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1f;color:var(--text-1)}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:var(--sp-2)}.sticker-grid__add{aspect-ratio:1;border-radius:var(--r-md);border:1px dashed var(--stroke);color:var(--text-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:11px;line-height:1.2;text-align:center;padding:6px}.sticker-grid__cell{position:relative;aspect-ratio:1}.sticker-grid__cell>button:first-child{width:100%;height:100%;border-radius:var(--r-md);background:var(--surface);display:flex;align-items:center;justify-content:center;padding:6px}.sticker-grid__cell img,.sticker-grid__cell video,.sticker-grid__cell>button>div{max-width:100%;max-height:100%;width:100%;object-fit:contain}.sticker-grid__remove{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:var(--danger);color:#fff;display:flex;align-items:center;justify-content:center}.bubble[data-sticker=true]{background:transparent;padding:0;position:relative}img.bubble__sticker,video.bubble__sticker,div.bubble__sticker{display:block;width:150px;max-width:100%;height:auto;object-fit:contain}.bubble[data-sticker=true] .bubble__row{position:absolute;right:6px;bottom:6px}.bubble[data-sticker=true] .bubble__meta{background:#00000073;color:#fff;border-radius:var(--r-pill);padding:2px 7px}.reaction-picker__reply[data-danger=true]{color:var(--danger)}.bubble[data-mine=false] .bubble__sticker{cursor:pointer}.sticker-panel{flex-shrink:0;display:flex;flex-direction:column;background:var(--chat-bg, var(--bg));border-top:1px solid var(--stroke);padding-bottom:var(--sa-bottom);overflow:hidden}.sticker-panel__bar{position:relative;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sticker-panel__grabber{width:36px;height:4px;border-radius:var(--r-pill);background:var(--stroke)}.sticker-panel__edit{position:absolute;right:var(--sp-3);top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--text-2)}.sticker-panel__edit[data-on=true]{color:var(--accent)}.sticker-panel__scroll{flex:1;overflow-y:auto;padding:0 var(--sp-3) var(--sp-3)}.sticker-panel__hint{color:var(--text-2);font-size:13px;line-height:1.35;text-align:center;padding:var(--sp-3) var(--sp-4) 0}.chat__older{display:flex;justify-content:center;padding:var(--sp-2) 0}.chat__input button.chat__mic{position:relative;width:44px;height:44px;border-radius:50%;background:var(--chat-send-bg, var(--accent));color:var(--chat-send-ink, var(--accent-ink));display:flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:none;transition:transform .12s ease}.chat__input button.chat__mic:after{content:"";position:absolute;inset:-6px;border-radius:50%;background:var(--chat-send-bg, var(--accent));opacity:0;transform:scale(1);transition:transform 90ms linear;z-index:-1}.chat__input button.chat__mic[data-active=true]{transform:scale(1.12)}.chat__input button.chat__mic[data-active=true]:after{opacity:.28;transform:scale(var(--level, 1))}.chat__input[data-recording=true]{position:relative}.record__lock{position:absolute;right:27px;bottom:calc(100% + 8px);display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 7px;border-radius:var(--r-pill);background:var(--bg);border:1px solid var(--stroke);color:var(--text-1);animation:lock-hint 1.6s ease-in-out infinite}@keyframes lock-hint{0%,to{transform:translateY(0);opacity:.75}50%{transform:translateY(-4px);opacity:1}}@media(prefers-reduced-motion:reduce){.record__lock{animation:none}}.chat__tip{align-self:center;margin:0 auto var(--sp-2);padding:6px 12px;border-radius:var(--r-pill);background:#0000008c;color:#fff;font-size:13px}.record{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-2);height:44px;padding:0 var(--sp-3);color:var(--chat-field-ink, var(--text-1))}.record[data-cancelling=true] .record__time{color:var(--danger)}.record__dot{width:10px;height:10px;border-radius:50%;background:var(--danger);flex-shrink:0;animation:record-blink 1.2s steps(1,end) infinite}@keyframes record-blink{0%,49%{opacity:1}50%,to{opacity:.15}}@media(prefers-reduced-motion:reduce){.record__dot{animation:none}}.chat__input button.record__cancel{width:auto;height:auto;border-radius:0;background:transparent;color:var(--danger);font-size:15px;font-weight:600;flex-shrink:0;padding:0}.record__time{font-variant-numeric:tabular-nums;font-size:16px;flex-shrink:0}.record__slide{flex:1;min-width:0;text-align:center;font-size:14px;opacity:.6;overflow:hidden;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:5px;transition:opacity .12s ease}.voice{display:flex;align-items:center;gap:var(--sp-2);min-width:210px;width:100%;box-sizing:border-box}.voice__play{position:relative;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.voice__play:before,.voice__speed:before{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:.16}.voice__play svg,.voice__speed span,.voice__speed{position:relative}.voice__body{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-2)}.voice__wave{flex:1;min-width:0;height:26px;display:flex;align-items:center;gap:2px;cursor:pointer;overflow:hidden}.voice__bar{flex:1 1 0;min-width:0;border-radius:1px;background:currentColor;opacity:.35}.voice__bar[data-done=true]{opacity:1}.voice__time{font-size:12px;opacity:.75;font-variant-numeric:tabular-nums;flex-shrink:0}.voice__speed{font-size:11px;font-weight:600;padding:2px 5px;border-radius:var(--r-pill);color:inherit;opacity:.7;flex-shrink:0}.voice__speed[data-on=true]{opacity:1}