@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap";@font-face{font-family:Shonen;src:url(/assets/fonts/Shonen-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Shonen;src:url(/assets/fonts/Shonen-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--otto-bg: #f8f9fa;--otto-bg-image: url(/assets/login-bg.png);--otto-card: rgba(255, 255, 255, .88);--otto-card-gradient: radial-gradient(74.6% 74.6% at 50% 46.05%, #FFFFFF 24.52%, #FFDEBE 100%);--otto-card-shadow: 0px 0px 6.1px rgba(0, 0, 0, .25);--otto-primary: #ffac59;--otto-primary-hover: #ff9b37;--otto-text: #474747;--otto-text-muted: #999999;--otto-border: #ffeedf;--otto-field-bg: #ffefdf;--otto-shadow: 0 8px 32px rgba(0, 0, 0, .12);--otto-radius: 12px;--otto-font: "Nunito", system-ui, -apple-system, sans-serif;--otto-logo-font: "Shonen", "Nunito", system-ui, sans-serif}*{box-sizing:border-box}body{font-family:var(--otto-font);margin:0;min-height:100vh;display:block;background:var(--otto-bg);background-image:var(--otto-bg-image);background-size:cover;background-position:center;color:var(--otto-text);overflow-x:hidden;overflow-y:auto}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0000001a;z-index:0;pointer-events:none}.page{position:relative;z-index:1;width:100%;max-width:732px;padding:1.5rem 1rem}.card{background:var(--otto-card);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:1.25rem 1.5rem;border-radius:24px;box-shadow:var(--otto-shadow)}.logo{text-align:center;margin-bottom:1.25rem}.logo img{max-width:340px;height:auto;display:block;margin:0 auto}.logo .logo-fallback{display:none;font-size:3.125rem;line-height:3.5rem;font-weight:700;letter-spacing:-.02em;color:var(--otto-text);font-family:var(--otto-logo-font)}.logo.logo-no-img .logo-fallback{display:block}.logo.logo-no-img .logo-img{display:none!important}.tabs{display:none;gap:0;margin:0 auto 1rem;border-bottom:none;max-width:612px}.tabs button{padding:.35rem .8rem;border:none;background:none;cursor:pointer;color:var(--otto-text-muted);font-size:1rem;line-height:1.25rem;font-family:inherit;border-bottom:2px solid transparent}.tabs button.active{color:var(--otto-text);font-weight:600;border-bottom-color:var(--otto-primary)}.panel{display:none}.panel.active{display:block}#formArea{max-width:612px;margin:0 auto}#loginForm,#registerForm{max-width:612px;margin:0 auto;transform:translateY(11px)}label{display:block;margin-bottom:.25rem;font-size:1.375rem;line-height:1.5rem;font-weight:500;color:var(--otto-text-muted)}input:not([type=checkbox]),select{width:100%;padding:1.15rem 1.5rem;margin-bottom:.75rem;border:1px solid var(--otto-border);background:var(--otto-field-bg);border-radius:9999px;font-size:1.5rem;line-height:1.5rem;color:var(--otto-text);font-family:inherit;transition:border-color .15s}input.field-invalid{border-color:#ff5252}input:focus,select:focus{outline:none;border-color:var(--otto-primary)}input::placeholder{color:var(--otto-text-muted)}.field{margin-bottom:.25rem}.field.has-error{margin-bottom:.75rem}.field-error{display:none;font-size:.875rem;line-height:1rem;color:#ff5252;margin-top:0}.field.has-error .field-error{display:block;margin-top:.25rem}.field.has-success .field-error{display:block;margin-top:.25rem;color:#5aa638}input.field-valid{border:2px solid #5AA638!important;color:#5aa638}#loginForm input:not([type=checkbox]),#registerForm input:not([type=checkbox]){padding:.85rem 1.5rem;margin-bottom:0}.password-wrap{position:relative}.password-wrap input{padding-right:3.15rem}.password-toggle{position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:1.5rem;height:1.5rem;border:none;padding:0;background:transparent;cursor:pointer;opacity:0;z-index:2;transition:opacity .15s ease;pointer-events:none}.password-wrap.has-value .password-toggle,.password-wrap:focus-within .password-toggle{opacity:.5;pointer-events:auto}.password-wrap.has-value .password-toggle:hover,.password-wrap:focus-within .password-toggle:hover{opacity:1}.password-toggle:before{content:"";display:block;width:100%;height:100%;background-color:#a4a4a4;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 5c5.05 0 9.27 3.11 11 7c-1.73 3.89-5.95 7-11 7S2.73 15.89 1 12c1.73-3.89 5.95-7 11-7zm0 2C8.44 7 5.33 9.02 3.67 12 5.33 14.98 8.44 17 12 17s6.67-2.02 8.33-5C18.67 9.02 15.56 7 12 7zm0 2.5a2.5 2.5 0 110 5 2.5 2.5 0 010-5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 5c5.05 0 9.27 3.11 11 7c-1.73 3.89-5.95 7-11 7S2.73 15.89 1 12c1.73-3.89 5.95-7 11-7zm0 2C8.44 7 5.33 9.02 3.67 12 5.33 14.98 8.44 17 12 17s6.67-2.02 8.33-5C18.67 9.02 15.56 7 12 7zm0 2.5a2.5 2.5 0 110 5 2.5 2.5 0 010-5z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.password-toggle[aria-pressed=true]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2.7 1.3L1.3 2.7 5 6.4A12.56 12.56 0 001 12c1.73 3.89 5.95 7 11 7 2.25 0 4.35-.62 6.13-1.69l3.17 3.17 1.4-1.4L2.7 1.3zM12 17c-3.56 0-6.67-2.02-8.33-5 .92-1.65 2.3-3 3.97-3.92l1.51 1.51A3.99 3.99 0 008 12a4 4 0 005.41 3.74l1.27 1.27A8.8 8.8 0 0112 17zm0-10c5.05 0 9.27 3.11 11 7a12.51 12.51 0 01-3.7 4.58l-1.45-1.45A8.8 8.8 0 0020.33 12C18.67 9.02 15.56 7 12 7c-.82 0-1.62.11-2.37.33L7.94 5.64C9.21 5.23 10.58 5 12 5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2.7 1.3L1.3 2.7 5 6.4A12.56 12.56 0 001 12c1.73 3.89 5.95 7 11 7 2.25 0 4.35-.62 6.13-1.69l3.17 3.17 1.4-1.4L2.7 1.3zM12 17c-3.56 0-6.67-2.02-8.33-5 .92-1.65 2.3-3 3.97-3.92l1.51 1.51A3.99 3.99 0 008 12a4 4 0 005.41 3.74l1.27 1.27A8.8 8.8 0 0112 17zm0-10c5.05 0 9.27 3.11 11 7a12.51 12.51 0 01-3.7 4.58l-1.45-1.45A8.8 8.8 0 0020.33 12C18.67 9.02 15.56 7 12 7c-.82 0-1.62.11-2.37.33L7.94 5.64C9.21 5.23 10.58 5 12 5z'/%3E%3C/svg%3E")}button[type=submit]{width:100%;padding:1.5rem;background:var(--otto-primary);color:#fff;border:none;border-radius:9999px;font-size:2.5rem;line-height:2.5rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,transform .12s ease}.forgot-link{display:inline-block;width:auto;margin:0 0 .75rem;padding:.625rem 0;border:none;background:transparent;color:var(--otto-text);font-size:1.125rem;line-height:1.5rem;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:.15em}.forgot-link:hover{opacity:.85}.auth-switch{margin-top:1rem;min-height:48px;display:flex;align-items:center;gap:.5rem;color:var(--otto-text);font-size:1.5rem;line-height:1.5rem}.switch-link{border:none;background:transparent;color:var(--otto-text);font-size:inherit;line-height:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:.15em;padding:0}.check-row{display:flex;align-items:flex-start;gap:.6rem;margin:.75rem 0 .4rem;font-size:.95rem;line-height:1.25rem;color:var(--otto-text)}.check-row input.field-invalid{box-shadow:0 0 0 2px #ff5252}.msg{margin-top:1rem;padding:.75rem;border-radius:8px;font-size:.875rem}.msg.err{background:#fef2f2;color:#b91c1c}.msg.ok{background:#f0fdf4;color:#15803d}.out{margin-top:.75rem;font-size:1rem;color:var(--otto-text);text-align:left}.out a{color:var(--otto-primary);text-decoration:none}.out a:hover{text-decoration:underline}.admin-subtext{color:var(--otto-text-muted);font-size:.8rem}.admin-actions{margin-bottom:1.25rem}.admin-actions__heading{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#7d5b38;text-transform:uppercase;letter-spacing:.04em}.admin-actions__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.admin-action-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:1rem .75rem;border:2px solid #edd9c6;border-radius:14px;background:#fffdfb;cursor:pointer;font-family:inherit;transition:border-color .2s,background .2s,box-shadow .2s,transform .15s}.admin-action-card:hover{border-color:var(--otto-primary);background:#fff8f2;box-shadow:0 4px 14px #ffac5933;transform:translateY(-2px)}.admin-action-card:active{transform:translateY(0)}.admin-action-card--accent{border-color:var(--otto-primary);background:linear-gradient(180deg,#fff9f2,#ffefdf)}.admin-action-card--accent:hover{background:linear-gradient(180deg,#ffefdf,#ffe5c8);box-shadow:0 4px 16px #ffac594d}.admin-action-card__icon{font-size:1.75rem;margin-bottom:.4rem;line-height:1}.admin-action-card__label{font-size:.9rem;font-weight:600;color:var(--otto-text);margin-bottom:.2rem}.admin-action-card__hint{font-size:.72rem;color:var(--otto-text-muted);line-height:1.2}.admin-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.admin-modal[hidden]{display:none!important}.admin-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;cursor:pointer}.admin-modal__box{position:relative;width:100%;max-width:420px;max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 20px 60px #0003;padding:1.5rem}.admin-modal--wide .admin-modal__box{max-width:520px}.admin-modal__title{margin:0 0 1.25rem;font-size:1.15rem;font-weight:700;color:var(--otto-text)}.admin-modal__form .field,.admin-modal__body{margin-bottom:1rem}.admin-modal__form .field label{display:block;margin-bottom:.35rem;font-size:.85rem;color:#7c6b5a}.admin-modal__form .field input,.admin-modal__form .field select{width:100%;padding:.55rem .75rem;border:1px solid #e7d6c4;border-radius:10px;font-size:.9rem}.admin-modal__actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #f0e2d4}.admin-modal__submit{padding:.6rem 1.25rem;background:var(--otto-primary);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s}.admin-modal__submit:hover{background:var(--otto-primary-hover)}.admin-users-section{margin-bottom:1rem}.admin-users-section__title{margin:0 0 .4rem;font-size:.85rem;font-weight:600;color:#7d5b38}.admin-users-search{width:100%;padding:.45rem .6rem;font-size:.9rem;border:1px solid #e7d6c4;border-radius:8px;box-sizing:border-box}.admin-add-child-row{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.admin-add-child-row input{width:140px;max-width:100%;height:36px;padding:.35rem .6rem;font-size:.875rem;border:1px solid #e7d6c4;border-radius:8px;box-sizing:border-box}.admin-add-child-row .btn-secondary{padding:.35rem .7rem;font-size:.85rem}.admin-users-list{max-height:280px;overflow:auto;border:1px solid #e7d6c4;border-radius:10px;background:#fff}.admin-users-list__row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid #f0e2d4;font-size:.82rem}.admin-users-list__row:last-child{border-bottom:none}.admin-users-list__email{font-weight:500;color:var(--otto-text);min-width:120px}.admin-users-list__roles{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.admin-users-list__role{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .4rem;border-radius:999px;font-size:.72rem;background:#fff5eb;color:#5b3e23}.admin-users-list__role.admin{background:#fef3c7;color:#92400e}.admin-users-role-remove{padding:0 .2rem;margin:0;border:none;background:none;cursor:pointer;font-size:1rem;line-height:1;color:#999}.admin-users-role-remove:hover{color:#c00}.admin-users-list__actions{margin-left:auto}.admin-users-role-select{padding:.25rem .4rem;font-size:.75rem;border:1px solid #e7d6c4;border-radius:6px;background:#fff}.admin-grid{display:grid;grid-template-columns:minmax(440px,1.15fr) minmax(320px,.85fr);gap:.9rem;align-items:start}.admin-card{border:1px solid #edd9c6;border-radius:16px;background:#fffdfb;box-shadow:0 2px 8px #0000000a}.logout-btn{margin-top:1rem;padding:.5rem 1rem;background:var(--otto-text-muted);color:#fff;border:none;border-radius:9999px;font-size:.875rem;font-family:inherit;cursor:pointer}.logout-btn:hover{opacity:.9}.cms{margin-top:.25rem;border-top:none;padding:.9rem;text-align:left}.cms h3{margin:0 0 .75rem;font-size:.98rem;letter-spacing:.01em;text-transform:uppercase;color:#7d5b38}.cms-row{display:flex;gap:.45rem;align-items:flex-end;margin-bottom:.45rem;flex-wrap:wrap}.cms-row input{margin-bottom:0;min-width:220px;flex:1}.cms label,.runtime label{font-size:.78rem;line-height:1rem;color:#7c6b5a;margin-bottom:.2rem}.cms input,.cms select,.runtime input,.runtime select{padding:.52rem .65rem;min-height:36px;border-radius:10px;font-size:.8rem;line-height:1rem;border:1px solid #e7d6c4;background:#fff;margin-bottom:.45rem}.cms input:focus,.cms select:focus,.runtime input:focus,.runtime select:focus{border-color:#e7b57d;box-shadow:0 0 0 3px #ffac5933}.btn-secondary{width:auto;padding:.52rem .8rem;background:#fff5eb;color:#5b3e23;border:1px solid #edcfaf;border-radius:10px;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .14s ease}.btn-secondary:hover{background:#ffe5c8;border-color:#dfb58b}.cms textarea{width:100%;min-height:200px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.77rem;border:1px solid #e7d6c4;border-radius:10px;padding:.65rem .7rem;background:#fff;resize:vertical}.cms small{color:var(--otto-text-muted);display:block;margin:.5rem 0 .75rem}.audit-list{list-style:none;padding:0;margin:.5rem 0 0;max-height:180px;overflow:auto;border:1px solid #e7d6c4;border-radius:10px;background:#fff}.audit-list li{padding:.45rem .55rem;border-bottom:1px solid #f0e2d4;font-size:.76rem;line-height:1.35}.audit-list li:last-child{border-bottom:none}.item-builder{border:1px solid #ebdac8;border-radius:12px;padding:.65rem;background:#fffaf5;margin-top:.5rem}.item-builder h4{margin:0 0 .45rem;font-size:.82rem;color:#7d5b38;text-transform:uppercase;letter-spacing:.01em}.item-list{list-style:none;margin:.5rem 0;padding:0;border:1px solid #e7d6c4;border-radius:10px;max-height:220px;overflow:auto;background:#fff}.item-list li{display:flex;justify-content:space-between;gap:.5rem;align-items:center;border-bottom:1px solid #f0e2d4;padding:.45rem .55rem;font-size:.76rem}.item-list li:last-child{border-bottom:none}.item-list li.active{background:#fff1e2}.item-meta{color:var(--otto-text-muted);font-size:.7rem}.item-actions{display:flex;gap:.35rem;flex-wrap:wrap}.btn-mini{width:auto;padding:.35rem .5rem;border-radius:8px;border:1px solid #e2d0bf;background:#fff;cursor:pointer;font-size:.72rem;color:var(--otto-text)}.btn-mini:hover{border-color:var(--otto-primary);color:var(--otto-primary)}.btn-danger{border-color:#fecaca;color:#b91c1c;background:#fef2f2}.btn-danger:hover{border-color:#fca5a5;color:#991b1b}.builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.builder-grid .span-2{grid-column:1 / -1}.builder-grid textarea{min-height:100px;margin-bottom:0;font-size:.78rem}.muted-note{margin-top:.5rem;color:var(--otto-text-muted);font-size:.8125rem}.runtime{margin-top:.25rem;border-top:none;padding:.9rem;text-align:left}.runtime h3{margin:0 0 .75rem;font-size:.98rem;letter-spacing:.01em;text-transform:uppercase;color:#7d5b38}.runtime-card{border:1px solid #ebdac8;border-radius:12px;padding:.65rem;margin-top:.5rem;background:#fffaf5}.runtime-meta{font-size:.8125rem;color:var(--otto-text-muted);margin-bottom:.35rem}.runtime-main{font-size:.9rem;margin-bottom:.5rem}.runtime-json{margin:0;padding:.5rem;border-radius:10px;background:#fff;border:1px solid #e7d6c4;font-size:.72rem;max-height:140px;overflow:auto;white-space:pre-wrap;word-break:break-word}.runtime-interaction{margin-top:.5rem;padding:.45rem;border:1px dashed #e6cdb3;border-radius:10px;background:#fff}.runtime-options{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem}.runtime-options button{width:auto;padding:.4rem .65rem;border:1px solid var(--otto-border);border-radius:999px;background:#fff;cursor:pointer;font-size:.8rem}.runtime-options button.is-disabled,.runtime-options button:disabled{opacity:.55;cursor:not-allowed}.runtime-options button:hover{border-color:var(--otto-primary);color:var(--otto-primary)}.runtime-options button.is-correct{background:#22c55e;border-color:#16a34a;color:#fff;animation:correct-pulse .5s ease-out}.runtime-options button.is-wrong{background:#ef4444;border-color:#dc2626;color:#fff;animation:wrong-shake .4s ease-out}.runtime-options button.hint-flash{animation:hint-flash 1s ease-out}@keyframes correct-pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes wrong-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes hint-flash{0%,to{box-shadow:0 0 #2563eb00}50%{box-shadow:0 0 0 8px #2563eb4d}}.runtime-interaction-msg.correct{color:#15803d;font-weight:600}.runtime-interaction-msg.wrong{color:#b91c1c;font-weight:600}.runtime-interaction-msg.hint{color:#2563eb;font-size:.85rem}.runtime-interaction-msg.info{color:var(--otto-text-muted)}.layout-single-center{display:flex;align-items:center;justify-content:center;min-height:200px}.layout-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--layout-gap, 1rem)}.layout-three-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--layout-gap, .5rem)}.layout-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--layout-gap, .5rem)}.layout-grid-2x4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--layout-gap, .5rem)}.layout-top-bottom{display:flex;flex-direction:column;gap:var(--layout-gap, .5rem)}.layout-fullscreen{width:100%;height:100%}@media (max-width: 640px){.layout-grid-2x4{grid-template-columns:repeat(2,1fr)}.layout-three-columns{grid-template-columns:1fr}}.runtime-drag-layout{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.4rem}.runtime-drag-bank,.runtime-drag-targets{border:1px solid #e7d6c4;border-radius:10px;padding:.5rem;background:#fafafa;min-height:88px}.runtime-drag-title{font-size:.75rem;color:var(--otto-text-muted);margin-bottom:.35rem}.runtime-drag-item{display:inline-block;padding:.3rem .45rem;margin:0 .3rem .3rem 0;border:1px solid var(--otto-border);background:#fff;border-radius:999px;font-size:.78rem;cursor:grab;-webkit-user-select:none;user-select:none}.runtime-drag-item:active{cursor:grabbing}.runtime-drag-target{border:1px dashed #e6cdb3;border-radius:10px;padding:.35rem .45rem;background:#fff;margin-bottom:.35rem;min-height:34px;font-size:.78rem}.runtime-drag-target.over{border-color:var(--otto-primary);background:#eff6ff}.runtime-drag-target.ok{border-color:#86efac;background:#f0fdf4}.runtime-drag-target.bad{border-color:#fca5a5;background:#fef2f2}.runtime-interaction-msg{margin-top:.35rem;font-size:.76rem;color:var(--otto-text-muted)}@media (max-width: 1023px){.admin-actions__grid{grid-template-columns:repeat(2,1fr)}.admin-grid,.builder-grid,.runtime-drag-layout{grid-template-columns:1fr}}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow-x:hidden;overflow-y:auto;background:#6b8e6b}.splash.hidden{display:none}.splash__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none;-webkit-user-select:none;user-select:none}.splash__bg--mobile{display:none}.splash__overlay-btns{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.splash__btn{position:absolute;border:none;background:transparent;cursor:pointer;pointer-events:auto;border-radius:999px;padding:0}.splash__btn--primary{left:50%;transform:translate(-50%);width:612px;top:calc(817 / 1080 * 100%);height:calc(88 / 1080 * 100%)}.splash__btn--secondary{left:50%;transform:translate(-50%);width:483px;top:calc(929 / 1080 * 100%);height:calc(64 / 1080 * 100%)}.splash__btn:active:not(:disabled){opacity:.85}.splash__btn:disabled{cursor:default;pointer-events:none}@media (max-width: 480px){.splash__bg--desktop{display:none}.splash__bg--mobile{display:block;object-fit:fill;object-position:center center}.splash__btn--primary{left:50%;transform:translate(-50%);width:91.8%;top:calc(653 / 844 * 100%);height:calc(68 / 844 * 100%)}.splash__btn--secondary{left:50%;transform:translate(-50%);width:76.4%;top:calc(737 / 844 * 100%);height:calc(52 / 844 * 100%)}}@media (min-width: 481px) and (max-width: 1023px){.splash__btn--primary{width:min(612px,calc(100% - 32px))}.splash__btn--secondary{width:min(483px,calc(100% - 64px))}}.page{position:relative;width:100%;max-width:none;padding:0 0 24px;padding-top:calc(env(safe-area-inset-top) + 22px);padding-bottom:calc(env(safe-area-inset-bottom) + 24px);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.page>.logo{position:absolute;top:22px;left:50%;transform:translate(-50%);z-index:5;margin-bottom:0}.card{position:relative;width:893px;max-width:100%;min-height:612px;padding:0 140px 80px;border-radius:0;background:url(/assets/card-outer-desktop.svg) center / 100% 100% no-repeat;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;filter:drop-shadow(0px 0px 6.1px rgba(0,0,0,.25));overflow:visible}.card:after{display:none}.logo{margin-bottom:12px}.logo img{max-width:273px}#formArea,#loginForm,#registerForm,#forgotForm,#resetForm{max-width:612px}.auth-title{width:645px;max-width:100%;margin:-71px auto 35px;height:142px;min-height:142px;background:url(/assets/title-pill-desktop.svg) center / 100% 100% no-repeat;display:flex;align-items:center;justify-content:center;position:relative;z-index:6}.auth-title span{font-family:var(--otto-logo-font);font-weight:700;font-size:48px;line-height:56px;letter-spacing:0;color:#7a564a}.auth-title.long.forgot span{font-size:38px;line-height:56px}#loginForm,#registerForm,#forgotForm,#resetForm{transform:none}#formArea .field{position:relative}#formArea .field>label{position:absolute;top:14px;left:30px;font-size:13px;line-height:1em;font-weight:500;color:#999;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:3;margin:0}#formArea .field:has(input:not(:placeholder-shown))>label{opacity:1}#formArea .field:has(input:not(:placeholder-shown)) input:not([type=checkbox]){padding-top:40px;padding-bottom:14px}#formArea input:not([type=checkbox]){border-radius:999px;border:none;background:#ffebd7;height:88px;padding:30px;font-size:22px;line-height:1.0909em;font-weight:500;color:#474747}#formArea input:not([type=checkbox])::placeholder{color:#999;font-weight:500}#formArea input:not([type=checkbox]).field-invalid{border:2px solid #FF5252}#formArea input:not([type=checkbox]):focus{border:2px solid var(--otto-primary)}#formArea .password-wrap input{padding-right:60px}#formArea .forgot-link{margin:16px 0 0;padding:12px 0;width:100%;text-align:right;text-decoration:none;font-size:18px;line-height:20px;font-weight:500;color:#474747}#formArea button[type=submit]{margin-top:16px;width:100%;height:88px;padding:0 95px;border-radius:999px;background:#fd9731;color:#fff;font-size:40px;line-height:40px;font-weight:600;letter-spacing:0;text-transform:uppercase;text-shadow:0px 1px 2px rgba(0,0,0,.25);white-space:nowrap}#formArea button[type=submit]:active:not(:disabled){background:#d87f24;transform:translateY(1px)}#formArea button[type=submit]:disabled{background:#ffe3c8;color:#ffca97;cursor:default;text-shadow:none}.auth-switch{margin-top:16px;padding:12px 0;justify-content:center;font-size:24px;line-height:20px;font-weight:500;color:#474747;position:relative;z-index:5;display:flex;align-items:center;gap:.5rem}.switch-link{font-size:inherit;color:#1a1a1a;font-weight:700;text-decoration:none}.helper-copy{margin:0 0 24px;text-align:center;font-size:18px;line-height:1.1111em;color:#474747}.check-row{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;font-size:18px;line-height:20px;font-weight:400;color:#1a1a1a;cursor:pointer}.check-row span{flex:1;max-width:505px}.check-row u{text-decoration:underline;text-underline-offset:2px}.check-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;min-width:32px;max-width:32px;min-height:32px;max-height:32px;padding:0;margin:0;border-radius:12px;background:#fff;border:1px solid #FD9731;cursor:pointer;position:relative;transition:box-shadow .15s;flex-shrink:0}.check-row input[type=checkbox]:after{content:"";display:block;position:absolute;top:50%;left:50%;width:15px;height:11px;transform:translate(-50%,-50%) scale(0);background:url(/assets/checkmark.svg) center / contain no-repeat;transition:transform .15s ease}.check-row input[type=checkbox]:checked{background:#fd9731;border-color:#fd9731}.check-row input[type=checkbox]:checked:after{transform:translate(-50%,-50%) scale(1);filter:brightness(0) invert(1)}.check-row input[type=checkbox]:focus-visible{outline:2px solid var(--otto-primary);outline-offset:2px}.token-field,.card[data-form=reset] #resetAuthSwitch{display:none}#forgotForm:has(#forgotHintState:not([style*="display:none"])) #forgotAuthSwitch,#forgotForm:has(#forgotHintState[style*="display: block"]) #forgotAuthSwitch{display:none}.reg-fields{display:flex;flex-direction:column;gap:0}#formArea .reg-fields .field{margin-bottom:12px}#formArea .reg-fields .check-row{margin-top:4px}.reg-buttons{display:flex;flex-direction:column;gap:16px;margin-top:24px}#formArea .reg-buttons button[type=submit]{margin-top:0}#formArea .reg-buttons .auth-switch{margin-top:0;min-height:auto;height:48px;padding:0}.card[data-form=register]{padding-bottom:26px}.card[data-form=register] .auth-title{margin-bottom:15px}.card[data-form=register] #formArea .reg-fields .field{margin-bottom:12px}.card[data-form=register] #formArea .reg-fields .check-row{margin-top:0}.card[data-form=register] .reg-buttons{margin-top:8px}#formArea .field{margin-bottom:12px}#formArea .field:last-of-type{margin-bottom:0}#formArea .field-error{font-size:16px;line-height:1em;margin-top:4px;padding-left:30px}.success-state{text-align:center;padding:20px 0}.success-title{font-family:var(--otto-font);font-size:26px;font-weight:600;color:#1a1a1a;margin:0 0 12px;line-height:1em}#resetSuccessState .success-title{font-size:32px}.success-copy{font-size:18px;line-height:1.1111em;color:#474747;margin:0 0 24px}.success-btn{width:100%;height:88px;padding:0 95px;border-radius:999px;background:#fd9731;color:#fff;border:none;font-size:40px;font-weight:600;font-family:inherit;letter-spacing:.01em;text-transform:uppercase;cursor:pointer;transition:background .15s;text-shadow:0px 1px 2px rgba(0,0,0,.25);white-space:nowrap}.success-btn:active{background:#d87f24;transform:translateY(1px)}@media (hover: hover) and (pointer: fine){button[type=submit]:hover{background:var(--otto-primary-hover)}#formArea button[type=submit]:hover:not(:disabled){background:#e88b2a}.success-btn:hover{background:var(--otto-primary-hover)}.splash__btn--primary:hover{filter:brightness(1.05)}.splash__btn--secondary:hover{filter:brightness(1.04)}}@media (hover: none),(pointer: coarse){button[type=submit]:hover{background:inherit}#formArea button[type=submit]:hover:not(:disabled){background:#fd9731}.success-btn:hover{background:#fd9731}.splash__btn--primary:hover,.splash__btn--secondary:hover{filter:none}}@media (min-width: 481px) and (max-width: 959px){.page{width:100%;max-width:none;padding:0;min-height:100vh;display:flex;align-items:center;justify-content:center}.card{width:90%;max-width:750px;min-height:520px;padding:0 80px 44px;background:url(/assets/card-outer-desktop.svg) center / 100% 100% no-repeat;filter:drop-shadow(0px 0px 5px rgba(0,0,0,.2))}.page>.logo{top:16px}.logo img{max-width:240px}.auth-title{width:500px;max-width:100%;height:120px;min-height:120px;margin:-46px auto 36px}.auth-title span{font-size:38px}.auth-title.long span{font-size:30px}.auth-title.long.forgot span{font-size:24px}#formArea,#loginForm,#registerForm,#forgotForm,#resetForm{max-width:540px}#formArea input:not([type=checkbox]){height:88px;padding:24px 30px;font-size:20px;font-weight:500;line-height:1.1em}#formArea .password-wrap input{padding-right:56px}#formArea button[type=submit]{height:88px;font-size:32px;padding:0 60px}#formArea .forgot-link{font-size:17px;margin:12px 0 0;padding:10px 0}.auth-switch{font-size:22px;padding:10px 0}.check-row{font-size:17px;line-height:1.18em}.check-row input[type=checkbox]{width:28px;height:28px;min-width:28px;max-width:28px;min-height:28px;max-height:28px;padding:0;border-radius:10px}.helper-copy{font-size:17px}#formArea .field{margin-bottom:10px}#formArea .field>label{top:10px;font-size:12px}#formArea .field:has(input:not(:placeholder-shown)) input:not([type=checkbox]){padding-top:36px;padding-bottom:10px}#formArea .field-error{font-size:14px;padding-left:24px}.success-title{font-size:28px}.success-copy{font-size:17px}.success-btn{height:88px;font-size:32px;padding:0 60px}}@media (max-width: 480px){.page{width:100%;max-width:390px;margin:0 auto;display:flex;align-items:flex-start;justify-content:center;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) 0}.card{width:100%;max-width:390px;min-height:auto;margin-top:218px;padding:0 16px 28px;border-radius:0;background:url(/assets/card-outer-mobile.svg) center / 100% 100% no-repeat;filter:none;overflow:visible}.card:after{display:none}.page>.logo{position:absolute;top:22px;margin-bottom:0}.logo img{max-width:273px}.auth-title{width:299px;max-width:100%;height:101px;min-height:101px;margin:-54px auto 40px;background-image:url(/assets/title-pill-mobile.svg)}.auth-title span{font-size:40px;line-height:1em}.auth-title.long span{font-size:28px;line-height:36px}.auth-title.long.forgot span{font-size:22px;line-height:1.0909em}#formArea,#loginForm,#registerForm,#forgotForm,#resetForm{max-width:358px}#formArea input:not([type=checkbox]){height:68px;padding:0 30px;font-size:18px;font-weight:500;line-height:68px}#formArea .password-wrap input{padding-right:48px}#formArea button[type=submit]{height:68px;font-size:28px;font-weight:700;line-height:1em;padding:0 30px}#formArea .forgot-link{font-size:16px;line-height:1.25em;margin:0;padding:8px 0}.auth-switch{font-size:24px;line-height:1em;padding:8px 0;gap:.25rem}.check-row{font-size:16px;line-height:1.25em}.check-row input[type=checkbox]{width:24px;height:24px;min-width:24px;max-width:24px;min-height:24px;max-height:24px;padding:0;margin-top:0;border-radius:8px}.helper-copy{font-size:16px;line-height:1.25em;margin-bottom:16px}#formArea .field{margin-bottom:8px}#formArea .field>label{top:6px;left:30px;font-size:11px}#formArea .field:has(input:not(:placeholder-shown)) input:not([type=checkbox]){padding-top:28px;padding-bottom:4px;line-height:normal}#formArea .field-error{font-size:12px;padding-left:24px}.success-title{font-size:26px;line-height:1.0769em}.success-copy{font-size:16px;line-height:1.25em;margin-bottom:16px}.success-btn{height:68px;font-size:28px;font-weight:700;padding:0 30px}}@media (max-width: 374px){.page{max-width:320px;justify-content:flex-start}.page>.logo{position:relative;top:auto;left:auto;transform:none;margin:4px auto 0;z-index:10}.logo img{max-width:180px}.card{padding:0 8px 16px}.auth-title{width:230px;height:78px;min-height:78px;margin:-20px auto 12px}.auth-title span{font-size:28px}.auth-title.long span{font-size:20px}.auth-title.long.forgot span{font-size:16px}#formArea input:not([type=checkbox]){height:56px;padding:0 18px;font-size:14px;line-height:56px}#formArea .field>label{top:5px;left:18px;font-size:9px}#formArea .field:has(input:not(:placeholder-shown)) input:not([type=checkbox]){padding-top:22px;padding-bottom:2px;line-height:normal}#formArea .password-wrap input{padding-right:40px}#formArea button[type=submit]{height:56px;font-size:20px;padding:0 20px}.auth-switch{font-size:16px;padding:6px 0}#formArea .forgot-link{font-size:13px;margin:8px 0 0;padding:6px 0}.check-row{font-size:12px;margin:8px 0 0}.check-row input[type=checkbox]{width:20px;height:20px;min-width:20px;max-width:20px;min-height:20px;max-height:20px;padding:0;border-radius:6px}.helper-copy{font-size:13px}#formArea .field{margin-bottom:6px}.success-title{font-size:18px}.success-copy{font-size:13px}.success-btn{height:56px;font-size:20px;padding:0 20px}}@media (max-width: 299px){.page{max-width:299px;justify-content:flex-start}.page>.logo{position:relative;top:auto;left:auto;transform:none;margin:4px auto 0}.logo img{max-width:160px}.card{padding:0 6px 12px}.auth-title{width:200px;height:68px;min-height:68px;margin:-12px auto 10px}.auth-title span{font-size:22px;line-height:1.05}.auth-title.long span{font-size:16px;line-height:1.15}.auth-title.long.forgot span{font-size:14px}#formArea input:not([type=checkbox]){height:48px;padding:0 14px;font-size:13px;line-height:48px}#formArea .field>label{top:4px;left:14px;font-size:8px}#formArea .field:has(input:not(:placeholder-shown)) input:not([type=checkbox]){padding-top:18px;padding-bottom:2px;line-height:normal}#formArea .password-wrap input{padding-right:36px}#formArea button[type=submit],.success-btn{height:48px;font-size:16px;line-height:1.15;letter-spacing:0;padding:0 14px;white-space:normal;word-break:break-word;overflow-wrap:anywhere;text-align:center}.auth-switch{font-size:14px;line-height:1.2;gap:.25rem;flex-wrap:wrap;text-align:center;justify-content:center}#formArea .forgot-link{font-size:12px;margin:6px 0 0;padding:4px 0}.check-row{font-size:11px;line-height:1.25;margin:6px 0 0}.check-row input[type=checkbox]{width:18px;height:18px;min-width:18px;max-width:18px;min-height:18px;max-height:18px;padding:0;border-radius:5px}.helper-copy,.success-copy{font-size:12px}.success-title{font-size:16px}.splash__actions{gap:12px;padding-bottom:5.5vh}.splash__btn{white-space:normal;text-align:center;overflow-wrap:anywhere}.splash__btn--primary{width:94%;height:60px;font-size:20px;padding:0 12px}.splash__btn--secondary{width:84%;height:44px;font-size:14px;padding:0 10px}}@media (min-width: 1440px){.page{max-width:1920px;margin:0 auto}}button.button--loading,#formArea button[type=submit].button--loading{opacity:.7;cursor:not-allowed;pointer-events:none;position:relative;color:transparent}button.button--loading:after,#formArea button[type=submit].button--loading:after{content:"";position:absolute;width:22px;height:22px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .7s linear infinite;left:50%;top:50%;transform:translate(-50%,-50%)}@keyframes btn-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}button.button--selected,#formArea button[type=submit].button--selected{background:#e88b2a;box-shadow:inset 0 0 0 2px var(--otto-primary)}button:focus-visible,#formArea button[type=submit]:focus-visible,.splash__btn:focus-visible,.success-btn:focus-visible{outline:2px solid var(--otto-primary);outline-offset:3px}.splash__btn:active:not(:disabled),#formArea button[type=submit]:active:not(:disabled),.success-btn:active{transform:translateY(1px) scale(.98);filter:brightness(.92)}.child-dashboard{max-width:800px;margin:0 auto;padding:1.2rem 1rem}.child-dashboard__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.child-dashboard__header-actions{display:flex;align-items:center;gap:.5rem}.child-dashboard__api-link{display:inline-block;padding:6px 14px;font-size:.8rem;font-weight:600;color:#fff;background:var(--otto-primary);border-radius:8px;text-decoration:none;transition:background .2s}.child-dashboard__api-link:hover{background:var(--otto-primary-hover);color:#fff}.child-dashboard__title{font-size:1.3rem;color:var(--otto-primary, #6C47FF)}.child-dashboard__subtitle{display:block;font-size:.85rem;color:#888;margin-top:2px}.btn-sm{font-size:.8rem;padding:6px 16px}.btn-back{background:none;border:none;cursor:pointer;color:var(--otto-primary, #6C47FF);font-size:.85rem;padding:4px 0;margin-bottom:.6rem;display:inline-block}.btn-back:hover{text-decoration:underline}.child-step__heading{font-size:1.1rem;margin:.3rem 0 .8rem}.child-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:1rem}.child-list__empty{grid-column:1 / -1;text-align:center;color:#888;padding:2rem 0}.child-card{background:#fff;border:2px solid #eee;border-radius:14px;padding:1.2rem .8rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.6rem;transition:border-color .2s,box-shadow .2s}.child-card:hover{border-color:var(--otto-primary, #6C47FF);box-shadow:0 4px 16px #6c47ff1f}.child-card__avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#6c47ff,#a78bfa);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700}.child-card__name{font-size:.95rem;font-weight:600;text-align:center}.child-add-row{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.child-add-row input{flex:1;min-width:100px;max-width:180px;height:36px;padding:.35rem .6rem;font-size:.875rem;border:1px solid #e7d6c4;border-radius:8px;box-sizing:border-box}.child-add-row .btn-secondary{padding:.35rem .7rem;font-size:.85rem}.browse-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.8rem;margin-bottom:1rem}.browse-card{background:#fff;border:2px solid #eee;border-radius:12px;padding:1rem;cursor:pointer;display:flex;align-items:center;gap:.7rem;font-size:.95rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.browse-card:hover{border-color:var(--otto-primary, #6C47FF);box-shadow:0 2px 12px #6c47ff1a}.browse-card__icon{font-size:1.5rem}.lesson-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.6rem}.lesson-progress-text{font-size:.85rem;color:#888;white-space:nowrap}.lesson-stage{background:#fff;border:2px solid #eee;border-radius:14px;padding:1.5rem;min-height:160px;margin-bottom:1rem}.lesson-nav{display:flex;gap:.6rem;justify-content:center}.btn-primary-style{background:var(--otto-primary, #6C47FF)!important;color:#fff!important}.btn-primary-style:hover{filter:brightness(1.1)}.lesson-complete{text-align:center;font-size:1.3rem;padding:2rem;color:var(--otto-primary, #6C47FF)}.game-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;overflow:hidden;background:#b9ebff;font-family:var(--otto-font)}.game-screen__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/game/game-bg.jpg) center / cover no-repeat;z-index:0}.game-nav{position:absolute;z-index:10;width:80px;height:80px;border:none;border-radius:50%;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fffcf8,#fef0e2);box-shadow:0 10px 20px #0000102e,inset 0 1px 6px #00000026;transition:transform .12s ease,filter .12s ease}.game-nav:active{transform:scale(.93);filter:brightness(.95)}.game-nav--back{top:22px;left:50px}.game-nav--parents{top:22px;right:50px}.game-nav--hint{bottom:42px;left:50px}.game-nav--forward{bottom:42px;right:50px}.game-nav__icon{display:block;width:100%;height:100%;position:relative}.game-nav__icon--arrow-left,.game-nav__icon--arrow-right{width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#ebd2bc,#e8d1bc);box-shadow:0 7px 26px #00000026,0 2px 6px #0000001f,inset 0 2px 6px #0000001f;position:relative}.game-nav__icon--arrow-left:after,.game-nav__icon--arrow-right:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:14px;transform:translate(-50%,-50%);background:#ffa15d;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.game-nav__icon--arrow-right:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z'/%3E%3C/svg%3E")}.game-nav__icon--lamp{width:46px;height:46px;background:linear-gradient(180deg,#ff852c,#ffe2c3cc 42%,#fa8f42);border-radius:50%;box-shadow:0 3px 7px #0000001a,inset 0 -4px 4px #f9740040;position:relative}.game-nav__icon--lamp:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:24px;transform:translate(-50%,-50%);background:#fff;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.game-nav__icon--parents{width:55px;height:55px;position:relative}.game-nav__icon--parents:after{content:"";position:absolute;top:50%;left:50%;width:36px;height:28px;transform:translate(-50%,-50%);background:linear-gradient(148deg,#fff 34%,#cbb59c 95%);box-shadow:0 3px 5px #4f4d4d33,inset 0 -2px 5px #cab7aa;border-radius:6px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.game-content{position:absolute;z-index:5;top:134px;left:50px;right:50px;bottom:210px;background:#fff;border-radius:28px;box-shadow:0 4px 20px #00000014;overflow:hidden;display:flex;align-items:center;justify-content:center}.game-content__inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:28px}.game-content__inner img{max-width:100%;max-height:100%;object-fit:contain}.game-content__inner .game-prompt-text{font-family:var(--otto-logo-font);font-size:32px;font-weight:700;color:#474747;text-align:center}.game-actions{position:absolute;z-index:6;bottom:32px;left:130px;right:130px;height:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px}.game-select-btn{width:158px;height:158px;border:none;border-radius:22px;background:#f9f4ef;padding:6px;cursor:pointer;box-shadow:0 18px 60px #11111105,0 8px 24px #1111110d,inset 0 -3px 10px #e2d2c2cc;transition:transform .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}.game-select-btn:hover{transform:translateY(-4px);box-shadow:0 22px 70px #1111110f,0 12px 30px #1111111a,inset 0 -3px 10px #e2d2c2cc}.game-select-btn:active{transform:translateY(0) scale(.95)}.game-select-btn.is-correct{box-shadow:0 0 0 4px #4caf50,0 8px 24px #4caf504d;animation:game-correct-pulse .4s ease}.game-select-btn.is-wrong{box-shadow:0 0 0 4px #f44336,0 8px 24px #f443364d;animation:game-shake .4s ease}.game-select-btn.is-disabled{opacity:.5;pointer-events:none}@keyframes game-correct-pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes game-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.game-select-btn__character{width:100%;height:100%;border-radius:12px;overflow:hidden;display:flex;align-items:stretch;justify-content:stretch}.game-select-btn__character img{width:100%;height:100%;object-fit:cover}.game-select-btn__glare{position:absolute;top:9px;left:9px;width:24px;height:20px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ffffffe6,#fff0 70%);pointer-events:none;z-index:2}.game-actions.qty-2 .game-select-btn{width:158px;height:158px;border-radius:22px}.game-actions.qty-2{gap:18px}.game-actions.qty-3 .game-select-btn{width:158px;height:158px;border-radius:22px}.game-actions.qty-3{gap:22px}.game-actions.qty-4 .game-select-btn{width:158px;height:158px;border-radius:22px}.game-actions.qty-4{gap:18px}.game-actions.qty-6 .game-select-btn{width:118px;height:118px;border-radius:18px;padding:5px}.game-actions.qty-6{gap:14px}.game-actions.qty-6 .game-select-btn__glare{top:7px;left:7px;width:18px;height:16px}.game-actions.qty-8 .game-select-btn{width:96px;height:96px;border-radius:16px;padding:4px}.game-actions.qty-8{gap:10px}.game-actions.qty-8 .game-select-btn__character{border-radius:10px}.game-actions.qty-8 .game-select-btn__glare{top:6px;left:6px;width:16px;height:14px}.game-mic-btn{width:158px;height:144px;border:none;border-radius:80px;background:#f9f4ef;padding:8px;cursor:pointer;box-shadow:0 18px 60px #11111105,0 8px 24px #1111110d,inset 0 -3px 10px #e2d2c2cc;transition:transform .15s ease,box-shadow .15s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.game-mic-btn:hover{transform:translateY(-4px);box-shadow:0 22px 70px #1111110f,0 12px 30px #1111111a,inset 0 -3px 10px #e2d2c2cc}.game-mic-btn:active{transform:scale(.93)}.game-mic-btn.is-recording{background:#ffe8d5;animation:game-mic-pulse 1.2s ease infinite}@keyframes game-mic-pulse{0%,to{box-shadow:0 8px 24px #ffa25e26,inset 0 -3px 10px #e2d2c2cc}50%{box-shadow:0 8px 40px #ffa25e66,inset 0 -3px 10px #e2d2c2cc}}.game-mic-btn__inner{width:100%;height:100%;border-radius:72px;background:#ffa25e;box-shadow:inset 0 -4px 6px #00000014;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.game-mic-btn__inner:before{content:"";position:absolute;top:12px;left:14px;width:36px;height:30px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ffffffd9,#fff0 70%);pointer-events:none}.game-mic-btn__inner img{width:51%;height:auto;max-height:82%;object-fit:contain;filter:brightness(0) invert(1);position:relative;z-index:1}.game-play-btn{width:276px;height:90px;border:none;border-radius:999px;background:#ffa05b;padding:8px;cursor:pointer;box-shadow:0 18px 60px #15151505,0 8px 24px #0000000d,inset 0 -5px 10px #d4986c;transition:transform .15s ease,box-shadow .15s ease,background .15s;display:flex;align-items:center;justify-content:center}.game-play-btn:hover{transform:translateY(-3px);box-shadow:0 22px 70px #1515150f,0 12px 30px #0000001a,inset 0 -5px 10px #d4986c}.game-play-btn:active{transform:scale(.95)}.game-play-btn.is-playing{background:#ff8c3a}.game-play-btn__inner{width:100%;height:100%;border-radius:999px;display:flex;align-items:center;justify-content:center}.game-play-btn__inner img{width:80px;height:74px;filter:drop-shadow(0px 2px 3px rgba(0,0,0,.05))}.game-progress{position:absolute;z-index:8;top:8px;left:50%;transform:translate(-50%);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:6px 20px;font-size:14px;font-weight:600;color:#7a564a;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s ease}.game-progress.visible{opacity:1}.game-complete-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#0006;display:flex;align-items:center;justify-content:center;animation:game-fade-in .3s ease}@keyframes game-fade-in{0%{opacity:0}to{opacity:1}}.game-complete-card{background:#fff;border-radius:32px;padding:48px 64px;text-align:center;box-shadow:0 20px 60px #0003;animation:game-scale-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes game-scale-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.game-complete-card__emoji{font-size:64px;margin-bottom:16px}.game-complete-card__title{font-family:var(--otto-logo-font);font-size:36px;font-weight:700;color:#7a564a;margin:0 0 12px}.game-complete-card__subtitle{font-size:18px;color:#999;margin:0 0 24px}.game-complete-card__btn{display:inline-block;padding:16px 48px;border:none;border-radius:999px;background:#fd9731;color:#fff;font-size:24px;font-weight:600;font-family:inherit;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:background .15s,transform .12s}.game-complete-card__btn:hover{background:#e88b2a}.game-complete-card__btn:active{transform:scale(.96)}.game-feedback{position:absolute;z-index:15;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:20px 40px;font-size:22px;font-weight:600;color:#474747;box-shadow:0 8px 30px #00000026;animation:game-scale-in .3s ease;pointer-events:none}.game-feedback.correct{color:#4caf50}.game-feedback.wrong{color:#f44336}.game-video-wrap{position:relative;width:100%;max-width:800px;margin:0 auto;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.game-video{width:100%;display:block;max-height:70vh;object-fit:contain}.game-video-controls{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 70%,transparent 100%);position:absolute;bottom:0;left:0;right:0}.game-video-btn{width:44px;height:44px;border:none;border-radius:50%;background:#ffffff26;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s;flex-shrink:0}.game-video-btn:hover{background:#ffffff40}.game-video-btn:active{transform:scale(.92)}.game-video-btn__icon{color:#fff;font-size:18px;line-height:1}.game-video-btn--play .game-video-btn__icon{font-size:20px;margin-left:2px}.game-video-progress{flex:1;height:6px;background:#ffffff4d;border-radius:3px;overflow:hidden;cursor:pointer;min-width:60px}.game-video-progress:hover{height:8px}.game-video-progress-fill{height:100%;background:#fd9731;width:0%;transition:width .1s linear;border-radius:3px}.game-video-time{font-size:12px;color:#ffffffe6;font-weight:500;white-space:nowrap;min-width:70px;text-align:center}.game-video-btn--fullscreen .game-video-btn__icon{font-size:16px}.game-select-btn.is-hint-blink{animation:game-hint-blink .6s ease-in-out 2}@keyframes game-hint-blink{0%,to{transform:scale(1);box-shadow:0 4px 16px #ffac594d}50%{transform:scale(1.08);box-shadow:0 6px 24px #ffac5999}}.game-select-btn.is-hint-glow{animation:game-hint-glow 1s ease-in-out infinite}@keyframes game-hint-glow{0%,to{box-shadow:0 0 #4caf5000}50%{box-shadow:0 0 20px 8px #4caf5080}}@media (min-width: 481px) and (max-width: 1024px){.game-nav{width:72px;height:72px}.game-nav--back{top:22px;left:16px}.game-nav--parents{top:22px;right:16px}.game-nav--hint{bottom:32px;left:16px}.game-nav--forward{bottom:32px;right:16px}.game-nav__icon--arrow-left,.game-nav__icon--arrow-right{width:40px;height:40px}.game-nav__icon--lamp{width:42px;height:42px}.game-nav__icon--parents{width:50px;height:50px}.game-content{top:126px;left:16px;right:16px;bottom:212px;border-radius:28px}.game-actions{left:88px;right:88px;height:auto;gap:12px}.game-select-btn,.game-actions.qty-2 .game-select-btn{width:134px;height:134px;border-radius:20px}.game-actions.qty-2{gap:18px}.game-actions.qty-3 .game-select-btn{width:134px;height:134px;border-radius:20px}.game-actions.qty-3{gap:18px}.game-actions.qty-4 .game-select-btn{width:134px;height:134px;border-radius:20px}.game-actions.qty-4{gap:16px}.game-actions.qty-6 .game-select-btn{width:110px;height:110px;border-radius:16px}.game-actions.qty-6{gap:12px}.game-actions.qty-8 .game-select-btn{width:86px;height:86px;border-radius:14px;padding:3px}.game-actions.qty-8{gap:8px}.game-mic-btn{width:142px;height:130px;border-radius:70px}.game-mic-btn__inner{border-radius:62px}.game-play-btn{width:251px;height:82px}.game-play-btn__inner img{width:72px;height:66px}}@media (max-width: 480px){.game-nav{width:56px;height:56px}.game-nav--back{top:16px;left:16px}.game-nav--parents{top:16px;right:16px}.game-nav--hint{bottom:16px;left:16px}.game-nav--forward{bottom:16px;right:16px}.game-nav__icon--arrow-left,.game-nav__icon--arrow-right{width:32px;height:32px}.game-nav__icon--lamp{width:34px;height:34px}.game-nav__icon--parents{width:40px;height:40px}.game-content{top:66px;left:10px;right:10px;bottom:160px;border-radius:16px}.game-actions{left:66px;right:66px;bottom:16px;height:130px;gap:8px}.game-select-btn{width:80px;height:80px;border-radius:14px;padding:4px}.game-select-btn__character{border-radius:8px}.game-select-btn__glare{top:5px;left:5px;width:14px;height:12px}.game-actions.qty-2 .game-select-btn{width:110px;height:110px}.game-actions.qty-2{gap:16px}.game-actions.qty-3 .game-select-btn{width:90px;height:90px}.game-actions.qty-4 .game-select-btn{width:80px;height:80px}.game-actions.qty-6 .game-select-btn{width:60px;height:60px;border-radius:10px}.game-actions.qty-6{gap:6px}.game-actions.qty-8 .game-select-btn{width:48px;height:48px;border-radius:10px;padding:3px}.game-actions.qty-8{gap:5px}.game-actions.qty-8 .game-select-btn__glare{display:none}.game-mic-btn{width:109px;height:100px;border-radius:60px;padding:6px}.game-mic-btn__inner{border-radius:54px}.game-play-btn{width:180px;height:60px}.game-play-btn__inner img{width:48px;height:44px}.game-content__inner .game-prompt-text{font-size:22px}.game-complete-card{padding:32px 24px;border-radius:24px}.game-complete-card__emoji{font-size:48px}.game-complete-card__title{font-size:26px}.game-complete-card__btn{font-size:20px;padding:14px 36px}}@media (max-height: 500px) and (orientation: landscape){.game-nav{width:54px;height:54px}.game-nav--back{top:16px;left:16px}.game-nav--parents{top:16px;right:16px}.game-nav--hint{bottom:16px;left:16px}.game-nav--forward{bottom:16px;right:16px}.game-nav__icon--arrow-left,.game-nav__icon--arrow-right{width:30px;height:30px}.game-nav__icon--lamp{width:32px;height:32px}.game-nav__icon--parents{width:38px;height:38px}.game-content{top:44px;left:86px;right:86px;bottom:132px;border-radius:16px}.game-content__inner{padding:16px}.game-actions{left:86px;right:86px;bottom:16px;height:auto;gap:8px}.game-select-btn{width:70px;height:70px;border-radius:14px;padding:3px}.game-actions.qty-2 .game-select-btn{width:104px;height:104px;border-radius:18px;padding:4px}.game-actions.qty-2{gap:16px}.game-actions.qty-3 .game-select-btn{width:86px;height:86px;border-radius:16px;padding:4px}.game-actions.qty-3{gap:10px}.game-actions.qty-4 .game-select-btn{width:70px;height:70px;border-radius:14px}.game-actions.qty-4{gap:8px}.game-actions.qty-6 .game-select-btn{width:56px;height:56px;border-radius:10px}.game-actions.qty-6{gap:6px}.game-actions.qty-8 .game-select-btn{width:70px;height:70px;border-radius:14px;padding:3px}.game-actions.qty-8{gap:8px}.game-mic-btn{width:109px;height:100px;border-radius:60px;padding:6px}.game-mic-btn__inner{border-radius:54px}.game-play-btn{width:196px;height:64px}.game-play-btn__inner img{width:52px;height:48px}.game-content__inner .game-prompt-text{font-size:18px}.game-complete-card{padding:20px 16px;border-radius:16px}.game-complete-card__emoji{font-size:36px}.game-complete-card__title{font-size:20px}.game-complete-card__btn{font-size:16px;padding:10px 28px}}@media (min-width: 1441px){.game-nav{width:108px;height:108px}.game-nav--back{top:22px;left:50px}.game-nav--parents{top:22px;right:50px}.game-nav--hint{bottom:48px;left:50px}.game-nav--forward{bottom:48px;right:50px}.game-nav__icon--arrow-left,.game-nav__icon--arrow-right{width:60px;height:60px}.game-nav__icon--lamp{width:62px;height:62px}.game-nav__icon--parents{width:66px;height:66px}.game-actions{bottom:48px;left:160px;right:160px;height:auto;gap:24px}.game-select-btn{width:192px;height:192px;border-radius:28px;padding:8px}.game-select-btn__glare{top:12px;left:11px;width:29px;height:24px}.game-actions.qty-2 .game-select-btn{width:192px;height:192px;border-radius:28px}.game-actions.qty-2{gap:24px}.game-actions.qty-3 .game-select-btn{width:192px;height:192px;border-radius:28px}.game-actions.qty-3{gap:24px}.game-actions.qty-4 .game-select-btn{width:192px;height:192px;border-radius:28px}.game-actions.qty-4{gap:24px}.game-actions.qty-6 .game-select-btn{width:160px;height:160px;border-radius:24px}.game-actions.qty-6{gap:18px}.game-actions.qty-8 .game-select-btn{width:160px;height:160px;border-radius:28px;padding:8px}.game-actions.qty-8{gap:24px}.game-mic-btn{width:192px;height:175px;border-radius:90px}.game-mic-btn__inner{border-radius:82px}.game-mic-btn__inner:before{width:33px;height:27px}.game-play-btn{width:362px;height:118px}.game-play-btn__inner img{width:111px;height:102px}.game-content{top:162px;left:50px;right:50px;bottom:288px;border-radius:28px}}.game-actions.layout-single-center{display:flex;justify-content:center;align-items:center}.game-actions.layout-two-columns{display:grid;grid-template-columns:1fr 1fr;align-items:center}.game-actions.layout-three-columns{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.game-actions.layout-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);align-items:center}.game-actions.layout-grid-2x4{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);align-items:center}.game-actions.layout-top-bottom{display:flex;flex-direction:column;align-items:center}.game-actions.layout-fullscreen{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.game-tap-play-btn{position:relative}.game-tap-play-icon{position:absolute;bottom:4px;right:6px;font-size:12px;color:#ffffffb3;pointer-events:none;transition:opacity .2s}.game-tap-play-btn.is-playing{animation:tap-play-pulse .8s ease infinite}.game-tap-play-btn.is-playing .game-tap-play-icon{opacity:0}.game-tap-play-btn.is-listened{opacity:.6;border-color:#4caf5080;box-shadow:0 0 0 2px #4caf504d}.game-tap-play-btn.is-listened .game-tap-play-icon:after{content:"✓";font-size:14px;color:#4caf50}@keyframes tap-play-pulse{0%,to{transform:scale(1);box-shadow:0 4px 16px #ffac594d}50%{transform:scale(1.05);box-shadow:0 8px 24px #ffac5980}}.parent-cabinet{width:100%;min-height:100vh;background:#f5f3ef;font-family:var(--otto-font);color:var(--otto-text);display:flex;flex-direction:column}.parent-cabinet__header{background:#fff;border-bottom:1.5px solid var(--otto-border);padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:10}.parent-cabinet__header-left{display:flex;align-items:center;gap:10px}.parent-cabinet__logo{width:32px;height:32px;object-fit:contain}.parent-cabinet__brand{font-family:var(--otto-logo-font);font-size:20px;font-weight:700;color:var(--otto-primary);letter-spacing:.01em}.parent-cabinet__header-right{display:flex;align-items:center;gap:12px}.parent-cabinet__user-email{font-size:13px;color:var(--otto-text-muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parent-cabinet__api-link{font-size:13px;color:var(--otto-primary);text-decoration:none}.parent-cabinet__tabs{background:#fff;border-bottom:1.5px solid var(--otto-border);display:flex;padding:0 32px;gap:4px}.pc-tab{background:none;border:none;border-bottom:3px solid transparent;padding:14px 20px 11px;font-family:var(--otto-font);font-size:14px;font-weight:600;color:var(--otto-text-muted);cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .15s,border-color .15s;white-space:nowrap}.pc-tab:hover{color:var(--otto-text)}.pc-tab.active{color:var(--otto-primary);border-bottom-color:var(--otto-primary)}.pc-tab__icon{font-size:16px}.pc-panel{flex:1;padding:32px;max-width:960px;width:100%;margin:0 auto;box-sizing:border-box}.pc-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px;flex-wrap:wrap}.pc-panel__title{font-family:var(--otto-logo-font);font-size:22px;font-weight:700;color:var(--otto-text);margin:0}.pc-btn{border:none;border-radius:10px;padding:10px 20px;font-family:var(--otto-font);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s,transform .1s;display:inline-flex;align-items:center;gap:6px;line-height:1.2;white-space:nowrap}.pc-btn:active{transform:scale(.97)}.pc-btn--primary{background:var(--otto-primary);color:#fff}.pc-btn--primary:hover{background:var(--otto-primary-hover)}.pc-btn--ghost{background:transparent;color:var(--otto-text-muted);border:1.5px solid var(--otto-border)}.pc-btn--ghost:hover{background:var(--otto-field-bg);color:var(--otto-text)}.pc-btn--danger{background:#ef4444;color:#fff}.pc-btn--danger:hover{background:#dc2626}.pc-btn--sm{padding:7px 14px;font-size:13px}.pc-children-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.pc-child-card{background:#fff;border-radius:18px;padding:24px 20px 20px;box-shadow:0 2px 12px #0000000f;border:1.5px solid var(--otto-border);display:flex;flex-direction:column;align-items:center;gap:10px;transition:box-shadow .15s,transform .15s;position:relative}.pc-child-card:hover{box-shadow:0 6px 24px #ffac592e;transform:translateY(-2px)}.pc-child-card__avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--otto-primary) 0%,#ffca88 100%);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;font-family:var(--otto-logo-font);box-shadow:0 4px 14px #ffac594d;flex-shrink:0}.pc-child-card__name{font-size:16px;font-weight:700;color:var(--otto-text);text-align:center}.pc-child-card__meta{font-size:12px;color:var(--otto-text-muted);text-align:center}.pc-child-card__actions{display:flex;gap:8px;width:100%;margin-top:4px}.pc-child-card__actions .pc-btn{flex:1;justify-content:center;font-size:13px;padding:8px 10px}.pc-child-card__play-btn{width:100%;justify-content:center}.pc-child-card--add{background:none;border:2px dashed var(--otto-border);box-shadow:none;cursor:pointer;color:var(--otto-text-muted);font-size:14px;font-weight:600;min-height:180px;transition:border-color .15s,color .15s}.pc-child-card--add:hover{border-color:var(--otto-primary);color:var(--otto-primary)}.pc-child-card--add .pc-child-card__add-icon{font-size:32px}.pc-muted{color:var(--otto-text-muted);font-size:14px;margin:0 0 16px}.pc-children-chips{display:flex;flex-wrap:wrap;gap:10px}.pc-chip{background:#fff;border:1.5px solid var(--otto-border);border-radius:50px;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:flex;align-items:center;gap:8px}.pc-chip:hover,.pc-chip.active{background:var(--otto-primary);border-color:var(--otto-primary);color:#fff}.pc-chip__avatar{width:24px;height:24px;border-radius:50%;background:#ffffff4d;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.pc-progress-child-name{font-size:18px;font-weight:700;color:var(--otto-text);margin:16px 0;display:flex;align-items:center;gap:10px}.pc-progress-worlds{display:flex;flex-direction:column;gap:16px}.pc-world-card{background:#fff;border-radius:16px;padding:20px 24px;border:1.5px solid var(--otto-border);box-shadow:0 2px 8px #0000000a}.pc-world-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.pc-world-card__title{font-size:15px;font-weight:700;color:var(--otto-text);display:flex;align-items:center;gap:8px}.pc-world-card__count{font-size:13px;color:var(--otto-text-muted);font-weight:400}.pc-episodes-progress{display:flex;flex-direction:column;gap:8px}.pc-episode-row{display:flex;align-items:center;gap:12px}.pc-episode-row__name{flex:1;font-size:13px;color:var(--otto-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-episode-row__status{font-size:12px;font-weight:600;padding:3px 10px;border-radius:50px;white-space:nowrap}.pc-episode-row__status--done{background:#dcfce7;color:#16a34a}.pc-episode-row__status--progress{background:#fef3c7;color:#d97706}.pc-episode-row__status--new{background:#f3f4f6;color:#9ca3af}.pc-progress-bar-wrap{display:flex;align-items:center;gap:8px;margin-top:8px}.pc-progress-bar{flex:1;height:6px;background:#e5e7eb;border-radius:99px;overflow:hidden}.pc-progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--otto-primary),#ffca88);border-radius:99px;transition:width .4s ease}.pc-progress-bar__label{font-size:12px;font-weight:600;color:var(--otto-text-muted);white-space:nowrap}.pc-account-sections{display:flex;flex-direction:column;gap:24px;max-width:480px}.pc-account-section{background:#fff;border-radius:16px;padding:24px;border:1.5px solid var(--otto-border)}.pc-account-section__title{font-size:14px;font-weight:700;color:var(--otto-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 16px}.pc-account-email{font-size:16px;color:var(--otto-text);margin:0;word-break:break-all}.pc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.pc-modal[hidden]{display:none}.pc-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pc-modal__box{position:relative;background:#fff;border-radius:20px;padding:32px 28px 24px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column;gap:16px}.pc-modal__box--sm{max-width:360px}.pc-modal__title{font-family:var(--otto-logo-font);font-size:20px;font-weight:700;margin:0;color:var(--otto-text)}.pc-modal__text{font-size:14px;color:var(--otto-text-muted);line-height:1.5;margin:0}.parent-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.parent-gate-card{background:#fff;border-radius:20px;padding:2rem 2.5rem;text-align:center;max-width:340px;width:90%;box-shadow:0 8px 32px #00000040}.parent-gate-title{font-size:1.4rem;font-weight:700;color:#333;margin-bottom:.5rem}.parent-gate-subtitle{font-size:.95rem;color:#666;margin-bottom:1rem}.parent-gate-question{font-size:2rem;font-weight:700;color:#5b7fff;margin-bottom:1rem}.parent-gate-input{width:100%;padding:.6rem 1rem;font-size:1.4rem;text-align:center;border:2px solid #ddd;border-radius:10px;outline:none;box-sizing:border-box;margin-bottom:.5rem}.parent-gate-input:focus{border-color:#5b7fff}.parent-gate-error{color:#e74c3c;font-size:.85rem;margin-bottom:.5rem;min-height:1.2em}.parent-gate-btn{width:100%;padding:.7rem;background:#5b7fff;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:.5rem}.parent-gate-btn:hover{background:#3d5fd9}.parent-gate-cancel{background:none;border:none;color:#999;font-size:.9rem;cursor:pointer;text-decoration:underline}.pc-modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}@media (max-width: 640px){.parent-cabinet__header{padding:0 16px;height:56px}.parent-cabinet__tabs{padding:0 16px}.pc-panel{padding:20px 16px}.parent-cabinet__user-email{display:none}.pc-tab{padding:12px 14px 9px;font-size:13px}.pc-children-grid{grid-template-columns:1fr 1fr}.pc-account-sections{max-width:100%}}