:root{--bg:#150f2b;--surface:#221a44;--surface-2:#2c2257;--text:#f4f1ff;--muted:#a99fd0;--accent:#ffd166;--accent-strong:#ffb703;--ok:#5ee2a0;--warn:#ff9f6e;--radius:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.5}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-user-select:none;user-select:none;touch-action:manipulation}input,code{-webkit-user-select:text;user-select:text}a{color:var(--accent)}.diag{flex-direction:column;gap:20px;max-width:900px;margin:0 auto;padding:24px 20px 64px;display:flex}.diag__header h1{margin:0 0 4px;font-size:28px}.diag__lead{color:var(--muted);margin:0}.diag__message{border-radius:var(--radius);background:var(--surface-2);border:1px solid #ffd16659;margin:0;padding:14px 16px}.card{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:14px;padding:20px;display:flex}.card h2{margin:0;font-size:20px}.muted{color:var(--muted);margin:0;font-size:15px}.steps{flex-direction:column;gap:8px;margin:0;padding-left:22px;display:flex}.copyrow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.copyrow code{background:var(--bg);word-break:break-all;border-radius:10px;padding:8px 12px;font-size:14px}.field{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field label{min-width:190px;color:var(--muted);font-size:15px}input[type=text],input[type=number],select,.field input{background:var(--bg);min-height:44px;color:var(--text);font:inherit;border:1px solid #ffffff1f;border-radius:12px;flex:260px;padding:10px 14px;font-size:16px}.hits select{background:var(--surface);flex:none;min-width:160px}.hits input{background:var(--surface);width:100%}.grouprow{flex-direction:column;align-items:stretch}.grouprow__main{align-items:center;gap:12px;display:flex}.grouprow__noimage{background:var(--surface);width:56px;height:56px;color:var(--muted);border-radius:8px;flex:none;place-items:center;display:grid}.imagepicker{flex-direction:column;gap:10px;padding:12px 0 4px;display:flex}.imagepicker__grid{flex-wrap:wrap;gap:10px;display:flex}.imagepicker__choice{background:var(--surface);border-radius:12px;min-height:0;padding:4px}.imagepicker__choice img{object-fit:cover;border-radius:8px;display:block}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}button,.button{background:var(--surface-2);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border:1px solid #ffffff26;border-radius:12px;align-items:center;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.button:hover{background:#372b6b}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#2b1c00}button.primary:hover:not(:disabled){background:var(--accent)}.facts{gap:8px;margin:0;padding:0;list-style:none;display:grid}.facts li{background:var(--bg);border-radius:10px;justify-content:space-between;gap:16px;padding:8px 12px;display:flex}.facts span{color:var(--muted)}.facts strong{text-align:right;word-break:break-all}.devices{gap:8px;margin:0;padding:0;list-style:none;display:grid}.devices label{background:var(--bg);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.pill{border-radius:999px;align-self:flex-start;margin:0;padding:6px 14px;font-size:15px;font-weight:600}.pill--ok{color:var(--ok);background:#5ee2a026}.pill--warn{color:var(--warn);background:#ff9f6e26}.reload-prompt{background:var(--surface-2);border-radius:999px;align-items:center;gap:10px;padding:12px 16px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.kids{flex-direction:column;gap:16px;min-height:100vh;padding:12px 20px 32px;display:flex}.kids__bar{align-items:center;gap:16px;min-height:72px;display:flex}.kids__bar--right{justify-content:flex-end}.kids__heading{font-size:26px;font-weight:700}.kids__logo{background:var(--surface);width:56px;height:56px;color:var(--muted);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:50%;justify-content:center;align-items:center;font-size:26px;display:inline-flex}.kids__empty{color:var(--surface-2);flex:1;place-items:center;font-size:96px;display:grid}.grid{flex:none;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px;display:grid}.resume{flex:none;justify-content:center;display:flex}.tile{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:10px;min-height:auto;padding:0;display:flex}.tile:hover:not(:disabled),.tile:active{background:0 0;transform:scale(1.03)}.tile__art{aspect-ratio:1;background:var(--surface);border-radius:24px;flex:none;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000059}.tile--large .tile__art{border-radius:32px;width:min(32vh,260px)}.tile__art img{object-fit:cover;width:100%;height:100%;display:block}.tile__placeholder{color:var(--muted);font-size:64px}.tile--finished .tile__art img{filter:brightness(.5)saturate(.7)}.tile__title{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);font-size:16px;font-weight:600;overflow:hidden}.tile--large .tile__title{color:var(--text);font-size:20px}.tile__progress{background:#000000b3;border-radius:999px;height:14px;position:absolute;bottom:10px;left:10px;right:10px;overflow:hidden;box-shadow:0 2px 8px #00000080}.tile__progress-value{background:#ffd166;border-radius:999px;height:100%;display:block}.tile__badge{background:#fff;border:3px solid #000000bf;border-radius:50%;place-items:center;width:52px;height:52px;font-size:24px;font-weight:700;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 4px 14px #0000008c}.tile__badge--new{font-size:26px}.tile__badge--done{color:#0f7a4d;font-size:30px}.tile__badge--resume{color:#b26a00;padding-left:4px}.iconbutton{background:var(--surface-2);color:var(--text);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;place-items:center;padding:0;display:grid}.iconbutton--home{width:min(9vh,72px);height:min(9vh,72px);min-height:0;font-size:min(4.2vh,34px)}.iconbutton--play{background:var(--accent-strong);color:#2b1c00;width:min(20vh,160px);height:min(20vh,160px);min-height:0;font-size:min(7vh,56px)}.iconbutton--skip{width:min(12vh,96px);height:min(12vh,96px);min-height:0;font-size:min(5vh,40px)}.iconbutton--chapter{background:var(--surface);width:min(10vh,76px);height:min(10vh,76px);min-height:0;font-size:min(3.6vh,28px)}.iconbutton--retry{background:var(--accent);color:#3a2a00;width:120px;height:120px;min-height:120px;font-size:52px}.player{--art-size:min(36vh, 70vw, 340px);justify-content:center;align-items:center}.player .kids__bar{align-self:flex-start;min-height:0}.player__controls{flex:none;align-items:center;gap:min(4vh,32px);display:flex}.player__art{width:var(--art-size);height:var(--art-size);background:var(--surface);border-radius:32px;flex:none;place-items:center;display:grid;overflow:hidden;box-shadow:0 12px 40px #00000073}.player__art img{object-fit:cover;width:100%;height:100%}.player__progress{background:var(--surface);border-radius:999px;width:min(600px,80%);height:14px;overflow:hidden}.player__progress-value{background:var(--accent);height:100%;transition:width .4s linear}.player__chapters{gap:3px;width:min(600px,80%);height:14px;display:flex}.player__chapter{background:var(--surface);border-radius:3px;flex:1 1 0;min-width:3px}.player__chapter.is-done{background:var(--ok)}.player__chapter.is-current{background:var(--accent)}.player__meta{color:var(--muted);margin:0;font-size:14px}.grownup{background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100vh;display:flex}.grownup__photo{aspect-ratio:1;background:var(--surface-2);border-radius:50%;place-items:center;width:min(50vh,320px);display:grid;position:relative;overflow:visible}.grownup__photo img{object-fit:cover;border-radius:50%;width:100%;height:100%}.grownup__fallback{font-size:120px}.grownup__wave{transform-origin:70% 70%;font-size:72px;animation:1.6s ease-in-out infinite wave;position:absolute;bottom:10px;right:-20px}@keyframes wave{0%,60%,to{transform:rotate(0)}20%{transform:rotate(18deg)}40%{transform:rotate(-12deg)}}.admin{flex-direction:column;gap:20px;max-width:900px;margin:0 auto;padding:24px 20px 64px;display:flex}.admin__bar{flex-wrap:wrap;gap:12px;display:flex}.hits{gap:10px;margin:0;padding:0;list-style:none;display:grid}.hits li{background:var(--bg);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.hits img{object-fit:cover;border-radius:8px;flex:none}.hits__text{flex-direction:column;flex:1;min-width:0;display:flex}.hits__text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.devices li{align-items:center;gap:10px;display:flex}.devices li label{flex:1}