:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{min-height:100vh;padding:16px 16px 80px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header{margin-bottom:20px}.header h1{margin:0;font-size:1.5rem;font-weight:700}.loading,.error{color:#666;margin:16px 0}.error{color:#c00}.auth-section{margin:20px 0;padding:20px;background:#f0f4f8;border-radius:12px}.auth-message{margin:0 0 12px;color:#333;font-size:.95rem}.open-bot.get-link{margin-top:8px}.stats-section{margin-bottom:24px}.stats-section h2,.stats-section h3,.steps-section h2{font-size:1rem;font-weight:600;margin:0 0 12px;color:#333}.child-select{margin-bottom:12px}.child-select select{padding:8px 12px;border-radius:8px;border:1px solid #ddd;font-size:.95rem}.child-name{margin:0 0 12px;font-size:.9rem;color:#555}.success-rate,.streak{margin:8px 0;font-size:.9rem;color:#555}.record-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.record-buttons button{padding:10px 16px;border-radius:8px;border:1px solid #2196f3;background:#fff;color:#2196f3;font-size:.9rem;cursor:pointer}.record-buttons button:hover{background:#e3f2fd}.today-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.stat-card{background:#f0f4f8;border-radius:12px;padding:14px;text-align:center}.stat-card.success{background:#e8f5e9}.stat-card.accident{background:#ffebee}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#111}.stat-label{font-size:.75rem;color:#666}.week-chart{margin-bottom:16px}.week-chart-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.85rem}.week-chart-row .week-date{width:48px;flex-shrink:0}.week-chart-bar{flex:1;display:flex;height:20px;border-radius:4px;overflow:hidden;background:#eee}.week-bar.success{background:#4caf50}.week-bar.accident{background:#f44336}.week-bar.try{background:#2196f3}.week-bar.empty{background:#f0f0f0}.week-nums{width:48px;text-align:right;color:#666;font-size:.8rem}.week-table{display:flex;flex-direction:column;gap:6px}.week-row{display:flex;justify-content:space-between;padding:8px 12px;background:#f8f9fa;border-radius:8px;font-size:.9rem}.week-date{font-weight:500;color:#333}.steps-section{margin-bottom:24px}.steps-list{margin:0;padding-left:20px;list-style:none;counter-reset:step}.step-item{position:relative;padding:10px 0 10px 36px;border-bottom:1px solid #eee;counter-increment:step}.step-item:before{content:counter(step);position:absolute;left:0;width:24px;height:24px;line-height:24px;text-align:center;background:#2196f3;color:#fff;border-radius:50%;font-size:.8rem;font-weight:600}.step-label{font-size:.95rem;color:#333}.footer{position:fixed;bottom:0;left:0;right:0;padding:16px;background:#fff;border-top:1px solid #eee;text-align:center}.open-bot{display:inline-block;padding:12px 24px;background:#2196f3;color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:.95rem}.open-bot:hover{background:#1976d2}