:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.app{box-sizing:border-box;background:var(--tg-theme-bg-color,#fff);min-height:100vh;color:var(--tg-theme-text-color,#1a1a1a);padding:16px 16px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header{margin-bottom:20px}.header h1{color:var(--tg-theme-text-color,#1a1a1a);margin:0;font-size:1.5rem;font-weight:700}.loading,.error{color:var(--tg-theme-hint-color,#666);margin:16px 0}.error{color:var(--tg-theme-destructive-text-color,#c62828)}.auth-section{background:var(--tg-theme-secondary-bg-color,#f0f4f8);border-radius:12px;margin:20px 0;padding:20px}.auth-message{color:var(--tg-theme-text-color,#333);margin:0 0 12px;font-size:.95rem}.open-bot.get-link{margin-top:8px}.stats-section{margin-bottom:24px}.stats-section h2,.stats-section h3,.steps-section h2{color:var(--tg-theme-text-color,#333);margin:0 0 12px;font-size:1rem;font-weight:600}.week-subcaption{color:var(--tg-theme-hint-color,#666);text-transform:uppercase;letter-spacing:.02em;margin:0 0 8px;font-size:.8rem;font-weight:600;display:block}.week-legend{color:var(--tg-theme-hint-color,#666);margin:0 0 12px;font-size:.8rem;line-height:1.4}.child-select{margin-bottom:12px}.child-select label{color:var(--tg-theme-text-color,#333)}.child-select select{border:1px solid var(--tg-theme-hint-color,#ccc);background:var(--tg-theme-secondary-bg-color,#fff);color:var(--tg-theme-text-color,#1a1a1a);border-radius:8px;padding:8px 12px;font-size:.95rem}.child-name{color:var(--tg-theme-subtitle-text-color,#555);margin:0 0 12px;font-size:.9rem}.success-rate,.streak{color:var(--tg-theme-subtitle-text-color,#555);margin:8px 0;font-size:.9rem}.record-buttons{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.record-buttons button{border:1px solid var(--tg-theme-button-color,#2196f3);background:var(--tg-theme-secondary-bg-color,#fff);color:var(--tg-theme-button-color,#2196f3);cursor:pointer;border-radius:8px;padding:10px 16px;font-size:.9rem}.record-buttons button:hover{filter:brightness(.95)}.today-cards{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.stat-card{background:var(--tg-theme-secondary-bg-color,#f0f4f8);text-align:center;color:var(--tg-theme-text-color,#111);border-radius:12px;padding:14px}.stat-card.success{background:color-mix(in srgb, var(--tg-theme-secondary-bg-color,#f0f4f8) 82%, #4caf50 18%)}.stat-card.accident{background:color-mix(in srgb, var(--tg-theme-secondary-bg-color,#f0f4f8) 82%, #f44336 18%)}.stat-value{color:var(--tg-theme-text-color,#111);font-size:1.5rem;font-weight:700;display:block}.stat-label{color:var(--tg-theme-hint-color,#666);font-size:.75rem}.week-chart{margin-bottom:16px}.week-chart-row{color:var(--tg-theme-text-color,#333);align-items:center;gap:8px;margin-bottom:6px;font-size:.85rem;display:flex}.week-chart-row .week-date{width:48px;color:var(--tg-theme-text-color,#333);flex-shrink:0}.week-chart-bar{background:var(--tg-theme-secondary-bg-color,#eee);border-radius:4px;flex:1;height:20px;display:flex;overflow:hidden}.week-bar.success{background:#4caf50}.week-bar.accident{background:#f44336}.week-bar.try{background:#2196f3}.week-bar.empty{background:var(--tg-theme-hint-color,#e0e0e0);opacity:.35}.week-nums{text-align:right;width:48px;color:var(--tg-theme-hint-color,#666);font-size:.8rem}.week-table{flex-direction:column;gap:6px;display:flex}.week-row{background:var(--tg-theme-secondary-bg-color,#f8f9fa);color:var(--tg-theme-text-color,#333);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.week-date{color:var(--tg-theme-text-color,#333);font-weight:500}.week-stats{color:var(--tg-theme-text-color,#333);text-align:right;font-variant-numeric:tabular-nums}.steps-section{margin-bottom:24px}.steps-list{counter-reset:step;margin:0;padding-left:20px;list-style:none}.step-item{border-bottom:1px solid var(--tg-theme-section-separator-color,#eee);counter-increment:step;padding:10px 0 10px 36px;position:relative}.step-item:before{content:counter(step);text-align:center;background:var(--tg-theme-button-color,#2196f3);width:24px;height:24px;color:var(--tg-theme-button-text-color,#fff);border-radius:50%;font-size:.8rem;font-weight:600;line-height:24px;position:absolute;left:0}.step-label{color:var(--tg-theme-text-color,#333);font-size:.95rem}.footer{background:var(--tg-theme-bg-color,#fff);border-top:1px solid var(--tg-theme-section-separator-color,#eee);text-align:center;padding:16px;position:fixed;bottom:0;left:0;right:0}.open-bot{background:var(--tg-theme-button-color,#2196f3);color:var(--tg-theme-button-text-color,#fff);border-radius:12px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.open-bot:hover{filter:brightness(.92)}