*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;color-scheme:light}body{margin:0;min-height:100vh}.app-root{min-height:100vh;display:flex;justify-content:center;padding:16px;background-size:cover;background-position:center}.app-shell{width:100%;max-width:480px;display:flex;flex-direction:column;gap:12px;color:#0f172a}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:999px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-bar-left{display:flex;align-items:center;gap:8px}.app-title{font-weight:700;font-size:15px}.kid-pill{padding:2px 10px;border-radius:999px;background:#0f172a0f;font-size:12px}.mode-toggle{border-radius:999px;border:none;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;background:#0f172a;color:#f9fafb}.card{background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:14px 14px 16px;box-shadow:0 14px 30px #0f172a29}.kid-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.kid-tab{flex:1 0 auto;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#ffffffeb;padding:6px 10px;display:flex;flex-direction:column;align-items:flex-start;min-width:110px;font-size:11px;cursor:pointer}.kid-tab-name{font-weight:600}.kid-tab-meta{font-size:10px;opacity:.7}.kid-view{margin-top:2px;font-family:Indie Flower,cursive;font-weight:700}.kid-view input[type=checkbox]{width:28px;height:28px;opacity:0;margin:0}.kid-view input[type=checkbox]:checked{opacity:1}.task-pill-checkbox{display:block;border:2px solid black;width:32px;height:32px;box-sizing:border-box}.kid-view .task-pill{padding:16px 18px;font-size:18px;border-radius:20px}.kid-heading{font-size:32px;margin:0 0 20px;text-align:center}.kid-heading span{font-weight:800}.empty-text{font-size:13px;opacity:.7}.task-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.task-pill{width:100%;border-radius:999px;padding:10px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;text-align:left}.task-pill-done{font-weight:600}.task-pill-check{width:20px;height:20px;border-radius:999px;border:2px solid rgba(15,23,42,.16);display:flex;align-items:center;justify-content:center;font-size:12px}.task-pill-label{font-size:24px}.all-done-banner{margin-top:14px;padding:10px 12px;border-radius:16px;background:#0f172ad9;color:#f9fafb;display:flex;align-items:center;gap:10px}.all-done-emoji{font-size:24px}.all-done-text{font-size:18px;font-weight:600}.grownup-grid{display:flex;flex-direction:column;gap:10px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-header h2{margin:0;font-size:16px}.form-row{display:flex;gap:6px;margin-bottom:10px}.form-column{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.form-field{display:flex;flex-direction:column;gap:3px;flex:1}.form-field label{font-size:12px;opacity:.8}input,select{border-radius:999px;border:1px solid rgba(15,23,42,.16);padding:8px 12px;font-size:13px;outline:none;background:#fffffffa}input:focus,select:focus{border-color:#0f172a}.field-error{font-size:11px;color:#b91c1c}.primary-btn{border-radius:999px;border:none;padding:8px 14px;font-size:13px;font-weight:600;background:#0f172a;color:#f9fafb;cursor:pointer}.primary-btn:disabled{opacity:.6;cursor:default}.tiny-btn{border-radius:999px;border:1px solid rgba(15,23,42,.3);padding:4px 8px;font-size:11px;background:#f9fafb;cursor:pointer}.tiny-btn:disabled{opacity:.5;cursor:default}.tiny-btn-outline{background:transparent}.tiny-btn-danger{border-color:#b91c1c;color:#b91c1c}.task-edit-list{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:6px}.task-edit-row{display:flex;align-items:center;gap:6px}.task-edit-main{flex:1;display:flex;gap:6px}.task-edit-input{flex:1}.task-edit-order{display:flex;flex-direction:column;gap:4px}.kid-manage-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}.kid-manage-row{display:flex;align-items:center;gap:6px}.kid-manage-main{flex:1;display:flex;gap:6px}.kid-name-input{flex:1}.image-container{display:flex;flex-direction:column;justify-content:space-around}.image-container img{height:120px}@media(min-width:640px){.grownup-grid{flex-direction:row}.grownup-grid>.card{flex:1}}
