@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Balsamiq+Sans:wght@400;700&display=swap";/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;@layer theme{:root,:host{--spacing:.25rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:initial;font-variation-settings:initial;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{color:inherit;border-top-width:1px;height:0}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-feature-settings:initial;font-variation-settings:initial;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}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{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:-moz-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:-moz-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports ( not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{text-align:inherit;min-height:1lh}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{appearance:button}input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-file-upload-button{appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-18{height:calc(var(--spacing)*18)}.w-8{width:calc(var(--spacing)*8)}.shrink{flex-shrink:1}.grow{flex-grow:1}.grow\!{flex-grow:1!important}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.p-1{padding:calc(var(--spacing)*1)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow\!{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.safe,.safe\!{--twsa-safe-area-inset-top:env(safe-area-inset-top);--twsa-safe-area-inset-right:env(safe-area-inset-right);--twsa-safe-area-inset-bottom:env(safe-area-inset-bottom);--twsa-safe-area-inset-left:env(safe-area-inset-left)}}:root{--twsa-safe-area-inset-top:env(safe-area-inset-top);--twsa-safe-area-inset-right:env(safe-area-inset-right);--twsa-safe-area-inset-bottom:env(safe-area-inset-bottom);--twsa-safe-area-inset-left:env(safe-area-inset-left);--buncss-light:initial;--buncss-dark: ;--buncss-light:initial;--buncss-dark: ;color-scheme:light;--paper:#fffdf8;--ink:#172632;--muted:#52616b;--line:#d9ddd8;--soft:#f4f0e7;--coral:#ed6548;--teal:#07847a;--green:#4d9b64;--lesson-teal:#07847a;--yellow:#f4c84b;--blue:#2877c8;--lesson-green:#4d9b64;--pink:#f49bb4;--panel:#fff;--shadow:0 14px 36px #1f303a1f;--grid:#e8e2d7;--bg:var(--paper);--surface:var(--panel);--text:var(--ink);--dim:var(--muted);--border:var(--line);--accent:var(--coral);--radius:12px;--space-surface:var(--surface);--space-surface-alt:var(--soft);--space-muted:var(--dim);--space-border:var(--border);--space-accent:var(--accent)}[data-theme=night]{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--paper:#111a20;--ink:#f4f4ec;--muted:#bac4c7;--line:#34434b;--soft:#1b272e;--panel:#162229;--shadow:0 14px 36px #0000004d;--grid:#26343c;--coral:#ff8066;--teal:#50c8ba;--green:#75bf86;--lesson-teal:#50c8ba;--yellow:#f4ca5d;--blue:#66a7e6;--lesson-green:#75bf86;--pink:#f49bb4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);overflow-x:hidden;margin:0;font:17px/1.5 Atkinson Hyperlegible,sans-serif}button,a{font:inherit}button{color:inherit}h1,h2,h3{margin:0;font-family:Balsamiq Sans,cursive;line-height:1.12}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:8px}.topbar{position:sticky;z-index:40;background:var(--paper);border-bottom:2px solid var(--ink);top:0}.topbar-in{display:flex;align-items: center;gap:14px;width:min(1180px,100% - 24px);margin:auto;padding:9px 0}.brand{display:flex;white-space:nowrap;align-items: center;gap:9px;font-family:Balsamiq Sans,cursive;font-size:1.22rem;font-weight:700}.brand .brand-pencil{flex:none;width:36px;height:36px}.topnav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto}.nav-btn{border:1.5px solid var(--line);background:var(--panel);cursor:pointer;border-radius:99px;min-height:44px;padding:9px 15px;font-weight:700}.nav-btn.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.theme-toggle{border:1.5px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:99px;flex:none;min-height:44px;padding:9px 15px;font-weight:700}.page{width:min(1180px,100% - 32px);margin:auto;padding:22px 0 70px}.welcome{display:flex;background:var(--soft);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:24px;align-items: center;gap:20px;padding:20px 24px}.welcome h1{font-size:clamp(1.7rem,4.5vw,2.6rem)}.welcome h1 em{color:var(--coral);font-style:normal}.welcome p{color:var(--muted);max-width:520px;margin:6px 0 0}.welcome-art{flex:none;width:150px}.welcome-art svg{width:100%;height:auto}.sketch-line{fill:none;stroke:#172632;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}[data-theme=night] .sketch-line{stroke:#f4f4ec}.ghost{stroke-dasharray:9 12;opacity:.34}.spark{animation:2.4s ease-in-out infinite bob;transform-origin:center}@keyframes bob{50%{transform:translateY(-8px)rotate(2deg)}}.pickers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.picker{background:var(--panel);border:1.5px solid var(--line);border-radius:18px;padding:14px 16px}.picker h2{margin-bottom:9px;font-size:1.05rem}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1.5px solid var(--line);background:var(--soft);cursor:pointer;border-radius:99px;min-height:44px;padding:9px 15px;font-weight:700}.chip small{display:block;color:var(--muted);font-size:.72rem;font-weight:400;line-height:1.2}.chip.active{background:var(--yellow);border-color:var(--ink);color:#172632;box-shadow:3px 3px 0 var(--ink)}.chip.active small{color:#4c4433}.chip.diff.active{background:var(--ink);color:var(--paper)}.chip.diff.active small{color:var(--paper)}.sec-title{margin:34px 0 14px;font-size:clamp(1.45rem,3vw,2rem)}.continue-card{display:flex;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);color:#172632;background:#d8f3e9;border-radius:20px;align-items: center;gap:16px;margin-top:22px;padding:16px 20px}[data-theme=night] .continue-card{color:#eafff5;background:#1e3d33}.continue-card .cc-art{flex:none;width:64px}.continue-card h2{font-size:1.3rem}.continue-card p{margin:3px 0 0}.continue-card .btn{flex:none;margin-left:auto}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat-note{color:var(--muted);max-width:720px;margin:-6px 0 14px}.cat-card{border:1.5px solid var(--line);background:var(--panel);cursor:pointer;text-align:center;overflow:hidden;display:flex;border-radius:18px;flex-direction:column;padding:0 0 11px}.cat-card .cat-art{display:block;aspect-ratio:4/3;border-bottom:1px solid var(--line);background:#fffdf8}.cat-card .cat-art svg{display:block;width:100%;height:100%}.cat-card .cat-name{display:block;margin-top:9px;padding:0 8px;font-size:.98rem;font-weight:700;line-height:1.25}.cat-card small{display:block;color:var(--muted);margin-top:2px;padding:0 8px;font-size:.78rem}.cat-card.active{border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.prog-wrap{margin-top:6px}.prog-cats{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.prog-chip{border:1.5px solid var(--line);background:var(--panel);cursor:pointer;border-radius:99px;min-height:44px;padding:8px 13px;font-size:.9rem;font-weight:700}.prog-chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.prog-grows{color:var(--muted);max-width:760px;margin:0 0 12px}.prog-grows strong{color:var(--ink)}.prog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.prog-cell{border:1.5px solid var(--line);overflow:hidden;background:#fffdf8;border-radius:14px;margin:0}.prog-cell svg{display:block;aspect-ratio:4/3;width:100%;height:auto}.prog-cell figcaption{color:#52616b;text-align:center;background:#fffdf8;padding:5px 8px 7px;font-size:.74rem;font-weight:700}.prog-cell.current{border-color:var(--coral);box-shadow:3px 3px 0 var(--coral)}.prog-cell.current figcaption{color:var(--coral)}.lib-tools{display:flex;flex-wrap:wrap;align-items: center;gap:10px;margin-bottom:14px}.search-box{display:flex;background:var(--panel);border:1.5px solid var(--line);border-radius:99px;flex:1;align-items: center;gap:8px;min-width:200px;padding:4px 16px}.search-box input{font:inherit;color:inherit;outline:none;background:0 0;border:0;width:100%;min-height:42px}.clear-filter{border:1.5px solid var(--ink);background:var(--yellow);color:#172632;cursor:pointer;border-radius:99px;min-height:44px;padding:9px 15px;font-weight:700}.lesson-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lc-card{border:1.5px solid var(--line);background:var(--panel);overflow:hidden;text-align:left;display:flex;border-radius:20px;flex-direction:column;min-width:0}.lc-visual{display:grid;border-bottom:1px solid var(--line);background:var(--soft);place-items: center;height:128px}.lc-visual svg{width:74%;height:104px}.lc-copy{display:flex;flex-direction:column;flex:1;gap:5px;padding:14px 16px 16px}.lc-copy small{color:var(--ink);font-weight:700}.lc-copy h3{font-size:1.22rem}.lc-copy p{color:var(--muted);flex:1;margin:0;font-size:.93rem}.lc-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:var(--soft);border-radius:99px;padding:4px 9px;font-size:.78rem;font-weight:700}.tag.mode{color:#164e46;background:#d8f3e9}[data-theme=night] .tag.mode{color:#eafff5;background:#1e3d33}.lc-play{border:1.5px solid var(--coral);background:var(--coral);color:#fff;cursor:pointer;border-radius:12px;min-height:48px;margin-top:10px;padding:12px 15px;font-size:1.05rem;font-weight:700}.lc-play:hover{box-shadow:3px 3px 0 var(--ink)}.badge-soon{display:inline-block;background:var(--ink);color:var(--paper);border-radius:99px;align-self: flex-start;margin-top:10px;padding:5px 12px;font-size:.85rem;font-weight:700}.badge-done{display:inline-block;color:var(--ink);font-size:.9rem;font-weight:700}.lc-card.soon{opacity:.82}.lc-card.soon .lc-visual{filter:grayscale(.35)}.empty-note{border:1.5px dashed var(--muted);text-align:center;color:var(--muted);border-radius:18px;padding:22px}.rec-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.btn{border:1.5px solid var(--ink);background:var(--panel);cursor:pointer;text-decoration:none;display:inline-flex;color:var(--ink);border-radius:12px;justify-content:center;align-items: center;gap:8px;min-height:44px;padding:10px 15px;font-weight:700}.btn.primary{background:var(--coral);color:#fff;border-color:var(--coral)}.btn.teal{background:var(--teal);color:#fff;border-color:var(--teal)}[data-theme=night] .btn.teal{color:#172632}.btn:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;transform:none}.player-wrap{max-width:600px;margin:auto}.player-top{display:flex;align-items: center;gap:10px;margin-bottom:10px}.player-top h2{flex:1;min-width:0;font-size:clamp(1.25rem,3.5vw,1.7rem)}.back-btn{border:1.5px solid var(--ink);background:var(--panel);cursor:pointer;border-radius:99px;flex:none;min-height:44px;padding:9px 15px;font-weight:700}.step-meter{display:flex;gap:5px;margin-bottom:8px}.step-meter i{background:var(--line);border-radius:8px;flex:1;height:8px}.step-meter i.on{background:var(--coral)}.player-meta{display:flex;align-items: center;gap:10px;margin-bottom:8px}.step-label{color:var(--coral);flex:1;margin:0;font-weight:700}.speed-chip{border:1.5px solid var(--line);background:var(--panel);cursor:pointer;border-radius:99px;flex:none;min-height:44px;padding:7px 13px;font-weight:700}.speed-chip.toggled{background:var(--yellow);border-color:var(--ink);color:#172632}.speed-chip:disabled{opacity:.42;cursor:not-allowed}.ck-stage{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);position:relative;background:#fffdf8;border-radius:20px;padding:8px}.ck-stage svg{display:block;width:100%;height:auto}.ck-svg .draw{fill:none;stroke:#3a2e39;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;visibility:hidden}.ck-svg .ghostp{fill:none;stroke:#8fb8ad;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 10;opacity:0}.ck-svg .constructp{fill:none;stroke:#2877c8;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:7 7;opacity:0}.guide-words{color:var(--ink);font-size:.86em}.pilot-panel{border:2px solid var(--ink);background:var(--soft);box-shadow:4px 4px 0 var(--ink);border-radius:18px;margin-bottom:12px;padding:12px 14px}.pilot-plan-line{color:var(--muted);margin:0 0 8px;font-size:.92rem}.pilot-plan-line strong{color:var(--ink)}.pilot-switch-btn{border:1.5px solid var(--ink);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:99px;min-height:40px;margin-left:6px;padding:6px 12px;font-weight:700}.pilot-finish-title{margin:0 0 8px;font-family:Balsamiq Sans,cursive;font-size:1.12rem}.pilot-finish-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pilot-finish-btn{border:2px solid var(--line);background:var(--panel);cursor:pointer;display:flex;color:inherit;border-radius:16px;flex-direction:column;align-items: center;gap:2px;min-height:76px;padding:12px 8px;font-size:1.02rem;font-weight:700}.pilot-finish-btn .pfb-icon{font-size:1.7rem;line-height:1.1}.pilot-finish-btn small{color:var(--muted);font-size:.76rem;font-weight:400}.pilot-finish-btn.active{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.pilot-finish-btn.color.active{color:#172632;background:#ffe3ec}.pilot-finish-btn.shade.active{color:#172632;background:#e8e2d7}.pilot-note{color:var(--ink);margin:8px 0 0;font-size:.92rem;font-weight:700}.pilot-style-row{display:flex;flex-wrap:wrap;align-items: center;gap:7px;margin-top:10px}.pilot-style-label{font-size:.92rem;font-weight:700}.pilot-style-btn{border:1.5px solid var(--line);background:var(--panel);cursor:pointer;border-radius:99px;min-height:44px;padding:7px 13px;font-weight:700}.pilot-style-btn.active{background:var(--yellow);border-color:var(--ink);color:#172632;box-shadow:2px 2px 0 var(--ink)}.family-hub{border:2px solid var(--ink);background:var(--panel);box-shadow:6px 6px 0 var(--ink);border-radius:22px;margin-top:26px;padding:18px 20px}.family-hub h2{font-size:1.5rem}.family-hub .hub-sub{color:var(--muted);margin:5px 0 14px}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hub-card{border:1.5px solid var(--line);background:var(--soft);display:flex;border-radius:18px;flex-direction:column;gap:6px;padding:14px 16px}.hub-card h3{font-size:1.2rem}.hub-card .hub-meta{color:var(--ink);font-size:.9rem;font-weight:700}.hub-card p{color:var(--muted);margin:0;font-size:.94rem}.hub-card .hub-skills{color:var(--ink);font-size:.9rem}.hub-card .btn{margin-top:auto}.hub-diffs{border-top:1px dashed var(--line);margin:14px 0 0;padding-top:12px}.hub-diffs summary{font-size:1rem}.hub-diffs li{color:var(--muted);margin:6px 0}@media (max-width:620px){.hub-grid{grid-template-columns:1fr}.pilot-finish-row{grid-template-columns:1fr 1fr}}.ck-svg .guidedot,.ck-svg .popdot{transform-box:fill-box;transform-origin:center;opacity:0}#ckDot,#ckEndDot,#ckPartyG,#ckHeart{transform-box:fill-box;transform-origin:center}#ckPencilInner{transform-box:fill-box;transform-origin:50% 100%}.confetti{position:absolute;overflow:hidden;pointer-events:none;inset:0}.confetti i{position:absolute;opacity:0;animation:1.5s ease-in forwards ckfall;border-radius:3px;width:11px;height:16px;top:-4%}@keyframes ckfall{0%{transform:translateY(0)rotate(0);opacity:1}85%{opacity:1}to{transform:translateY(460px)rotate(340deg);opacity:0}}.ck-prompt{text-align:center;margin:12px 4px 0;font-size:1.05rem;font-weight:700}.speech{display:flex;background:var(--soft);border:1.5px solid var(--line);border-radius:16px;align-items: flex-start;gap:12px;margin-top:12px;padding:12px 15px}.speech .teacher{flex:none;font-size:1.9rem;line-height:1}.speech h3{margin-bottom:2px;font-size:1.15rem}.ck-say{margin:0;font-size:1.02rem}.ck-hear{display:inline-block;color:var(--ink);margin-top:5px;font-size:.92rem;font-weight:700}.control-bar{display:flex;align-items:stretch;gap:8px;margin-top:10px}.ctl{border:1.5px solid var(--ink);background:var(--panel);cursor:pointer;display:flex;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items: center;gap:1px;min-height:62px;padding:8px 2px;font-size:.86rem;font-weight:700}.ctl .ic{font-size:1.35rem;line-height:1.1}.ctl:disabled{opacity:.38;cursor:not-allowed}.ctl.play{background:var(--coral);border-color:var(--coral);color:#fff;box-shadow:4px 4px 0 var(--ink);flex:1.5;font-size:1rem}.ctl.play .ic{font-size:1.6rem}.ctl.play:disabled{box-shadow:none}.ck-help{color:#173a52;background:#eaf6ff;border:1.5px solid #bcd9f2;border-radius:14px;margin-top:12px;padding:12px 15px}.ck-help strong{display:block;margin-bottom:3px}.ck-help p{margin:6px 0 0}.ck-help .ck-help-tip{font-weight:700}[data-theme=night] .ck-help{color:#dcecf5;background:#1c303d;border-color:#33566e}.ck-stars{display:flex;flex-wrap:wrap;align-items: center;gap:4px;margin-top:12px}.ck-stars .star{color:var(--line);font-size:1.35rem;line-height:1}.ck-stars .star.earned{color:#f2a81d}.ck-stars-note{color:var(--muted);margin-left:6px;font-size:.88rem}.player-foot{text-align:center;margin-top:14px}.link-btn{color:var(--ink);cursor:pointer;text-decoration:underline;background:0 0;border:0;min-height:44px;padding:8px;font-weight:700}.modal-back{position:fixed;display:grid;z-index:60;overflow-y:auto;background:#0a12188c;place-items: center;padding:18px;inset:0}.modal{background:var(--panel);border:2px solid var(--ink);text-align:center;box-shadow:9px 9px 0 var(--ink);overflow-y:auto;border-radius:22px;width:100%;max-width:400px;max-height:calc(100dvh - 36px);padding:24px}.modal h2{margin-bottom:8px;font-size:1.5rem}.modal p{color:var(--muted);margin:0 0 18px}.modal .row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.section{margin-top:56px}.section-head{display:flex;justify-content:space-between;align-items: end;gap:24px;margin-bottom:22px}.section-head h2{font-size:clamp(1.8rem,4vw,2.7rem)}.section-head p{color:var(--muted);max-width:570px;margin:0}.eyebrow{color:var(--ink);letter-spacing:.03em;margin:0 0 8px;font-weight:700}.level-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.level-tab{border:1.5px solid var(--line);background:var(--panel);cursor:pointer;text-align:left;border-radius:14px;min-height:78px;padding:14px 10px}.level-tab span{display:block;color:var(--muted);font-size:.83rem}.level-tab strong{display:block;margin-top:3px;font-family:Balsamiq Sans,cursive;font-size:1.02rem}.level-tab.active{border-color:var(--ink);box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.level-tab[data-level="0"].active{background:#d8f3e9}.level-tab[data-level="1"].active{background:#fff0b8}.level-tab[data-level="2"].active{background:#ffd7c6}.level-tab[data-level="3"].active{background:#d8e9fa}[data-theme=night] .level-tab.active{color:#172632}[data-theme=night] .level-tab.active span{color:#3e5059}[data-theme=night] .level-tab[data-level="0"].active{color:#eafff5;background:#1e3d33}[data-theme=night] .level-tab[data-level="0"].active span{color:#bfe3d0}.level-intro{display:grid;grid-template-columns:1fr auto;background:var(--soft);border-radius:20px;align-items: center;gap:18px;margin-bottom:18px;padding:20px 22px}.level-intro p{color:var(--muted);margin:5px 0 0}.progress{white-space:nowrap;font-weight:700}.lesson-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lesson-card{border:1.5px solid var(--line);background:var(--panel);text-align:left;cursor:pointer;overflow:hidden;color:inherit;font:inherit;border-radius:20px;width:100%;min-width:0;padding:0;transition:transform .18s,box-shadow .18s}.lesson-card:hover{box-shadow:var(--shadow);outline:none;border-color:var(--ink);transform:translateY(-3px)}.lesson-card:focus-visible{box-shadow:var(--shadow);outline:none;border-color:var(--ink);transform:translateY(-3px)}.lesson-card.done .lesson-copy:after{content:"Practiced ✓";display:inline-block;color:var(--ink);margin-top:10px;font-size:.87rem;font-weight:700}.lesson-visual{background:var(--soft);display:grid;border-bottom:1px solid var(--line);place-items: center;height:136px}.lesson-visual svg{width:82%;height:104px}.lesson-copy{padding:16px}.lesson-copy small{color:var(--ink);font-weight:700}.lesson-copy h3{margin:4px 0 7px;font-size:1.25rem}.lesson-copy p{color:var(--muted);margin:0;font-size:.94rem}.workspace{border:2px solid var(--ink);background:var(--panel);box-shadow:9px 9px 0 var(--ink);overflow:hidden;border-radius:28px;margin-top:26px}.workspace-top{display:grid;grid-template-columns:.92fr 1.08fr}.coach{border-right:1.5px solid var(--line);padding:28px}.lesson-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.coach h2{font-size:2rem}.lesson-goal{color:var(--muted);margin:8px 0 22px}.ws-step-label{color:var(--coral);margin:0 0 5px;font-weight:700}.step-text{min-height:86px;margin:0;font-size:1.2rem}.coach-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tip{background:var(--soft);border-radius:12px;margin-top:22px;padding:14px 15px}.tip strong{display:block;color:var(--ink)}.studio{min-width:0;padding:22px}.studio h3{margin-bottom:12px;font-size:1.35rem}.paper-board{background:var(--paper);border:1.5px dashed var(--muted);display:flex;text-align:center;background-image:linear-gradient(var(--grid)1px,transparent 1px),linear-gradient(90deg,var(--grid)1px,transparent 1px);background-size:28px 28px;border-radius:18px;flex-direction:column;justify-content:center;align-items: center;min-height:400px;padding:26px}.paper-board svg{width:170px;max-width:55%;margin-bottom:18px}.paper-board h3{font-size:1.8rem}.paper-board p{color:var(--muted);max-width:420px}.canvas-wrap{position:relative;border:1.5px solid var(--line);overflow:hidden;touch-action:none;background:#fff;border-radius:18px}.canvas-wrap canvas{display:block;cursor:crosshair;touch-action:none;width:100%;height:400px}.canvas-placeholder{position:absolute;display:grid;pointer-events:none;color:#89949a;text-align:center;place-items: center;padding:24px;inset:0}.canvas-wrap.marked .canvas-placeholder{display:none}.tools{display:flex;flex-wrap:wrap;align-items: center;gap:8px;margin-bottom:10px}.tool-btn{border:1.5px solid var(--line);background:var(--panel);cursor:pointer;display:grid;border-radius:11px;place-items: center;width:44px;height:44px;padding:0;font-weight:700}.tool-btn.active{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.tool-btn.wide{display:inline-flex;align-items: center;gap:7px;width:auto;padding:0 14px;font-size:.95rem}.upload-note{color:var(--muted);margin:10px 4px 0;font-size:.92rem}.swatch{border:2px solid var(--panel);outline:1.5px solid var(--line);cursor:pointer;border-radius:50%;width:32px;height:32px;padding:0}.swatch.active{outline:3px solid var(--ink)}.size{display:flex;align-items: center;gap:7px;margin-left:auto}.size input{accent-color:var(--ink);width:105px}.finish-bar{display:flex;border-top:1px solid var(--line);background:var(--soft);justify-content:space-between;align-items: center;gap:14px;padding:17px 24px}.finish-bar p{color:var(--muted);margin:0;font-size:.92rem}.mode-switch{display:inline-flex;background:var(--soft);border:1px solid var(--line);border-radius:16px;gap:4px;padding:5px}.mode-switch button{cursor:pointer;background:0 0;border:0;border-radius:11px;min-height:44px;padding:11px 16px;font-weight:700}.mode-switch button.active{background:var(--ink);color:var(--paper);box-shadow:0 2px 10px #0000001f}.mode-note{color:var(--muted);margin:10px 0 18px;font-size:.94rem}.videos{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.video-card{display:grid;grid-template-columns:76px 1fr auto;border:1.5px solid var(--line);background:var(--panel);text-decoration:none;color:inherit;border-radius:16px;align-items: center;gap:14px;padding:12px}.video-card:hover{border-color:var(--ink)}.video-thumb{background:var(--soft);display:grid;border-radius:10px;place-items: center;width:76px;height:58px}.play-tri{border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid var(--coral);width:0;height:0;margin-left:4px}.video-card h3{margin:0;font:700 1rem/1.25 Atkinson Hyperlegible}.video-card p{color:var(--muted);margin:4px 0 0;font-size:.84rem}.arrow{color:var(--ink);font-size:1.3rem}.routine{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}.routine-clock{background:var(--ink);color:var(--paper);display:flex;border-radius:28px;flex-direction:column;justify-content:space-between;min-height:330px;padding:30px}.routine-clock .big{font:700 clamp(4rem,9vw,7.5rem)/.9 Balsamiq Sans}.routine-clock p{max-width:340px;margin:12px 0 0}.routine-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.routine-step{border:1.5px solid var(--line);background:var(--panel);border-radius:18px;padding:20px}.routine-step b{font-family:Balsamiq Sans;font-size:1.15rem}.routine-step span{display:block;color:var(--coral);margin-bottom:6px;font-weight:700}.routine-step p{color:var(--muted);margin:0}details{border-top:1px solid var(--line);padding:14px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:6px 0;font-family:Balsamiq Sans;font-size:1.12rem;font-weight:700}.resource-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.resource-links a{color:var(--ink);font-weight:700}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.g-card{border:1.5px solid var(--line);overflow:hidden;background:var(--panel);border-radius:18px}.g-card img{display:block;background:#fff;width:100%;height:auto}.g-card .g-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:8px;padding:10px 14px}.g-card .g-foot span{font-size:.92rem;font-weight:700}.g-card .g-actions{display:flex;gap:8px}.g-del{border:1.5px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;min-height:40px;padding:8px 12px;font-weight:700}.state-note{border:1.5px dashed var(--muted);text-align:center;color:var(--muted);border-radius:18px;margin-top:22px;padding:26px}.state-note .btn{margin-top:12px}@media (max-width:1000px){.cat-grid{grid-template-columns:repeat(3,1fr)}.lesson-list,.rec-row,.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.lesson-grid{grid-template-columns:repeat(2,1fr)}.workspace-top{grid-template-columns:1fr}.coach{border-right:0;border-bottom:1.5px solid var(--line)}.routine,.videos{grid-template-columns:1fr}}@media (max-width:620px){.page{width:min(100% - 20px,1180px);padding-top:14px}.brand{font-size:1.05rem}.brand .brand-pencil{width:30px;height:30px}.topbar-in{flex-wrap:wrap;gap:7px;padding:8px 0}.topnav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex-wrap:nowrap;gap:5px;width:100%;margin-left:0}.nav-btn{white-space:normal;text-align:center;min-width:0;padding:8px 2px;font-size:.84rem;line-height:1.2}.welcome{box-shadow:5px 5px 0 var(--ink);padding:16px}.welcome-art{display:none}.pickers{grid-template-columns:1fr}.cat-grid,.prog-grid{grid-template-columns:repeat(2,1fr)}.prog-cell figcaption{font-size:.8rem}.lesson-list,.rec-row,.gallery-grid{grid-template-columns:1fr}.continue-card{flex-wrap:wrap}.continue-card .btn{width:100%;margin-left:0}.level-nav{grid-template-columns:repeat(2,1fr)}.lesson-grid{grid-template-columns:1fr}.section{margin-top:44px}.section-head{display:block}.section-head p{margin-top:9px}.level-intro{grid-template-columns:1fr}.workspace{box-shadow:5px 5px 0 var(--ink);border-radius:20px}.coach,.studio{padding:20px}.canvas-wrap canvas{height:350px}.size{width:100%;margin-left:0}.finish-bar{flex-direction:column;align-items:stretch}.video-card{grid-template-columns:62px 1fr auto}.video-thumb{width:62px}.routine-steps{grid-template-columns:1fr}.mode-switch{display:grid;grid-template-columns:1fr 1fr;width:100%}.mode-switch button{padding-inline-start:8px;padding-inline-end:8px}.ctl{min-height:58px;font-size:.78rem}.ctl.play{font-size:.92rem}.ck-stage{box-shadow:4px 4px 0 var(--ink)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.spark{animation:none}.lesson-card,.btn,.cat-card{transition:none}.confetti i{animation:none;opacity:0}}.gallery-hero{background:var(--soft);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);text-align:center;border-radius:24px;padding:22px 24px}.gallery-hero h2{font-size:clamp(1.7rem,4.5vw,2.5rem)}.gallery-hero p{color:var(--muted);margin:6px 0 0;font-size:1.08rem}.gallery-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}.gallery-actions.center{margin-top:14px}.btn.big{border-radius:16px;min-height:54px;padding:14px 20px;font-size:1.08rem}.sec-title.small{margin:26px 0 10px;font-size:1.35rem}.badge-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.badge-card{border:1.5px dashed var(--line);text-align:center;background:var(--panel);opacity:.75;display:flex;border-radius:16px;flex-direction:column;align-items: center;gap:2px;padding:12px 10px}.badge-card.earned{border:2px solid var(--yellow);opacity:1;box-shadow:3px 3px 0 var(--ink);background:#fff7d6}[data-theme=night] .badge-card.earned{background:#3d3413}.badge-card .badge-icon{font-size:1.7rem}.badge-card strong{font-size:.9rem;line-height:1.25}.badge-card small{color:var(--muted);font-size:.76rem;line-height:1.3}.gallery-tools{display:flex;flex-wrap:wrap;align-items: center;gap:10px;margin:18px 0 14px}.field{display:flex;text-align:left;flex-direction:column;gap:5px;margin:10px 0;font-weight:700}.field input[type=text],.field input:not([type]),.field select,.field textarea{border:1.5px solid var(--line);font:inherit;background:var(--panel);color:inherit;border-radius:12px;min-height:44px;padding:10px 12px}.field.inline{flex-direction:row;align-items: center;margin:0}.field.inline select{min-height:44px}.g-card .g-thumb{display:block;cursor:pointer;background:#fff;border:0;width:100%;padding:0}.g-card .g-thumb img{aspect-ratio:4/3;object-fit:contain}.g-body{display:flex;flex-direction:column;gap:4px;padding:10px 14px 14px}.g-title-row{display:flex;align-items: center;gap:8px}.g-title-row strong{flex:1;font-size:1.02rem;line-height:1.25}.fav-btn{cursor:pointer;background:0 0;border:0;min-width:40px;min-height:40px;padding:4px;font-size:1.35rem}.g-meta{color:var(--muted);font-size:.84rem;font-weight:700}.g-feedback{color:var(--ink);font-size:.9rem;font-weight:700}.g-body .g-actions{margin-top:6px}.g-body .g-actions .btn{flex:1}.privacy-note{color:var(--muted);font-size:.92rem}.center-note{text-align:center;margin-top:26px}.family-code{border:1.5px solid var(--line);background:var(--panel);border-radius:18px;margin-top:30px;padding:18px 20px}.family-code h3{font-size:1.25rem}.family-code p{color:var(--muted);margin:5px 0 12px}.shared-box{margin:14px 0 0}.shared-box img{border:1.5px solid var(--line);background:#fff;border-radius:14px;width:100%;height:auto}.shared-box figcaption{text-align:center;margin-top:6px;font-weight:700}.gate-box{border:1.5px dashed var(--muted);border-radius:14px;margin:10px 0;padding:12px 14px}.gate-box p{margin:0 0 8px}.gate-row{display:flex;flex-wrap:wrap;gap:8px}.gate-row input{border:1.5px solid var(--line);font:inherit;background:var(--panel);color:inherit;border-radius:12px;flex:1;min-width:130px;min-height:44px;padding:10px 12px}.gate-note{color:var(--coral);margin:8px 0 0;font-weight:700}.gate-ok{color:var(--ink);font-weight:700}.upload-modal{text-align:left;max-width:520px}.upload-modal h2,.upload-modal p{text-align:center}.upload-pick{display:flex;flex-direction:column;gap:10px;margin:14px 0}.upload-preview{border:1.5px solid var(--line);display:grid;overflow:hidden;background:#fff;border-radius:14px;place-items: center;padding:10px}.upload-preview img{max-width:100%;height:auto;max-height:320px}.upload-tools{display:flex;flex-wrap:wrap;align-items: center;gap:12px;margin-top:12px}.bright{display:flex;align-items: center;gap:7px;font-weight:700}.bright input{accent-color:var(--ink)}.crop-toggle{display:flex;align-items: center;gap:6px;min-height:44px;font-weight:700}.crop-toggle input{accent-color:var(--ink);width:20px;height:20px}.modal-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:14px}.yay{text-align:center;animation:1.2s ease-in-out infinite bob;font-size:2.6rem}.art-detail .back-btn{margin-bottom:14px}.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items: start;gap:22px}.detail-img{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:20px;width:100%;height:auto}.compare-box{margin:16px 0 0}.compare-box img{border:1.5px solid var(--line);background:#fff;border-radius:16px;width:100%;height:auto}.compare-box figcaption{margin-top:5px;font-weight:700}.detail-side h2{font-size:1.7rem}.detail-meta{color:var(--muted);margin:6px 0}.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.detail-h{margin:22px 0 8px;font-size:1.2rem}.feedback-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin:0;padding:0}.feedback-item{border:1.5px solid var(--yellow);display:flex;color:#172632;background:#fff7d6;border-radius:14px;flex-direction:column;gap:2px;padding:10px 13px}.feedback-item .fb-from{color:#8a6d00;font-size:.8rem;font-weight:700}.feedback-item .fb-text{font-size:1.02rem}.feedback-item .fb-stars{color:#d9930d;font-weight:700}.feedback-item .fb-date{color:#77683f;font-size:.78rem}.feedback-form{border-top:1px solid var(--line);margin-top:16px;padding-top:6px}.feedback-form h3{margin:8px 0;font-size:1.12rem}.quick-row{display:flex;flex-wrap:wrap;align-items: center;gap:7px;margin:8px 0}.sticker-btn{border:1.5px solid var(--line);background:var(--panel);cursor:pointer;border-radius:12px;min-width:46px;min-height:46px;font-size:1.3rem}.sticker-btn.active{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.star-pick{display:inline-flex}.star-btn{cursor:pointer;color:#d9930d;background:0 0;border:0;min-width:40px;min-height:44px;font-size:1.5rem}.link-row{display:flex;border:1.5px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items: center;gap:9px;margin-top:10px;padding:8px 12px}.link-row code{letter-spacing:.04em;font-size:1.05rem;font-weight:700}.link-row span{color:var(--muted);font-size:.88rem}.confirm-box{border:1.5px solid var(--coral);border-radius:14px;padding:12px 14px}@media (max-width:900px){.detail-grid{grid-template-columns:1fr}.badge-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:620px){.badge-row{grid-template-columns:repeat(2,1fr)}.gallery-hero{box-shadow:5px 5px 0 var(--ink);padding:16px}.gallery-actions .btn.big{flex:100%}}.picker-note{color:var(--muted);margin:9px 0 0;font-size:.88rem}.nextup-card{display:flex;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);color:#172632;background:#fff0b8;border-radius:20px;align-items: center;gap:16px;margin-top:22px;padding:16px 20px}[data-theme=night] .nextup-card{color:#fdf6da;background:#3d3413}.nextup-card .cc-art{flex:none;width:64px}.nextup-card h2{font-size:1.3rem}.nextup-card p{margin:3px 0 0}.nextup-card .btn{flex:none;margin-left:auto}.fb-ask{border:2px solid var(--ink);background:var(--panel);box-shadow:5px 5px 0 var(--ink);text-align:center;border-radius:20px;margin-top:14px;padding:18px}.fb-ask h3{font-size:1.4rem}.fb-ask p{color:var(--muted);margin:6px 0 0}.fb-ask .fb-q{color:var(--ink);font-size:1.15rem;font-weight:700}.fb-ask.celebrate{color:#172632;background:#fff7d6}.fb-ask.celebrate p{color:#4c4433}.fb-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 6px}.fb-btn{border:2px solid var(--ink);cursor:pointer;display:flex;color:#172632;border-radius:16px;flex-direction:column;justify-content:center;align-items: center;gap:4px;min-height:96px;padding:14px 6px 12px;font-size:1.05rem;font-weight:700}.fb-btn .fb-emoji{font-size:2.1rem;line-height:1}.fb-btn.easy{background:#ffe9a8}.fb-btn.right{background:#d8f3e9}[data-theme=night] .fb-btn.right{color:#eafff5;background:#1e3d33}.fb-btn.hard{background:#ffe1d6}.fb-btn:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.fb-btn:disabled{opacity:.5;cursor:wait;box-shadow:none;transform:none}.fb-done-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}.adv-hero{background:var(--soft);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);text-align:center;border-radius:24px;padding:22px 24px}.adv-hero h2{font-size:clamp(1.7rem,4.5vw,2.5rem)}.adv-hero p{color:var(--muted);max-width:560px;margin:6px auto 0}.adv-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;font-weight:700}.adv-stats span{background:var(--panel);border:1.5px solid var(--line);border-radius:99px;padding:7px 14px}.adv-favs{text-align:center;margin:16px 0 0;font-weight:700}.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.adv-card{border:1.5px solid var(--line);background:var(--panel);cursor:pointer;text-align:center;overflow:hidden;display:flex;color:inherit;font:inherit;border-radius:18px;flex-direction:column;padding:0 0 12px}.adv-card:hover{border-color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.adv-card .cat-art{display:block;aspect-ratio:4/3;border-bottom:1px solid var(--line);background:#fffdf8}.adv-card .cat-art svg{display:block;width:100%;height:100%}.adv-card .cat-name{display:block;margin-top:9px;padding:0 8px;font-size:.98rem;font-weight:700;line-height:1.25}.adv-level{color:var(--ink);font-size:.92rem;font-weight:700}.adv-progress{display:flex;flex-direction:column;align-items: center;gap:5px;padding:4px 10px 0}.adv-progress i{display:inline-block;background:var(--line);border-radius:6px;width:22px;height:10px;margin:0 2px}.adv-progress i.on{background:var(--yellow);border:1px solid var(--ink)}.adv-progress small,.adv-max{color:var(--muted);padding:0 8px;font-size:.76rem;line-height:1.3}.parent-skill{margin-top:48px}.auto-toggle{display:flex;border:1.5px solid var(--line);background:var(--panel);cursor:pointer;border-radius:16px;align-items: flex-start;gap:12px;margin:6px 0 16px;padding:14px 16px}.auto-toggle input{accent-color:var(--ink);flex:none;width:24px;height:24px;margin-top:2px}.auto-toggle small{display:block;color:var(--muted);font-weight:400}.psk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.psk-card{border:1.5px solid var(--line);background:var(--panel);display:flex;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px}.psk-art{border:1px solid var(--line);overflow:hidden;background:#fffdf8;border-radius:10px}.psk-art svg{display:block;aspect-ratio:4/3;width:100%;height:auto}.psk-level{color:var(--ink);font-weight:700}.psk-meta{color:var(--muted);font-size:.84rem}.psk-set{margin:8px 0 4px}.psk-reset{align-self: flex-start}.psk-block{border-top:1px solid var(--line);margin-top:26px;padding-top:16px}.psk-block h3{margin-bottom:8px;font-size:1.2rem}.psk-block p{color:var(--muted);max-width:760px;margin:0}.psk-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}.psk-list li{display:flex;border:1.5px solid var(--line);background:var(--panel);border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:9px 13px;font-size:.94rem}.psk-list li span:last-child{color:var(--muted)}@media (max-width:1000px){.adv-grid{grid-template-columns:repeat(3,1fr)}.psk-grid{grid-template-columns:repeat(2,1fr)}}.upload-modal{display:flex;overflow:hidden;flex-direction:column;padding:0}.upload-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 24px 10px}.upload-scroll h2{text-align:center}.upload-foot{border-top:1.5px solid var(--line);padding:10px 24px calc(12px + env(safe-area-inset-bottom,0px));background:var(--panel);flex:none}.upload-foot .modal-row{margin-top:4px}.upload-foot .gate-note{margin:0 0 6px}@media (max-width:620px){.upload-preview img{max-height:230px}.upload-scroll{padding:18px 18px 8px}.upload-foot{padding:10px 18px calc(12px + env(safe-area-inset-bottom,0px))}.topnav{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-btn{font-size:.78rem}.adv-grid{grid-template-columns:repeat(2,1fr)}.psk-grid,.fb-row{grid-template-columns:1fr}.fb-btn{flex-direction:row;min-height:64px}.nextup-card{flex-wrap:wrap}.nextup-card .btn{width:100%;margin-left:0}.adv-hero{box-shadow:5px 5px 0 var(--ink);padding:16px}}.continue-card .cc-art svg{display:block;width:100%;height:auto}.search-box.big{padding-right:6px}.search-clear{border:1.5px solid var(--line);background:var(--soft);cursor:pointer;border-radius:50%;flex:none;width:44px;height:44px;font-size:1rem;font-weight:700}.find-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}.find-chip{display:flex;border:1.5px solid var(--line);background:var(--panel);cursor:pointer;text-align:left;border-radius:99px;align-items: center;gap:10px;min-height:56px;padding:5px 18px 5px 5px;font-weight:700}.find-chip.all{padding:5px 20px;font-size:1.02rem}.find-chip.active{border-color:var(--ink);background:var(--yellow);color:#172632;box-shadow:3px 3px 0 var(--ink)}.find-chip-art{display:block;overflow:hidden;border:1px solid var(--line);background:#fffdf8;border-radius:99px;flex:none;width:56px;height:42px}.find-chip-art svg{display:block;width:100%;height:100%}.find-chip-name{display:flex;flex-direction:column;line-height:1.2}.find-chip-name small{color:var(--muted);font-size:.74rem;font-weight:700}.find-chip.active .find-chip-name small{color:#4c4433}.ready-tools{display:flex;flex-wrap:wrap;align-items: center;gap:14px;margin:-4px 0 14px}.mode-toggle{display:inline-flex;background:var(--soft);border:1.5px solid var(--line);border-radius:99px;gap:4px;padding:4px}.mode-toggle button{cursor:pointer;color:inherit;background:0 0;border:0;border-radius:99px;min-height:48px;padding:10px 20px;font-size:1rem;font-weight:700}.mode-toggle button.active{background:var(--ink);color:var(--paper)}.show-count{color:var(--muted);margin:0;font-weight:700}.nextup-line{border:1.5px solid var(--ink);color:#172632;box-shadow:4px 4px 0 var(--ink);background:#fff0b8;border-radius:14px;margin:0 0 16px;padding:12px 16px}[data-theme=night] .nextup-line{color:#fdf6da;background:#3d3413}.ready-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ready-card{border:1.5px solid var(--line);background:var(--panel);overflow:hidden;text-align:left;display:flex;cursor:pointer;font:inherit;color:inherit;border-radius:20px;flex-direction:column;width:100%;min-width:0;padding:0}.ready-card:hover{border-color:var(--ink);box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.ready-card:focus-visible{border-color:var(--ink);box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.ready-art{display:block;border-bottom:1px solid var(--line);background:#fffdf8}.ready-art svg{display:block;width:100%;height:auto}.ready-art.icon{display:grid;place-items: center;min-height:150px}.ready-art.icon svg{width:55%;height:110px}.ready-body{display:flex;flex-direction:column;flex:1;gap:5px;padding:13px 15px 15px}.ready-body small{color:var(--ink);font-weight:700}.ready-name{font-family:Balsamiq Sans,cursive;font-size:1.3rem;font-weight:700;line-height:1.15}.ready-status{color:var(--muted);font-size:.92rem;font-weight:700}.ready-status.done{color:var(--ink)}.next-badge{color:#172632;border:1.5px solid var(--ink);background:#fff0b8;border-radius:99px;align-self: flex-start;padding:3px 11px;font-size:.82rem;font-weight:700}.ready-draw{background:var(--coral);color:#fff;text-align:center;display:flex;border-radius:12px;justify-content:center;align-items: center;min-height:48px;margin-top:auto;padding:12px;font-size:1.08rem;font-weight:700}.ready-card.preview{cursor:default;opacity:.78}.ready-card.preview:hover{border-color:var(--line);box-shadow:none;transform:none}.ready-card.preview .ready-art{filter:grayscale(.45)}.ready-card.preview .badge-soon{margin-top:auto}.empty-note.big{padding:30px 22px}.empty-note.big h3{margin:6px 0;font-size:1.45rem}.empty-note.big p{margin:0}.empty-emoji{margin:0;font-size:2.5rem}.empty-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}.soon-wrap{margin-top:38px}.soon-toggle{border:1.5px dashed var(--muted);background:var(--panel);color:inherit;cursor:pointer;display:flex;border-radius:16px;justify-content:space-between;align-items: center;gap:10px;width:100%;min-height:56px;padding:14px 18px;font-family:Balsamiq Sans,cursive;font-size:1.2rem;font-weight:700}.soon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.soon-card{border:1.5px solid var(--line);background:var(--panel);text-align:center;overflow:hidden;display:flex;opacity:.85;border-radius:18px;flex-direction:column;padding:0 0 11px}.soon-card .cat-art{display:block;aspect-ratio:4/3;border-bottom:1px solid var(--line);background:#fffdf8}.soon-card .cat-art svg{display:block;width:100%;height:100%}.soon-card .cat-name{display:block;margin-top:9px;padding:0 8px;font-size:.98rem;font-weight:700;line-height:1.25}.soon-card small{display:block;color:var(--muted);margin-top:2px;padding:0 8px;font-size:.78rem}.soon-card .soon-label{color:var(--ink);font-weight:700}@media (max-width:1000px){.ready-grid{grid-template-columns:repeat(2,1fr)}.soon-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:620px){.ready-grid{grid-template-columns:repeat(2,1fr);gap:11px}.ready-name{font-size:1.12rem}.ready-body{padding:10px 11px 12px}.ready-art.icon{min-height:110px}.soon-grid{grid-template-columns:repeat(2,1fr)}.find-chip{padding-right:14px}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;width:100%}.mode-toggle button{width:100%}}@media (max-width:350px){.ready-grid{grid-template-columns:1fr}}.field-label{display:block;text-align:left;margin:12px 0 7px;font-weight:700}.lesson-pick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.lesson-pick{border:1.5px solid var(--line);background:var(--panel);color:inherit;display:flex;cursor:pointer;font:inherit;border-radius:16px;flex-direction:column;align-items: center;gap:6px;min-height:44px;padding:8px;font-size:.92rem;font-weight:700}.lesson-pick.active{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink);background:var(--soft)}.lesson-pick-art{display:block;overflow:hidden;background:#fffdf8;border-radius:10px;width:100%}.lesson-pick-art svg{display:block;width:100%;height:auto}.lesson-pick-art.none-art{text-align:center;padding:14px 0;font-size:2.2rem}.suggest-card{display:flex;border:2px solid var(--ink);background:var(--soft);text-align:left;border-radius:16px;align-items: flex-start;gap:12px;margin:12px 0;padding:12px}.suggest-art{overflow:hidden;border:1px solid var(--line);background:#fffdf8;border-radius:12px;flex:0 0 92px}.suggest-art svg{display:block;width:100%;height:auto}.suggest-body{flex:1;min-width:0}.suggest-body p{color:var(--muted);margin:4px 0 10px;font-size:.94rem}.suggest-actions{display:flex;flex-wrap:wrap;gap:8px}.link-note{color:var(--ink);text-align:left;margin:8px 0 0;font-size:.92rem;font-weight:700}.g-lesson{color:var(--blue);font-size:.9rem;font-weight:700}.link-row-card{display:flex;border:1.5px solid var(--line);background:var(--panel);border-radius:16px;flex-wrap:wrap;align-items: center;gap:12px;padding:12px}.link-row-card p{flex:1;min-width:180px;margin:0}.link-thumb{border:1px solid var(--line);overflow:hidden;background:#fffdf8;border-radius:10px;flex:0 0 84px}.link-thumb svg{display:block;width:100%;height:auto}.link-actions{display:flex;flex-wrap:wrap;gap:8px}.link-editor{border:1.5px dashed var(--muted);border-radius:16px;padding:12px}.coach-card{border:2px solid var(--yellow);color:#172632;background:#fff7d6;border-radius:18px;margin-top:22px;padding:14px 16px}.coach-card .detail-h{margin-top:0}.coach-appreciation{margin:0 0 10px;font-size:1.05rem}.coach-tip{margin:0 0 12px}.coach-note{color:#77683f;margin:10px 0 0;font-size:.85rem}.coach-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 12px}.coach-compare-side{margin:0}.coach-compare-side img,.coach-compare-side .guide-demo-svg{display:block;border:1.5px solid var(--ink);background:#fff;border-radius:14px;width:100%;height:auto}.coach-compare-side figcaption{margin-top:5px;font-size:.94rem;font-weight:700}.guide-wrap{margin-top:14px}.guide-how{margin:0 0 10px}.guide-stage{position:relative;border:2px solid var(--ink);overflow:hidden;background:#fff;border-radius:16px;line-height:0}.guide-stage>img{display:block;user-select:none;-webkit-user-select:none;width:100%;height:auto}.guide-shape{position:absolute;touch-action:none;cursor:grab;transform:translate(-50%,-50%)}.guide-shape:active{cursor:grabbing}.guide-shape-svg{display:block;pointer-events:none;width:100%;height:100%}.guide-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.guide-controls .btn{min-height:48px}.guide-note{color:#77683f;margin:10px 0 0;font-size:.85rem}.practice-wrap{border-top:2px dashed #d9b93a;margin-top:18px;padding-top:14px}.practice-h{margin:0 0 8px;font-size:1.05rem}.practice-intro{margin:0 0 12px}.practice-done{color:#1c4d22;background:#e6f7e6;border:2px solid #4caf50;border-radius:14px;margin:0 0 12px;padding:10px 14px;font-weight:700}[data-theme=night] .practice-done{color:#eafff5;background:#1e3d33;border-color:#4caf50}.practice-active{margin-top:6px}.practice-step-label{margin:0 0 6px;font-weight:800}.practice-shape{position:absolute;touch-action:none}.practice-shape.active{cursor:grab;outline:3px dashed #e8873a;outline-offset:4px;border-radius:10px}.practice-shape.active:active{cursor:grabbing}.practice-toggle{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}.practice-view-label{margin:0 0 8px;font-weight:800}.practice-one-nav{display:flex;justify-content:space-between;align-items: center;gap:10px;margin-top:10px;font-weight:700}.practice-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin:14px 0 0;padding:0}.practice-list-item{display:flex;background:#fffdf4;border:1.5px solid #e3cf7a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:10px;padding:8px 10px}[data-theme=night] .practice-list-item{color:#172632}[data-theme=night] .guide-note,[data-theme=night] .coach-note{color:var(--muted)}.practice-list-actions{display:flex;flex-wrap:wrap;gap:6px}.practice-banner{border:2px solid var(--yellow);color:#172632;background:#fff7d6;border-radius:14px;margin:0 0 14px;padding:10px 14px;font-weight:700}.kids-drew{border-top:2px dashed var(--line);margin-top:34px;padding-top:22px}.kd-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px}.kd-head h2{margin:0;font-family:Balsamiq Sans,cursive;font-size:1.55rem}.kd-empty{color:var(--muted);border:1.5px dashed var(--muted);border-radius:16px;padding:14px 16px}.kd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.kd-card{border:1.5px solid var(--line);overflow:hidden;background:var(--panel);display:flex;border-radius:18px;flex-direction:column;margin:0}.kd-thumb{display:block;cursor:pointer;background:#fff;border:0;width:100%;padding:0}.kd-thumb img{aspect-ratio:4/3;object-fit:contain;display:block;width:100%}.kd-card figcaption{display:flex;flex-direction:column;gap:5px;padding:10px 12px 12px}.kd-card figcaption>span{color:var(--muted);font-size:.85rem}.kd-fb{display:flex;flex-direction:column;gap:3px}.kd-fb-item{color:#172632;border:1px solid var(--yellow);background:#fff7d6;border-radius:10px;padding:4px 8px;font-size:.88rem}.kd-fb-none{font-style:italic}.kd-open{align-self: flex-start;margin-top:6px}.kd-coach{border:2px solid var(--yellow);color:#172632;background:#fff7d6;border-radius:14px;margin-top:14px;padding:12px 14px}@media (max-width:620px){.kd-grid{grid-template-columns:repeat(2,1fr)}.suggest-card{flex-direction:column}.suggest-art{flex:none;width:110px}}@media (max-width:350px){.kd-grid{grid-template-columns:1fr}.lesson-pick-grid{grid-template-columns:1fr 1fr}}.player-board-zone,.player-side-zone{display:contents}.maximize-btn{border:1.5px solid var(--coral);background:var(--coral);color:#fff;cursor:pointer;box-shadow:3px 3px 0 var(--ink);border-radius:99px;flex:none;min-height:44px;padding:9px 15px;font-weight:700}.maximize-btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.player-wrap:-webkit-full-screen{background:var(--paper);overflow-y:auto;padding:calc(10px + env(safe-area-inset-top,0px))calc(12px + env(safe-area-inset-right,0px))calc(14px + env(safe-area-inset-bottom,0px))calc(12px + env(safe-area-inset-left,0px));width:100%;max-width:none}.player-wrap:fullscreen{background:var(--paper);overflow-y:auto;padding:calc(10px + env(safe-area-inset-top,0px))calc(12px + env(safe-area-inset-right,0px))calc(14px + env(safe-area-inset-bottom,0px))calc(12px + env(safe-area-inset-left,0px));width:100%;max-width:none}.player-wrap.is-maximized:not(:-webkit-full-screen){position:fixed;z-index:90;background:var(--paper);overflow-y:auto;padding:calc(10px + env(safe-area-inset-top,0px))calc(12px + env(safe-area-inset-right,0px))calc(14px + env(safe-area-inset-bottom,0px))calc(12px + env(safe-area-inset-left,0px));width:100%;max-width:none;height:100dvh;inset:0}.player-wrap.is-maximized:not(:fullscreen){position:fixed;z-index:90;background:var(--paper);overflow-y:auto;padding:calc(10px + env(safe-area-inset-top,0px))calc(12px + env(safe-area-inset-right,0px))calc(14px + env(safe-area-inset-bottom,0px))calc(12px + env(safe-area-inset-left,0px));width:100%;max-width:none;height:100dvh;inset:0}.player-wrap.is-maximized .player-top{position:sticky;z-index:5;background:var(--paper);padding:4px 0 8px;top:0}.player-wrap:-webkit-full-screen .player-top{position:sticky;z-index:5;background:var(--paper);padding:4px 0 8px;top:0}.player-wrap:fullscreen .player-top{position:sticky;z-index:5;background:var(--paper);padding:4px 0 8px;top:0}.player-wrap.is-maximized .ck-stage svg{max-height:60dvh}.player-wrap:-webkit-full-screen .ck-stage svg{max-height:60dvh}.player-wrap:fullscreen .ck-stage svg{max-height:60dvh}@media (orientation:landscape) and (max-height:540px){.topbar-in{padding:4px 0}.page{width:calc(100% - 16px);padding-top:10px;padding-bottom:28px}.player-wrap:not(.is-maximized){display:grid;grid-template-columns:minmax(0,1.18fr)minmax(264px,.82fr);grid-template-areas:"top top" "pilot pilot" "board side";align-items: start;column-gap:14px;max-width:none}.player-wrap:not(.is-maximized) .player-top{grid-area:top}.player-wrap:not(.is-maximized) .pilot-panel{grid-area:pilot}.player-wrap:not(.is-maximized) .player-board-zone{grid-area:board;display:flex;flex-direction:column;min-width:0}.player-wrap:not(.is-maximized) .player-side-zone{grid-area:side;display:flex;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;min-width:0}.player-wrap:not(.is-maximized) .control-bar{display:grid;grid-template-columns:repeat(3,1fr);margin-top:0}.player-wrap:not(.is-maximized) .ck-prompt{text-align:left;margin-top:10px}.player-wrap:not(.is-maximized) .speech{margin-top:10px}.player-wrap:not(.is-maximized) .ck-stage svg{max-height:calc(100dvh - 150px)}}@media (orientation:landscape){.player-wrap.is-maximized{display:grid;grid-template-columns:minmax(0,1.18fr)minmax(264px,.82fr);grid-template-areas:"top top" "pilot pilot" "board side";grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;align-items: start;column-gap:14px}.player-wrap:-webkit-full-screen{display:grid;grid-template-columns:minmax(0,1.18fr)minmax(264px,.82fr);grid-template-areas:"top top" "pilot pilot" "board side";grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;align-items: start;column-gap:14px}.player-wrap:fullscreen{display:grid;grid-template-columns:minmax(0,1.18fr)minmax(264px,.82fr);grid-template-areas:"top top" "pilot pilot" "board side";grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;align-items: start;column-gap:14px}.player-wrap.is-maximized .player-top{grid-area:top;position:static}.player-wrap:-webkit-full-screen .player-top{grid-area:top;position:static}.player-wrap:fullscreen .player-top{grid-area:top;position:static}.player-wrap.is-maximized .pilot-panel{grid-area:pilot;overflow-y:auto;max-height:30dvh}.player-wrap:-webkit-full-screen .pilot-panel{grid-area:pilot;overflow-y:auto;max-height:30dvh}.player-wrap:fullscreen .pilot-panel{grid-area:pilot;overflow-y:auto;max-height:30dvh}.player-wrap.is-maximized .player-board-zone{grid-area:board;display:flex;flex-direction:column;min-width:0;height:100%;min-height:0}.player-wrap:-webkit-full-screen .player-board-zone{grid-area:board;display:flex;flex-direction:column;min-width:0;height:100%;min-height:0}.player-wrap:fullscreen .player-board-zone{grid-area:board;display:flex;flex-direction:column;min-width:0;height:100%;min-height:0}.player-wrap.is-maximized .player-side-zone{grid-area:side;display:flex;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;min-width:0;height:100%;min-height:0}.player-wrap:-webkit-full-screen .player-side-zone{grid-area:side;display:flex;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;min-width:0;height:100%;min-height:0}.player-wrap:fullscreen .player-side-zone{grid-area:side;display:flex;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;min-width:0;height:100%;min-height:0}.player-wrap.is-maximized .control-bar{display:grid;grid-template-columns:repeat(3,1fr);margin-top:0}.player-wrap:-webkit-full-screen .control-bar{display:grid;grid-template-columns:repeat(3,1fr);margin-top:0}.player-wrap:fullscreen .control-bar{display:grid;grid-template-columns:repeat(3,1fr);margin-top:0}.player-wrap.is-maximized .ck-prompt{text-align:left;margin-top:10px}.player-wrap:-webkit-full-screen .ck-prompt{text-align:left;margin-top:10px}.player-wrap:fullscreen .ck-prompt{text-align:left;margin-top:10px}.player-wrap.is-maximized .speech{margin-top:10px}.player-wrap:-webkit-full-screen .speech{margin-top:10px}.player-wrap:fullscreen .speech{margin-top:10px}.player-wrap.is-maximized .ck-stage{display:flex;flex:1;justify-content:center;align-items: center;min-height:0}.player-wrap:-webkit-full-screen .ck-stage{display:flex;flex:1;justify-content:center;align-items: center;min-height:0}.player-wrap:fullscreen .ck-stage{display:flex;flex:1;justify-content:center;align-items: center;min-height:0}.player-wrap.is-maximized .ck-stage svg{width:100%;height:100%;max-height:none}.player-wrap:-webkit-full-screen .ck-stage svg{width:100%;height:100%;max-height:none}.player-wrap:fullscreen .ck-stage svg{width:100%;height:100%;max-height:none}}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@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:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}