:root{--bg: var(--tg-theme-bg-color, #ffffff);--text: var(--tg-theme-text-color, #1a1a1a);--hint: var(--tg-theme-hint-color, #8a8a8a);--card: var(--tg-theme-secondary-bg-color, #f4f4f6);--accent: #ff8a4c;--accent-2: #ffd66b;--green: #4caf7d;--danger: #e0563f;--radius: 16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:520px;margin:0 auto;padding:16px 16px 40px;min-height:100vh}.app--center{display:flex;align-items:center;justify-content:center;text-align:center}.muted{color:var(--hint)}.pet{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,var(--accent-2),var(--accent));border-radius:var(--radius);padding:18px;color:#3a2410}.pet__avatar{font-size:56px;line-height:1}.pet__info{flex:1}.pet__row{display:flex;justify-content:space-between;align-items:baseline}.pet__level{font-weight:700;font-size:18px}.pet__mood{font-size:13px;opacity:.85}.pet__bar{margin:8px 0 4px;height:10px;background:#ffffff80;border-radius:999px;overflow:hidden}.pet__bar-fill{height:100%;background:#fff;border-radius:999px;transition:width .4s ease}.pet__xp{font-size:12px;opacity:.8}.pet__speech{margin:10px 6px 0;padding:10px 14px;background:var(--card);border-radius:14px;font-size:14px;color:var(--text)}.today{display:flex;align-items:baseline;justify-content:space-between;margin:22px 4px 10px}.section-title{font-size:16px;margin:20px 4px 10px}.today__count{color:var(--hint);font-variant-numeric:tabular-nums}.habits{display:flex;flex-direction:column;gap:10px}.habit{display:flex;align-items:stretch;background:var(--card);border-radius:var(--radius);overflow:hidden}.habit--done{opacity:.7}.habit__check{width:56px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.checkbox{width:28px;height:28px;border-radius:50%;border:2px solid var(--hint);display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;transition:background .15s ease,border-color .15s ease}.checkbox--on{background:var(--green);border-color:var(--green)}.hint{color:var(--hint);font-size:13px;margin:0 4px 10px}.habit__body{flex:1;display:flex;align-items:center;gap:12px;border:none;background:transparent;color:inherit;padding:14px 12px;cursor:pointer;text-align:left}.habit__icon{font-size:24px}.habit__text{display:flex;flex-direction:column}.habit__title{font-weight:600}.habit__streak{font-size:12px;color:var(--hint)}.btn{display:block;width:100%;margin-top:18px;padding:14px;border:none;border-radius:var(--radius);font-size:16px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5}.btn--primary{background:var(--accent);color:#fff}.btn--ghost{width:auto;margin:0;background:transparent;color:var(--accent);padding:8px 4px}.btn--danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.topbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.topbar__title{font-size:18px;margin:0}.onb__hero{text-align:center;padding:8px 0 4px}.onb__egg{font-size:64px}.onb__title{font-size:22px;margin:8px 0 6px}.onb__sub{color:var(--hint);font-size:14px;margin:0 0 8px}.onb__pick{font-weight:600;margin:12px 0 0}.onb__cat{margin-top:16px}.onb__cat-title{font-size:15px;margin:0 4px 8px}.onb__chips{display:flex;flex-wrap:wrap;gap:8px}.onb__cta{position:sticky;bottom:12px}.chip{border:1.5px solid transparent;background:var(--card);color:inherit;border-radius:999px;padding:8px 14px;font-size:14px;cursor:pointer}.chip--on{border-color:var(--accent);background:#fff2ea}.field{display:block;margin-top:16px}.field__label{display:block;font-size:13px;color:var(--hint);margin-bottom:6px}.field__input{width:100%;padding:12px;border:1.5px solid var(--card);border-radius:12px;font-size:16px;background:var(--bg);color:var(--text)}.icons{display:flex;flex-wrap:wrap;gap:8px}.icons__item{width:44px;height:44px;border:1.5px solid transparent;background:var(--card);border-radius:12px;font-size:20px;cursor:pointer}.icons__item--on{border-color:var(--accent)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:var(--card);border-radius:var(--radius);padding:16px;text-align:center}.stat__num{font-size:22px;font-weight:700}.stat__label{font-size:12px;color:var(--hint);margin-top:2px}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal__head{text-align:center;font-size:11px;color:var(--hint);padding-bottom:2px}.cal__cell{aspect-ratio:1;border-radius:8px;background:var(--card);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--hint)}.cal__cell--blank{background:transparent}.cal__cell--on{background:var(--green);color:#fff}.cal__cell--today{outline:2px solid var(--accent);outline-offset:-2px}.cal__legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--hint)}.cal__legend span{display:inline-flex;align-items:center;gap:5px}.cal__dot{width:12px;height:12px;border-radius:3px;background:var(--card);display:inline-block}.cal__dot--on{background:var(--green)}.cal__dot--today{background:transparent;outline:2px solid var(--accent);outline-offset:-2px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#2a2a2a;color:#fff;padding:12px 18px;border-radius:999px;font-size:14px;box-shadow:0 6px 20px #00000040;animation:toast-in .2s ease;z-index:10}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}