@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing: .25rem;--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.start{inset-inline-start:var(--spacing)}.scale-813{--tw-scale-x: 813%;--tw-scale-y: 813%;--tw-scale-z: 813%;scale:var(--tw-scale-x) var(--tw-scale-y)}.ring-452{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(452px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}:root{--ink: #17324d;--blue: #246bfd;--yellow: #ffd83d;--mint: #39c995;--pink: #ff6f91;--bg: #f4fbff;--line: #dcecf4}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.loading{min-height:100vh;display:grid;place-content:center;text-align:center;color:#6e8191}.logo{display:flex;align-items:center;gap:10px}.logo>span{width:44px;height:44px;display:grid;place-items:center;border-radius:15px 15px 15px 5px;background:linear-gradient(145deg,var(--blue),#704cf3);color:#fff;font-size:25px;font-weight:900;transform:rotate(-5deg);box-shadow:0 7px 18px #246bfd35}.logo>div{display:flex;flex-direction:column;line-height:.9;letter-spacing:.12em}.logo b{font-size:15px}.logo small{margin-top:6px;font-size:9px;color:var(--blue);font-weight:900}.kids-shell>header,.parent-shell>header{height:78px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 3vw;background:#fff;border-bottom:1px solid var(--line)}header nav{display:flex;gap:6px;padding:5px;background:#eff7fb;border-radius:14px;overflow:auto}header nav button{border:0;border-radius:10px;background:transparent;color:#648096;padding:10px 14px;font-size:13px;font-weight:800;white-space:nowrap}header nav button.active{background:#fff;color:var(--blue);box-shadow:0 3px 12px #1b456318}.kid-actions{display:flex;align-items:center;gap:8px}.wallet,.profile{border:0;border-radius:12px;padding:10px 13px;font-size:12px;font-weight:900}.wallet{background:#fff4bd;color:#795c00}.profile{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#e9f1ff;color:#2856a6}.journey{width:min(940px,calc(100% - 30px));margin:22px auto 15px;position:relative}.session-picker{width:100%;display:flex;align-items:center;gap:12px;border:0;background:#fff;padding:14px 18px;border-radius:16px;box-shadow:0 7px 22px #27527012;text-align:left}.session-picker span{color:var(--blue);font-size:11px;font-weight:900;text-transform:uppercase}.session-picker b{flex:1;font-size:17px}.session-picker small{color:#74899a}.journey-bar{height:7px;margin:9px 4px 0;background:#dbeaf1;border-radius:9px;overflow:hidden}.journey-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--mint),var(--blue));transition:width .4s}.session-grid{position:absolute;z-index:12;top:66px;left:0;right:0;max-height:55vh;overflow:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px #17324d25}.session-grid button{min-width:0;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px;text-align:left}.session-grid button:disabled{opacity:.35;cursor:not-allowed}.session-grid button.active{border-color:var(--blue);background:#edf4ff}.session-grid button b{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e9f1ff;color:var(--blue)}.session-grid button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.session-grid button em{font-style:normal;color:var(--mint)}.play-card{width:min(940px,calc(100% - 30px));min-height:540px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 20px 55px #17324d14;border:1px solid var(--line)}.picture{position:relative;min-height:540px;display:grid;place-items:center;padding:55px;background:radial-gradient(circle at 25% 15%,#fff8b8,transparent 35%),linear-gradient(145deg,#dff7ff,#e8f8ef)}.picture>span{position:absolute;left:25px;top:24px;font-weight:900;color:#5e798c}.picture>button{position:absolute;right:24px;top:20px;width:51px;height:51px;border:0;border-radius:50%;background:#fff;font-size:22px;box-shadow:0 7px 18px #1c4b6818}.picture img{width:100%;max-width:400px;max-height:390px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 18px 17px #223a4b20)}.emoji{font-size:140px;filter:drop-shadow(0 15px 15px #203c4f20)}.activity{padding:42px 36px;display:flex;flex-direction:column;justify-content:center;text-align:center}.kicker{margin:0 0 12px;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.16em}.activity h1{margin:0;font-size:48px;line-height:1;text-transform:lowercase}.activity h2{margin:0 0 24px;font-size:28px;line-height:1.15}.meaning{color:#72889a;line-height:1.6}.primary{border:0;border-radius:14px;background:linear-gradient(135deg,var(--blue),#6653ec);color:#fff;padding:15px 19px;font-weight:900;box-shadow:0 9px 22px #246bfd34}.listen-big{align-self:center;border:0;border-radius:999px;background:#fff3ae;color:#6e5500;padding:12px 19px;font-weight:900}.picture-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.picture-options button{height:108px;border:2px solid var(--line);border-radius:15px;background:#fff;padding:8px}.picture-options button:hover{border-color:var(--blue);transform:translateY(-2px)}.picture-options img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.picture-options span{font-size:50px}.word-options{display:grid;gap:9px}.word-options button{border:2px solid var(--line);border-radius:13px;background:#fff;padding:14px;color:var(--ink);font-size:18px;font-weight:900}.word-options button:hover{border-color:var(--blue);background:#edf4ff}.spell-row{display:flex;border:2px solid #cfe1ed;border-radius:14px;overflow:hidden}.spell-row input{min-width:0;flex:1;border:0;outline:0;padding:16px}.spell-row button{border:0;background:var(--blue);color:#fff;padding:0 15px;font-weight:900}.mic{align-self:center;width:96px;height:96px;border:9px solid #e2ebff;border-radius:50%;background:var(--blue);font-size:35px;box-shadow:0 10px 24px #246bfd40}.pulse{animation:pulse .8s infinite}.heard{min-height:40px;color:#74899a}.feedback{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:14px;padding:14px;text-align:left}.feedback b{font-size:13px}.feedback button{border:0;background:#fff;border-radius:9px;padding:9px;font-weight:900}.feedback.good{background:#e3f9ee;color:#187246}.feedback.retry{background:#fff0e5;color:#9c5329}.state-correct{outline:4px solid #8ee0b7}.session-note{width:min(940px,calc(100% - 30px));margin:13px auto 35px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#597286;font-size:12px}.session-note button{border:0;border-radius:10px;background:var(--mint);color:#073f2b;padding:10px 13px;font-weight:900}.session-note small{margin-left:auto}.overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:#102c44a8}.modal{position:relative;width:min(470px,100%);max-height:90vh;overflow:auto;border-radius:25px;background:#fff;padding:30px;text-align:center}.close{position:absolute;right:16px;top:11px;border:0;background:transparent;color:#7e91a1;font-size:30px}.modal-icon{font-size:55px}.modal h2{margin:8px 0}.modal>p{color:#74899a}.balance{margin:22px 0;padding:20px;border-radius:18px;background:linear-gradient(140deg,#fff3a4,#ffe1aa)}.balance>*{display:block}.balance small{font-size:9px;font-weight:900;letter-spacing:.14em}.balance strong{margin-top:6px;font-size:35px}.wallet-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.wallet-stats span{display:flex;flex-direction:column;padding:12px;border-radius:12px;background:#f2f8fb;color:#74899a;font-size:10px}.wallet-stats b{margin-top:5px;color:var(--ink)}.wallet-modal>.primary{width:100%}.wallet-modal>.primary:disabled{opacity:.4;cursor:not-allowed}.message{padding:10px;border-radius:10px;background:#e7f8ee;color:#237249;font-size:12px}.safe-note{display:block;margin-top:15px;color:#8799a6;line-height:1.5}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 10% 10%,#fff0a1,transparent 27%),radial-gradient(circle at 90% 85%,#b6f1db,transparent 30%),#eaf7ff}.login-page>section{width:min(460px,100%);padding:32px;border-radius:28px;background:#fff;box-shadow:0 24px 65px #17324d1d}.login-art{text-align:center;font-size:42px;margin:22px 0 10px}.login-art span{display:inline-block;color:var(--blue);font-weight:900;transform:rotate(-5deg)}.login-page h1{text-align:center;margin:10px 0 6px;font-size:29px}.login-page>section>p{text-align:center;color:#72889a;line-height:1.5}.login-page form{display:grid;gap:12px;margin-top:23px}.login-page label{font-size:10px;color:#5e778a;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.login-page input{display:block;width:100%;margin-top:6px;padding:13px;border:2px solid var(--line);border-radius:12px;outline:0}.login-page input:focus{border-color:var(--blue)}.login-page form>button{border:0;border-radius:13px;background:var(--blue);color:#fff;padding:14px;font-weight:900}.error{margin:0!important;padding:10px;border-radius:10px;background:#fff0e5;color:#9c5329!important;text-align:left!important}.parent-shell{min-height:100vh}.parent-content{width:min(1100px,calc(100% - 34px));margin:35px auto}.parent-title>span{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.16em}.parent-title h1{margin:7px 0 25px;font-size:34px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.summary>div{display:flex;flex-direction:column;padding:20px;border-radius:17px;background:#fff;border:1px solid var(--line)}.summary b{font-size:28px;color:var(--blue)}.summary span{margin-top:4px;color:#758a9a}.report-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.report-cards article{padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line)}.report-name{display:flex;align-items:center;gap:11px}.report-name>span,.child-list>div>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#e9f1ff;color:var(--blue);font-size:19px;font-weight:900}.report-name h3{margin:0}.report-name small{display:block;margin-top:4px;color:#8295a3}.progress-line{height:8px;margin:17px 0 9px;border-radius:8px;background:#e4eff4;overflow:hidden}.progress-line i{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--blue))}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.skill-grid span{display:flex;justify-content:space-between;padding:9px;border-radius:9px;background:#f2f8fb;color:#668095;font-size:12px}.report-cards footer{display:flex;justify-content:space-between;margin-top:15px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;color:#668095}.children-panel form{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:8px;padding:18px;border-radius:17px;background:#fff}.children-panel input,.children-panel select{min-width:0;border:2px solid var(--line);border-radius:11px;padding:12px}.children-panel form button,.reward-list button{border:0;border-radius:11px;background:var(--blue);color:#fff;padding:11px 15px;font-weight:900}.child-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.child-list>div{display:grid;grid-template-columns:42px 1fr;gap:3px 11px;align-items:center;padding:15px;border-radius:15px;background:#fff;border:1px solid var(--line)}.child-list>div>span{grid-row:1/3}.child-list small{color:#7c91a1}.reward-list{display:grid;gap:9px}.reward-list article{display:flex;align-items:center;gap:14px;padding:15px;border-radius:15px;background:#fff;border:1px solid var(--line)}.reward-list article>div{display:flex;flex:1;flex-direction:column}.reward-list small{margin-top:4px;color:#8396a5}.reward-list article>strong{font-size:20px}.status{border-radius:999px;padding:7px 10px;background:#eef3f5;color:#617584;font-size:10px;font-weight:900;text-transform:uppercase}.status.requested{background:#fff1b6;color:#795c00}.status.approved{background:#e1f7ed;color:#1b7148}.reward-list .ghost{background:#eef3f5;color:#617584}.empty{padding:45px;text-align:center;border-radius:18px;background:#fff;color:#74899a}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 0 13px #246bfd18}}@media(max-width:800px){.kids-shell>header,.parent-shell>header{height:auto;min-height:70px;padding:10px}.logo>div{display:none}header nav{order:3;width:100%}.kids-shell>header,.parent-shell>header{flex-wrap:wrap}.wallet{font-size:10px}.profile{max-width:90px}.play-card{grid-template-columns:1fr}.picture{min-height:330px;padding:45px 30px}.picture img{max-height:245px}.activity{min-height:300px;padding:28px 22px}.session-grid{grid-template-columns:repeat(2,1fr)}.session-note small{width:100%;margin:0}.report-cards,.children-panel form,.child-list{grid-template-columns:1fr}.reward-list article{flex-wrap:wrap}.reward-list article>div{min-width:55%}.summary{gap:6px}.summary>div{padding:13px}.summary b{font-size:20px}.summary span{font-size:10px}.parent-content{margin-top:22px}}.session-note .dictionary-button{background:#fff0a9;color:#6c5200}.dictionary-modal{width:min(650px,100%)}.dictionary-modal>p{margin-top:5px}.dictionary-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.dictionary-list>button{display:flex;align-items:center;gap:12px;border:2px solid var(--line);border-radius:14px;background:#fff;padding:9px;text-align:left}.dictionary-list>button:hover{border-color:var(--blue);background:#f4f8ff}.dictionary-list img,.dictionary-list>button>span{width:68px;height:62px;flex:none;object-fit:contain;border-radius:10px;background:#f1f8fb;mix-blend-mode:multiply}.dictionary-list>button>span{display:grid;place-items:center;font-size:34px}.dictionary-list div{min-width:0;display:flex;flex:1;flex-direction:column}.dictionary-list b{font-size:17px}.dictionary-list small{margin-top:4px;color:#6f8596;font-size:13px}.dictionary-list i{font-style:normal}.dictionary-modal>.primary{width:100%}@media(max-width:800px){.dictionary-list{grid-template-columns:1fr}}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}
