.family-page{--family-paper:#fff9eb;--family-surface:#fffdf3;--family-ink:#4a3e3d;--family-muted:#574143;--family-coral:#b8474d;--family-coral-ink:#fffdf8;--family-rim:#a93349;--family-blue:#e0f2fe;--family-line:#dfd3b9;--family-sage:#e3ecd9;min-height:100vh;color:var(--family-ink);background-color:#eee7d6;background-image:radial-gradient(#b5a78c30 .7px,#0000 .7px);background-size:5px 5px;font-size:18px;line-height:1.55}.family-page button,.family-page input{font:inherit}.family-page button,.family-page a,.family-page label[for]{-webkit-tap-highlight-color:auto}.family-page button{cursor:pointer}.family-page :focus-visible{outline-offset:4px;outline:3px solid #00668a}.family-header{background:var(--family-paper);border:5px solid #fffdf5;border-bottom:2px dashed var(--family-line);border-radius:28px 28px 0 0;justify-content:space-between;align-items:center;gap:20px;max-width:1240px;margin:18px auto 0;padding:22px 32px;display:flex;position:relative}.family-brand{color:var(--family-ink);font-family:Jua,sans-serif;font-size:30px;text-decoration:none}.family-brand span{font-family:Noto Sans KR,sans-serif;font-size:12px;display:block}.family-brand .family-brand-book{color:#bc914b;background:#fff;border:2px solid #e9ce86;border-radius:12px;place-items:center;width:40px;height:44px;margin-right:12px;font-size:26px;display:inline-grid;transform:rotate(-8deg)}.family-parent-label{background:#ffeadb;border-radius:999px;padding:10px 18px;font-size:15px}.family-layout{background:var(--family-paper);border:5px solid #fffdf5;border-top:0;border-radius:0 0 28px 28px;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:24px;max-width:1240px;margin:0 auto 24px;padding:32px 24px;display:grid;box-shadow:0 5px #d9ceb5,0 15px 35px #64553815}.family-eyebrow{color:var(--family-rim);overflow-wrap:anywhere;margin-bottom:16px;font-size:15px;font-weight:700}.family-rail{background:#fffef0;border:1px solid #e0d8bb;border-radius:15px 19px 17px 22px;padding:28px 18px 24px;position:relative;transform:rotate(-1deg);box-shadow:2px 5px #e8e2cd,0 8px 12px #6757310b}.family-rail:before{content:"";background:repeating-linear-gradient(90deg,#efa6a9bb 0 4px,#f6b7b9bb 4px 8px);width:106px;height:28px;position:absolute;top:-12px;left:72px;transform:rotate(-5deg)}.family-rail ol{gap:24px;list-style:none;display:grid}.family-rail li{color:var(--family-muted);align-items:center;gap:14px;display:flex}.family-rail li>span{background:#f3ecd9;border:3px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 2px #e1d6bd}.family-rail li[aria-current]{color:var(--family-rim);font-weight:700}.family-rail li[aria-current]>span{background:var(--family-coral);box-shadow:0 4px 0 var(--family-rim)}.family-rail-note{color:var(--family-muted);text-align:center;margin-top:24px}.family-rail-note p{font-family:Jua,sans-serif;font-size:21px;line-height:1.7}.family-rail-caption{background:#ffe5b7;border-radius:10px;margin-top:20px;padding:10px 4px;font-size:13px;display:block;transform:rotate(-2deg)}.family-panel{background-color:#fffef8;background-image:linear-gradient(#e9deca45 1px,#0000 1px),linear-gradient(90deg,#e9deca45 1px,#0000 1px);background-size:24px 24px;border:2px solid #e8ddc6;border-radius:20px;min-width:0;padding:28px 32px;position:relative;box-shadow:inset 0 0 0 4px #fffdf5,0 4px #ece4d2}.family-panel>.family-eyebrow{background:#fff1b9;border-radius:4px;padding:5px 14px;font-size:13px;display:inline-block;transform:rotate(-2deg)}.family-panel h1{overflow-wrap:anywhere;margin-bottom:14px;font-size:32px;font-weight:400;line-height:1.3}.family-panel h1:focus{outline:none}.family-panel form{gap:18px;display:grid}.family-intro{color:var(--family-muted);margin-bottom:10px}.family-field{gap:10px;font-weight:700;display:grid}.family-field input{width:100%;min-width:0;min-height:64px;color:var(--family-ink);border:2px solid var(--family-line);background:#fffdf4;border-bottom:3px solid #cfbfa0;border-radius:9px 12px 10px 8px;padding:16px 20px;box-shadow:inset 0 2px 4px #88724808}.family-field input::placeholder{color:#8a7173}.family-muted{color:var(--family-muted);font-size:14px;font-weight:400}.family-avatar-picker,.family-ages{border:0;min-width:0}.family-avatar-picker legend,.family-ages legend{margin-bottom:14px;font-weight:700}.family-photo-row{align-items:center;gap:24px;display:flex}.family-photo-row .family-muted{margin-top:12px}.family-avatar{background:#feefcf;border:5px solid #fff;border-radius:28px;outline:1px solid #e7dbc0;flex-shrink:0;place-items:center;width:112px;height:112px;display:grid;overflow:hidden;transform:rotate(-3deg);box-shadow:2px 4px #d9cdb45c}.family-avatar>span,.family-friend{width:100%;height:100%;display:block}.family-avatar[data-character=토끼]{background:#ffe4e6}.family-avatar[data-character=고양이]{background:#e0f2fe}.family-avatar[data-character=별]{background:#d1fae5}.family-avatar img{object-fit:cover;width:100%;height:100%}.family-file{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.family-photo-row:has(.family-file:focus-visible) label{outline-offset:4px;outline:3px solid #00668a}.family-characters,.family-ages>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.family-characters button,.family-ages label{background:var(--family-surface);min-height:64px;color:var(--family-ink);border:2px solid #0000;border-radius:16px}.family-characters button{background:#fffdf5;border-color:#e6dcc7;justify-content:center;align-items:center;gap:4px;font-size:15px;display:flex;box-shadow:0 3px #e6dcc7}.family-characters .family-friend{flex-shrink:0;width:42px;height:48px}.family-characters button[aria-pressed=true]{border-color:var(--family-rim);background:var(--selection-surface);color:var(--selection-ink);font-weight:700}.family-ages label:has(:checked){border-color:var(--family-rim);background:var(--selection-surface);color:var(--selection-ink);font-weight:700}.family-characters button[aria-pressed=true]:after{content:" ✓"}.family-ages label{cursor:pointer;justify-content:center;align-items:center;gap:6px;font-size:15px;display:flex}.family-ages input{accent-color:var(--family-rim)}.family-button{border:0;border-radius:999px;justify-content:center;align-items:center;gap:20px;min-height:64px;padding:16px 24px;font-weight:700;text-decoration:none;display:inline-flex}.family-primary{background:repeating-linear-gradient(174deg,transparent 0 3px,#ffffff12 3px 5px),var(--family-coral);color:var(--family-coral-ink);border:0;border-radius:15px 20px 16px 21px;box-shadow:0 5px #7c2731,0 9px 14px #5a1d2433;font-family:Jua,sans-serif!important;font-size:21px!important}.family-secondary{background:var(--family-surface);color:var(--family-coral);border:1px solid var(--family-line);box-shadow:0 2px 0 var(--family-line);border-radius:16px}.family-button:active{box-shadow:0 2px 0 var(--family-line);transform:translateY(3px)}.family-actions{gap:16px;display:flex}.family-actions .family-primary{flex:1}.family-note{background:#fff0cb;border:1px dashed #e1c990;border-radius:12px;margin:12px 0;padding:16px 20px;font-size:15px}.family-note h2{margin-bottom:8px;font-size:21px}.family-note .family-button{margin:12px 0}.family-greeting{background:var(--family-blue);text-align:center;overflow-wrap:anywhere;border-radius:20px;padding:20px}.family-error{color:#ba1a1a;font-size:15px}.family-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0;display:grid}.family-profile-card{border:2px dashed var(--family-line);text-align:center;background-color:#fffef8;background-image:linear-gradient(#e9deca45 1px,#0000 1px),linear-gradient(90deg,#e9deca45 1px,#0000 1px);background-size:24px 24px;border-radius:20px 24px 21px 23px;margin:12px 4px;position:relative;transform:rotate(-2deg);box-shadow:inset 0 0 0 4px #fffdf5,2px 5px #e7dfcd}.family-profile-card:nth-child(2n){transform:rotate(2deg)}.family-profile-card:before{content:"";background:#acd7c6bb;width:36%;height:26px;position:absolute;top:-12px;left:32%;transform:rotate(4deg)}.family-profile-card .family-avatar{width:142px;height:142px;margin-top:8px}.family-profile-pick{width:100%;color:inherit;background:0 0;border:none;flex-direction:column;align-items:center;gap:12px;padding:24px 12px 12px;display:flex}.family-profile-pick strong{overflow-wrap:anywhere;max-width:100%;font-size:23px}.family-profile-pick>span:not(.family-avatar){font-size:14px}.family-pick-label{color:var(--family-rim)}.family-edit{min-height:64px;color:var(--family-muted);background:0 0;border:0;width:100%;text-decoration:underline}.family-add{border:2px dashed var(--family-line);min-height:240px;color:var(--family-muted);background:#fffbee99;border-radius:12px;margin:12px 4px}.family-add span{font-size:42px;display:block}.family-guardian{border-top:1px solid var(--family-line);align-items:center;gap:16px;padding:24px 0;display:flex}.family-guardian .family-avatar{width:64px;height:64px;font-size:19px}.family-guardian>div{overflow-wrap:anywhere;flex:1;min-width:0}.family-guardian p{font-size:14px}.family-crayon-tabs{gap:8px;display:flex;position:absolute;top:-4px;left:44%}.family-crayon-tabs i{background:#ffa4b5;border-radius:0 0 6px 6px;width:16px;height:29px;box-shadow:inset -3px 0 #ffffff30}.family-crayon-tabs i:nth-child(2){background:#f8d86b;height:33px}.family-crayon-tabs i:nth-child(3){background:#96d5be}.family-crayon-tabs i:nth-child(4){background:#a6d9ec;height:35px}.family-crayon-tabs i:nth-child(5){background:#c7b5e5}.family-crayon-tabs i:nth-child(6){background:#f5b894;height:32px}.family-sticker-scene{height:210px;margin:8px -4px;position:relative}.family-sticker-bear{width:133px;position:absolute;top:25px;left:12px;transform:rotate(-8deg)}.family-sticker-rabbit{width:118px;position:absolute;top:34px;right:12px;transform:rotate(9deg)}.family-sticker-star{color:#e8b340;font-size:32px;position:absolute;top:0;left:8px}.family-sticker-heart{color:#e9969b;font-size:22px;position:absolute;top:10px;right:16px;transform:rotate(14deg)}.family-mini-book{color:#ab7250;background:repeating-linear-gradient(0deg,#fff6d4 0 22px,#e9dcb3 22px 23px);border:4px solid #fff;border-radius:5px 5px 13px 7px;padding:10px 8px;font:25px Jua,sans-serif;position:absolute;bottom:3px;left:20px;right:15px;transform:rotate(-5deg);box-shadow:0 4px #dccdb2}.family-mini-book span{margin-top:6px;font-size:12px;display:block}@media (width<=850px){.family-layout{grid-template-columns:minmax(0,1fr);gap:24px}.family-rail{padding:16px 12px;transform:none}.family-rail:before,.family-rail>p,.family-rail-note{display:none}.family-rail ol{justify-content:space-between;gap:12px;display:flex}.family-rail li{gap:8px;font-size:14px}}@media (width<=500px){.family-header{padding:24px 16px}.family-brand{font-size:26px}.family-parent-label{padding:8px 12px;font-size:12px}.family-layout{padding:0 12px 40px}.family-header{margin-top:8px}.family-crayon-tabs{display:none}.family-panel{border-radius:24px;padding:28px 20px}.family-panel h1{font-size:28px}.family-rail li{flex-direction:column}.family-rail li>span{width:32px;height:32px}.family-photo-row{flex-direction:column;align-items:start;gap:16px}.family-characters,.family-ages>div{grid-template-columns:repeat(2,minmax(0,1fr))}.family-profile-grid{grid-template-columns:minmax(0,1fr)}.family-add{min-height:100px}.family-guardian{flex-wrap:wrap}.family-guardian .family-button{width:100%}.family-actions{flex-wrap:wrap}.family-button{padding:16px 20px}}[data-theme=tteul] .family-page{--family-paper:#fff0ef;--family-surface:#fff8f7;--family-ink:#412f38;--family-muted:#574143;--family-coral:#b8474d;--family-rim:#96394f;--family-blue:#e0f5f0;--family-line:#dec4cc;--family-sage:#e3ecd9;background-color:#f1dedc}[data-theme=tteul] .family-rail,[data-theme=tteul] .family-panel,[data-theme=tteul] .integrated-learning .card-cute,[data-theme=tteul] .integrated-learning .mode-card,[data-theme=tteul] .integrated-learning .lesson-detail,[data-theme=tteul] .site-app .voice-section,[data-theme=tteul] .site-app .voice-create{background-color:var(--family-surface)}[data-theme=tteul] .family-primary{background-color:var(--family-coral)}.tablet-pages,.tablet-list{flex-direction:column;flex:1;gap:16px;min-width:0;height:100%;min-height:0;display:flex}.tablet-pages-content{flex:1;min-width:0;min-height:0}.tablet-step{flex-direction:column;gap:14px;min-width:0;height:100%;min-height:0;display:flex}.tablet-step[hidden]{display:none!important}.tablet-list-grid{flex:1;align-content:start;gap:12px;min-width:0;min-height:0;display:grid}.tablet-list-item{min-width:0;min-height:0}.tablet-list-item>button,.tablet-list-item>a{width:100%;height:100%}.tablet-pager{flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.tablet-pager button{white-space:nowrap;min-width:112px;min-height:64px;padding:10px 18px}.tablet-pager span{white-space:nowrap;font-size:16px}.tablet-screen{flex-direction:column;gap:12px;min-width:0;height:100%;min-height:0;display:flex}.tablet-screen-heading{flex:none}.tablet-screen-body{flex:1;min-width:0;min-height:0}.tablet-section-nav{flex:none;gap:8px;min-height:52px;display:flex}.tablet-section-nav>button{border:2px solid var(--family-line,#dfd3b9);background:var(--family-paper,#fffdf3);min-width:0;min-height:52px;color:var(--family-ink,#503d37);border-radius:14px;flex:1;padding:7px 12px;font:17px Jua,sans-serif;position:relative}.tablet-section-nav>button[aria-pressed=true]{border-color:var(--family-rim,#a93349);background:var(--family-sage,#e3ecd9);box-shadow:inset 0 -4px 0 var(--family-rim,#a93349)}.tablet-section-nav>button[aria-pressed=true]:after{content:"";background:#74a763;border:3px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;top:9px;right:10px;box-shadow:0 0 0 1px #a9c19d}.tablet-section-nav>label{align-items:center;gap:16px;width:100%;font:18px Jua,sans-serif;display:flex}.tablet-section-nav select{border:2px solid var(--family-line,#dfd3b9);background:var(--family-paper,#fffdf3);min-width:0;min-height:64px;font:inherit;border-radius:14px;flex:1;padding:12px}.tablet-section-nav button:focus-visible,.tablet-section-nav select:focus-visible{outline-offset:2px;outline:3px solid #00668a}@media (height<=650px) and (width>=900px){.tablet-pages:has(>.tablet-pager){grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 112px;gap:12px;display:grid}.tablet-pages>.tablet-pager{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:12px;min-height:0;display:grid}.tablet-pages>.tablet-pager span{text-align:center;grid-area:1/1/auto/-1}.tablet-pages>.tablet-pager button{width:100%;min-width:0;padding:8px;font-size:0}.tablet-pages>.tablet-pager button:before{font-size:22px}.tablet-pages>.tablet-pager button:first-child:before{content:"←"}.tablet-pages>.tablet-pager button:last-child:before{content:"→"}}@media (width<=600px){.tablet-pages,.tablet-list{gap:12px}.tablet-step{gap:10px}.tablet-section-nav{gap:5px;min-height:50px}.tablet-section-nav>button{overflow-wrap:anywhere;border-radius:12px;min-height:50px;padding:5px 6px;font-size:14px;line-height:1.2}.tablet-section-nav>button[aria-pressed=true]{box-shadow:inset 0 -3px 0 var(--family-rim,#a93349)}.tablet-section-nav>button[aria-pressed=true]:after{border-width:2px;width:8px;height:8px;top:6px;right:6px}.tablet-section-nav>label{gap:8px;font-size:15px}.tablet-section-nav select{min-height:50px;padding:8px}.tablet-pager{gap:8px;min-height:52px}.tablet-pager button{min-width:88px;min-height:52px;padding:8px 12px}.tablet-pager span{font-size:14px}.tablet-screen{gap:8px}}.outline-text{max-width:100%;color:inherit;font-size:inherit;flex-shrink:1;display:inline-block;overflow:visible}.outline-text-placeholder{fill:currentColor;opacity:.08}.outline-text[data-outline-status=error] .outline-text-placeholder{opacity:.18}.outline-text-error-mark{fill:none;stroke:currentColor;stroke-width:.08px;stroke-linecap:round}.curriculum-screen{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex}.curriculum-heading{flex:none;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.site-app .curriculum-heading>h1{white-space:normal;overflow-wrap:anywhere;flex:1 1 0;min-width:0;margin:0}.curriculum-heading .curriculum-language{white-space:nowrap;flex-direction:row;flex:none;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.curriculum-heading .curriculum-language select{width:auto;min-width:90px}.curriculum-content{border:0;flex-direction:column;flex:1;min-width:0;min-height:0;margin:0;padding:0;display:flex}.curriculum-content>.tablet-pages{flex:1;min-height:0}.curriculum-current,.curriculum-request{border:0;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:16px;min-height:0;padding:16px;display:flex}.curriculum-request .family-field{width:100%}.curriculum-revision{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.curriculum-revision select{min-width:0;max-width:60%}.curriculum-error{flex:none;align-items:center;gap:12px;display:flex}.curriculum-error>span{flex:1}.curriculum-plan{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex}.curriculum-summary{background:var(--family-blue);border-radius:12px;flex-direction:column;flex:none;gap:6px;padding:12px 14px;display:flex}.curriculum-summary-main{color:var(--family-ink);margin:0;font-size:15px;font-weight:700;line-height:1.45}.curriculum-summary-sub{color:var(--family-muted);margin:0;font-size:13px;line-height:1.4}.curriculum-plan-body{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.curriculum-plan-body>.tablet-pages{flex:1;min-height:0}.curriculum-group{border:1px solid var(--family-line);background:var(--family-surface);box-shadow:0 2px 0 var(--family-line);border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex}.curriculum-group-head{align-items:center;gap:12px;display:flex}.curriculum-group-head h3{color:var(--family-ink);margin:0;font-size:14px}.curriculum-goal-glyph{min-height:52px;color:var(--family-ink);background:#e6f6e9;border:2px solid #66bb6a;border-radius:12px;justify-content:center;align-items:center;padding:8px 14px;font-size:30px;line-height:1;display:inline-flex}.curriculum-goal-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.curriculum-chain{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.curriculum-chain-label{color:var(--family-muted);margin-right:2px;font-size:12px}.curriculum-chip{border:2px solid var(--family-line);background:var(--family-paper);border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:44px;padding:6px 10px;display:flex}.curriculum-chip-glyph{color:var(--family-ink);font-size:22px;line-height:1}.curriculum-chip-tag{color:var(--family-muted);white-space:nowrap;font-size:10px}.curriculum-chip.role-jamo{border-color:var(--role-jamo-line);background:var(--role-jamo-surface)}.curriculum-chip.role-syllable{border-color:var(--role-syllable-line);background:var(--role-syllable-surface)}.curriculum-chip.role-target{border-color:var(--role-target-line);background:var(--role-target-surface)}.curriculum-chip.role-weak{border-color:var(--family-rim);background:var(--selection-surface)}.curriculum-badge{color:#1f7a34;background:#e6f6e9;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}.curriculum-level{color:var(--family-muted);border:1px solid var(--family-line);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.curriculum-kind{color:var(--family-muted);font-size:11px}.curriculum-group-summary{color:var(--family-muted);background:var(--family-paper);border-radius:10px;margin:0;padding:8px 10px;font-size:13px;line-height:1.5}.curriculum-note{border:1px dashed var(--family-line);background:var(--family-paper);border-radius:12px;flex:none;padding:10px 12px}.curriculum-note strong{color:var(--family-ink);margin-bottom:4px;font-size:13px;display:block}.curriculum-note p{color:var(--family-muted);margin:0;font-size:13px;line-height:1.45}.curriculum-review{background:var(--family-paper);border:1px dashed var(--family-line);border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:12px;display:flex}.curriculum-review-score{color:var(--family-ink);font-size:14px;font-weight:700}.curriculum-review-comment{color:var(--family-muted);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}.curriculum-insights{color:var(--family-muted);flex:none;font-size:13px}.curriculum-insights summary{cursor:pointer;color:var(--family-ink);font-weight:600}.curriculum-insights ul{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.curriculum-insights li{flex-direction:column;gap:2px;display:flex}.curriculum-insights li strong{color:var(--family-ink);font-size:13px}.curriculum-plan-foot{border-top:1px solid var(--family-line);flex:none;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.curriculum-preview{color:var(--family-muted);font-size:13px}.curriculum-foot-actions{flex:none;gap:8px;display:flex}.curriculum-state{text-align:center;justify-content:center;align-items:center;gap:12px}.curriculum-state-icon{font-size:40px}.curriculum-state h2{margin:0}.curriculum-state p{color:var(--family-muted);max-width:32ch;margin:0}.curriculum-dialog-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.curriculum-dialog{background:var(--family-surface);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:420px;padding:18px;display:flex;box-shadow:0 10px 40px #00000040}.curriculum-dialog-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.curriculum-dialog-head h2{color:var(--family-ink);margin:0;font-size:18px}.curriculum-dialog-close{cursor:pointer;color:var(--family-muted);background:0 0;border:0;padding:4px 8px;font-size:18px}.curriculum-dialog .curriculum-request{flex:none;gap:6px;padding:0}.curriculum-field-hint{color:var(--family-muted);margin:0 0 6px;font-size:12px;line-height:1.45}.curriculum-dialog-error{color:#9f1239;background:#ffe4e9;border-radius:10px;margin:0;padding:8px 12px;font-size:13px;line-height:1.45}.curriculum-dialog-progress{background:var(--family-blue);color:var(--family-muted);border-radius:10px;margin:0;padding:8px 12px;font-size:13px;line-height:1.45}.curriculum-dialog-foot{justify-content:flex-end;gap:8px;display:flex}@media (height<=650px) and (width>=900px){.curriculum-request{grid-template-columns:1fr 1fr;align-content:center;gap:8px;display:grid}.curriculum-request h2,.curriculum-request>.family-field{grid-column:1/-1}.curriculum-goal-glyph{min-height:44px;padding:6px 10px;font-size:24px}}.curriculum-request-page{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex;overflow:auto}.curriculum-manual{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px;display:flex}.curriculum-manual-body{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.curriculum-manual-body>.tablet-list{flex:1;min-height:0}.curriculum-manual-count{color:var(--family-rim);font-size:14px}.curriculum-manual .family-field{width:100%;min-width:0}.curriculum-manual select{width:100%;min-width:0;max-width:100%}.curriculum-manual-char{border:2px solid var(--family-line);background:var(--family-paper);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;width:100%;height:100%;min-height:56px;font-size:28px;display:flex}.curriculum-manual-char.selected{border-color:var(--family-rim);background:#ffeccc}.curriculum-manual-char:disabled{opacity:.45;cursor:default}@media (width>=601px) and (height>=501px){.curriculum-manual-body{grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;display:grid}.curriculum-manual-body>.family-field{grid-area:1/1}.curriculum-manual-body>.family-secondary{grid-area:1/2}.curriculum-manual-count{grid-area:2/1/auto/-1}.curriculum-manual-body>.tablet-list{grid-area:3/1/auto/-1;align-self:stretch}.curriculum-manual-body>.family-primary,.curriculum-manual-body>p:last-child,.curriculum-manual-body>.family-note{grid-column:1/-1}}@media (width>=601px) and (height<=500px){.tablet-step>.curriculum-request{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;align-content:center;gap:6px 16px;padding:4px;display:grid}.site-app .tablet-step>.curriculum-request h2{grid-area:1/1;margin:0;font-size:17px;line-height:1.3}.tablet-step>.curriculum-request>.parent-check{grid-area:2/1;font-size:13px}.tablet-step>.curriculum-request>.family-field{grid-area:1/2/3;gap:4px;font-size:13px}.site-app .tablet-step>.curriculum-request input:not([type=checkbox]){min-height:40px;padding:6px;font-size:13px}.tablet-step>.curriculum-request>.family-button{grid-area:3/1;min-height:40px;padding:4px 10px;font-size:15px!important}.site-app .tablet-step>.curriculum-request>p{grid-area:3/2;margin:0;font-size:12px;line-height:1.4}.curriculum-dialog-overlay{padding:12px}.curriculum-dialog{gap:6px;max-width:640px;padding:12px}.curriculum-dialog .curriculum-request{grid-template-columns:1fr 1fr;align-items:start;gap:4px 12px;display:grid}.curriculum-dialog .curriculum-request>.parent-check{grid-area:1/1}.curriculum-dialog .curriculum-request>.curriculum-field-hint{grid-area:2/1}.curriculum-dialog .curriculum-request>.family-field{grid-area:1/2;gap:2px}.curriculum-dialog .curriculum-request>.curriculum-field-hint:last-child{grid-area:2/2}.site-app .curriculum-dialog input:not([type=checkbox]){min-height:36px;padding:4px 8px}.curriculum-dialog :is(.curriculum-field-hint,.family-note,.curriculum-dialog-error,.curriculum-dialog-progress){margin:0;padding:4px;font-size:11px;line-height:1.3}.curriculum-dialog-foot .family-button{min-height:40px;padding:4px 12px;font-size:14px!important}.curriculum-manual{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:6px 12px;padding:4px;display:grid}.site-app .curriculum-manual h2{margin:0;font-size:16px;line-height:1.3}.site-app .curriculum-manual p{margin:0;font-size:11px;line-height:1.35}.curriculum-manual>p{grid-column:1}.curriculum-manual-body{grid-area:1/2/-1;grid-template-rows:44px 20px minmax(36px,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 8px;display:grid}.site-app .curriculum-manual .family-field{grid-column:1;gap:2px;font-size:11px;line-height:1.2;display:flex}.site-app .curriculum-manual select{min-height:28px;padding:2px;font-size:11px}.curriculum-manual-count{grid-column:1}.curriculum-manual-body>.tablet-list{grid-area:1/2/3}.site-app .curriculum-manual-body>.family-button{grid-column:1;min-height:36px;padding:4px;font-size:12px!important}.curriculum-manual-body>p:last-child{grid-area:3/2}.curriculum-error{gap:6px;font-size:11px;line-height:1.3}.site-app .curriculum-error .family-button{min-height:36px;padding:4px 8px;font-size:12px}.site-app .curriculum-screen{gap:4px}.site-app .curriculum-heading h1{font-size:20px;line-height:1.2}.curriculum-content>.tablet-pages{gap:4px}.site-app .curriculum-content>.tablet-pages>.tablet-section-nav button{height:44px;min-height:44px;padding:4px;font-size:13px}.site-app .curriculum-content>.tablet-pages>.tablet-section-nav{height:44px;min-height:44px}.site-app .curriculum-language select{min-height:44px;padding:4px;font-size:14px}.site-app .curriculum-plan-body .tablet-pager{height:44px;min-height:44px}.curriculum-plan{gap:4px}.curriculum-revision{font-size:11px}.curriculum-plan-foot{gap:4px;padding-top:4px}.curriculum-preview{font-size:11px}.site-app .curriculum-plan :is(.curriculum-foot-actions,.tablet-pager) .family-button{min-height:44px;padding:4px;font-size:12px}.curriculum-plan-body .tablet-pages{gap:4px}.curriculum-group{grid-template-columns:1fr 1fr 2fr;align-items:center;gap:4px;padding:2px;display:grid}.curriculum-group-head,.curriculum-chain{gap:4px}.curriculum-goal-glyph{min-height:30px;padding:2px;font-size:22px}.curriculum-chip{min-width:28px;padding:2px}.curriculum-chip-glyph{font-size:18px}.curriculum-group-summary{padding:4px;font-size:11px}.curriculum-summary{gap:4px;padding:6px}.curriculum-summary-main{font-size:13px}.curriculum-summary-sub{font-size:11px}.curriculum-review{grid-template-columns:130px minmax(0,1fr);align-items:start;gap:8px;padding:4px 6px;display:grid}.curriculum-review-score,.curriculum-review-comment{font-size:13px;line-height:1.4}}@media (width>=900px) and (height>=501px) and (height<=750px){.curriculum-manual{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:8px 16px;padding:4px;display:grid}.site-app .curriculum-manual>h2{margin:0;font-size:20px;line-height:1.3}.site-app .curriculum-manual>p{grid-column:1;margin:0;font-size:14px;line-height:1.5}.curriculum-manual-body{grid-area:1/2/-1;grid-template-rows:auto auto minmax(0,1fr) auto;gap:6px 12px}.site-app .curriculum-manual-body>.family-field{gap:4px;font-size:13px}.site-app .curriculum-manual select{min-height:44px;padding:6px;font-size:14px}.site-app .curriculum-manual-body>.family-button{min-height:44px;padding:6px 12px;font-size:15px!important}.curriculum-manual-body>.family-primary{grid-row:4}.site-app .curriculum-manual-body>p:last-child{grid-area:2/2;margin:0;font-size:12px;line-height:1.3}.curriculum-manual-count{grid-area:2/1}}@media (width<=600px){.curriculum-manual{gap:6px;padding:4px}.site-app .curriculum-manual h2{font-size:18px;line-height:1.2}.site-app .curriculum-manual p{font-size:12px;line-height:1.4}.curriculum-manual-body{gap:4px}.curriculum-manual .family-field{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:4px;font-size:12px;display:grid}.site-app .curriculum-manual .family-field>span{font-size:12px;line-height:1.3}.curriculum-error{gap:6px;font-size:12px;line-height:1.35}.site-app .curriculum-error .family-button{min-height:44px;padding:4px 8px;font-size:12px}.site-app .curriculum-manual select{min-height:44px;padding:4px;font-size:12px}.site-app .curriculum-manual-body>.family-button{min-height:44px;padding:4px;font-size:13px!important}.site-app .curriculum-screen{gap:6px}.site-app .curriculum-heading h1{font-size:20px;line-height:1.2}.curriculum-heading{align-items:start;gap:8px}.curriculum-heading .curriculum-language{flex-direction:column;gap:2px;font-size:12px}.site-app .curriculum-language select{min-height:44px;padding:4px;font-size:14px}.curriculum-content>.tablet-pages>.tablet-section-nav label{gap:6px;font-size:12px}.curriculum-content>.tablet-pages>.tablet-section-nav select{min-height:44px;font-size:12px}.curriculum-plan{gap:6px}.curriculum-revision{font-size:12px}.curriculum-summary{gap:4px;padding:6px}.curriculum-summary-main{font-size:12px}.curriculum-summary-sub{font-size:11px}.curriculum-plan-foot{flex-direction:column;align-items:stretch;gap:4px;padding-top:4px}.curriculum-preview{font-size:11px}.curriculum-foot-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.site-app .curriculum-foot-actions .family-button{white-space:nowrap;min-height:44px;padding:4px;font-size:12px}.curriculum-group{grid-template-columns:1fr 1fr;align-items:start;gap:4px;padding:6px;display:grid}.curriculum-group-head{gap:4px}.curriculum-goal-glyph{min-height:36px;padding:4px;font-size:24px}.curriculum-chain{gap:4px}.curriculum-chain-label{font-size:10px}.curriculum-chip{min-width:32px;padding:3px}.curriculum-chip-glyph{font-size:20px}.curriculum-group-summary{grid-column:1/-1;padding:4px;font-size:11px}.curriculum-plan-body .tablet-pager .family-button{min-height:44px;padding:4px;font-size:12px}}@media (height<=650px) and (width>=900px){.curriculum-request{grid-template-columns:1fr 1fr;align-content:center;gap:8px;display:grid}.curriculum-request h2,.curriculum-request>.family-field{grid-column:1/-1}.curriculum-request p{font-size:14px}}.learner-layout{grid-template-columns:215px minmax(0,1fr)}.learner-identity{align-items:center;gap:12px;display:flex}.learner-tiny-avatar{background:#ffe4e6;border:3px solid #fff;border-radius:50%;width:46px;height:46px;display:block;overflow:hidden}.learner-tiny-avatar img{object-fit:cover;width:100%;height:100%}.learner-identity button,.learner-identity a,.learner-parent-entry button,.learner-parent-entry a{color:var(--family-muted);background:0 0;border:none;align-items:center;min-height:44px;font-size:13px;text-decoration:underline;display:inline-flex}.learner-identity strong{overflow-wrap:anywhere;max-width:120px}.learner-rail nav{gap:12px;display:grid}.learner-rail nav button{text-align:left;min-height:64px;color:var(--family-ink);background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;font-family:Jua,sans-serif;display:flex}.learner-rail nav button span{font-size:26px}.learner-rail nav button[aria-current]{background:#ffe3a8;box-shadow:0 3px #edce8e}.learner-companion{text-align:center;margin:26px 0}.learner-companion svg{width:140px;margin:auto}.learner-companion p{font:18px/1.7 Jua,sans-serif}.learner-parent-entry{border-top:1px dashed var(--family-line);text-align:center;padding-top:20px;font-size:12px}.learner-panel{padding:24px 28px}.learner-page-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.learner-paper-label{background:#fff0b4;padding:4px 10px;font-size:12px;transform:rotate(-2deg)}.learner-example-tag{color:var(--family-muted);font-size:11px}.learner-panel h1{margin-bottom:8px}.learner-panel .family-intro{font-size:16px}.learner-continue{background:#fff2cd;border:2px solid #e7d5a0;border-radius:16px;grid-template-columns:minmax(0,1fr) 160px;gap:24px;margin:24px 0;padding:24px;display:grid;box-shadow:0 4px #eadcb5}.learner-bookmark{color:#80602a;font-size:12px;font-weight:700}.learner-continue h2{margin:8px 0;font-size:28px;font-weight:400}.learner-continue p{font-size:14px}.learner-continue .family-button{width:100%;margin-top:14px}.learner-letter-note{background:#fffef8;border:5px solid #fff;outline:1px solid #e4d8bc;flex-direction:column;justify-content:center;align-self:center;align-items:center;padding:20px 8px;display:flex;transform:rotate(4deg);box-shadow:2px 4px #dcca9b}.learner-letter-note span,.learner-letter-note small{font-size:12px}.learner-letter-note b{color:#d9566f;font:86px/1.5 Jua,sans-serif}.learner-progress-track{background:#e7dbb9;border:3px solid #fff;border-radius:20px;height:13px;margin-top:16px;overflow:hidden}.learner-progress-track span{border-radius:inherit;background:#76bba3;height:100%;display:block}.learner-progress-label{justify-content:space-between;gap:8px;margin-top:7px;display:flex;font-size:12px!important}.learner-progress-label span{color:#80602a}.learner-section-title{justify-content:space-between;align-items:center;gap:12px;margin:26px 0 14px;display:flex}.learner-section-title h2{font-size:23px;font-weight:400}.learner-section-title>span{font-size:11px}.learner-plan-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.learner-plan-card{color:var(--family-ink);text-align:left;background:#fffef8;border:1px solid #dfd4bd;border-radius:8px;padding:18px;position:relative;box-shadow:2px 4px #e8dfcc}.learner-plan-card:before{content:"";background:#c5ddd0c9;width:56px;height:16px;position:absolute;top:-8px;right:20px;transform:rotate(8deg)}.learner-card-mark{float:right;border:3px solid #fff;border-radius:12px;padding:10px 8px;font:22px Jua,sans-serif;transform:rotate(6deg)}.learner-card-mark.mint{background:#d9eee1}.learner-card-mark.butter{background:#ffebbd}.learner-card-label{margin:4px 0 10px;font-size:11px;display:block}.learner-plan-card strong{font:21px Jua,sans-serif;display:block}.learner-plan-card p{margin:8px 0;font-size:15px}.learner-plan-card small{color:#80602a;font-size:11px}.learner-bottom-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;display:grid}.learner-record-note{background:#fffdf4;border:1px dashed #d8ceb8;border-radius:12px;padding:18px}.learner-record-note h2{font-size:19px;font-weight:400}.learner-record-note>div{align-items:center;gap:12px;margin-top:8px;font-size:12px;display:flex}.learner-record-note b{font:25px Jua,sans-serif}.learner-record-note strong{color:#347b5e;margin-left:auto}.learner-record-note .family-muted{font-size:11px}.learner-text-button{color:var(--family-muted);background:0 0;border:0;min-height:44px;text-decoration:underline;font-size:12px!important}.learner-story-note{text-align:left;color:var(--family-ink);background:#f5e8e0;border:1px solid #e2cfc2;border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex}.learner-story-note strong{font:19px/1.5 Jua,sans-serif}.learner-story-note small{margin-top:12px;font-size:11px;display:block}.learner-picture{background:#dff0ec;border:6px solid #fff;border-bottom-width:18px;flex-shrink:0;width:84px;height:108px;position:relative;overflow:hidden;transform:rotate(-7deg);box-shadow:2px 3px #dfcabe}.learner-picture i{background:#f7d981;border-radius:50%;width:26px;height:26px;position:absolute;top:7px;right:6px}.learner-picture b{color:#76b29a;font-size:65px;position:absolute;bottom:-20px;left:7px}.learner-lesson-path{flex-wrap:wrap;gap:16px;margin:32px 0;display:flex}.learner-lesson-path>div{text-align:center;background:#fff;border:2px dashed #daceb6;border-radius:14px;min-width:88px;padding:12px}.learner-lesson-path .done{background:#e6f3e9}.learner-lesson-path strong{font:42px Jua,sans-serif;display:block}.learner-lesson-path span{font-size:12px}.learner-record-heading{flex-wrap:wrap;justify-content:space-between;gap:12px;margin:30px 0 20px;display:flex}.learner-record-heading h2{font-size:21px}.learner-record-heading span{font-size:12px}.learner-history article{border-bottom:1px dashed var(--family-line);background:#fffdf4;align-items:center;gap:20px;padding:18px;display:flex}.learner-history article>b{width:48px;font:40px Jua,sans-serif}.learner-history p{margin-top:5px;font-size:13px}.learner-history article>span{color:#347b5e;margin-left:auto}.learner-story-empty{text-align:center;justify-items:center;gap:18px;padding:28px 0;display:grid}.learner-story-empty>svg{width:160px}.learner-story-empty p{font-size:16px}@media (width<=850px){.learner-layout{grid-template-columns:minmax(0,1fr)}.learner-rail nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.learner-rail nav button{justify-content:center;padding:4px;font-size:16px}.learner-companion,.learner-parent-entry{display:none}}@media (width<=600px){.learner-identity{gap:7px}.learner-identity strong{display:none}.learner-identity button,.learner-identity a{font-size:11px}.learner-tiny-avatar{width:32px;height:32px}.learner-panel{padding:20px 16px}.learner-page-top{margin-bottom:14px}.learner-paper-label{z-index:0;align-items:center;min-height:28px;display:inline-flex;position:relative}.learner-continue{grid-template-columns:minmax(0,1fr);padding:18px}.learner-letter-note{display:none}.learner-plan-cards,.learner-bottom-grid{grid-template-columns:minmax(0,1fr)}.learner-section-title{flex-direction:column;align-items:start;gap:3px}.learner-rail nav button{gap:6px;font-size:14px}.learner-rail nav button span{font-size:21px}.learner-header .family-brand{font-size:22px}.learner-picture{width:95px}}.parent-panel h1{word-break:keep-all;font-size:29px}.parent-child-select{gap:8px;margin-bottom:22px;font-size:13px;display:grid}.parent-child-select select{border:1px solid var(--family-line);min-height:56px;color:var(--family-ink);background:#fffdf3;border-radius:18px;width:100%;padding:10px 14px;font:20px Jua,sans-serif}.parent-rail nav button{word-break:keep-all;font-size:16px}.parent-current{background:#fff0c6;border:1px solid #e4d09e;border-radius:14px;margin:24px 0;padding:20px 24px;box-shadow:0 3px #e9ddbe}.parent-current h2{margin:5px 0;font-size:24px}.parent-current p{font-size:15px}.parent-current small{color:var(--family-muted);font-size:12px}.parent-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.parent-paper{border:1px solid var(--family-line);background:#fffef8 linear-gradient(#e9deca45 1px,#0000 1px) 0 0/100% 24px;border-radius:20px;padding:22px;box-shadow:2px 4px #e9e0cb}.parent-paper h2{font-size:21px;line-height:1.5}.parent-paper p{margin:14px 0;font-size:14px}.parent-paper .family-button{width:100%;margin-top:16px;padding:12px;font-size:16px!important}.parent-letter-chips{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.parent-letter-chips span{background:#e2efdd;border:3px solid #fff;border-radius:10px;padding:12px;font:26px Jua,sans-serif;transform:rotate(-3deg);box-shadow:1px 3px #d5dfcc}.parent-letter-chips span:nth-child(2n){background:#ffebca;transform:rotate(3deg)}.parent-check{align-items:center;gap:10px;margin:12px 0;font-size:14px;display:flex}.parent-check input{width:20px;height:20px;accent-color:var(--family-rim)}.parent-page textarea{resize:vertical;border:1px solid var(--family-line);width:100%;min-height:94px;color:var(--family-ink);background:#fffdf4;border-radius:18px;padding:12px;font:15px/1.7 Noto Sans KR,sans-serif}.parent-page .family-field{font-size:14px}.parent-proposal{background:#eef6e9;border:2px dashed #b3cdb9;border-radius:14px;margin-top:24px;padding:24px}.parent-proposal h2{margin:8px 0;font-size:24px}.parent-proposal p{margin-bottom:16px;font-size:14px}.parent-pending{background:#fff3d9;border-radius:18px;padding:12px}.parent-applied{color:#386649;margin-top:24px;font-size:15px}.parent-applied span{font-size:11px}.parent-story-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:24px;display:grid}.parent-photo-card{border:1px solid var(--family-line);background:#fffef8;border-radius:20px;align-self:start;padding:18px}.parent-photo-card>img{object-fit:contain;background:#f4ecda;border:6px solid #fff;width:100%;max-height:240px}.parent-photo-picker{text-align:center;cursor:pointer;background:#fff4d6;border:2px dashed #d7bd87;border-radius:18px;align-content:center;justify-items:center;gap:16px;min-height:290px;padding:28px 18px;display:grid;position:relative}.parent-photo-picker:hover{background:#fff0c2;border-color:#aa7847}.parent-photo-picker:focus-within{outline-offset:5px;outline:3px solid #00668a}.parent-photo-picker input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;position:absolute;inset:0}.parent-photo-picker>img{object-fit:contain;border:6px solid #fff;border-radius:8px;width:100%;max-height:220px}.parent-photo-picker strong{word-break:keep-all;overflow-wrap:normal;font:23px/1.4 Jua,sans-serif}.parent-photo-picker>span:not(.parent-upload-icon):not(.parent-upload-cta){font-size:13px;line-height:1.6}.parent-upload-icon{background:#fff;border:1px solid #ecdbb3;border-radius:22px;place-items:center;width:82px;height:82px;display:grid;transform:rotate(-6deg);box-shadow:2px 4px #e5d1a5}.parent-upload-icon svg{fill:none;stroke:#ab8155;stroke-width:3px;stroke-linejoin:round;stroke-linecap:round;width:54px}.parent-upload-cta{color:#653e3e;background:#f8abb4;border-radius:15px;justify-content:center;align-items:center;gap:18px;min-height:54px;padding:10px 26px;font-weight:700;display:inline-flex;box-shadow:0 4px #d77d8c}.parent-photo-help{color:var(--family-muted);text-align:center;margin:16px 0;font-size:12px;line-height:1.8}.parent-photo-card .family-button{width:100%;margin-top:18px;padding:10px;font-size:14px}.parent-photo-card .family-muted{margin:8px 0;font-size:12px}.parent-draft{align-content:start;gap:16px;display:grid}.parent-draft-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.parent-draft-heading h2{font-size:23px}.parent-draft-heading span{color:var(--family-muted);font-size:11px}.parent-empty-copy{background:#fffdf4;border-radius:18px;min-height:140px;padding:24px;font-size:14px}.parent-story-preview{background:#fff6db;border:3px dashed #dfc89c;border-radius:16px;margin-top:28px;padding:28px}.parent-story-preview h2{overflow-wrap:anywhere;margin:12px 0;font-size:26px}.parent-story-preview>img{object-fit:contain;border:6px solid #fff;max-width:100%;max-height:220px}.parent-story-preview>p{overflow-wrap:anywhere;line-height:2}.parent-story-preview .family-muted{margin-top:15px;font-size:12px}.parent-page button:disabled{opacity:.5;cursor:not-allowed}.parent-empty{text-align:center;justify-items:center;gap:14px;padding:40px 10px;display:grid}.parent-empty svg{width:150px}.parent-publications{gap:24px;margin-top:24px;display:grid}.parent-publications article{border:1px solid var(--family-line);background:#fff8e4;border-radius:20px;padding:24px}.parent-publications h2{overflow-wrap:anywhere;margin:12px 0}.parent-publications p{overflow-wrap:anywhere;line-height:2}.parent-publications img{object-fit:contain;max-width:100%;max-height:180px}.parent-library-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px;display:flex}.parent-library-heading .family-primary{font-size:17px!important}.parent-library-empty{text-align:center;border:2px dashed var(--family-line);background:#fffaf0;border-radius:18px;justify-items:center;gap:18px;padding:48px 20px;display:grid}.parent-library-empty svg{width:150px;height:150px}.parent-library-empty h2{font-size:23px}.parent-library-empty p{font-size:15px;line-height:1.8}.parent-draft-row{background:#fff0cc;border:1px solid #dfcda5;border-radius:14px;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:16px;padding:22px;display:flex}.parent-draft-row>div{overflow-wrap:anywhere;flex:1;min-width:160px}.parent-draft-row h2{margin:6px 0;font-size:21px}.parent-draft-row p{font-size:13px}.parent-draft-row .family-button{font-size:14px}.parent-draft-stamp{color:#88642d;border:2px dashed #d5ae62;border-radius:10px;padding:12px;font-family:Jua,sans-serif;transform:rotate(-5deg)}.parent-photo-stage{max-width:490px;margin:0 auto;display:block}.parent-story-list{gap:16px;display:grid}.parent-story-row{border:1px solid var(--family-line);width:100%;color:var(--family-ink);text-align:left;background:#fffdf4;border-radius:18px;align-items:center;gap:20px;padding:20px;display:flex;box-shadow:0 3px #e9dfcb}.parent-story-thumb{background:#fff0c6;border:4px solid #fff;flex-shrink:0;width:68px;height:78px;display:block;transform:rotate(-4deg)}.parent-story-thumb img{object-fit:cover;width:100%;height:100%}.parent-story-row>span:nth-child(2){overflow-wrap:anywhere;flex:1;min-width:0}.parent-story-row strong{margin:8px 0;font:22px Jua,sans-serif;display:block}.parent-story-row small,.parent-story-row>span>span{font-size:12px}@media (width<=850px){.parent-rail .parent-child-select{align-items:center;gap:16px;margin-bottom:12px;display:flex}.parent-child-select select{width:150px}.parent-rail nav button{text-align:center;font-size:14px}}@media (width<=600px){.parent-plan-grid,.parent-story-grid{grid-template-columns:minmax(0,1fr)}.parent-paper{padding:18px}.parent-panel h1{font-size:26px}.parent-rail nav button{font-size:12px}.parent-proposal .family-button,.parent-story-preview .family-button{width:100%;padding:12px;font-size:16px!important}.parent-panel .parent-draft-row{grid-template-rows:auto 54px;grid-template-columns:auto minmax(0,1fr);gap:8px;height:100%;padding:10px}.parent-panel .parent-draft-row>.parent-draft-stamp{grid-area:1/1;align-self:start}.parent-panel .parent-draft-row>div{grid-area:1/2;align-self:center;min-width:0}.parent-panel .parent-draft-row>button{grid-row:2;width:100%;min-height:54px;padding:8px 10px}.parent-panel .parent-draft-row>button:not(.parent-discard){grid-column:1}.parent-panel .parent-draft-row>.parent-discard{grid-column:2}}.parent-weakness-section{background:#fef3e2;border:1px solid #e8d5b3;border-radius:14px;margin-bottom:24px;padding:20px 24px}.parent-weakness-section h2{margin:0 0 12px;font-size:21px}.parent-weakness-chips{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.parent-weakness-chip{background:#fffdf3;border:2px solid #f0d5a8;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:14px 18px;display:flex;box-shadow:1px 3px #ecdcc4}.parent-weakness-chip strong{color:#c2663a;font:28px Jua,sans-serif}.parent-weakness-chip small{color:var(--family-muted);text-align:center;font-size:11px;line-height:1.5}.parent-curriculum-result{background:#eef6e9;border:2px dashed #b3cdb9;border-radius:14px;padding:18px}.parent-curriculum-result h2{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 10px;font-size:20px;line-height:1.4;overflow:hidden}.parent-curriculum-result .parent-letter-chips{gap:8px;margin:10px 0}.parent-curriculum-result .parent-letter-chips span{padding:8px 10px;font-size:22px}.parent-curriculum-result .family-button{margin-top:12px}.parent-chip-word{background:#d8e8f8!important;box-shadow:1px 3px #c1d4e8!important}.parent-chip-reason{color:var(--family-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font:11px/1.4 Noto Sans KR,sans-serif;display:block;overflow:hidden;transform:none}.parent-curriculum-tip{text-overflow:ellipsis;-webkit-line-clamp:2;background:#fff8e4;border:1px solid #e8d5a0;border-radius:10px;-webkit-box-orient:vertical;margin:10px 0 0;padding:10px 14px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.parent-diagnosis-detail{background:#fffdf3;border:1px solid #d5e5d0;border-radius:18px;margin-top:10px}.parent-diagnosis-detail>summary{cursor:pointer;color:#386649;padding:10px 14px;font:15px Jua,sans-serif;list-style:none}.parent-diagnosis-detail>summary:before{content:"▸ "}.parent-diagnosis-detail[open]>summary:before{content:"▾ "}.parent-diagnosis-detail>:not(summary){padding:0 14px 12px}.parent-insight-row{border-bottom:1px solid #eee;padding:8px 0}.parent-insight-row:last-child{border-bottom:none}.parent-insight-row strong{margin-bottom:4px;font-size:13px;display:block}.parent-insight-row p{color:#555;margin:4px 0 0;font-size:12px}.parent-insight-row .parent-weakness-chips{margin:4px 0}.parent-insight-row .parent-weakness-chip{padding:4px 8px}.parent-insight-row .parent-weakness-chip strong{font-size:16px}.parent-library-filters,.parent-editor-actions{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.parent-library-filters [aria-pressed=true]{background:#e3edda;border-color:#7f9776}.parent-panel{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex}.parent-panel [hidden]{display:none!important}.parent-panel h1{margin:0;font-size:25px}.parent-panel h2{margin:0}.parent-panel .family-intro{margin:0;font-size:14px}.parent-panel .family-note,.parent-panel .family-error{margin:0;padding:8px 12px;font-size:13px}.parent-panel .parent-current,.parent-panel .parent-proposal{margin:0}.parent-panel .parent-current>.family-button{margin-top:16px;display:block}.parent-panel .parent-back{align-self:flex-start}.parent-panel .parent-discard{color:#8b3442;background:#fff0ee;border:2px solid #b76b76;box-shadow:0 3px #e3bdc1}.parent-panel .parent-editor-actions .family-button{padding:10px 16px;font-size:15px}.parent-panel .parent-check,.parent-panel .parent-child-select select{min-height:64px}.parent-panel .parent-paper{height:100%;min-height:0;padding:16px}.parent-panel .parent-paper .family-button{margin-top:8px}.parent-panel .parent-applied{margin:0}.parent-panel textarea{resize:none;border:1px solid var(--family-line);width:100%;height:150px;min-height:150px;color:var(--family-ink);background:#fffdf4;border-radius:18px;padding:12px;font:16px/1.7 Noto Sans KR,sans-serif}.parent-panel .parent-library-heading{flex-wrap:nowrap;align-items:center;gap:14px;margin:0}.parent-panel .parent-library-heading>div{min-width:0}.parent-panel .parent-library-heading .family-intro{max-width:58ch}.parent-panel .parent-library-heading .family-primary{flex-shrink:0}.parent-panel .parent-library-filters,.parent-panel .parent-editor-actions{gap:8px;margin:0}.parent-panel .parent-library-filters{flex-wrap:nowrap;gap:10px}.parent-panel .parent-library-filters .family-button{min-height:48px;box-shadow:none;padding:8px 18px;font-size:15px}.parent-panel .parent-draft-row{grid-template-rows:64px 64px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 10px;height:100%;margin:0;padding:10px;display:grid}.parent-panel .parent-draft-row>.parent-draft-stamp,.parent-panel .parent-draft-row>div{grid-row:1/3}.parent-panel .parent-draft-row>button{grid-column:3;min-height:64px}.parent-panel .parent-draft-row h2{font-size:18px}.parent-panel .parent-draft-row p{margin:2px 0}.parent-panel .parent-library-empty{border:1px solid var(--family-line);height:100%;min-height:0;box-shadow:none;align-content:center;gap:10px;padding:20px}.parent-panel .parent-library-empty svg{width:80px;height:80px}.parent-panel .parent-story-row{gap:12px;padding:10px}.parent-panel .parent-story-row strong{margin:4px 0;font-size:20px}.parent-panel .parent-story-steps{flex-wrap:nowrap;gap:10px;margin:0;padding:0;display:flex}.parent-story-steps button{min-height:64px;color:var(--family-ink);background:#fff0cc;border:1px solid #d7bd87;border-radius:14px;flex:1;font:16px Jua,sans-serif}.parent-story-steps [aria-current=step]{background:#f8abb4;border-color:#d77d8c}.parent-editor-body,.parent-reading-stage{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.parent-editor-heading{flex-direction:column;flex:none;gap:14px;display:flex}.parent-panel .parent-editor-actions>button,.parent-panel .parent-line-action{min-height:64px}.parent-panel .parent-photo-card{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1.2fr) minmax(220px,1fr);gap:12px 20px;width:100%;height:100%;min-height:0;padding:12px;display:grid}.parent-panel .parent-photo-picker{grid-row:1/4;gap:12px;height:100%;min-height:0;padding:18px}.parent-panel .parent-photo-picker>img{min-height:0;max-height:160px}.parent-panel .parent-photo-help{align-self:end;margin:0}.parent-panel .parent-photo-card .family-button{align-self:start;margin:0}.parent-panel .parent-photo-card .family-muted{margin:0}.parent-panel .parent-draft{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(220px,.6fr);gap:10px;height:100%;min-height:0}.parent-panel .parent-draft-heading{grid-column:1}.parent-panel .parent-draft-fields{grid-area:2/1/4}.parent-panel .parent-draft-fields .family-field{margin:0}.parent-panel .parent-line-action{grid-area:1/2}.parent-panel .parent-draft>.family-muted{grid-area:2/2;align-self:center}.parent-panel .parent-draft>.family-primary{grid-area:3/2}.parent-panel .parent-story-preview{min-height:0;margin:0;padding:18px}.parent-story-reading .parent-story-preview{flex-direction:column;gap:14px;height:100%;display:flex}.parent-story-reading .parent-story-preview>img{object-fit:contain;flex:1;min-height:0;max-height:100%}.parent-story-reading .parent-story-preview>p{margin:auto 0;font-size:20px}.parent-story-preview p{word-break:keep-all;overflow-wrap:anywhere}.parent-panel .parent-review{flex-direction:column;gap:10px;display:flex}@media (height<=740px){.parent-panel{gap:6px}.parent-editor-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;display:grid}.parent-editor-heading h1{grid-area:1/1}.parent-editor-heading>.family-intro{grid-area:2/1}.parent-editor-heading .parent-editor-actions{flex-wrap:nowrap;grid-area:1/2/3}.parent-panel .parent-line-action{grid-row:2;align-self:start}.parent-panel .parent-draft>.family-muted{grid-row:1;margin:0}.parent-panel .parent-photo-picker{grid-template-columns:64px 1fr;gap:8px;padding:10px;display:grid}.parent-panel .parent-photo-picker>img{max-height:64px}.parent-panel .parent-upload-icon{width:60px;height:60px}.parent-panel .parent-photo-picker strong{font-size:19px}.parent-panel .parent-upload-cta{padding:8px}.parent-panel .parent-story-steps button{min-height:64px}.parent-panel .parent-paper p{margin:8px 0}.parent-panel .parent-check{margin:0}}@media (width<=600px){.parent-panel .parent-library-heading{flex-wrap:wrap;align-items:flex-start;gap:12px}.parent-panel .parent-library-heading .family-primary{min-width:116px;min-height:48px;padding:8px 10px;font-size:14px!important}.parent-panel .parent-library-heading .family-intro{font-size:12px;line-height:1.35}.parent-panel .parent-library-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.parent-panel .parent-library-filters .family-button{width:100%;min-height:44px;padding:6px;font-size:14px}.parent-panel .parent-library-empty{padding:14px 10px}.parent-panel .parent-library-empty h2{font-size:19px}.parent-panel .parent-library-empty p{font-size:13px;line-height:1.5}.parent-panel .parent-draft-row{grid-template-rows:minmax(0,1fr) 48px;grid-template-columns:auto minmax(0,1fr);gap:10px 8px}.parent-panel .parent-draft-row>.parent-draft-stamp{grid-area:1/1;align-self:start}.parent-panel .parent-draft-row>div{grid-area:1/2;align-self:start;min-width:0}.parent-panel .parent-draft-row>button{grid-row:2;width:100%;min-height:48px;padding:8px 10px}.parent-panel .parent-draft-row>.parent-draft-stamp{padding:8px}.parent-panel .parent-draft-row h2{margin:2px 0;font-size:16px}.parent-panel .parent-draft-row p{font-size:12px;line-height:1.35}.parent-panel .parent-draft-row .family-muted{font-size:11px;line-height:1.35}.parent-panel .parent-draft-row>button:not(.parent-discard){grid-column:1}.parent-panel .parent-draft-row>.parent-discard{grid-column:2}.parent-panel .parent-photo-card{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:10px;padding:10px}.parent-panel .parent-photo-picker{text-align:left;grid-row:1;grid-template-rows:auto auto;grid-template-columns:58px minmax(0,1fr);align-content:center;justify-items:start;gap:8px 12px;min-height:0;padding:12px}.parent-panel .parent-upload-icon{grid-area:1/1/3;align-self:center;width:58px;height:58px}.parent-panel .parent-photo-picker strong{grid-column:2;font-size:18px}.parent-panel .parent-photo-picker>span:not(.parent-upload-icon):not(.parent-upload-cta){grid-column:2;font-size:12px}.parent-panel .parent-upload-cta{grid-column:1/-1;justify-self:stretch;min-height:48px;padding:8px 16px}.parent-panel .parent-photo-card>.family-button{grid-row:2;width:100%}}@media (width>=651px) and (height<=500px){.parent-panel .parent-review{grid-template-rows:auto 44px auto;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:3px 12px;display:grid}.parent-panel .parent-review>.learner-bookmark{grid-area:1/1;font-size:11px}.parent-panel .parent-review>h2{grid-area:2/1;margin:0;font-size:18px}.parent-panel .parent-review>.parent-check{grid-area:1/2;min-height:22px;margin:0;font-size:12px}.site-app .parent-panel .parent-review>.family-button{grid-area:2/2;min-height:44px;padding:4px;font-size:14px!important}.parent-panel .parent-review>.family-muted{grid-area:3/1/auto/-1;margin:0;font-size:11px;line-height:1.3}.parent-panel .parent-draft{grid-template-rows:44px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 220px;gap:6px 12px}.parent-panel .parent-draft-heading{display:none}.parent-panel .parent-draft-fields{grid-area:1/1/3;gap:6px}.parent-panel .parent-line-action{grid-area:1/2}.parent-panel .parent-draft>.tablet-inline-actions{flex-direction:column;grid-area:2/2;gap:6px;display:flex}.site-app .parent-panel .parent-draft .family-button{min-height:44px;padding:4px;font-size:12px!important}.site-app .parent-panel .parent-draft-fields .tablet-section-nav button{min-height:44px;padding:4px;font-size:12px}.site-app .parent-panel .parent-draft-fields input{min-height:44px;padding:4px;font-size:14px}.parent-panel .parent-draft-fields .family-field{gap:4px;font-size:12px}.parent-panel .parent-reading-stage{grid-template-rows:minmax(0,1fr) 44px;grid-template-columns:minmax(0,1fr) minmax(180px,.6fr);display:grid}.parent-panel .parent-reading-stage>.tablet-pages{display:contents}.parent-panel .parent-reading-stage>.tablet-pages>.tablet-pages-content{grid-area:1/1/auto/-1}.parent-panel .parent-reading-stage>.tablet-pages>.tablet-pager{grid-area:2/1}.parent-panel .parent-reading-stage>.family-button{grid-area:2/2}.parent-panel .parent-reading-stage,.parent-panel .parent-reading-stage .tablet-pages{gap:4px}.site-app .parent-panel .parent-reading-stage>.family-button{min-height:44px;padding:4px;font-size:14px!important}.site-app .parent-panel .parent-reading-stage .tablet-pager{height:44px;min-height:44px}.site-app .parent-panel .parent-reading-stage .tablet-pager button{min-height:44px;padding:4px;font-size:12px}.parent-panel .parent-story-preview{padding:6px}.parent-panel .parent-story-preview h2{font-size:18px}.parent-panel .parent-story-preview p{font-size:16px;line-height:1.3}.site-app .parent-panel .parent-editor-actions>button{min-height:44px;padding:4px 8px;font-size:12px}.site-app .parent-panel .parent-story-steps button{min-height:44px;padding:4px;font-size:12px}.parent-panel .parent-editor-heading h1{font-size:20px}.parent-panel .parent-editor-heading>.family-intro{font-size:11px}.parent-panel .parent-photo-card{gap:8px;padding:4px}.parent-panel .parent-photo-picker{grid-template-rows:auto auto 44px;grid-template-columns:40px minmax(0,1fr);gap:4px;padding:6px}.parent-panel .parent-upload-icon,.parent-panel .parent-photo-picker>img{grid-area:1/1/3;width:40px;height:40px}.parent-panel .parent-photo-picker strong{grid-area:1/2;font-size:14px}.parent-panel .parent-photo-picker>#parent-photo-help{grid-area:2/2;font-size:11px}.parent-panel .parent-upload-cta{grid-area:3/1/auto/-1;min-height:44px;padding:4px;font-size:12px}.site-app .parent-panel .parent-photo-card>.family-button{min-height:44px;padding:4px;font-size:14px}}@media (width<=650px){.parent-panel .parent-review{gap:6px;padding:8px}.parent-panel .parent-review h2{font-size:18px;line-height:1.2}.parent-panel .parent-review .learner-bookmark{font-size:12px}.parent-panel .parent-review>.family-muted{font-size:12px;line-height:1.4}.parent-panel .parent-review>.parent-check{min-height:44px;font-size:12px}.site-app .parent-panel .parent-review>.family-button{min-height:44px;padding:4px;font-size:14px!important}.parent-panel .parent-editor-heading{flex-direction:column;align-items:stretch;gap:6px;display:flex}.parent-panel .parent-editor-heading h1{font-size:20px;line-height:1.25}.parent-panel .parent-editor-heading>.family-intro{font-size:12px;line-height:1.4}.parent-panel .parent-editor-actions{gap:6px;display:flex}.site-app .parent-panel .parent-editor-actions>button{white-space:nowrap;min-height:44px;padding:4px 8px;font-size:12px}.parent-panel .parent-story-steps{flex:none;gap:4px}.site-app .parent-panel .parent-story-steps button{white-space:nowrap;min-height:44px;padding:4px 2px;font-size:11px}.parent-panel .parent-photo-picker strong{font-size:15px}.parent-panel .parent-photo-picker{gap:6px;padding:8px}.parent-panel .parent-upload-cta{min-height:44px;padding:4px 8px;font-size:13px}.site-app .parent-panel .parent-photo-card>.family-button{min-height:44px;padding:4px;font-size:14px}.parent-panel .parent-draft{flex-direction:column;gap:8px;display:flex}.parent-panel .parent-draft-heading{flex:none}.parent-panel .parent-draft-heading h2{font-size:18px}.parent-panel .parent-draft-heading span{font-size:10px}.site-app .parent-panel .parent-draft-fields .tablet-section-nav{min-height:44px}.parent-panel .parent-draft-fields .tablet-section-nav label{gap:6px;font-size:12px}.site-app .parent-panel .parent-draft-fields .tablet-section-nav select{min-height:44px;font-size:12px}.parent-panel .parent-draft-fields .family-field{gap:4px;font-size:12px}.site-app .parent-panel .parent-draft-fields input{min-height:44px;padding:6px;font-size:13px}.parent-panel .parent-draft-fields{flex:1;width:100%;min-height:0}.parent-panel .parent-draft>button{flex:none;width:100%;min-height:44px;padding:6px 10px}.site-app .parent-panel .parent-draft .tablet-inline-actions{flex:none;grid-template-columns:1fr 1fr;gap:6px;display:grid}.site-app .parent-panel .parent-draft .tablet-inline-actions>button{white-space:nowrap;min-width:0;min-height:44px;padding:4px 2px;font-size:12px!important}.parent-panel .parent-draft-row{grid-template-columns:44px minmax(0,1fr)}.parent-panel .parent-draft-stamp{width:44px;min-width:0;padding:6px;font-size:12px}.parent-panel .parent-draft .tablet-section-nav button{word-break:keep-all;overflow-wrap:normal;padding:4px;font-size:12px}}.learning-surface .home.profile-tablet,.home.profile-tablet{flex-direction:column;gap:12px;min-width:0;max-width:none;height:100%;min-height:0;padding:0;display:flex}.home.profile-tablet .home-top{flex-wrap:nowrap;flex:none;margin:0;padding:10px 12px}.home.profile-tablet h3,.home.profile-tablet h4,.home.profile-tablet p{margin:0}.home.profile-tablet .section-head{flex:none;gap:12px;min-height:64px;margin:0}.home.profile-tablet .me-profile{flex:none;gap:12px;min-height:90px;margin:0;padding:12px}.home.profile-tablet .me-profile .me-avatar{aspect-ratio:1;flex:0 0 48px;width:48px;height:48px;font-size:32px}.home.profile-tablet .me-name{font-size:24px}.home.profile-tablet .me-meta{gap:12px}.home.profile-tablet .me-profile>div:not(.me-avatar){flex:1;min-width:0}.home.profile-tablet .me-edit-btn{white-space:nowrap;flex:none;padding:8px;font-size:14px}@media (width<=600px){.home.profile-tablet .me-profile{grid-template-columns:48px minmax(0,1fr) 92px;gap:8px;display:grid}.home.profile-tablet .me-edit-btn{white-space:normal;width:92px;line-height:1.4}.home.profile-tablet .me-meta{flex-direction:column;gap:2px;font-size:13px}.home.profile-tablet .home-top{gap:8px;padding:8px}.home.profile-tablet .home-back{white-space:nowrap;flex:none;padding:8px;font-size:14px}.home.profile-tablet .home-hello{word-break:keep-all;overflow-wrap:normal;font-size:18px}.home.profile-tablet .age-grid{gap:6px}.home.profile-tablet .age-chip{white-space:nowrap;padding:4px;font-size:12px}.home.profile-tablet .theme-option{flex-direction:column;gap:8px;padding:10px}.home.profile-tablet .theme-option-text{text-align:center;min-width:0}.home.profile-tablet .theme-option-text b{white-space:nowrap;font-size:14px}}.home.profile-tablet .profile-stat{background:var(--family-surface,#fff9ec);border:2px dashed var(--family-line,#dbc9a8);border-radius:16px;flex-direction:column;justify-content:center;gap:8px;height:100%;padding:12px;display:flex}.home.profile-tablet .record-card{flex-direction:column;height:100%;min-height:0;margin:0;padding:8px;display:flex}.home.profile-tablet .record-card img{object-fit:contain;flex:1;width:100%;height:0;min-height:0}.home.profile-tablet .record-card figcaption{flex:none;gap:12px;display:flex}.home.profile-tablet .record-char-button{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:0;padding:8px;display:flex}.home.profile-tablet .record-char-button img{object-fit:contain;width:64px;height:64px}.home.profile-tablet .record-char-label{font-size:28px}.home.profile-tablet .record-char-note{font-size:16px}.home.profile-tablet .record-note{flex:none}.home.profile-tablet .diary-card{height:100%;margin:0}.home.profile-tablet .diary-card-main{gap:10px;min-width:0}.home.profile-tablet .diary-thumb{object-fit:cover;width:64px;height:64px}.home.profile-tablet .diary-title{overflow-wrap:anywhere;font-size:18px}.home.profile-tablet .diary-delete{min-width:64px;min-height:64px}.home.profile-tablet .setting-list{flex:1;min-height:0;margin:0}.home.profile-tablet .setting-row{min-height:90px;margin:0;padding:12px}.home.profile-tablet .setting-row-theme{flex-direction:column;flex:1;align-items:stretch;min-height:0}.home.profile-tablet .theme-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home.profile-tablet .theme-option{min-height:90px}.home.profile-tablet .switch{min-width:64px;min-height:64px}.home.profile-tablet .setting-input{min-height:64px}.home.profile-tablet .card-cute{flex-direction:column;flex:1;gap:12px;width:100%;max-width:none;min-height:0;padding:16px;display:flex}.profile-edit-fields{border:0;flex-direction:column;flex:1;justify-content:center;gap:16px;min-height:0;margin:0;padding:0;display:flex}@media (height<=600px) and (width>=700px){.profile-edit-fields{grid-template-columns:72px minmax(0,1fr);align-content:center;align-items:center;gap:12px;display:grid}.profile-edit-fields .field-label,.profile-edit-fields .nickname-input{margin:0}.home.profile-edit-tablet .card-cute{grid-template-rows:64px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 180px;gap:8px;display:grid}.home.profile-edit-tablet .profile-edit-fields{grid-area:1/1/3;grid-template-columns:44px minmax(0,1fr);gap:8px}.home.profile-edit-tablet .card-cute>.btn-big{white-space:nowrap;grid-area:1/2;min-height:64px;padding:8px;font-size:18px}.home.profile-edit-tablet .card-cute>.error{grid-area:2/2;font-size:13px;line-height:1.4}.home.profile-edit-tablet .age-grid{gap:6px}.home.profile-edit-tablet .age-chip{white-space:nowrap;padding:4px;font-size:13px}}.home.profile-tablet .field-label{margin:0}.home.profile-tablet .age-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;display:grid}.home.profile-tablet .age-chip{min-height:64px}.profile-text-pages{flex-direction:column;flex:1;gap:12px;height:100%;min-height:0;display:flex}.profile-text-card{background:var(--family-surface,#fff9ec);border:2px dashed var(--family-line,#dbc9a8);overflow-wrap:anywhere;border-radius:16px;flex:1;min-height:0;padding:16px;font-size:18px;line-height:1.6}.profile-text-card h4{margin:0 0 12px;font-size:20px}.profile-text-card p{white-space:pre-wrap;margin:0}.home.profile-tablet .story-hero{object-fit:contain;flex:1;width:100%;height:100%;min-height:0;max-height:none;margin:0}.home.profile-tablet .story-photo-pick{flex:1;height:auto;min-height:0;margin:0}.home.profile-tablet .story-preview{object-fit:contain;width:100%;height:100%;max-height:100%}.home.profile-tablet .story-instruction{height:64px;min-height:64px;margin:0}.home.profile-tablet .story-sentence{flex-direction:column;height:100%;min-height:0;margin:0;padding:12px;display:flex}.home.profile-tablet .story-sentence-text{flex:none;font-size:22px}.home.profile-tablet .story-trace-img{object-fit:contain;flex:1;width:100%;height:0;min-height:0;margin:0}.home.profile-tablet .story-actions{flex:none;gap:12px;margin:0;display:flex}.home.profile-tablet .story-trace-main{flex:none;margin:0}@media (height<=600px){.home.profile-edit-tablet .home-top .stage-name{font-size:16px}.home.profile-edit-tablet .profile-edit-fields{gap:8px}.home.profile-edit-tablet .profile-edit-fields>*{flex-shrink:0}.home.profile-edit-tablet .card-cute{padding:8px 16px}.home.profile-edit-tablet .tablet-step{grid-template-columns:72px minmax(0,1fr);align-content:start;align-items:center;display:grid}.home.profile-edit-tablet .nickname-input{min-height:64px;margin:0}.home.profile-tablet .home-sub{display:none}.home.profile-tablet .me-profile{min-height:64px;padding:0}.home.profile-tablet .theme-option-text>span{display:none}}.parent-records{flex-direction:column;gap:.75rem;height:100%;min-height:0;display:flex}.parent-records-head{flex-direction:column;gap:.25rem;display:flex}.parent-records-head h1{margin:0;font-size:clamp(1.2rem,2.4vw,1.6rem)}.parent-records-lede{color:var(--family-muted,#5b6472);margin:0;font-size:.95rem}.parent-records>.tablet-pages{flex:auto;min-height:0}.parent-records-subhead{margin:0 0 .5rem;font-size:1.05rem}.parent-records-status,.parent-records-empty{color:var(--family-muted,#5b6472);margin:.5rem 0}.parent-records-empty{background:var(--family-soft,#f4f6fb);text-align:center;border-radius:.9rem;padding:1rem}.parent-records-error{color:var(--family-danger,#b23b3b);margin:.5rem 0;font-weight:600}.parent-stat{background:var(--family-soft,#f4f6fb);border-radius:.9rem;flex-direction:column;justify-content:center;gap:.25rem;height:100%;padding:.75rem .9rem;display:flex}.parent-stat-label{color:var(--family-muted,#5b6472);font-size:.85rem}.parent-stat-value{font-size:1.25rem;line-height:1.2}.parent-stat-note{color:var(--family-muted,#5b6472);font-size:.8rem}.parent-record-card,.parent-sample-card{border:1px solid var(--family-line,#e3e7ef);background:#fff;border-radius:.9rem;flex-direction:column;gap:.35rem;height:100%;margin:0;padding:.5rem;display:flex}.parent-record-card img,.parent-sample-card img{object-fit:contain;background:var(--family-soft,#f4f6fb);border-radius:.6rem;flex:auto;width:100%;min-height:0}.parent-record-card figcaption,.parent-sample-card figcaption{color:var(--family-muted,#5b6472);flex-direction:column;gap:.15rem;font-size:.8rem;display:flex}.parent-record-char,.parent-char-label,.parent-trend-char,.parent-char-inline{color:var(--family-ink,#232a35);align-items:center;font-size:1.4em;display:inline-flex}.parent-char-inline{font-size:1em}.parent-char-button{border:1px solid var(--family-line,#e3e7ef);cursor:pointer;background:#fff;border-radius:.9rem;flex-direction:column;align-items:center;gap:.3rem;width:100%;height:100%;padding:.5rem;display:flex}.parent-char-button:hover,.parent-char-button:focus-visible{border-color:var(--family-accent,#4c7ef3);outline:none}.parent-char-button img{object-fit:contain;background:var(--family-soft,#f4f6fb);border-radius:.6rem;flex:auto;width:100%;min-height:0}.parent-char-count{color:var(--family-muted,#5b6472);font-size:.78rem}.parent-records-history-head,.parent-records-analysis-head{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.parent-records-analysis-head{justify-content:space-between}.parent-analysis-headline{margin:0 0 .75rem;font-size:1.05rem;font-weight:600}.parent-analysis-note{color:var(--family-muted,#5b6472);margin:.5rem 0 0;font-size:.82rem}.parent-analysis-ai ul{margin:.25rem 0 .75rem;padding-left:1.2rem}.parent-analysis-ai-summary{margin:0 0 .75rem}.parent-analysis-ai-encouragement{margin:.5rem 0;font-weight:600}.parent-trend{background:var(--family-soft,#f4f6fb);border-radius:.9rem;align-items:center;gap:.6rem;height:100%;padding:.6rem .75rem;display:flex}.parent-trend-body{color:var(--family-muted,#5b6472);flex-direction:column;gap:.1rem;font-size:.85rem;display:flex}.parent-trend-body strong{color:var(--family-ink,#232a35)}.parent-records-load-error{flex-wrap:wrap;flex:none;align-items:center;gap:8px;display:flex}.parent-records-load-error p{flex:180px}.site-app .parent-records-load-error .family-button{white-space:nowrap;min-height:44px;padding:6px 12px;font-size:13px}.parent-records-summary,.parent-records-recent,.parent-records-by-char,.parent-records-analysis,.parent-analysis-overview{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.parent-records-analysis-head,.parent-records-history-head,.parent-analysis-headline,.parent-analysis-note{flex:none}.parent-analysis-ai{overflow-wrap:anywhere;padding:6px}.parent-analysis-ai p{margin:0}@media (height<=650px){.parent-records{gap:6px}.parent-records-lede{font-size:12px;line-height:1.35}.parent-records .tablet-pages,.parent-records .tablet-list,.parent-records .tablet-step{gap:6px}.parent-records .tablet-section-nav,.parent-records .tablet-section-nav select,.parent-records .tablet-section-nav>button,.parent-records .tablet-pager,.tablet-app .parent-records .tablet-pager button{min-height:44px}.parent-records .tablet-section-nav select{padding:4px 8px}.parent-records .tablet-section-nav>button{font-size:13px}.parent-records-analysis-head{flex-wrap:nowrap;gap:6px;margin-bottom:6px}.tablet-app .parent-records-analysis-head h2{margin:0;font-size:14px}.tablet-app .parent-records .parent-analysis-run{white-space:nowrap;min-height:44px;padding:6px 10px;font-size:13px}.parent-analysis-headline{margin-bottom:6px;font-size:13px}.parent-analysis-note{margin-top:4px;font-size:11px}.parent-stat{padding:6px 10px}.parent-stat-value{font-size:16px}}@media (height<=450px) and (width>=600px){.parent-records-head{flex-direction:row;align-items:center;gap:16px}.parent-records .tablet-sections{grid-template-columns:124px minmax(0,1fr);display:grid}.parent-records .tablet-section-nav{flex-direction:column;gap:4px}.parent-records .tablet-section-nav>button{flex:1;min-height:36px;padding:4px 8px}.parent-records .tablet-section-nav>button[aria-pressed=true]:after{display:none}.parent-records .tablet-section-nav>label{flex-direction:column;align-items:stretch}.parent-records .tablet-section-nav select{flex:none}.parent-analysis-headline{margin:0}.parent-analysis-note{line-height:1.2}.parent-analysis-ai{font-size:13px}.parent-analysis-ai h3{font-size:14px}}.replacement-content{min-height:0}.replacement-actions{flex-direction:column;gap:8px;display:flex}.replacement-actions>.family-button{white-space:normal}@media (width>=700px) and (height<=600px){.tablet-reading.replacement-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;display:grid}.replacement-copy p{margin:0 0 8px}.replacement-actions>.family-button{min-height:44px;padding:8px;font-size:16px}}.header-child-picker{flex:none;order:3;min-width:0;position:relative}.header-child-trigger,.header-child-option{border:2px solid var(--family-line);background:var(--family-paper);min-height:48px;color:var(--family-ink);font:inherit;cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:5px 10px;display:flex}.header-child-trigger{max-width:180px}.header-child-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header-child-picker .family-avatar{aspect-ratio:1;flex:0 0 36px;width:36px;height:36px;margin:0;padding:0;overflow:hidden}.header-child-picker .family-avatar svg,.header-child-picker .family-avatar img{object-fit:cover;width:100%;height:100%}.header-child-trigger>svg,.header-child-option>svg{flex:none}.header-child-trigger[aria-expanded=true],.header-child-option[aria-pressed=true]{background:var(--selection-surface);border-color:var(--family-rim);color:var(--selection-ink)}.header-child-trigger:hover,.header-child-option:hover{border-color:var(--family-rim)}.header-child-picker button:focus-visible{outline:3px solid var(--family-rim);outline-offset:3px}.header-child-picker button:disabled{opacity:.6;cursor:default}.header-child-panel{z-index:5;box-sizing:border-box;border:2px solid var(--family-line);background:var(--family-paper);width:260px;box-shadow:0 6px 0 var(--family-line);border-radius:18px;gap:10px;padding:14px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.header-child-heading{font-size:16px}.header-child-options{gap:8px;display:grid}.header-child-option{text-align:left;width:100%}.header-child-option .header-child-name{flex:1}.header-child-pages{justify-content:space-between;align-items:center;gap:8px;display:flex}.header-child-pages button{border:1px solid var(--family-line);background:var(--family-surface);min-width:44px;min-height:44px;color:var(--family-rim);font:inherit;border-radius:10px}@media (width<=599px){.header-child-trigger{gap:5px;max-width:126px;padding:4px 6px}.header-child-trigger .family-avatar{flex-basis:30px;width:30px;height:30px}.header-child-panel{width:min(280px,100vw - 32px);position:fixed;top:90px;right:16px}}.character-room{--closet-green:#e3edda;--closet-pink:#fae4e0}.character-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.character-heading h1{margin:16px 0 8px}.character-wallet{border:2px solid var(--family-line);background:#fff0b9;border-radius:22px;flex-shrink:0;align-items:center;gap:12px;padding:14px 22px;display:flex;box-shadow:0 4px #e3d0a0}.character-wallet>span{color:#9b680e;font-size:42px}.character-wallet small,.character-wallet strong{display:block}.character-wallet strong{font:32px Jua,sans-serif}.character-tabs{border-bottom:2px dashed var(--family-line);gap:12px;margin:20px 0;display:flex}.character-tabs a{color:var(--family-ink);border-radius:16px 16px 0 0;min-height:58px;padding:14px 20px;text-decoration:none}.character-tabs [aria-current]{background:var(--closet-green);box-shadow:inset 0 -4px #9fb391}.character-layout,.character-record-layout{grid-template-columns:minmax(240px,.85fr) minmax(0,1.3fr);align-items:start;gap:24px;display:grid}.character-stage{background:var(--closet-pink);border:6px solid var(--family-surface);outline:1px solid var(--family-line);text-align:center;border-radius:110px 110px 28px 28px;padding:22px 18px;box-shadow:0 6px #e8dcc5}.character-stage .ttori-art{width:100%;max-width:310px;margin:0 auto;display:block}.character-stage-label{background:var(--family-surface);border-radius:12px;padding:6px 16px;font-size:14px;display:inline-block}.character-stage h2{margin:10px 0;font-size:23px}.character-stage p{font-size:14px}.character-save{gap:12px;display:grid}.character-categories{gap:10px;margin-bottom:16px;display:flex}.character-categories button{background:var(--family-surface);border:2px solid var(--family-line);min-height:64px;color:var(--family-ink);border-radius:18px;flex:1;font:20px Jua,sans-serif}.character-categories [aria-pressed=true]{background:var(--closet-green);border-color:#7f9776}.character-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.character-item{background:var(--family-surface);border:2px solid var(--family-line);min-width:0;color:var(--family-ink);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;display:flex;box-shadow:0 4px #e7ddc9}.character-item[aria-pressed=true]{background:#e3edda;border-color:#7f9776}.character-item strong{font:17px/1.4 Jua,sans-serif}.character-item small{font-size:12px}.character-item-picture{background:var(--family-paper);border-radius:14px;width:100%;height:110px;padding:8px}.shop-item-art{width:100%;height:100%}.character-remove{border-style:dashed;justify-content:center;min-height:164px}.character-remove>span{font-size:38px}.character-purchase{background:#fff4d6;border:2px dashed #d7bd87;border-radius:18px;margin-top:22px;padding:20px}.character-purchase h2{margin:0 0 12px;font-size:22px}.character-success{background:var(--closet-green);border-radius:18px;padding:16px}.character-empty{text-align:center;background:var(--family-paper);border-radius:18px;padding:28px 12px}.character-totals{gap:12px;display:flex}.character-totals>div{background:var(--family-paper);border-radius:18px;flex:1;padding:18px}.character-totals strong{margin-top:12px;font:30px Jua,sans-serif;display:block}.character-receipts{padding:0;list-style:none}.character-receipts li{border-bottom:1px dashed var(--family-line);justify-content:space-between;gap:16px;padding:14px 0;display:flex}.character-receipts small{margin-top:5px;font-size:12px;display:block}.character-receipts strong{white-space:nowrap}.character-room button{cursor:pointer}.character-room button:disabled{cursor:default;opacity:.55}.character-room button:focus-visible,.character-room a:focus-visible{outline-offset:4px;outline:3px solid #00668a}@media (width<=750px){.character-layout,.character-record-layout{grid-template-columns:1fr}.character-stage .ttori-art{max-width:230px}.character-heading{align-items:flex-start}.character-wallet{gap:6px;padding:10px}.character-wallet>span,.character-wallet strong{font-size:26px}}@media (width<=450px){.character-heading{flex-wrap:wrap}.character-heading p{font-size:15px}.character-wallet{margin-left:auto}.character-tabs{gap:2px}.character-tabs a{text-align:center;flex:1;padding:14px 8px;font-size:15px}.character-item strong{font-size:15px}.character-totals{flex-wrap:wrap}}.character-home{color:#4a3e3d;background:#fae4e0;border:2px solid #edcfc9;border-radius:20px;justify-content:center;align-items:center;gap:24px;margin:10px 0 0;padding:10px 14px;text-decoration:none;display:flex;box-shadow:0 3px #e7d6ca}.character-home svg{flex-shrink:0;width:82px;max-height:82px}.character-home strong,.character-home small{display:block}.character-home strong{margin-bottom:8px;font:22px Jua,sans-serif}@media (width<=750px){.character-layout .character-stage{border-radius:32px;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:8px 12px;padding:16px;display:grid}.character-layout .character-stage-label{grid-column:1/-1;justify-self:center}.character-layout .character-stage .ttori-art{grid-area:2/1/4}.character-layout .character-stage h2,.character-layout .character-stage p{grid-column:2;margin:0}.character-layout .character-stage h2{align-self:end;font-size:20px}.character-layout .character-stage p{align-self:start}.character-layout .character-save{grid-column:1/-1}}.character-tablet{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex}.character-tablet .character-heading{flex:none;min-height:52px}.character-tablet .character-heading h1{margin:0}.character-tablet .character-wallet{box-shadow:none;border-radius:14px;padding:4px 14px}.character-tablet .character-wallet strong{font-size:26px}.character-tablet .character-wallet>span{font-size:28px}.character-tablet .character-tabs{flex:none;gap:12px;margin:0}.character-tablet .character-tabs a{align-items:center;min-height:64px;padding:10px 18px;display:flex}.character-tablet .character-success{flex:none;margin:0;padding:8px 12px;font-size:16px}.character-tablet .character-layout{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);align-items:stretch;gap:18px;height:100%;min-height:0;display:grid}.character-tablet .character-stage{border-radius:40px;flex-direction:column;gap:6px;height:100%;min-height:0;padding:12px;display:flex}.character-tablet .character-stage .ttori-art{flex:1;width:100%;max-width:100%;height:0;min-height:0;max-height:none}.character-tablet .character-stage-label{flex:none;padding:3px 12px;font-size:14px}.character-tablet .character-stage h2{flex:none;margin:0;font-size:20px}.character-tablet .character-stage p{flex:none;margin:0;font-size:14px}.character-tablet .character-shelves{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex}.character-tablet .character-categories{flex:none;margin:0}.character-tablet .character-item{gap:4px;height:100%;padding:8px}.character-tablet .character-item-picture{flex:1;height:auto;min-height:0;padding:4px}.character-tablet .character-item strong{flex:none;font-size:16px}.character-tablet .character-item small{flex:none}.character-tablet .character-save{flex:none;display:flex}.character-tablet .character-purchase{flex-direction:column;justify-content:center;gap:16px;height:100%;min-height:0;margin:0;padding:16px;display:flex}.character-tablet .character-purchase>button:first-child{align-self:flex-start}.character-tablet .character-receipt{border:1px solid var(--family-line);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;height:100%;padding:12px 18px;display:flex}.character-tablet .character-receipt small{display:block}.character-tablet .character-totals{flex-wrap:wrap}@media (orientation:portrait){.character-tablet .character-layout{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr)}.character-tablet .character-stage{border-radius:28px}}@media (height<=550px){.character-tablet .character-stage h2,.character-tablet .character-stage p,.character-tablet .character-stage-label{display:none}.character-tablet .character-purchase{gap:6px;padding:8px}.character-tablet .character-purchase p{font-size:16px}.character-tablet .character-heading{min-height:36px}}.character-tablet .shop-item-art{display:block}.character-tablet .tablet-reading{gap:12px}.character-tablet .character-wallet>div{align-items:center;gap:8px;display:flex}.character-tablet .character-wallet strong{line-height:1.2}.character-preview-caption{font-size:12px;line-height:20px;display:block}.character-tablet .character-purchase .tablet-inline-actions{flex:none}.character-tablet .character-save{z-index:2;background:linear-gradient(#0000,#fffef8 22%);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 8px 6px;display:grid;position:relative}@media (width>=601px) and (height<=550px){.character-tablet .tablet-pages{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 100px;gap:8px;display:grid}.character-tablet .tablet-pages>.tablet-pager{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:4px;min-height:0;display:grid}.character-tablet .tablet-pages>.tablet-pager span{text-align:center;grid-area:1/1/auto/-1}.character-tablet .tablet-pages>.tablet-pager button{min-width:0;min-height:44px;padding:4px;font-size:0}.character-tablet .tablet-pages>.tablet-pager button:before{font-size:20px}.character-tablet .tablet-pages>.tablet-pager button:first-child:before{content:"←"}.character-tablet .tablet-pages>.tablet-pager button:last-child:before{content:"→"}.character-tablet .tablet-step,.character-tablet .tablet-step>.tablet-list{gap:6px}.character-tablet .tablet-step>h2{margin:0;font-size:20px;line-height:1.2}.character-tablet .tablet-step .tablet-pager{min-height:40px}.character-tablet .tablet-step .tablet-pager button{min-height:40px;padding:4px 12px;font-size:15px}.character-tablet .character-receipt{padding:6px 12px;font-size:14px}.character-tablet{gap:5px}.character-tablet .character-heading{min-height:32px}.character-tablet .character-heading h1{font-size:22px}.character-tablet .character-wallet{padding:1px 8px}.character-tablet .character-wallet strong,.character-tablet .character-wallet>span{font-size:20px}.character-tablet .character-tabs a{min-height:38px;padding:4px 12px;font-size:15px}.character-tablet .character-categories button{min-height:40px;font-size:16px}.character-tablet .character-shelves{gap:5px}.character-tablet .character-stage{padding:4px}.character-tablet .character-save{gap:8px;padding:0 2px 3px}.character-tablet .character-save .family-button{min-height:40px;padding:4px 8px;font-size:15px!important}.character-tablet .character-item{grid-template-rows:1fr 1fr;grid-template-columns:48px minmax(0,1fr);gap:2px 4px;padding:4px;display:grid}.character-tablet .character-item-picture{grid-row:1/-1;height:100%;padding:0}.character-tablet .character-item strong{align-self:end;font-size:13px}.character-tablet .character-item small{align-self:start;font-size:10px}.character-tablet .character-shelves .tablet-list:has(>.tablet-pager){grid-template-columns:minmax(0,1fr) 86px;gap:6px;display:grid}.character-tablet .character-shelves .tablet-pager{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:4px;min-height:0;display:grid}.character-tablet .character-shelves .tablet-pager span{text-align:center;grid-area:1/1/auto/-1;font-size:12px}.character-tablet .character-shelves .tablet-pager button{width:100%;min-width:0;min-height:40px;padding:4px;font-size:0}.character-tablet .character-shelves .tablet-pager button:before{font-size:20px}.character-tablet .character-shelves .tablet-pager button:first-child:before{content:"←"}.character-tablet .character-shelves .tablet-pager button:last-child:before{content:"→"}.character-tablet .tablet-pages .character-stage{grid-template-columns:64px minmax(0,1fr);align-items:center;display:grid}.character-tablet .tablet-pages .character-stage .ttori-art{height:80px}.character-tablet .tablet-pages .character-stage .family-button{min-width:0;min-height:44px;padding:5px;font-size:15px!important}.character-tablet .character-totals>div{padding:4px 12px}.character-tablet .character-totals strong{margin-top:2px;font-size:24px}.character-tablet .tablet-reading{gap:4px}.character-tablet .tablet-reading p{margin:0;font-size:14px}}@media (width<=600px){.character-tablet{gap:7px;min-width:0}.character-tablet .character-heading{min-height:42px}.character-tablet .character-heading h1{font-size:22px}.character-tablet .character-wallet{padding:3px 9px}.character-tablet .character-wallet small{font-size:11px}.character-tablet .character-wallet strong{font-size:21px}.character-tablet .character-wallet>span{font-size:22px}.character-tablet .character-tabs{gap:4px}.character-tablet .character-tabs a{justify-content:center;min-height:48px;padding:6px 4px;font-size:14px}.character-tablet .character-layout{grid-template-rows:104px minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:7px;min-width:0}.character-tablet .character-stage{text-align:left;box-sizing:border-box;border-width:3px;border-radius:22px;grid-template-rows:auto 1fr auto;grid-template-columns:72px minmax(0,1fr);gap:2px 9px;height:104px;padding:5px 10px;display:grid}.character-tablet .character-stage-label{grid-column:2;place-self:end start;font-size:12px}.character-tablet .character-stage .ttori-art{grid-area:1/1/-1;align-self:center;width:70px;height:88px}.character-tablet .character-stage h2{grid-column:2;align-self:end;font-size:17px}.character-tablet .character-stage p{grid-column:2;align-self:start;font-size:12px;line-height:1.25}.character-tablet .character-shelves{gap:7px;width:100%;min-width:0;overflow:hidden}.character-tablet .character-categories{gap:5px}.character-tablet .character-categories button{min-height:46px;font-size:16px}.character-tablet .character-purchase{justify-content:flex-start;gap:6px;padding:8px}.character-tablet .character-purchase h2{font-size:16px;line-height:1.2}.character-tablet .character-purchase p{font-size:13px;line-height:1.4}.character-tablet .character-purchase .family-button{white-space:nowrap;min-height:44px;padding:6px;font-size:13px}.character-tablet .character-purchase .tablet-inline-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.character-tablet .character-item{justify-content:center}.character-tablet .character-item strong{font-size:14px;line-height:1.2}.character-tablet .character-item small{font-size:11px;line-height:1.2}.character-tablet .tablet-list,.character-tablet .tablet-list-grid{width:100%;min-width:0}.character-tablet .tablet-pager button{min-width:0}.character-tablet .character-save{background:#fffef8;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr) minmax(0,.9fr);gap:6px;padding:7px 2px 2px}.character-tablet .character-save .family-button{overflow-wrap:anywhere;white-space:normal;min-width:0;min-height:48px;padding:6px 5px;font-size:13px;line-height:1.15}}@media (width<=600px) and (height<=700px){.character-tablet .character-heading{flex-direction:row;align-items:center;gap:6px;min-height:40px}.character-tablet .character-heading h1{font-size:18px}.character-tablet .character-wallet{padding:3px 5px}.character-tablet .character-wallet small{font-size:9px}.character-tablet .character-wallet strong{font-size:18px}.character-tablet .character-layout{grid-template-rows:80px minmax(0,1fr)}.character-tablet .character-stage{grid-template-columns:52px minmax(0,1fr);height:80px}.character-tablet .character-stage .ttori-art{width:52px;height:68px}.character-tablet .character-stage h2{font-size:15px}.character-tablet .character-stage p{font-size:11px}.character-room.character-tablet .character-save .family-button{min-height:44px;font-size:13px!important}.character-tablet:has(.character-save) .character-layout{grid-template-rows:60px minmax(0,1fr)}.character-tablet:has(.character-save) .character-stage{grid-template-rows:1fr 1fr;height:60px}.character-tablet:has(.character-save) .character-stage-label{display:none}.character-tablet:has(.character-save) .character-stage .ttori-art{height:48px}.character-tablet:has(.character-save) .tablet-pager button{min-height:44px}}@media (width<=600px){.character-tablet .character-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.character-tablet .character-totals>div{min-width:0;padding:14px 12px}.character-tablet .character-totals small{white-space:nowrap;font-size:15px;display:block}.character-tablet .character-totals strong{margin-top:8px;font-size:28px}.character-tablet .tablet-pages .character-stage{grid-template-rows:1fr;grid-template-columns:52px minmax(0,1fr)}.character-tablet .tablet-pages .character-stage h2{display:none}.character-tablet .tablet-pages .character-stage .family-button{min-width:0;min-height:44px;padding:5px;font-size:16px!important}}.integrated-learning.integrated-learning :is(.tablet-learning,.il-page,.word-selection,.pv,.sentence-mode,.sentence-picker,.sentence-trace,.word-practice){box-sizing:border-box;flex-direction:column;gap:12px;width:100%;min-width:0;max-width:none;height:100%;min-height:0;margin:0;padding:0;display:flex}.integrated-learning.integrated-learning :is(.home-top,.practice-header,.pv-topbar,.il-header){flex:none;min-height:64px;margin:0;padding:8px 12px}.integrated-learning.integrated-learning :is(.il-path,.word-grid){flex:1;width:100%;min-height:0;margin:0;padding:4px;display:flex}.integrated-learning.integrated-learning .il-row{justify-content:center;gap:5px;height:100%;min-height:0;margin:0}.integrated-learning.integrated-learning .il-progress-bar{flex:none;margin:0}.integrated-learning.integrated-learning :is(.course-list,.fav-row){flex:1;max-width:none;min-height:0;margin:0;display:flex}.integrated-learning.integrated-learning .course-card{min-height:0;margin:0;padding:12px}.integrated-learning.integrated-learning .hero-card{flex:1;min-height:0;max-height:none;margin:0;padding:16px 24px}.integrated-learning.integrated-learning .hero-title{color:var(--family-ink);font-size:36px}.integrated-learning.integrated-learning .hero-text{min-width:0}@media (width<=600px){.integrated-learning.integrated-learning .hero-card{gap:12px;padding:16px}.integrated-learning.integrated-learning .hero-title{word-break:keep-all;font-size:24px;line-height:1.4}.integrated-learning.integrated-learning .hero-mascot{flex:0 0 64px;width:64px}}.integrated-learning.integrated-learning .hero-mascot{width:120px}.integrated-learning.integrated-learning .story-cta{min-height:64px;margin:0;padding:12px}.integrated-learning.integrated-learning .section-head{margin:0}.integrated-learning.integrated-learning .filter-group{flex:none;gap:8px;margin:0;padding:0 8px 6px;display:flex}.integrated-learning.integrated-learning .filter-chip{min-height:64px;padding:8px 12px}.integrated-learning.integrated-learning .word-actions{flex:none;margin:0}.integrated-learning.integrated-learning .word-card{min-height:0;padding:8px}.integrated-learning.integrated-learning .lesson{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);display:grid}.integrated-learning.integrated-learning .lesson .home-top{grid-column:1/-1}.integrated-learning.integrated-learning .lesson-hero{place-items:center;min-height:0;margin:0;display:grid}.integrated-learning.integrated-learning .lesson-char{font-size:clamp(80px,14vw,170px)}.integrated-learning.integrated-learning .lesson-detail{flex-direction:column;gap:12px;min-height:0;margin:0;padding:12px;display:flex}.integrated-learning.integrated-learning .lesson-desc{margin:0}.integrated-learning.integrated-learning .lesson-steps{min-height:0;margin:0;padding:0}.integrated-learning.integrated-learning .lesson-actions{margin:0}.integrated-learning.integrated-learning .lesson-start{width:100%;margin:0}.integrated-learning.integrated-learning .lesson-char{color:var(--family-ink)}@media (width<=600px){.integrated-learning.integrated-learning .lesson{grid-template-rows:auto 64px minmax(0,1fr) 64px;grid-template-columns:64px minmax(0,1fr);gap:8px}.integrated-learning.integrated-learning .lesson-hero{grid-area:2/1}.integrated-learning.integrated-learning .lesson-char{font-size:44px}.integrated-learning.integrated-learning .lesson-actions{grid-area:2/2;gap:6px;display:flex}.integrated-learning.integrated-learning .lesson-actions>button{width:52px;min-width:44px;height:64px}.integrated-learning.integrated-learning .lesson-detail{grid-area:3/1/auto/-1;gap:6px;padding:8px}.integrated-learning.integrated-learning .lesson-desc{font-size:13px;line-height:1.4}.integrated-learning.integrated-learning .lesson-start{white-space:nowrap;grid-area:4/1/auto/-1;min-height:64px;font-size:18px}}.integrated-learning.integrated-learning .pv-body{flex:1;align-items:stretch;gap:16px;min-height:0;padding:0;display:flex}.integrated-learning.integrated-learning .pv-side{flex-direction:column;flex:0 0 280px;gap:8px;min-height:0;max-height:none;padding:0;display:flex;overflow:visible}.integrated-learning.integrated-learning .pv-target{flex:none;padding:6px}.integrated-learning.integrated-learning .pv-target-char{padding:4px;font-size:64px}.integrated-learning.integrated-learning .pv-current-stroke{gap:6px;padding:12px}.integrated-learning.integrated-learning .pv-stroke-chips{flex-direction:column;flex:1;min-height:0;padding:8px;display:flex}.integrated-learning.integrated-learning .pv-chips-row{flex:1;min-height:0;display:flex}.integrated-learning.integrated-learning .pv-chip{box-sizing:border-box;height:100%;display:flex}.integrated-learning.integrated-learning .pv-canvas-area{flex-direction:column;flex:1;gap:8px;min-width:0;min-height:0;display:flex}.integrated-learning.integrated-learning .pv-canvas-wrap{aspect-ratio:auto;width:100%;min-width:0;max-width:none;min-height:0;max-height:none;box-shadow:none;background:0 0;border:0;flex:1;justify-content:center;align-items:center;margin:0;display:flex;container-type:size}.integrated-learning.integrated-learning .pv-canvas-wrap .writing-svg{aspect-ratio:1;border:0;border-radius:20px;outline:4px solid #eedeb6;flex:none;width:min(100% - 8px,100cqh - 8px);max-width:none;height:auto;max-height:none;display:block}.integrated-learning.integrated-learning :is(.pv-controls,.controls){flex-wrap:nowrap;flex:none;gap:8px;width:100%;margin:0;display:flex}.integrated-learning.integrated-learning :is(.pv-controls,.controls)>button{flex:1;min-width:0;min-height:64px;padding:8px;font-size:16px}.integrated-learning.integrated-learning :is(.pv-tool-btn,.pv-back){min-width:64px;min-height:64px}.integrated-learning.integrated-learning :is(.pv-progress-strip,.word-progress,.pv-order-note,.pv-stroke-preview-message){flex:none;margin:0}.integrated-learning.integrated-learning .word-syllable-strip{flex:none;gap:8px;margin:0;padding:8px 4px}.integrated-learning.integrated-learning .syllable-tile{min-width:50px;padding:5px 12px}.integrated-learning.integrated-learning .syllable-tile-char{font-size:26px;line-height:1.5}.integrated-learning.integrated-learning .syllable-tile.status-current{transform:none}.integrated-learning.integrated-learning .pv-canvas-area:has(.word-feedback)>.pv-canvas-wrap{flex:0 0 100px}.integrated-learning.integrated-learning .word-feedback{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.evaluation-feedback{flex-direction:column;flex:1;min-height:0;display:flex}.evaluation-feedback .stroke-feedback-card{box-sizing:border-box;flex-direction:column;height:100%;min-height:0;padding:8px;display:flex}.evaluation-feedback :is(.feedback-list,.stroke-feedback-reasons){margin:0;padding:8px 8px 8px 24px}.result-overlay .result-card{box-sizing:border-box;flex-direction:column;gap:8px;width:min(680px,100vw - 32px);height:min(660px,100dvh - 32px);max-height:none;padding:16px;display:flex;overflow:visible}.result-overlay .result-emoji{margin:0;font-size:32px}.result-overlay .result-title{margin:0;font-size:28px}.result-overlay :is(.jamo-row,.result-score,.result-sub){margin:0}.result-overlay .result-card>button{flex:none;min-height:64px}.integrated-learning.integrated-learning .sentence-trace :is(.sentence-target,.sentence-note,.round-progress){flex:none;margin:0}.integrated-learning.integrated-learning .sentence-canvas-wrap{background:0 0;border:0;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:visible;container-type:size}.integrated-learning.integrated-learning .sentence-svg{aspect-ratio:4;border:0;border-radius:20px;outline:4px solid #eedeb6;width:min(100% - 8px,400cqh - 32px);max-width:none;height:auto;max-height:none;display:block}.integrated-learning.integrated-learning .sentence-target{font-size:clamp(22px,3vw,36px)}.integrated-learning.integrated-learning .sentence-mode .card-cute{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:none;min-height:0;display:flex}.integrated-learning.integrated-learning .sentence-mode .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.integrated-learning.integrated-learning .sentence-picker .story-sentences{flex:1;min-height:0;margin:0;display:flex}@media (orientation:portrait){.integrated-learning.integrated-learning .pv-body{flex-direction:column}.integrated-learning.integrated-learning .pv-side{flex:0 0 320px;width:100%}.integrated-learning.integrated-learning .pv-side .tablet-step{grid-template-columns:150px minmax(0,1fr);display:grid}.integrated-learning.integrated-learning .pv-side .pv-stroke-chips,.integrated-learning.integrated-learning .pv-side .pv-order-note{grid-column:1/-1}.integrated-learning.integrated-learning .pv-side .pv-current-stroke{grid-template-columns:auto 1fr;align-items:center;display:grid}.integrated-learning.integrated-learning .pv-side .pv-target{place-items:center;display:grid}.integrated-learning.integrated-learning .pv-topbar{flex-wrap:wrap}}.integrated-learning.integrated-learning .word-result{flex-direction:column;flex:1;width:100%;max-width:none;min-height:0;margin:0;padding:12px;display:flex}.integrated-learning.integrated-learning .word-result :is(.word-result-actions,.word-result-section,.word-result-stats,.word-result-title){margin:0}.integrated-learning.integrated-learning .word-result .mascot{font-size:28px}.integrated-learning.integrated-learning .pv-debug-bar{flex-direction:column;flex:1;grid-column:1/-1;gap:8px;min-height:0;padding:4px;display:flex}.integrated-learning.integrated-learning :is(.debug-chip,.btn-small){min-height:64px}.integrated-learning.integrated-learning .pv-side .tablet-pager button{min-width:80px;padding:8px}.integrated-learning.integrated-learning :is(.word-selection-results,.word-filter-panel){flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.integrated-learning.integrated-learning :is(.word-selection-results,.word-filter-panel)[hidden]{display:none}.integrated-learning.integrated-learning .word-filter-panel{justify-content:center}.integrated-learning.integrated-learning .word-actions{order:2;gap:12px;display:flex}.integrated-learning.integrated-learning .hero-mascot{justify-content:center;align-items:center;height:96px;display:flex}.integrated-learning.integrated-learning .hero-mascot .family-friend{width:96px;height:96px}.integrated-learning.integrated-learning .il-node{justify-content:center;align-items:center;padding:0;display:flex}.integrated-learning.integrated-learning :is(.il-node-char,.il-node-emoji){line-height:1.5}.integrated-learning.integrated-learning .il-node-char{color:var(--family-ink)}.integrated-learning.integrated-learning .il-node-ring{inset:8px}.integrated-learning.integrated-learning .lesson-char{line-height:1.5}.integrated-learning.integrated-learning .sentence-target-long{padding:4px;font-size:22px;line-height:1.4}.sentence-outline-status{flex:none;justify-content:center;align-items:center;gap:12px;min-height:64px;font-size:16px;display:flex}.integrated-learning.integrated-learning .pv{--pv-cream:#fffaf0;--pv-paper:#fffdf8;--pv-ink:#563d31;--pv-coral:#ee6471;--pv-yellow:#ffe69a;--pv-green:#45bd7e;height:100%;color:var(--pv-ink);background-color:var(--pv-cream);background-image:radial-gradient(circle at 1px 1px,#c6b2912e 1px,#0000 0);background-size:18px 18px;border:2px solid #ded0b6;border-radius:22px;gap:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 7px #ffffffa6}.integrated-learning.integrated-learning .pv-topbar{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf0f0;border:0;border-bottom:1px dashed #e5d6bc;grid-template-columns:minmax(110px,1fr) minmax(300px,2fr) minmax(300px,1.3fr);gap:14px;min-height:62px;padding:7px 16px;display:grid}.integrated-learning.integrated-learning .pv-back{color:#765e50;background:#fffdf8;border:1px solid #eadcc5;border-radius:16px;justify-self:start;min-height:44px;padding:6px 13px;box-shadow:0 3px 8px #5e442e14}.integrated-learning.integrated-learning .pv-stage-info{justify-content:center;min-width:0}.integrated-learning.integrated-learning .pv-stage-name{color:#5b4033;white-space:nowrap;font-size:clamp(17px,2vw,25px)}.integrated-learning.integrated-learning .pv-lesson-badge,.integrated-learning.integrated-learning .pv-diff{color:#99672d;background:#fff0cf;border-radius:12px;flex:none;padding:4px 9px;font-size:12px}.integrated-learning.integrated-learning .pv-diff{color:#468359;background:#e9f7e8}.integrated-learning.integrated-learning .pv-stars{white-space:nowrap}.integrated-learning.integrated-learning .pv-right-tools{justify-self:end;min-width:0}.integrated-learning.integrated-learning .pv-profile-dot{color:#fff;background:#a9683c;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.integrated-learning.integrated-learning .pv-points{white-space:nowrap;background:#fffdf8;padding:6px 10px}.integrated-learning.integrated-learning .pv-tool-btn{background:#fffdf8;border:1px solid #eadcc5;border-radius:14px;width:auto;min-width:50px;height:44px;min-height:44px;padding:0 10px;font-size:13px}.integrated-learning.integrated-learning .pv-crayon-tabs{z-index:5;gap:6px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.integrated-learning.integrated-learning .pv-crayon-tabs i{border-radius:0 0 5px 5px;width:18px;height:22px}.integrated-learning.integrated-learning .pv-crayon-tabs i:first-child{background:#efa4a1}.integrated-learning.integrated-learning .pv-crayon-tabs i:nth-child(2){background:#f4d58b}.integrated-learning.integrated-learning .pv-crayon-tabs i:nth-child(3){background:#b9d98e}.integrated-learning.integrated-learning .pv-crayon-tabs i:nth-child(4){background:#8fcce5}.integrated-learning.integrated-learning .pv-crayon-tabs i:nth-child(5){background:#c5a6df}.integrated-learning.integrated-learning .pv-crayon-tabs i:nth-child(6){background:#eaa2d0}.integrated-learning.integrated-learning .pv-crayon-tabs i:nth-child(7){background:#f5c852}.integrated-learning.integrated-learning .pv-body{flex:1;grid-template-columns:clamp(210px,25%,300px) minmax(0,1fr);align-items:stretch;gap:12px;min-height:0;padding:10px 12px 12px;display:grid}.integrated-learning.integrated-learning .pv-side{background:#fffdf7ed;border:1px solid #e5d8bd;border-radius:18px;flex-direction:column;gap:6px;width:auto;min-height:0;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 14px #684f3014}.integrated-learning.integrated-learning .pv-side>.tablet-pages{flex:1;min-height:0}.integrated-learning.integrated-learning .pv-side .tablet-page-nav{gap:4px;min-height:36px}.integrated-learning.integrated-learning .pv-side .tablet-page-nav button{min-height:36px;padding:5px 7px;font-size:12px}.integrated-learning.integrated-learning .pv-side .tablet-step{height:100%;min-height:0}.integrated-learning.integrated-learning .pv-target{box-shadow:none;background:0 0;border:0;padding:3px}.integrated-learning.integrated-learning .pv-target-char{color:#e24d54;background:0 0;padding:0 12px;font-size:clamp(42px,7vh,72px);line-height:1}.integrated-learning.integrated-learning .pv-current-stroke{background:0 0;border:0;gap:2px;padding:6px 8px}.integrated-learning.integrated-learning .pv-curr-label{font-size:11px}.integrated-learning.integrated-learning .pv-curr-jamo{font-size:clamp(29px,5vh,48px)}.integrated-learning.integrated-learning .pv-curr-kind{padding:2px 7px;font-size:11px}.integrated-learning.integrated-learning .pv-curr-hint{margin:0;font-size:11px;line-height:1.25}.integrated-learning.integrated-learning .pv-stroke-chips{box-shadow:none;background:0 0;border:0;padding:7px}.integrated-learning.integrated-learning .pv-chips-title{margin-bottom:5px;font-size:12px}.integrated-learning.integrated-learning .pv-chips-row{min-height:60px}.integrated-learning.integrated-learning .pv-chip{min-height:44px;padding:4px 6px}.integrated-learning.integrated-learning .pv-order-note{font-size:11px}.integrated-learning.integrated-learning .pv-canvas-area{background-color:#fffffce0;background-image:radial-gradient(circle at 1px 1px,#8dadb92e 1px,#0000 0);background-size:17px 17px;border:1px solid #e6d9c0;border-radius:19px;flex-direction:column;gap:6px;min-height:0;padding:8px;display:flex;box-shadow:inset 0 0 24px #fff1c738}.integrated-learning.integrated-learning .pv-board-title{color:#765d4e;align-items:center;gap:7px;min-height:28px;font-size:12px;display:flex}.integrated-learning.integrated-learning .pv-board-title span{color:#e26361}.integrated-learning.integrated-learning .pv-board-title small{color:#8c6b29;background:#fff1ad;border-radius:11px;margin-left:auto;padding:4px 9px}.integrated-learning.integrated-learning .pv-progress-strip{background:#fffdf9;justify-self:end;padding:5px 11px;box-shadow:0 2px 6px #5e442e14}.integrated-learning.integrated-learning .pv-dot{width:9px;height:9px}.integrated-learning.integrated-learning .pv-canvas-wrap{background:0 0;justify-content:center;align-items:center;width:100%;height:auto;min-height:0;display:flex;position:relative;overflow:hidden}.integrated-learning.integrated-learning .pv-canvas-wrap:before{content:"";background:#ffe686bf;border-radius:30px;position:absolute;inset:5% 10%;box-shadow:0 7px 18px #c293381f}.integrated-learning.integrated-learning .pv-canvas-wrap .writing-svg{z-index:1;aspect-ratio:1;width:min(94%,100cqh - 4px);max-width:none;height:auto;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:26px;outline:0;display:block;position:relative}.integrated-learning.integrated-learning .pv-controls{background:#fffaf0;border:1px solid #e6d8bd;border-radius:15px;grid-template-columns:auto repeat(3,34px) minmax(105px,.8fr) minmax(105px,.8fr) minmax(160px,1.2fr);align-items:center;gap:7px;min-height:54px;padding:6px 8px;display:grid}.integrated-learning.integrated-learning .pv-tool-label{color:#795e4e;padding-right:3px;font-size:12px;font-weight:800}.integrated-learning.integrated-learning .pv-color-dot{border:4px solid #fff;border-radius:50%;width:28px;height:28px;box-shadow:0 1px 4px #462d1e33}.integrated-learning.integrated-learning .pv-color-dot.red{background:#e9555c}.integrated-learning.integrated-learning .pv-color-dot.blue{background:#60b8e6}.integrated-learning.integrated-learning .pv-color-dot.yellow{background:#f6cb55}.integrated-learning.integrated-learning .pv-controls>button{border-radius:12px;min-height:44px;padding:6px 9px;font-size:12px}.integrated-learning.integrated-learning .pv-check-btn{background:linear-gradient(135deg,#70ce8e,#35b673);box-shadow:0 4px 12px #35b67342}.integrated-learning.integrated-learning .pv-stroke-preview-message,.integrated-learning.integrated-learning .pv-canvas-area>.error{z-index:3;max-width:52%;margin:0;position:absolute;bottom:80px;right:24px}@media (orientation:portrait){.integrated-learning.integrated-learning .pv-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:7px;padding-inline:9px}.integrated-learning.integrated-learning .pv-stage-info{gap:4px}.integrated-learning.integrated-learning .pv-lesson-badge,.integrated-learning.integrated-learning .pv-diff,.integrated-learning.integrated-learning .pv-stars,.integrated-learning.integrated-learning .pv-points{display:none}.integrated-learning.integrated-learning .pv-tool-btn{min-width:44px;padding:0 7px}.integrated-learning.integrated-learning .pv-body{grid-template-columns:clamp(184px,27%,225px) minmax(0,1fr);gap:8px;padding:8px}.integrated-learning.integrated-learning .pv-side{flex:initial;width:auto;padding:8px}.integrated-learning.integrated-learning .pv-side .tablet-step{display:block}.integrated-learning.integrated-learning .pv-canvas-wrap .writing-svg{width:min(98%,100cqh - 2px)}.integrated-learning.integrated-learning .pv-controls{grid-template-rows:32px 44px;grid-template-columns:repeat(3,minmax(0,1fr))}.integrated-learning.integrated-learning .pv-tool-label{display:none}.integrated-learning.integrated-learning .pv-color-dot{justify-self:center}.integrated-learning.integrated-learning .pv-controls>.pv-ctrl-btn,.integrated-learning.integrated-learning .pv-controls>.pv-check-btn{grid-area:2;width:100%;height:44px}}@media (width<=600px){.integrated-learning.integrated-learning .pv-topbar{grid-template-columns:auto minmax(0,1fr) auto}.integrated-learning.integrated-learning .pv-stage-info{min-width:0}.integrated-learning.integrated-learning .pv-stage-name{text-overflow:ellipsis;overflow:hidden}.integrated-learning.integrated-learning .pv-body{grid-template-rows:minmax(150px,24%) minmax(0,1fr);grid-template-columns:1fr;gap:6px;padding:6px}.integrated-learning.integrated-learning .pv-side{width:100%}.integrated-learning.integrated-learning .pv-side .tablet-section-nav,.integrated-learning.integrated-learning .pv-side .tablet-section-nav>button{min-height:44px}.integrated-learning.integrated-learning .pv-target-char{font-size:clamp(36px,6vh,54px)}.integrated-learning.integrated-learning .pv-board-title strong{font-size:12px}.integrated-learning.integrated-learning .pv-canvas-wrap:before{inset:3% 8%}.integrated-learning.integrated-learning .pv-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.integrated-learning.integrated-learning .pv-controls>button{min-width:44px}}@media (orientation:portrait) and (height>=900px){.integrated-learning.integrated-learning .pv-body{grid-template-rows:minmax(220px,31%) minmax(0,1fr);grid-template-columns:1fr}.integrated-learning.integrated-learning .pv-side{grid-template-rows:1fr;grid-template-columns:minmax(160px,30%) minmax(0,1fr);gap:10px;width:100%;display:grid}.integrated-learning.integrated-learning .pv-side>.tablet-pages{grid-area:1/1/auto/-1}.integrated-learning.integrated-learning .pv-side .tablet-step{grid-template-columns:120px minmax(0,1fr);align-items:center;display:grid}.integrated-learning.integrated-learning .pv-side .pv-stroke-guide{grid-column:1/-1;grid-template-rows:64px minmax(0,1fr) 20px;grid-template-columns:120px minmax(0,1fr);gap:8px;height:100%;min-height:0;display:grid}.integrated-learning.integrated-learning .pv-side .pv-stroke-guide .pv-stroke-chips{grid-area:2/2;min-height:0}.integrated-learning.integrated-learning .pv-side .pv-stroke-guide .pv-order-note{grid-area:3/2;margin:0}.integrated-learning.integrated-learning .pv-side .pv-target{grid-area:1/1/3}.integrated-learning.integrated-learning .pv-side .pv-current-stroke{grid-column:2}.integrated-learning.integrated-learning .pv-canvas-wrap .writing-svg{width:min(94%,100cqh - 2px)}}@media (width<=860px) and (orientation:landscape){.integrated-learning.integrated-learning .pv-body{grid-template-columns:240px minmax(0,1fr)}.integrated-learning.integrated-learning .pv-stage-name{font-size:16px}.integrated-learning.integrated-learning .pv-lesson-badge,.integrated-learning.integrated-learning .pv-stars{display:none}}@media (height<=500px) and (width>=601px){.integrated-learning.integrated-learning .pv-stroke-guide{grid-template-rows:76px minmax(0,1fr) 28px;grid-template-columns:56px minmax(0,1fr);gap:4px;height:100%;min-height:0;display:grid}.integrated-learning.integrated-learning .pv-stroke-guide .pv-target{grid-area:1/1}.integrated-learning.integrated-learning .pv-stroke-guide .pv-current-stroke{grid-area:1/2;padding:2px}.integrated-learning.integrated-learning .pv-stroke-guide .pv-stroke-chips{grid-area:2/1/auto/-1;min-height:0;padding:0}.integrated-learning.integrated-learning .pv-stroke-guide .pv-order-note{grid-area:3/1/auto/-1;margin:0}.integrated-learning.integrated-learning .pv-target-char{padding:0;font-size:36px}.integrated-learning.integrated-learning .pv-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.integrated-learning.integrated-learning .pv-controls>.pv-color-dot,.integrated-learning.integrated-learning .pv-controls>.pv-tool-label{display:none}}.integrated-learning .tt-crayon-bar{flex:none;justify-content:center;gap:8px;display:flex}.integrated-learning .tt-crayon{border:2px solid var(--family-line);background:var(--family-surface);min-height:44px;color:var(--family-ink);font:16px var(--font-heading);white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.integrated-learning .tt-crayon i{background:var(--tt-crayon-color);border-radius:4px;width:12px;height:22px}.integrated-learning .tt-crayon[aria-pressed=true]{border-color:var(--family-rim);background:var(--selection-surface)}@media (width<=600px){.integrated-learning.integrated-learning .pv-body{grid-template-rows:150px minmax(0,1fr)}.integrated-learning.integrated-learning .pv-side{flex:none;height:150px;min-height:150px}.integrated-learning.integrated-learning .pv-controls{grid-template-rows:44px}.integrated-learning.integrated-learning .pv-controls>.pv-color-dot{display:none}.integrated-learning.integrated-learning .pv-controls>.pv-ctrl-btn,.integrated-learning.integrated-learning .pv-controls>.pv-check-btn{grid-row:1}.integrated-learning.integrated-learning .pv-stroke-guide{grid-template-rows:38px minmax(0,1fr);grid-template-columns:80px minmax(0,1fr);gap:6px;height:100%;min-height:0;display:grid}.integrated-learning.integrated-learning .pv-stroke-guide .pv-target{grid-area:1/1}.integrated-learning.integrated-learning .pv-stroke-guide .pv-current-stroke{flex-direction:row;grid-area:1/2;align-items:center;gap:8px;padding:4px;display:flex}.integrated-learning.integrated-learning .pv-stroke-guide .pv-stroke-chips{grid-area:2/1/auto/-1;min-height:0;padding:0}.integrated-learning.integrated-learning .pv-target-char{padding:0;font-size:32px}.integrated-learning.integrated-learning .pv-order-note{display:none}.integrated-learning .tt-crayon-bar{gap:4px}.integrated-learning .tt-crayon{flex:1;gap:3px;min-width:0;padding:4px;font-size:13px}.integrated-learning.integrated-learning :is(.pv-controls,.controls)>button{white-space:normal;padding:3px;font-size:12px;line-height:1.3}.integrated-learning .tt-crayon-bar>.tt-crayon-eraser{padding:4px 2px;font-size:12px}.integrated-learning :is(.home-back,.pv-back,.home-hello,.mode-title,.word-select-title){word-break:keep-all;overflow-wrap:normal}.integrated-learning .word-select-title{white-space:nowrap;font-size:16px}.integrated-learning .word-selection .practice-header{gap:6px;padding:8px}.integrated-learning .word-selection .practice-header>button{white-space:nowrap;padding:8px 6px;font-size:12px}.integrated-learning .word-selection .practice-header>.score-badge{white-space:nowrap;padding:4px;font-size:13px}.integrated-learning .word-actions>button{white-space:nowrap;padding:8px 6px;font-size:14px}}.result-overlay.practice-result{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;padding:12px}.result-overlay.practice-result *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.result-overlay.practice-result .result-card.practice-result-card{box-sizing:border-box;width:min(760px,100%);max-width:760px;height:min(680px,100dvh - 24px);min-height:0;max-height:calc(100dvh - 24px);color:var(--family-ink);background:var(--family-surface);border:2px solid var(--family-line);border-radius:24px;flex-direction:column;gap:12px;margin:0;padding:20px;display:flex;overflow:visible}.practice-result .practice-result-heading{flex:none;justify-content:center;align-items:center;gap:12px;display:flex}.practice-result .result-emoji{font-size:30px;line-height:1}.practice-result .result-title{color:var(--family-ink);margin:0;font-size:24px;line-height:1.3}.practice-result .result-title.bad,.practice-result .result-title.good{color:var(--family-ink)}.practice-result .result-metrics{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.practice-result .result-metric{background:var(--family-paper);border-radius:12px;flex-direction:column;gap:4px;padding:8px;display:flex}.practice-result .result-metric-label{font-size:14px;line-height:1.3}.practice-result .result-metric-value{font-size:23px;line-height:1.3}.practice-result .jamo-row{flex:none;justify-content:center;gap:8px;margin:0;display:flex}.practice-result .jamo-chip{border-radius:12px;padding:4px 12px;font-size:18px;line-height:1.3}.practice-result .evaluation-feedback{flex:1;min-height:0;margin:0}.practice-result .profile-text-pages{gap:8px;height:100%;min-height:0}.practice-result .profile-text-card{text-align:left;padding:12px;font-size:18px}.practice-result .profile-text-card h4{margin:0 0 8px;font-size:18px;line-height:1.3}.practice-result .tablet-pager{flex:none;margin:0}.practice-result .tablet-pager button{min-height:48px;padding:8px 16px;font-size:16px}.practice-result .practice-result-actions{flex:none;gap:12px;margin:0;display:flex}.practice-result .practice-result-actions button{white-space:nowrap;flex:1;min-width:0;min-height:56px;padding:8px 12px;font-size:17px}.practice-result .practice-result-error{color:var(--family-ink);flex:none;margin:0;font-size:14px;line-height:1.4}@media (width<=600px),(height<=550px){.result-overlay.practice-result .result-card.practice-result-card{border-radius:18px;gap:8px;padding:12px}.practice-result .result-title{font-size:19px}.practice-result .result-emoji{font-size:24px}.practice-result .result-metric{gap:2px;padding:6px}.practice-result .result-metric-label{font-size:12px}.practice-result .result-metric-value{font-size:18px}.practice-result .jamo-chip{padding:3px 8px;font-size:15px}.practice-result .profile-text-card{padding:10px;font-size:15px}.practice-result .profile-text-card h4{font-size:15px}.practice-result .tablet-pager button{min-height:44px;padding:6px 12px;font-size:14px}.practice-result .practice-result-actions{gap:8px}.practice-result .practice-result-actions button{min-height:48px;padding:8px;font-size:14px}}.assigned-practice{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex;position:relative}.assigned-practice>header{flex:none;align-items:center;gap:16px;display:flex}.assigned-title{flex:1;align-items:baseline;gap:12px;min-width:0;display:flex}.assigned-title>span{color:#a93349;background:#fff0cc;border-radius:999px;flex:none;padding:6px 12px;font:15px Jua,sans-serif}.assigned-title h1{min-width:0;margin:0;font-size:clamp(22px,3vw,30px)}.assigned-context{flex:none;justify-content:center;align-items:center;gap:20px;display:flex}.assigned-context>.outline-text{font-size:40px}.assigned-canvas{box-sizing:border-box;background-color:#fffdf3;background-image:linear-gradient(#e3d6b755 1px,#0000 1px),linear-gradient(90deg,#e3d6b755 1px,#0000 1px);background-size:24px 24px;border:3px dashed #dfd3b9;border-radius:24px;flex:1;justify-content:center;align-items:center;min-height:0;padding:clamp(10px,2.2vmin,22px);display:flex;container-type:size}.assigned-canvas>svg{width:min(100cqw,100cqh);max-width:100%;height:min(100cqw,100cqh);max-height:100%}.assigned-guide{color:#7a6a52;box-sizing:border-box;background-color:#fffdf3;border:2px dashed #e3d6b7;border-radius:18px;flex:none;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:6px 14px;font-size:16px;display:flex}.assigned-guide>span{flex:0 auto}.assigned-guide>button{flex:none}.assigned-actions{flex:none;grid-template-columns:1fr 1fr 1.3fr;gap:10px;display:grid}.assigned-error{flex:none;align-items:center;gap:12px;font-size:15px;display:flex}.assigned-error>span{flex:1}.assigned-recovery{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.assigned-recovery>p{min-width:0;max-width:42ch;color:var(--family-ink);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.5}.assigned-recovery>.family-button{flex:none;min-width:180px}.assigned-recovery-state{gap:20px}.assigned-recovery-state h1{word-break:keep-all;margin:0}.assigned-recovery-state>.family-button{width:min(100%,320px)}.result-overlay.practice-result .result-card.assigned-recovery-dialog{gap:20px;max-width:560px;height:auto;min-height:220px;padding:24px}.assigned-recovery-dialog .assigned-recovery-message{overflow-wrap:anywhere;text-align:left;margin:0;font-size:18px;line-height:1.6}.assigned-recovery-dialog .assigned-recovery{width:100%}.assigned-recovery-dialog .assigned-recovery>.family-button{flex:1;width:100%;min-width:0}@media (height<=450px),(width<=600px){.result-overlay.practice-result .result-card.assigned-recovery-dialog{gap:12px;min-height:0;padding:16px}.assigned-recovery-dialog .assigned-recovery-message{font-size:16px}}@media (width<=600px){.assigned-recovery{flex-direction:column;align-items:stretch;gap:8px}.assigned-recovery>p{max-width:none;font-size:14px}.assigned-recovery>.family-button{width:100%;min-width:0}.assigned-practice>header{gap:8px}.assigned-title{flex-direction:column;gap:4px}.assigned-title>span{padding:4px 6px;font-size:12px}.assigned-title h1{font-size:20px}.assigned-practice>header>span{white-space:nowrap;flex:none}.assigned-actions{grid-template-columns:1fr 1.2fr .7fr;gap:6px}.assigned-actions>button{white-space:normal;min-width:0;padding:8px 4px;font-size:13px;line-height:1.4}}.integrated-learning.integrated-learning .word-writing .word-syllable-strip{gap:4px;padding:0}.integrated-learning.integrated-learning .word-writing .syllable-tile{align-items:center;gap:4px;min-width:0;padding:2px 8px;display:flex}.integrated-learning.integrated-learning .word-writing .syllable-tile-icon{font-size:12px}.integrated-learning.integrated-learning .word-writing .syllable-tile-char{font-size:24px;line-height:1.4}.integrated-learning.integrated-learning .word-writing .controls{align-items:stretch}.integrated-learning.integrated-learning .word-writing .controls>button{min-height:44px;margin:0}.integrated-learning.integrated-learning .word-writing .pv-canvas-wrap:before{display:none}.integrated-learning.integrated-learning .word-writing .pv-canvas-area:has(.word-feedback)>.pv-canvas-wrap{flex:1 1 0}.integrated-learning.integrated-learning .word-writing .word-feedback{flex:0 0 140px;min-height:140px;margin:0}@media (height<=650px){.integrated-learning.integrated-learning .word-writing .controls>button{padding:4px;font-size:12px}.integrated-learning.integrated-learning .word-writing .word-feedback{gap:4px;margin:0}.integrated-learning.integrated-learning .word-writing .word-feedback>button{min-height:44px;margin:0;padding:4px;font-size:16px}.integrated-learning.integrated-learning .word-writing .feedback-line{margin:0}.integrated-learning.integrated-learning .word-writing .word-feedback{flex-basis:120px;min-height:120px}}@media (height<=500px) and (width>=601px){.integrated-learning.integrated-learning .word-writing .pv-canvas-area:has(.word-feedback){grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.integrated-learning.integrated-learning .word-writing .word-syllable-strip{grid-column:1}.integrated-learning.integrated-learning .word-writing .pv-canvas-area:has(.word-feedback)>.pv-canvas-wrap{grid-area:2/1;width:100%;height:100%}.integrated-learning.integrated-learning .word-writing .pv-canvas-area:has(.word-feedback)>.tt-crayon-bar{flex-wrap:wrap;grid-area:3/1;gap:2px}.integrated-learning.integrated-learning .word-writing .pv-canvas-area:has(.word-feedback) .tt-crayon{min-height:32px;padding:2px;font-size:11px}.integrated-learning.integrated-learning .word-writing .word-feedback{grid-area:1/2/4;width:100%;height:100%;min-height:0}}.integrated-learning.integrated-learning .sentence-outline-status{flex-wrap:wrap;gap:6px;min-width:0}.integrated-learning.integrated-learning .sentence-outline-status>span{flex:180px;min-width:0}.integrated-learning.integrated-learning .sentence-outline-status>button{white-space:normal;flex:none;max-width:100%;min-height:44px}@media (width<=600px),(height<=500px){.integrated-learning.integrated-learning .sentence-trace{gap:6px}.integrated-learning.integrated-learning .sentence-trace .home-top{min-height:44px;padding:4px}.integrated-learning.integrated-learning .sentence-trace .home-top .btn-small{min-height:44px}.integrated-learning.integrated-learning .sentence-trace .controls>button{min-height:44px;margin:0}.integrated-learning.integrated-learning .sentence-trace .sentence-note{font-size:12px;line-height:1.4}.integrated-learning.integrated-learning .sentence-outline-status{font-size:13px}}.child-message-pages{flex:1;min-height:0}.child-message-pages .child-message{height:100%;min-height:0}.child-message-pages .child-message-card{gap:5px;height:100%;padding:12px 16px}.child-message-pages .child-message-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.child-message-detail>.profile-text-pages{flex:1;min-height:0}.child-message-detail>.family-button{flex:none}.integrated-learning{min-width:0}.integrated-learning .pv,.integrated-learning .il-page{background:0 0;min-height:0;padding-bottom:24px}.integrated-learning .pv-body{padding:18px 0}.integrated-learning .pv-topbar,.integrated-learning .il-header{border:1px solid var(--family-line);background:#fff7e4;border-radius:16px;flex-wrap:wrap;gap:14px;padding:15px}.integrated-learning .il-trail{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:26px 15px;max-width:none;display:grid}.integrated-learning .il-row{min-width:0;transform:none!important}.integrated-learning .il-connector{display:none}.integrated-learning .il-node{background:#fff8e5;border-color:#e5d3ae;box-shadow:0 5px #d7c6a4}.integrated-learning .il-node.il-current{background:#e3ecd9;border-color:#a93349;box-shadow:0 5px #b8c7a8}.integrated-learning .hero-card{background:#fff0cc;border:2px dashed #dfc58f;box-shadow:0 4px #e8d7ac}.integrated-learning .hero-btn{color:#fff;background:#b8474d;border-radius:16px;min-height:44px;box-shadow:0 4px #8f333a}.integrated-learning .hero-mascot .family-friend{width:150px;height:150px}.integrated-learning .mascot-small .family-friend{width:72px;height:72px}.integrated-learning .home,.integrated-learning .word-selection,.integrated-learning .practice-view{background:0 0;max-width:none;margin:0;padding:0}.integrated-learning .home-top,.integrated-learning .practice-header{border:1px solid var(--family-line);background:#fff5dc;border-radius:16px;flex-wrap:wrap;gap:14px;margin-bottom:22px;padding:16px}.integrated-learning .btn-cute,.integrated-learning .debug-chip{color:var(--family-ink);border:1px solid var(--family-line);background:#fffaf0;border-radius:14px;min-height:48px;box-shadow:0 3px #e0d4b8}.integrated-learning .btn-big,.integrated-learning .btn-check{color:#fff;background:#b8474d;border:4px solid #a93349;border-radius:18px;min-height:64px;box-shadow:0 5px #8f333a}.integrated-learning .card-cute,.integrated-learning .mode-card,.integrated-learning .lesson-detail{border:1px solid var(--family-line);background:#fffdf3;border-radius:18px;box-shadow:0 4px #e5dcc7}.integrated-learning .lesson-hero{background:#fff2cc;border:3px dashed #dbc492}.integrated-learning .loading{min-height:240px}.integrated-learning .controls{flex-wrap:wrap;gap:12px;display:flex}.integrated-learning .sentence-canvas-wrap{background:#fffdf3;border:5px solid #eedeb6;border-radius:24px;overflow:hidden}@media (width<=600px){.tablet-inline-actions>.family-button{word-break:keep-all;overflow-wrap:normal}.tablet-inline-actions>a.family-button{white-space:nowrap;padding:8px 4px;font-size:13px}}.integrated-learning .sentence-svg{background:#fffdf3}.integrated-learning .setting-list{width:100%}.integrated-learning .onboarding{min-height:0;padding:15px}.integrated-learning .onboarding .card-cute{max-width:560px}.site-app .voice-studio{--voice-paper:#fffdf3;--voice-line:#dfd3b9;--voice-muted:#574143;max-width:none;color:var(--family-ink);background:0 0;margin:0;padding:0}.site-app .voice-header{display:none}.site-app .voice-section,.site-app .voice-create{border:1px solid var(--family-line);background:#fffdf3;border-radius:18px;box-shadow:0 3px #e6dcc6}.site-app .voice-button{color:#fff;background:#b8474d;border:3px solid #a93349;border-radius:15px;min-height:54px;box-shadow:0 4px #8f333a}.site-app .voice-secondary{color:var(--family-ink);background:#fff6e6;border-color:#e2d4b5;box-shadow:0 3px #d8cbb0}.site-app .voice-stop{color:#fff;background:#a93349}.site-app .voice-upload{cursor:pointer;background:#fff2d5;border:2px dashed #d7bd87;border-radius:15px;justify-content:center;align-items:center;min-height:54px;padding:14px 24px;display:inline-flex;position:relative}.site-app .voice-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.site-app .voice-upload:focus-within{outline-offset:4px;outline:3px solid #00668a}.voice-locked-card{border:1px solid var(--family-line);background:#fffdf3;border-radius:22px;grid-template-rows:auto auto;grid-template-columns:96px minmax(0,1fr);align-content:center;align-items:center;gap:18px 24px;width:min(100%,700px);height:auto;min-height:min(420px,100%);padding:clamp(24px,4vw,44px);display:grid;box-shadow:0 4px #e4d8bf}.voice-locked-card>div{gap:10px;min-width:0;display:grid}.voice-locked-card h1,.voice-locked-card p{margin:0}.voice-locked-card>.family-button{grid-column:2;justify-self:start;min-width:180px;text-decoration:none}.voice-locked-icon{background:#fff0cc;border:1px solid #dfc58f;border-radius:28px;grid-row:1/3;place-items:center;width:96px;height:96px;font-size:44px;display:grid;box-shadow:0 4px #e4cea1}@media (width<=650px){.integrated-learning .pv-body{flex-direction:column;gap:14px}.integrated-learning .pv-side{flex:none;grid-template-columns:86px minmax(0,1fr);gap:10px;width:100%;max-height:none;display:grid;overflow:visible}.integrated-learning .pv-target{border-radius:14px;padding:8px}.integrated-learning .pv-target-char{padding:7px;font-size:2rem}.integrated-learning .pv-current-stroke{border-radius:14px;gap:3px;padding:8px}.integrated-learning .pv-curr-jamo{font-size:1.6rem}.integrated-learning .pv-curr-label,.integrated-learning .pv-curr-hint{font-size:.8rem}.integrated-learning .pv-stroke-chips{grid-column:1/-1;padding:10px}.integrated-learning .pv-order-note{display:none}.integrated-learning .pv-canvas-area{width:100%}.integrated-learning .il-trail{grid-template-columns:repeat(2,minmax(0,1fr))}.integrated-learning .practice-header,.integrated-learning .home-top{padding:12px}.integrated-learning .stage-name{overflow-wrap:anywhere}.site-app .voice-section{padding:18px 12px}.voice-locked-card{text-align:center;grid-template-rows:auto;grid-template-columns:1fr;justify-items:center;gap:14px;min-height:0;padding:20px}.voice-locked-card>div{justify-items:center}.voice-locked-card>.family-button{grid-column:1;justify-self:stretch;min-width:0}.voice-locked-icon{border-radius:22px;grid-row:auto;width:72px;height:72px;font-size:34px}}.level-test{align-items:stretch}.level-test-writing{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;container-type:size}.level-test-writing .level-test-canvas{width:min(100cqw,100cqh);height:min(100cqw,100cqh);min-height:0}.level-test-head{text-align:center;flex:none}.level-test-step{color:var(--family-rim);background:#ffeccc;border-radius:999px;padding:8px 18px;font-size:15px;display:inline-block;box-shadow:0 3px #e6cf9f}.level-test-head h1{margin:12px 0 0;font:clamp(22px,3.4vw,30px) Jua,sans-serif}.level-test-body{flex:1;grid-template-columns:minmax(140px,240px) minmax(0,1fr);align-items:stretch;gap:clamp(14px,2.5vw,26px);min-height:0;display:grid}.level-test-target{background:#fff0cc;border:4px solid #fff;border-radius:22px;outline:2px dashed #dcc999;place-items:center;min-height:0;padding:16px;display:grid;transform:rotate(-1.5deg);box-shadow:0 5px #e4cea1}.level-test-target span{color:var(--family-rim);word-break:keep-all;font:clamp(72px,13vw,150px)/1 Jua,sans-serif}.level-test-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background-color:#fffdf3;background-image:linear-gradient(#e3d6b755 1px,#0000 1px),linear-gradient(90deg,#e3d6b755 1px,#0000 1px);background-size:40px 40px;border:6px solid #eedeb6;border-radius:24px;width:100%;height:100%;min-height:0;display:block;box-shadow:inset 0 0 0 3px #fffdf3,0 5px #e0d0a4}.level-test-actions{flex-wrap:wrap;flex:none;justify-content:center;gap:14px;display:flex}.level-test-actions .family-button{min-width:160px}@media (width<=650px){.level-test-body{grid-template-rows:minmax(96px,auto) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.level-test-target{transform:none}.level-test-target span{font-size:clamp(56px,18vw,96px)}.level-test-actions .family-button{flex:1;min-width:0}}.child-home{text-align:center;justify-content:center;align-items:center;gap:clamp(16px,3vw,28px)}.child-home-head{flex:none;justify-items:center;gap:8px;display:grid}.child-home-head .family-friend{width:min(34vw,280px);height:min(34vw,280px)}.child-home-head h1{color:var(--family-rim);word-break:keep-all;margin:0;font:clamp(26px,4.5vw,40px) Jua,sans-serif}.child-home>.character-home{box-sizing:border-box;flex:none;width:min(100%,520px);margin-top:0}@media (width>=651px) and (height<=800px){.child-home{gap:12px}.child-home-head{gap:4px}.child-home-head .family-friend{width:150px;height:150px}.child-home-today{padding:16px 26px}.child-home>.character-home{padding:7px 12px}.child-home>.character-home svg{width:64px;max-height:64px}.child-home>.character-home strong{margin-bottom:3px;font-size:19px}}.child-home-today{color:var(--family-ink);word-break:keep-all;background:#fff0cc;border:4px solid #fff;border-radius:26px 30px 24px 28px;outline:2px dashed #dcc999;justify-items:center;gap:6px;padding:clamp(20px,3.5vw,34px) clamp(28px,5vw,48px);font:clamp(22px,3.4vw,30px) Jua,sans-serif;display:inline-grid;transform:rotate(-1.5deg);box-shadow:0 6px #e4cea1,0 14px 26px #6455380f}.child-home-count{color:var(--family-muted);font-family:inherit;font-size:15px}.child-home-start{color:#fff;cursor:pointer;background:#b8474d;border:4px solid #a93349;border-radius:20px;justify-content:center;align-items:center;gap:10px;min-height:64px;padding:16px 40px;font:clamp(19px,2.8vw,24px) Jua,sans-serif;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 5px #8f333a}.child-home-start:hover,.child-home-start:focus-visible{outline:none;transform:translateY(-3px);box-shadow:0 8px #8f333a}.child-home-start:active{transform:translateY(2px);box-shadow:0 2px #8f333a}.child-home-empty{justify-items:center;gap:14px;display:grid}.child-home-soft{color:var(--family-muted);word-break:keep-all;font-size:16px;line-height:1.8}.child-home-wait{color:var(--family-rim);background:#ffeccc;border-radius:999px;padding:10px 22px;font:18px Jua,sans-serif;display:inline-block;box-shadow:0 3px #e6cf9f}.child-home-cards{box-sizing:border-box;flex:none;grid-template-columns:1fr 1fr;gap:clamp(10px,2vw,16px);width:min(100%,640px);display:grid}.child-card{text-align:left;width:100%;min-height:72px;color:var(--family-ink);border:2px solid var(--family-line);cursor:pointer;box-sizing:border-box;background:#fffdf3;border-radius:18px 22px 18px 20px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 4px #e5dcc7}.child-card:hover,.child-card:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 7px #e0d4b8}.child-card:active{transform:translateY(1px);box-shadow:0 2px #e5dcc7}.child-card-new{background:#fff6e6;border-color:#a93349;box-shadow:0 4px #e7cf9f}.child-card-quiet{opacity:.92}.child-card-emoji{flex:none;font-size:30px;line-height:1}.child-card-body{gap:4px;min-width:0;display:grid}.child-card-body strong{color:var(--family-rim);word-break:keep-all;font:clamp(16px,2.4vw,20px) Jua,sans-serif}.child-card-body small{color:var(--family-muted);word-break:keep-all;font-size:13px;line-height:1.5}.child-growth-bar{background:#f0e6cd;border:1px solid #e3d6b7;border-radius:999px;width:100%;height:12px;margin-top:4px;display:block;overflow:hidden}.child-growth-fill{background:linear-gradient(90deg,#d9a24a,#74a763);border-radius:999px;min-width:0;height:100%;transition:width .3s;display:block}.child-growth-count{color:var(--family-muted);font-size:12px}@media (width>=651px) and (height<=800px){.child-home-cards{gap:10px}.child-card{min-height:64px;padding:10px 14px}.child-card-emoji{font-size:26px}}@media (width<=650px){.child-home-cards{grid-template-columns:1fr;width:100%}}@media (width<=650px) and (height<=740px){.child-home{justify-content:flex-start;gap:8px}.child-home-head{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;width:100%}.child-home-head .family-friend{width:42px;height:42px}.child-home-head h1{text-align:left;font-size:19px;line-height:1.2}.child-home-today{border-radius:16px;gap:4px;width:100%;padding:6px 10px;transform:none}.child-home-today p,.child-home-empty p{margin:0}.child-home-start{border-width:2px;min-height:44px;padding:6px 12px;font-size:17px}.child-home-empty{gap:3px;font-size:15px}.child-home-soft{font-size:13px;line-height:1.3}.child-home-course{min-height:44px;padding:6px 12px}.child-home-cards{gap:6px}.child-home .child-card{gap:8px;min-height:52px;padding:6px 10px}.child-home .child-card-emoji{font-size:22px}.child-home .child-card-body{gap:1px}.child-home .child-card-body strong{font-size:15px;line-height:1.2}.child-home .child-card-body small{font-size:11px;line-height:1.2}.child-home .child-growth-bar{height:6px;margin-top:1px}.child-home>.character-home{gap:10px;min-height:54px;padding:5px 10px}.child-home>.character-home svg{width:42px;height:42px}.child-home>.character-home strong{margin-bottom:2px;font-size:16px}.child-home>.character-home small{font-size:11px;line-height:1.2}}@media (width>=651px) and (height<=500px){.child-home{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px 16px;display:grid}.child-home-head{grid-area:1/1;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px}.child-home-head .family-friend{width:40px;height:40px}.child-home-head h1{font-size:19px;line-height:1.2}.child-home-today,.child-home-empty,.child-home-wait{grid-area:2/1;gap:4px;margin:0;padding:6px 10px;transform:none}.child-home-today p,.child-home-empty p{margin:0}.child-home-start{border-width:2px;min-height:44px;padding:6px 12px;font-size:17px}.child-home-soft{font-size:13px;line-height:1.3}.child-home-course{grid-area:3/1;min-height:44px;padding:6px 12px}.child-home-cards{grid-area:1/2/3;grid-template-columns:1fr;gap:8px}.child-home .child-card{gap:8px;min-height:56px;padding:6px 10px}.child-home .child-card-body strong{font-size:16px}.child-home .child-card-body small{font-size:12px;line-height:1.2}.child-home>.character-home{grid-area:3/2;gap:10px;padding:4px 10px}.child-home>.character-home svg{width:38px;height:38px}.child-home>.character-home strong{margin:0;font-size:16px}.child-home>.character-home small{font-size:11px}}.child-messages{align-items:stretch}.child-messages>h1{color:var(--family-rim);text-align:center;word-break:keep-all;flex:none;margin:4px 0 8px;font:clamp(24px,4vw,34px) Jua,sans-serif}.child-message-list{flex:1;align-content:start;gap:16px;min-height:0;margin:0;padding:4px;list-style:none;display:grid;overflow-y:auto}.child-message{position:relative}.child-message-card{text-align:left;width:100%;color:var(--family-ink);border:2px solid var(--family-line);background:#fffdf3;border-radius:18px 22px 18px 20px;gap:8px;padding:20px 22px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:grid;position:relative;box-shadow:0 4px #e5dcc7}.child-message.read .child-message-card{opacity:.82}.child-message.unread .child-message-card{background:#fff6e6;border-color:#a93349;box-shadow:0 4px #e7cf9f}.child-message-card:hover,.child-message-card:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 7px #e0d4b8}.child-message-card:active{transform:translateY(1px);box-shadow:0 2px #e5dcc7}.child-message-kind{color:var(--family-rim);background:#e3ecd9;border-radius:999px;justify-self:start;padding:5px 14px;font-size:13px;box-shadow:0 2px #c3d3b4}.child-message.unread .child-message-kind{background:#d7e6c9}.child-message-card strong{word-break:keep-all;font:clamp(18px,2.6vw,22px) Jua,sans-serif}.child-message-card>p{color:var(--family-muted);word-break:keep-all;margin:0;font-size:15px;line-height:1.75}.child-message-go{color:var(--family-rim);justify-self:start;margin-top:4px;font:16px Jua,sans-serif;text-decoration:none}.child-message-go:hover,.child-message-go:focus-visible{outline:none;text-decoration:none}.child-message-dot{background:#74a763;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:14px;right:16px;box-shadow:0 0 0 2px #a9c19d}@media (width<=650px){.child-home-start{width:100%}.child-message-card{padding:16px 18px}}.site-app .voice-locked-card{word-break:keep-all;height:100%;min-height:0;display:grid}@media (width>=641px) and (height<=500px){.site-app .voice-studio .voice-preview .tablet-section-nav>button,.site-app .voice-studio .voice-preview .voice-field input{height:44px;min-height:44px;padding:4px}.site-app .voice-studio .voice-preview .voice-field{line-height:1.2}.site-app .voice-studio .voice-preview .tablet-pages{gap:6px}.voice-studio .voice-preview .tablet-step:has(.voice-row){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:4px 8px;display:grid}.voice-studio .voice-preview .tablet-step:has(.voice-row)>p{grid-column:1/-1;font-size:12px;line-height:1.3}.site-app .voice-locked-card{gap:10px 20px;padding:16px}.site-app .voice-locked-card>.voice-locked-icon{grid-row:1/3}.site-app .voice-locked-card h1{font-size:24px}.site-app .voice-locked-card p{font-size:14px;line-height:1.4}}.voice-studio{--voice-muted:#746353;--voice-line:#dfd3c2;--voice-paper:#fffdf3;--voice-error:#9c3425;--voice-berry:#b8474d;--voice-berry-shadow:#8f333a;--voice-berry-ink:#fffdf8;--voice-sage:#e3edda;--voice-sage-line:#7f9776;max-width:1120px;color:var(--brown);word-break:keep-all;overflow-wrap:anywhere;margin:0 auto;padding:28px 36px 72px;font-family:Noto Sans KR,sans-serif;line-height:1.6}.voice-studio h1,.voice-studio h2{word-break:keep-all;font-family:Jua,sans-serif}.voice-studio h1{letter-spacing:-.04em;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.3}.voice-studio h2{font-size:1.15rem;line-height:1.45}.voice-header{border-bottom:1px solid var(--voice-line);justify-content:space-between;align-items:center;gap:24px;padding-bottom:22px;display:flex}.voice-brand{color:var(--brown);font-size:1.2rem;font-weight:800;text-decoration:none}.voice-brand span{color:var(--voice-muted);margin-left:10px;font-size:.8rem;font-weight:500;display:inline-block}.voice-back{color:var(--brown);text-underline-offset:4px;font-size:.85rem}.voice-title{gap:12px;margin:36px 0 28px;display:grid}.voice-title>p:last-child,.voice-section-heading p{color:var(--voice-muted)}.voice-eyebrow{color:var(--voice-muted);font-size:.8rem;font-weight:700}.voice-identity{margin-bottom:24px}.voice-create{background:var(--voice-paper) linear-gradient(#e9deca45 1px, transparent 1px) 0 0 / 100% 24px;border:2px dashed var(--voice-line);border-radius:20px;gap:16px;margin-top:16px;padding:24px;display:grid}.voice-create .voice-button{justify-self:start}.voice-create .voice-field{max-width:420px}.voice-workspace{gap:20px;display:grid}.voice-section{border:2px dashed var(--voice-line);background:var(--voice-paper) linear-gradient(#e9deca45 1px, transparent 1px) 0 0 / 100% 24px;border-radius:22px;gap:18px;padding:24px;display:grid}.voice-section-heading{align-items:flex-start;gap:14px;display:flex}.voice-section-heading p{margin-top:4px;font-size:.9rem}.voice-step{border:1px solid var(--voice-line);border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:.78rem;font-weight:700;display:inline-grid}.voice-row{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.voice-grow{flex:280px;min-width:0}.voice-field{flex-direction:column;gap:7px;font-size:.87rem;font-weight:700;display:flex}.voice-field input,.voice-field select,.voice-field textarea{border:1px solid var(--voice-line);width:100%;min-width:0;min-height:46px;font:inherit;color:var(--brown);background:#fffdf4;border-radius:14px;padding:10px 12px;font-weight:400}.voice-field textarea{resize:vertical}.voice-studio button{font:inherit}.voice-button{border:1px solid var(--voice-berry-shadow);background:var(--voice-berry);color:#fff;cursor:pointer;min-height:44px;box-shadow:0 4px 0 var(--voice-berry-shadow);border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:10px 18px;line-height:1.5;display:inline-flex;font-size:.9rem!important;font-weight:700!important}.voice-button:hover:not(:disabled){background:#9f3942}.voice-secondary{color:var(--brown);border-color:var(--voice-line);box-shadow:none;background:0 0}.voice-secondary:hover:not(:disabled){background:var(--voice-sage)}.voice-stop{background:var(--voice-error);border-color:var(--voice-error);box-shadow:0 4px #7a2519}.voice-studio :is(button,input,textarea,select):disabled{opacity:.5;cursor:not-allowed}.voice-studio :is(button,input,textarea,select,a,audio,summary):focus-visible{outline-offset:3px;outline:3px solid #00668a}.voice-checkbox{align-items:flex-start;gap:10px;font-size:.86rem;display:flex}.voice-checkbox input{width:18px;height:18px;accent-color:var(--brown);flex:0 0 18px;margin-top:3px}.voice-progress-label{color:var(--voice-muted);flex-wrap:wrap;justify-content:space-between;gap:6px 14px;font-size:.85rem;display:flex}.voice-section progress{width:100%;height:7px;accent-color:var(--brown);margin-top:-12px}.voice-prompt-layout{grid-template-columns:160px minmax(0,1fr);gap:26px;display:grid}.voice-prompt-list{flex-direction:column;align-items:stretch;gap:6px;padding:4px;display:flex}.voice-prompt-list button{min-height:44px;color:var(--brown);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:.83rem;display:flex}.voice-prompt-list button span:last-child{color:var(--voice-muted);font-size:.72rem}.voice-prompt-list button[aria-current=step]{border-color:var(--voice-sage-line);background:var(--voice-sage);font-weight:700}.voice-prompt-list button:hover:not(:disabled){background:var(--cream)}.voice-recorder{flex-direction:column;align-items:stretch;gap:17px;min-width:0;padding:18px 0 8px;display:flex}.voice-recorder blockquote{word-break:keep-all;overflow-wrap:anywhere;font-size:clamp(1.2rem,2.3vw,1.65rem);font-weight:650;line-height:1.9}.voice-muted{color:var(--voice-muted);font-size:.83rem}.voice-record-actions{flex-wrap:wrap;align-items:center;gap:16px;min-height:46px;display:flex}.voice-timer{font-variant-numeric:tabular-nums;color:var(--voice-error)}.voice-upload{color:var(--voice-muted);flex-direction:column;gap:7px;font-size:.8rem;display:flex}.voice-upload input{width:100%;max-width:100%;min-height:34px}.voice-draft,.voice-saved{border-top:1px solid var(--voice-line);gap:14px;padding-top:18px;font-size:.87rem;display:grid}.voice-audio-comparison{flex-wrap:wrap;gap:14px;display:flex}.voice-audio-comparison>div{flex:220px;gap:7px;min-width:0;display:grid}.voice-saved>.voice-button{justify-self:start}.voice-studio audio{width:100%;min-width:0;height:42px}.voice-state{font-size:.95rem;font-weight:700}.voice-notice{background:var(--cream);color:var(--voice-muted);border-radius:14px;padding:12px 14px;font-size:.85rem}.voice-error{color:var(--voice-error);overflow-wrap:anywhere;background:#fff1eb;border:1px solid #e7bbb0;border-radius:14px;padding:12px 14px;font-size:.88rem}.voice-error button{margin:10px 0 0;display:flex}.voice-success{color:#356145;font-size:.88rem}.voice-preview{gap:16px;display:grid}.voice-presets{flex-wrap:wrap;gap:8px;display:flex}.voice-preset{border:1px solid var(--voice-line);min-height:40px;color:var(--brown);cursor:pointer;background:0 0;border-radius:14px;padding:8px 12px;font-size:.83rem!important}.voice-preset[aria-pressed=true]{background:var(--voice-sage);border-color:var(--voice-sage-line)}.voice-environment{color:var(--voice-muted);margin:0 0 20px;font-size:.85rem}.voice-environment summary{cursor:pointer;padding:10px 0;font-weight:700}.voice-environment-content{gap:12px;padding:10px 0;display:grid}.voice-environment-content ul{overflow-wrap:anywhere;padding-left:20px}.voice-environment-content .voice-button{justify-self:start}.voice-microphone{border-top:1px solid var(--voice-line);border-bottom:1px solid var(--voice-line);gap:8px;padding:14px 0;display:grid}.voice-microphone .voice-grow{flex-basis:180px}.voice-input-level{gap:7px;display:grid}.voice-input-level label{font-size:.82rem;font-weight:700}.voice-input-level meter{width:100%;height:16px}.voice-input-level meter::-webkit-meter-bar{background:var(--cream);border:1px solid var(--voice-line);border-radius:8px}.voice-input-level meter::-webkit-meter-optimum-value{background:#356145;border-radius:8px}.voice-input-level meter::-moz-meter-bar{background:#356145;border-radius:8px}@media (width<=640px){.voice-studio{padding:20px 16px 48px}.voice-header{align-items:flex-start;gap:10px}.voice-brand span{margin:2px 0 0;display:block}.voice-back{padding-top:3px;font-size:.78rem}.voice-title{margin-top:28px}.voice-title>p:last-child{font-size:.9rem}.voice-section,.voice-create{border-radius:14px;padding:20px 16px}.voice-prompt-layout{grid-template-columns:minmax(0,1fr);gap:12px}.voice-prompt-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:164px;display:grid}.voice-prompt-list button{flex-direction:column;gap:0;padding:7px 4px}.voice-recorder{padding-top:8px}.voice-row{align-items:stretch;gap:12px}.voice-row>.voice-button{flex-grow:1}.voice-grow{flex-basis:100%}.voice-section-heading{gap:10px}}.voice-studio{flex-direction:column;gap:8px;max-width:none;height:100%;min-height:0;padding:0;line-height:1.45;display:flex}.voice-studio [hidden]{display:none!important}.voice-screen-frame,.voice-active-workspace,.voice-workspace,.voice-speech-stage{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.voice-tabs{flex:none;gap:8px;display:flex}.voice-tabs>button{flex:1;padding:6px}.voice-tab-compact{display:none}@media (width<=640px){.voice-tabs{gap:4px}.voice-tabs>.voice-button{white-space:nowrap;min-width:0;min-height:44px;padding:6px 3px;font-size:12px}.voice-tab-full{display:none}.voice-tab-compact{display:inline}.voice-studio .voice-recorder-toolbar{flex-direction:column;align-items:stretch;gap:4px}.voice-studio .voice-recorder-toolbar>p{word-break:keep-all;font-size:12px}.voice-studio .voice-recorder-toolbar>.voice-button{min-height:44px;font-size:13px}}.voice-tabs [aria-pressed=true]{border-color:var(--voice-sage-line);background:var(--voice-sage)}.voice-studio .voice-button,.site-app .voice-studio .voice-button,.voice-studio .voice-preset,.voice-studio .voice-field :is(input,select,textarea),.voice-studio .voice-checkbox,.voice-studio .voice-upload,.site-app .voice-studio .voice-upload{min-height:64px}.voice-studio .voice-checkbox{align-items:center}.voice-studio .voice-field textarea{resize:none}.voice-studio .voice-section{min-height:0;box-shadow:none;flex:1;align-content:start;gap:10px;padding:14px}.voice-studio .voice-section-heading p{margin:0}.voice-record-section .voice-section-heading p{display:none}.voice-record-section{flex-direction:column;display:flex}.voice-record-section .voice-section-heading{align-items:center}.voice-studio .voice-section progress{margin:0}.voice-studio .voice-prompt-layout{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.voice-studio .voice-recorder{flex:1;gap:6px;min-height:0;padding:0}.voice-recorder>.tablet-pages{flex:1;min-height:0}.voice-recorder .tablet-step{flex-direction:column;gap:8px;display:flex}.voice-recorder blockquote{font-size:1.2rem;line-height:1.55}.voice-studio .voice-draft,.voice-studio .voice-saved{border:0;gap:6px;padding:0}.voice-draft>:is(p,audio,.voice-row){grid-column:1/-1}.voice-studio .voice-microphone{border:0;padding:0}.voice-studio .voice-record-controls{gap:6px;display:grid}.voice-studio .voice-record-actions{gap:8px;min-height:64px}.voice-studio .voice-row{flex-wrap:nowrap;gap:8px}.voice-studio .voice-grow{flex-basis:0}.voice-studio .voice-notice,.voice-studio .voice-error{padding:8px}.voice-studio .voice-identity{flex-direction:column;flex:1;gap:8px;min-height:0;margin:0;display:flex}.voice-identity>.tablet-list{flex:1;min-height:0}.voice-identity .tablet-list-item>button{width:100%;height:100%}.voice-studio .voice-create{box-shadow:none;gap:10px;margin:0;padding:14px}.voice-studio .voice-environment{margin:0}.voice-studio .voice-title{gap:4px;margin:0}.voice-studio .voice-header{padding:0}.voice-studio .voice-preview{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.voice-preview>.tablet-pages{flex:1;min-height:0}.voice-preview .tablet-step{flex-direction:column;gap:8px;display:flex}.voice-family-settings{align-content:center;gap:12px;width:min(100%,620px);margin:auto;display:grid}.voice-family-settings>.voice-button{justify-self:start}.voice-studio .voice-presets .voice-preset{width:100%;height:100%}.voice-studio .voice-presets{height:148px;min-height:0;display:grid}.voice-studio .voice-speech-stage>.voice-section{flex-direction:column;display:flex}@media (width>=950px){.voice-record-section{position:relative}.voice-record-section>.voice-section-heading{min-height:64px;padding-right:46%}.voice-prompt-layout>.tablet-pager{width:44%;position:absolute;top:10px;right:10px}}@media (height<=800px) and (width>=700px){.voice-studio .voice-record-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.voice-record-controls>.voice-record-actions{grid-column:1/-1}.voice-record-controls:has(>.voice-upload)>.voice-record-actions{grid-column:auto}.voice-record-controls>:is(.voice-notice,.voice-input-level){grid-column:1/-1}.voice-studio .voice-save-options{grid-template-columns:1fr}.voice-studio .voice-screen-frame,.voice-studio .voice-workspace{grid-template-columns:125px minmax(0,1fr);gap:8px;display:grid}.voice-screen-frame>.voice-tabs,.voice-workspace>.voice-tabs{flex-direction:column;justify-content:start}.voice-screen-frame>.voice-tabs>button,.voice-workspace>.voice-tabs>button{flex:none}.voice-studio .voice-record-section>.voice-section-heading{min-height:0;padding-right:0}.voice-studio .voice-prompt-layout>.tablet-pager{width:auto;position:static}.voice-studio .voice-record-section{gap:4px}.voice-studio .voice-recorder .voice-draft>:is(p,audio){grid-column:auto}.voice-studio .voice-draft{grid-template-columns:1fr 1fr}.voice-studio .voice-draft>:is(p,audio){grid-column:auto}.voice-studio .voice-train-section{grid-template-columns:1fr 1fr}.voice-train-section>.voice-section-heading{grid-column:1/-1}}.voice-studio .voice-workspace{flex-direction:column;display:flex}.voice-workspace>.voice-tabs{flex-direction:row}.voice-workspace>.voice-tabs>button{flex:1}.voice-record-section>.voice-section-heading{display:none}.voice-studio .voice-reading-picker{flex-direction:row;flex:none;align-items:center;gap:12px}.voice-reading-picker>select{flex:1;width:0}.voice-recorder-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.voice-recorder-toolbar>p{flex:1}.voice-record-review{gap:8px;display:grid}.voice-record-review blockquote{background:var(--cream);border-radius:10px;padding:8px 12px}.voice-recorder-settings{flex-direction:column;flex:1;min-height:0;display:flex}.voice-recorder-settings>.tablet-pages{flex:1;min-height:0}.voice-record-section:has(.voice-recorder-settings:not([hidden]))>:is(.voice-progress-label,progress){display:none}.voice-record-section:has(.voice-draft)>:is(.voice-progress-label,progress){display:none}.voice-prompt-layout:has(.voice-draft)>.voice-reading-picker{display:none}.voice-recorder:has(.voice-draft) .voice-recorder-toolbar>.voice-eyebrow{display:none}.voice-prompt-layout:has(.voice-recorder-settings:not([hidden]))>.voice-reading-picker{display:none}.voice-recorder:has(.voice-recorder-settings:not([hidden])) .voice-recorder-toolbar>.voice-eyebrow{display:none}.voice-studio .voice-draft{grid-template-columns:minmax(0,1fr)}.voice-studio .voice-draft>:is(p,audio,.voice-row){grid-column:auto}.voice-studio .voice-draft audio{height:54px}.voice-studio .voice-draft .voice-row>button{flex:1}.voice-studio .voice-back{border:1px solid var(--voice-line);border-radius:14px;justify-content:center;align-items:center;min-height:64px;padding:0 16px;text-decoration:none;display:inline-flex}@media (width>=700px) and (height<=800px){.voice-studio .voice-draft{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.voice-studio .voice-draft>.voice-checkbox,.voice-studio .voice-draft>.voice-row{grid-column:1/-1}.voice-record-review>.voice-eyebrow{display:none}.voice-studio .voice-recorder-toolbar{gap:8px}}@media (width>=950px) and (height<=700px){.voice-studio .voice-prompt-layout{position:relative}.voice-studio .voice-reading-picker{padding-right:200px}.voice-studio .voice-recorder-toolbar{width:188px;position:absolute;top:0;right:0}.voice-recorder-toolbar>.voice-eyebrow{display:none}.voice-recorder-toolbar>button{width:100%}}@media (width<=640px){.voice-family-settings{gap:9px;width:100%}.voice-family-settings>.voice-button{justify-self:stretch;width:100%}.site-app .voice-studio .voice-tabs>.voice-button{min-height:44px;padding:6px 2px;font-size:12px!important}.voice-studio .voice-train-section>.voice-row{flex-direction:column;align-items:stretch;gap:6px}.voice-studio .voice-train-section .voice-grow{flex:none;width:100%}.voice-studio .voice-train-section>.voice-row>.voice-button{flex:none;min-height:44px;padding:6px}.voice-studio .voice-train-section .voice-notice{padding:6px;font-size:12px;line-height:1.4}.voice-studio .voice-train-section .voice-section-heading h2{font-size:18px}.voice-studio .voice-train-section .voice-section-heading p{font-size:12px}.voice-studio .voice-speech-stage .voice-section-heading{gap:6px}.voice-studio .voice-speech-stage .voice-section-heading h2{font-size:18px}.voice-studio .voice-speech-stage .voice-section-heading p{font-size:12px;line-height:1.4}.voice-studio .voice-preview .voice-row{flex-direction:column;align-items:stretch;gap:4px}.site-app .voice-studio .voice-preview .voice-button{min-height:44px;padding:6px}.voice-studio .voice-speech-stage .voice-error{flex:none;padding:6px;font-size:12px;line-height:1.4}.voice-studio .voice-preview .voice-field input{min-height:44px}}@media (width<=640px) and (height<=700px){.voice-studio .voice-recorder:has(.voice-draft) .voice-record-review>.voice-eyebrow{display:none}.voice-studio .voice-recorder:has(.voice-draft) blockquote{padding:5px;font-size:15px;line-height:1.4}.site-app .voice-studio .voice-draft :is(.voice-button,.voice-checkbox){min-height:44px;padding:4px;font-size:12px!important}.voice-studio .voice-recorder>.voice-error{padding:5px;font-size:12px;line-height:1.35}.site-app .voice-studio .voice-recorder-toolbar>.voice-button{min-height:44px;padding:5px}.voice-studio .voice-recorder-settings .tablet-section-nav select{min-height:44px;font-size:12px}.voice-studio .voice-recorder-settings .tablet-section-nav>label{font-size:12px}.voice-studio .voice-recorder-settings .voice-saved{gap:4px;font-size:12px}.voice-studio .voice-recorder-settings .voice-state{font-size:12px}.voice-studio .voice-recorder-settings .voice-muted{font-size:12px;line-height:1.35}.voice-studio .voice-audio-comparison{gap:6px}.voice-studio .voice-audio-comparison>div{gap:3px}.site-app .voice-studio .voice-section{gap:6px;padding:8px}.site-app .voice-studio .voice-section-heading{gap:6px}.site-app .voice-studio .voice-section-heading h2{font-size:16px;line-height:1.2}.site-app .voice-studio .voice-section-heading p{margin:0;font-size:11px;line-height:1.3}.site-app .voice-studio .voice-field{gap:4px;font-size:12px}.site-app .voice-studio .voice-field :is(input,select){min-height:44px;padding:6px}.voice-studio .voice-preview .voice-row{flex-direction:row;align-items:center}.voice-studio .voice-preview .voice-row .voice-muted{flex:none;font-size:10px}.voice-studio .voice-preview .voice-row .voice-button{flex:1;font-size:12px!important}.voice-studio .voice-preview .tablet-section-nav>label{gap:4px;font-size:12px}.voice-studio .voice-preview .tablet-section-nav select{min-height:44px;font-size:12px}}@media (width>=641px) and (height<=500px){.voice-studio .voice-recorder:has(.voice-draft) .voice-record-review>blockquote{align-items:center;min-height:44px;margin-right:190px;display:flex}.voice-studio .voice-draft>.voice-checkbox,.voice-studio .voice-draft>.voice-row{grid-column:auto}.site-app .voice-studio .voice-draft :is(.voice-checkbox,.voice-button){min-height:44px;padding:4px;font-size:11px!important}.voice-studio .voice-recorder>.voice-error{padding:4px;font-size:11px;line-height:1.3}.voice-studio .voice-prompt-layout{position:relative}.voice-studio .voice-reading-picker{padding-right:190px}.voice-studio .voice-reading-picker select{min-height:44px;padding:5px;font-size:12px}.voice-studio .voice-recorder-toolbar{width:180px;position:absolute;top:0;right:0}.voice-studio .voice-recorder-toolbar>.voice-eyebrow{display:none}.site-app .voice-studio .voice-recorder-toolbar>.voice-button{width:100%;min-height:44px;padding:4px;font-size:12px!important}.voice-studio .voice-record-review blockquote{padding:4px 8px;font-size:15px;line-height:1.4}.site-app .voice-studio .voice-record-actions,.site-app .voice-studio .voice-record-actions>.voice-button,.site-app .voice-studio .voice-upload{min-height:44px}.voice-studio .voice-record-actions>.voice-button{padding:4px;font-size:12px!important}.voice-studio .voice-prompt-layout:has(.voice-recorder-settings:not([hidden]))>.voice-reading-picker{display:none}.voice-studio .voice-record-section:has(.voice-recorder-settings:not([hidden]))>:is(.voice-progress-label,progress){display:none}.voice-studio .voice-recorder-settings .tablet-section-nav{padding-right:190px}.voice-studio .voice-recorder-settings .voice-microphone{grid-template-columns:1fr 1fr;align-items:end}.voice-studio .voice-recorder-settings .voice-microphone>:is(p,.voice-notice){grid-column:1/-1}.site-app .voice-studio .voice-recorder-settings :is(.voice-button,.voice-field select,.voice-checkbox){min-height:44px;padding:4px;font-size:12px!important}.voice-studio .voice-recorder-settings .tablet-section-nav select{min-height:44px;padding:4px}.voice-studio .voice-recorder-settings .tablet-section-nav>label,.voice-studio .voice-recorder-settings .voice-saved{gap:3px;font-size:11px}.voice-studio .voice-recorder-settings .voice-muted{font-size:11px;line-height:1.3}.voice-studio .voice-audio-comparison{flex-wrap:nowrap;gap:8px}.voice-studio .voice-recorder-settings .voice-state{font-size:12px}.voice-studio .voice-preview .tablet-section-nav button{min-height:44px;padding:4px;font-size:13px}.voice-studio .voice-preview .voice-field{gap:4px;font-size:12px}.voice-studio .voice-preview .voice-field input{min-height:44px;padding:6px;font-size:13px}.voice-studio .voice-preview .voice-saved{grid-template-columns:1fr 1fr;align-items:end;gap:8px;display:grid}.voice-studio .voice-preview .voice-row .voice-button,.site-app .voice-studio .voice-tabs>.voice-button{min-height:44px;padding:4px;font-size:12px!important}.site-app .voice-studio .voice-section{gap:6px;padding:8px}.site-app .voice-studio .voice-section-heading h2{font-size:18px;line-height:1.2}.site-app .voice-studio .voice-section-heading p{font-size:11px;line-height:1.3}.voice-studio .voice-train-section .voice-notice,.voice-studio .voice-train-section .voice-error{padding:5px;font-size:11px;line-height:1.3}.voice-studio .voice-train-section>.voice-error{grid-column:1/-1}.voice-studio .voice-train-section .voice-state{font-size:13px}.voice-studio .voice-train-section .voice-muted{font-size:11px}.site-app .voice-studio .voice-train-section .voice-button{min-height:44px;padding:4px;font-size:12px!important}}.voice-story-banner{object-fit:contain;border-radius:20px;width:100%;max-height:200px;margin:20px 0;display:block}.site-app a{color:var(--family-rim)}.site-app .family-primary{color:var(--family-coral-ink)}.site-app h1{word-break:keep-all;overflow-wrap:anywhere;margin:14px 0;font-size:32px;line-height:1.35}.site-app h2{font-size:25px;font-weight:400;line-height:1.5}.site-app button,.site-app a{-webkit-tap-highlight-color:auto}.site-app button:disabled{opacity:.5;cursor:not-allowed}.site-app select{border:1px solid var(--family-line);min-height:56px;font:inherit;color:var(--family-ink);background:#fffdf4;border-radius:12px;max-width:100%;padding:12px}.site-app form{gap:20px;display:grid}.site-form-fields{border:0;gap:20px;min-width:0;padding:0;display:grid}.site-app input[type=checkbox]{accent-color:var(--family-rim)}.site-skip{z-index:10;background:#fff;padding:15px;position:fixed;top:-80px;left:12px}.site-skip:focus{top:10px}.site-header{max-width:1320px}.site-body{background:var(--family-paper);border:5px solid #fffdf5;border-top:0;border-radius:0 0 28px 28px;max-width:1320px;margin:auto;padding:32px;box-shadow:0 5px #d9ceb5}.site-with-rail{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:28px;display:grid}.site-main{min-width:0}.site-main:focus{outline:none}.site-public-nav,.site-header-actions{align-items:center;gap:22px;font-size:15px;display:flex}.site-public-nav a,.site-header-actions a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.site-public-nav .site-small-cta{background:#ffe4e6;border-radius:16px;padding:12px 20px;box-shadow:0 3px #e4bfc0}.site-role{background:#ffeccc;border-radius:30px;padding:8px 12px;font-size:12px}.site-footer{max-width:1320px;color:var(--family-muted);justify-content:space-between;gap:20px;margin:auto;padding:28px 36px;font-size:12px;display:flex}.site-footer nav{gap:24px;display:flex}.site-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:55px;padding:48px 28px 70px;display:grid}.site-hero h1{margin:25px 0;font-size:clamp(32px,3.4vw,48px);line-height:1.4}.site-hero p{margin-bottom:24px;line-height:1.9}.site-hero small{color:var(--family-muted);margin-top:20px;font-size:12px;display:block}.site-action-row{flex-wrap:wrap;align-items:center;gap:16px;margin:20px 0;display:flex}.site-action-row .family-button{padding:14px 22px;font-size:16px!important}.site-hero-book{background:repeating-linear-gradient(#fff6d9 0 31px,#e3d6b745 31px 32px);border:6px solid #fff;border-radius:16px 30px 30px 16px;outline:2px solid #dec9a2;min-height:365px;padding:35px 30px;position:relative;transform:rotate(3deg);box-shadow:8px 10px #e4d5b9}.site-hero-book .family-sticker-scene{width:240px;max-width:100%;margin:24px auto;transform:scale(1.25)}.site-hero-book>p{text-align:center;margin-top:42px;font:20px Jua,sans-serif}.site-book-tabs{justify-content:center;gap:15px;display:flex}.site-book-tabs span{background:#ffc5cd;border:4px solid #fff;border-radius:12px;padding:7px 20px;font:29px Jua,sans-serif;box-shadow:2px 4px #dbaab0}.site-book-tabs span:nth-child(2){background:#c0e2d1}.site-book-tabs span:nth-child(3){background:#ffe396}.site-book-stamp{color:#916b3c;border:2px dashed #b38957;border-radius:50%;padding:14px;font-size:12px;position:absolute;bottom:25px;right:20px;transform:rotate(-15deg)}.site-intro-strip{border-block:2px dashed var(--family-line);grid-template-columns:1.1fr 1fr 1fr;gap:36px;padding:35px 28px;display:grid}.site-intro-strip h3{margin-bottom:12px;font-size:22px}.site-intro-strip p{margin-bottom:15px;font-size:15px;line-height:1.9}.site-intro-strip a{font-size:14px}.site-photo-intro{grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:65px 60px;display:grid}.site-photo-intro>img{border:12px solid #fff;border-bottom-width:38px;width:100%;transform:rotate(-4deg);box-shadow:3px 6px #d7ccba}.site-photo-intro h2{margin:18px 0;font-size:33px}.site-photo-intro p{margin-bottom:20px;font-size:16px;line-height:1.9}.site-start-note{text-align:center;background:#fff0ce;border:2px dashed #ddc394;border-radius:20px;padding:35px}.site-start-note p{margin:15px 0 24px;font-size:15px}.site-auth-layout{grid-template-columns:.8fr 1fr;align-items:center;gap:65px;max-width:1000px;margin:28px auto 40px;display:grid}.site-auth-layout>aside .family-sticker-scene{max-width:250px;margin:auto auto 36px}.site-auth-layout>aside{text-align:center}.site-auth-layout>aside h2{margin-bottom:15px;font-size:29px}.site-auth-layout>aside p{font-size:16px;line-height:1.9}.site-auth-card h1{font-size:30px}.site-auth-card>p{margin:12px 0 24px;font-size:14px}.site-auth-card .family-button{width:100%}.site-auth-links{justify-content:space-between;gap:18px;margin:25px 0;font-size:13px;display:flex}.site-password{position:relative}.site-password input{padding-right:70px}.site-password button{width:54px;min-height:48px;color:var(--family-muted);background:#f8edda;border:0;border-radius:10px;position:absolute;top:7px;right:7px}.site-setup,.site-profiles,.site-info{max-width:900px;margin:25px auto}.site-setup>p{margin:20px 0}.site-two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:20px 0;display:grid}.site-profile-grid{flex-wrap:wrap;justify-content:center;gap:28px;margin:35px 0;display:flex}.site-profile{min-width:210px;color:var(--family-ink);border:2px dashed var(--family-line);background:#fffdf3;border-radius:20px;justify-items:center;gap:18px;padding:26px;display:grid;box-shadow:0 4px #e5dcc7}.site-profile strong{font:28px Jua,sans-serif}.site-profile span{font-size:13px}.site-profile-guardian{border-top:1px dashed var(--family-line);flex-wrap:wrap;align-items:center;gap:22px;padding:22px 0;display:flex}.site-profile-guardian svg{width:75px;height:75px}.site-profile-guardian p{margin-top:8px;font-size:13px}.site-sidebar nav{gap:7px;display:grid}.site-sidebar nav a{min-height:56px;color:var(--family-ink);border-radius:13px;padding:15px 16px;font:18px/1.5 Jua,sans-serif;text-decoration:none}.site-sidebar nav a.active{background:#ffe4a3;box-shadow:0 3px #dfc38c}.site-sidebar-bottom{border-top:1px dashed var(--family-line);justify-content:space-around;align-items:center;gap:12px;margin-top:20px;padding-top:20px;font-size:12px;display:flex}.site-sidebar-bottom button{color:var(--family-muted);background:0 0;border:0;min-height:44px;font-size:12px}.site-rail-avatar{justify-items:center;gap:12px;margin:25px 0;display:grid}.site-rail-avatar a{font-size:12px}.site-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0;display:grid}.site-summary-grid>div{background:#fff6dc;border:1px solid #e2d3b2;border-radius:15px;gap:12px;padding:20px;display:grid}.site-summary-grid span,.site-summary-grid small{font-size:12px}.site-summary-grid strong{font:25px Jua,sans-serif}.site-main .parent-paper>.family-friend{max-width:140px;height:140px;margin:auto}.site-main .parent-paper p{margin:18px 0;font-size:15px;line-height:1.9}.site-main .parent-paper .family-button{margin-top:15px;display:inline-flex}.site-family-rows{gap:18px;margin:30px 0;display:grid}.site-family-rows>div{border:1px dashed var(--family-line);background:#fffdf3;border-radius:15px;flex-wrap:wrap;align-items:center;gap:18px;padding:20px;display:flex}.site-family-rows .family-avatar{width:65px;height:65px}.site-family-rows strong{overflow-wrap:anywhere;flex:1}.site-edit-form{background:#fff8e9;border:2px dashed #d5c59f;border-radius:18px;margin:30px 0;padding:28px}.site-settings-group{border-bottom:1px dashed var(--family-line);padding:25px 0}.site-settings-group p{margin:14px 0;font-size:15px}.site-settings-group a{min-height:44px;margin-right:24px;font-size:14px;display:inline-block}.site-info details{border-bottom:1px dashed var(--family-line);padding:24px 0}.site-info summary{cursor:pointer;min-height:44px;font-weight:700}.site-info details p{font-size:15px;line-height:1.9}.site-info>.family-button{margin-top:28px}.site-empty{text-align:center;justify-items:center;gap:20px;padding:45px 20px;display:grid}.site-empty>svg{width:140px;height:140px}.site-empty p{line-height:1.8}.site-activity{border:2px dashed var(--family-line);background-color:#fffdf3;background-image:linear-gradient(#e3d6b73a 1px,#0000 1px),linear-gradient(90deg,#e3d6b73a 1px,#0000 1px);background-size:24px 24px;border-radius:18px;padding:24px;text-decoration:none;display:block;box-shadow:0 4px #e4dbc5;color:var(--family-ink)!important}.site-activity>span{background:#d5e9d9;border-radius:15px;margin-bottom:20px;padding:14px;font:34px Jua,sans-serif;display:inline-block;transform:rotate(-4deg)}.site-activity:nth-child(2n)>span{background:#ffe8af}.site-activity p{margin-top:14px;font-size:14px}.site-story-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0;display:grid}.site-story-cards>a{color:var(--family-ink);border:2px dashed var(--family-line);background-color:#fffdf3;background-image:linear-gradient(#e3d6b73a 1px,#0000 1px),linear-gradient(90deg,#e3d6b73a 1px,#0000 1px);background-size:24px 24px;border-radius:18px;padding:16px;text-decoration:none;box-shadow:0 4px #e4dbc5}.site-story-cards img{object-fit:cover;border-radius:12px;width:100%;height:170px;margin-bottom:15px}.site-story-cards h2,.site-story-cards h3{margin:12px 0;font-size:22px}.site-story-cards span,.site-story-cards p{font-size:12px}.site-language{align-items:center;gap:16px;margin:24px 0;font-size:12px;display:flex}.site-language>span:first-child{background:#ffe3a8;border-radius:20px;padding:10px 24px;font-size:16px}.site-chapter-tabs{flex-wrap:wrap;gap:12px;margin:25px 0;display:flex}.site-chapter-tabs button{border:1px solid var(--family-line);min-width:125px;color:var(--family-ink);background:#fffaf1;border-radius:12px;flex:1;padding:16px 12px}.site-chapter-tabs button[aria-pressed=true]{background:var(--family-sage,#e3ecd9);border-color:var(--family-rim,#a93349)}.site-chapter-tabs strong,.site-chapter-tabs small{margin:5px 0;display:block}.site-glyph-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0;display:grid}.site-glyph-grid a{text-align:center;color:var(--family-ink);border:1px solid var(--family-line);background:#fffaf0;border-radius:16px;gap:20px;padding:22px 12px;text-decoration:none;display:grid}.site-glyph-grid b{font:48px Jua,sans-serif}.site-glyph-grid span,.site-glyph-grid small{font-size:12px}.site-filter-chips{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.site-filter-chips button{border:1px solid var(--family-line);min-height:56px;color:var(--family-ink);background:#fff;border-radius:25px;padding:14px 24px}.site-filter-chips button[aria-pressed=true]{background:var(--family-sage,#e3ecd9);border-color:var(--family-rim,#a93349)}.site-lesson-hero{grid-template-columns:.6fr 1fr;align-items:center;gap:32px;margin:32px 0;display:grid}.site-lesson-letter{text-align:center;color:#a93349;overflow-wrap:anywhere;background:#fff0c6;border:5px solid #fff;border-radius:15px;outline:1px dashed #dcc999;padding:32px 12px;font:68px Jua,sans-serif}.site-lesson-hero ol{margin:24px 0;padding-left:20px;font-size:15px;line-height:2}.site-practice-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.site-practice-heading a,.site-practice-heading span{font-size:12px}.site-practice-grid{grid-template-columns:170px minmax(0,1fr);align-items:start;gap:24px;margin:24px 0;display:grid}.site-practice-grid aside>svg{width:150px;height:150px;margin:auto}.site-practice-grid aside h2{margin:15px 0;font-size:21px}.site-practice-grid aside p{margin:15px 0;font-size:13px;line-height:1.9}.site-writing-pad{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#fffdf3;border:6px solid #eddcb0;border-radius:24px;justify-self:center;width:min(100%,600px,65vh);display:block}.site-result-preview{grid-template-columns:1fr 1fr;align-items:center;gap:25px;margin:28px 0;display:grid}.site-stroke-image{aspect-ratio:1;border:2px solid var(--family-line);background:#fffdf5;border-radius:18px;width:100%}.site-section-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.site-section-label a{font-size:13px}.site-record-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0;display:grid}.site-record-grid p,.site-record-grid span{font-size:11px}.site-story-reading{background:#fff4d7;border:2px dashed #dbc59e;border-radius:18px;margin:26px 0;padding:30px}.site-story-reading img{object-fit:contain;width:100%;max-height:250px;margin-bottom:25px}.site-story-reading p{overflow-wrap:anywhere;font-size:23px;line-height:2.2}.site-rewards{text-align:center;justify-items:center;gap:20px;padding:35px;display:grid}.site-rewards>svg{width:170px;height:170px}@media (width<=960px){.site-with-rail{grid-template-columns:minmax(0,1fr)}.site-sidebar{transform:none}.site-sidebar:before,.site-rail-avatar,.site-sidebar>.family-eyebrow,.site-sidebar-bottom{display:none}.site-sidebar nav{flex-wrap:wrap;gap:8px;display:flex}.site-sidebar nav a{min-height:48px;padding:12px;font-size:15px}.site-sidebar .parent-child-select{align-items:center;gap:15px;margin:0 0 15px;display:flex}.site-sidebar select{width:150px}.site-hero{gap:30px;padding:30px 10px 50px}.site-hero-book{padding:30px 12px}.site-hero-book .family-sticker-scene{width:200px;transform:none}.site-book-stamp{display:none}.site-intro-strip{grid-template-columns:1fr 1fr}.site-intro-strip>h2{grid-column:1/-1}.site-auth-layout{gap:30px}}@media (width<=650px){.site-header{flex-wrap:wrap;gap:12px;padding:20px 14px}.site-header .family-crayon-tabs{display:none}.site-public-nav,.site-header-actions{gap:14px;font-size:13px}.site-header .family-brand{font-size:25px}.site-body{padding:20px 14px}.site-hero,.site-photo-intro,.site-auth-layout,.site-lesson-hero{grid-template-columns:minmax(0,1fr)}.site-hero h1{font-size:35px}.site-hero p{font-size:16px}.site-hero-book{width:90%;max-width:360px;margin:15px auto}.site-hero-book .family-sticker-scene{width:240px}.site-action-row{gap:12px}.site-action-row .family-button{width:100%}.site-intro-strip{grid-template-columns:minmax(0,1fr);padding:30px 10px}.site-photo-intro{gap:40px;padding:40px 20px}.site-photo-intro h2{font-size:28px}.site-start-note{padding:25px 18px}.site-auth-layout>aside{display:none}.site-auth-card{padding:25px 18px}.site-setup,.site-profiles,.site-info{margin:0;padding:24px 18px}.site-auth-links{flex-wrap:wrap}.site-two-columns,.site-summary-grid,.site-result-preview{grid-template-columns:minmax(0,1fr)}.site-profile,.site-profile-guardian .family-button{width:100%}.site-main.family-panel{padding:25px 18px}.site-main h1{font-size:28px}.site-story-cards,.site-record-grid{grid-template-columns:minmax(0,1fr)}.site-glyph-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-glyph-grid b{font-size:38px}.site-practice-grid{grid-template-columns:minmax(0,1fr)}.site-practice-grid aside{display:none}.site-story-reading{padding:18px}.site-story-reading p{font-size:19px}.site-family-rows .family-button{width:100%}.site-footer{flex-direction:column;padding:25px 20px}.site-footer nav{flex-wrap:wrap;gap:15px}}.public-auth-layout{flex:1;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:36px;width:min(100%,960px);min-height:0;margin:auto;padding:8px 6px;display:grid}.public-auth-form,.public-auth-options{flex-direction:column;gap:12px;min-width:0;display:flex}.public-auth-form>fieldset.public-auth-fields{appearance:none;min-width:0;min-inline-size:0;background:0 0;flex-direction:column;gap:12px;width:100%;margin:0;padding:0;display:flex;box-shadow:none!important;border:0!important;outline:0!important}.public-auth .family-muted a{align-items:center;min-height:44px;padding-inline:4px;display:inline-flex}.public-auth .family-field,.public-auth p{margin:0}.public-auth-options{border-left:2px dashed var(--family-line);padding:16px}.public-auth .site-password{gap:8px;display:flex}.public-auth .site-password input{min-width:0;padding-right:12px}.public-auth .site-password button{flex:0 0 64px;width:64px;min-height:64px;position:static}.public-auth .family-error{font-size:15px;line-height:1.4}.public-setup-fields{min-width:0;min-inline-size:0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,850px);margin:auto;padding:0;display:grid}.public-setup-next{justify-content:space-between;align-items:center;gap:16px;display:flex}.public-setup-finish{min-width:0;min-inline-size:0;border:0;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:24px;height:100%;min-height:0;padding:0;display:grid}.public-setup-confirm{flex-direction:column;gap:12px;min-width:0;display:flex}.public-setup-confirm h2,.public-setup-confirm p{margin:0}.tablet-app .public-setup-finish .family-avatar-picker{width:100%;padding:0}@media (height<=720px){.tablet-app .tablet-parent-access{gap:6px}.tablet-app .tablet-parent-access h1{font-size:22px}.tablet-app .tablet-parent-access p{margin:0;font-size:12px;line-height:1.4}.tablet-app .tablet-parent-access .public-auth-form,.tablet-app .tablet-parent-access .public-auth-fields{gap:6px}.tablet-app .tablet-parent-access .family-field{gap:4px;margin:0;font-size:12px}.tablet-app .tablet-parent-access input:not([type=checkbox]):not([type=radio]):not([type=file]){min-height:44px;padding:6px;font-size:14px}.tablet-app .tablet-parent-access .family-button{min-height:44px;padding:4px;font-size:14px}.tablet-app .tablet-pin-fallback summary{align-content:center;min-height:44px;font-size:13px}}@media (height<=550px) and (width>=601px){.tablet-app .tablet-parent-access{gap:4px}.tablet-app .tablet-parent-access .public-auth-form{grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.tablet-app .tablet-parent-access .public-auth-fields{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:end;gap:12px;display:grid}.tablet-app .tablet-parent-access .family-field{grid-template-columns:112px minmax(0,1fr);align-items:center}.tablet-app .tablet-parent-access .family-error{align-self:center}}@media (width<=850px) and (height>=800px){.public-auth-layout{grid-template-columns:1fr;align-content:center;gap:18px}.public-auth-options{border-left:0;border-top:2px dashed var(--family-line);grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 0 0;display:grid}.public-auth-options p,.public-auth-options>a:first-of-type{grid-column:1/-1}.public-setup-finish{grid-template-columns:1fr;align-content:center;gap:24px}}@media (height<=700px){.public-auth-layout{gap:18px}.public-auth-form,.public-auth-options,.public-auth-fields{gap:8px}.public-auth-options{padding:8px 12px}.public-setup-fields{gap:12px}.public-setup-finish{gap:16px}}@media (height<=550px) and (width>=601px){.public-auth-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px}.tablet-app .public-auth .family-field{grid-template-columns:100px minmax(0,1fr);align-items:center;gap:8px}.public-auth-options{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:8px;padding:8px 0 8px 16px;display:grid}.public-auth-options p,.public-auth-options>a:first-of-type{grid-column:1/-1}.public-auth-options .family-button{padding:8px}.tablet-app .public-setup-fields .family-field{grid-template-columns:128px minmax(0,1fr);align-items:center;gap:8px}.public-setup-next{justify-content:flex-end}.public-setup-next>p{display:none}.tablet-app .public-auth .family-field{grid-template-columns:80px minmax(0,1fr);font-size:13px}.tablet-app .public-auth .family-field input:not([type=checkbox]):not([type=radio]):not([type=file]){min-height:44px;padding:6px;font-size:14px}.public-auth .site-password button{flex-basis:44px;width:44px;min-height:44px;font-size:12px}.tablet-app .public-auth .family-button{min-height:44px;padding:6px;font-size:14px}.public-auth-form>fieldset.public-auth-fields{gap:6px}.public-auth-options h2{margin:0;font-size:18px}.public-auth-options p,.public-auth .family-error{font-size:12px;line-height:1.4}.tablet-app .public-auth{gap:6px}.tablet-app .public-auth-layout{align-items:center;gap:16px;padding:0}.tablet-app .public-auth-form{gap:6px}.tablet-app .public-auth-options{gap:6px;padding-block:0}.tablet-app .public-setup-fields{gap:6px;margin:0}.tablet-app .public-setup-fields .family-field{grid-template-columns:108px minmax(0,1fr);font-size:13px}.tablet-app .public-setup-fields .family-field input:not([type=checkbox]):not([type=radio]):not([type=file]),.tablet-app .public-setup-fields .family-field select{min-height:44px;padding:6px;font-size:14px}.tablet-app .public-setup-next .family-button{min-height:44px;padding:4px 12px;font-size:14px}.tablet-app .tablet-setup,.tablet-app .tablet-setup .tablet-screen-body{gap:6px}.tablet-app .public-setup-confirm{gap:4px}.tablet-app .public-setup-confirm h2{font-size:18px}.tablet-app .public-setup-confirm p{font-size:12px;line-height:1.3}.tablet-app .public-setup-confirm .family-button{min-height:44px;padding:4px;font-size:14px}.tablet-app .public-setup-finish .family-avatar-picker{gap:4px}.tablet-app .public-setup-finish .family-avatar-picker legend{margin-bottom:4px;font-size:12px}.tablet-app .public-setup-finish .family-characters{gap:6px}.tablet-app .public-setup-finish .family-characters>button{white-space:nowrap;flex-direction:column;gap:2px;min-height:70px;padding:4px;font-size:12px}.tablet-app .public-setup-finish .family-characters svg{width:32px;height:32px}}@media (width<=600px){.tablet-auth .public-auth-layout{box-sizing:border-box;flex:0 auto;grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;width:100%;margin:0;padding:8px 2px 0}.public-auth-form,.public-auth-options,.public-auth-fields{gap:9px}.tablet-app .public-auth-options{border-left:0;border-top:2px dashed var(--family-line);flex-direction:column;align-items:stretch;gap:7px;padding:12px 0 0;display:flex}.tablet-app .public-auth-options h2{margin:0}.tablet-app .public-auth-options .family-button{align-self:stretch;width:100%;min-width:0}.public-auth .site-password{gap:6px}.public-auth .site-password button{flex-basis:64px;width:64px;min-height:54px}.public-setup-fields{grid-template-columns:minmax(0,1fr);gap:9px;width:100%}.public-setup-next{align-items:stretch;gap:8px}.public-setup-next>p{flex:1;align-self:center}.public-setup-next .family-button{flex:none}.public-setup-finish{grid-template-columns:minmax(0,1fr);align-content:center;gap:12px}.public-setup-confirm{text-align:center;align-items:center;gap:7px}}@media (width<=600px) and (height<=720px){.tablet-app .public-setup-finish{grid-template-rows:auto auto;align-content:start;gap:6px}.tablet-app .public-setup-finish .family-avatar-picker{gap:4px}.tablet-app .public-setup-finish .family-avatar-picker legend{margin-bottom:4px;font-size:12px}.tablet-app .public-setup-finish .family-characters{gap:6px}.tablet-app .public-setup-finish .family-characters>button{gap:4px;min-height:44px;padding:4px;font-size:12px}.tablet-app .public-setup-confirm{gap:4px}.tablet-app .public-setup-confirm h2{font-size:18px}.tablet-app .public-setup-confirm p{font-size:12px;line-height:1.3}.tablet-app .public-setup-confirm .family-button{min-height:44px;padding:4px;font-size:14px}.public-auth-options p,.public-setup-next>p{display:none}.tablet-app .public-auth{gap:8px}.tablet-app .public-auth h1{font-size:22px}.tablet-auth .public-auth-layout{gap:8px;padding:0}.public-auth-form>fieldset.public-auth-fields{gap:6px}.tablet-app .public-auth .family-field{word-break:keep-all;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:6px;font-size:12px;display:grid}.tablet-app .public-auth .family-field input{min-height:44px;padding:6px;font-size:13px}.public-auth .site-password button{flex-basis:44px;width:44px;min-height:44px;font-size:12px}.tablet-app .public-auth .family-button{min-height:44px;padding:6px;font-size:14px}.tablet-app .public-auth-options{gap:6px;padding-top:6px}.tablet-app .public-auth-options h2{font-size:16px}.public-auth-options p:has(a){font-size:12px;display:block}.public-auth .family-error{font-size:12px;line-height:1.4}.tablet-app .public-setup-fields .family-field{word-break:keep-all;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:6px;font-size:12px;display:grid}.tablet-app .public-setup-fields .family-field :is(input,select),.tablet-app .public-setup-next .family-button{min-height:44px;padding:6px;font-size:13px}.public-setup-fields{gap:6px;margin:0}.tablet-app .tablet-form-page:has(>.family-avatar-picker){justify-content:flex-start;gap:6px}.tablet-app .tablet-form-page:has(>.family-avatar-picker)>.family-field{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:6px;font-size:12px;display:grid}.tablet-app .tablet-form-page:has(>.family-avatar-picker)>.family-field input{min-height:44px;padding:6px;font-size:13px}.tablet-app .tablet-form-page>.family-avatar-picker{flex:none;min-height:120px}.tablet-app .tablet-form-page>.family-avatar-picker legend{margin-bottom:6px;font-size:12px}.tablet-app .tablet-form-page>.family-avatar-picker .family-characters{gap:6px}.tablet-app .tablet-form-page>.family-avatar-picker .family-characters>button{min-height:44px;padding:4px;font-size:12px}.tablet-app .tablet-form-page:has(>.family-avatar-picker)>.family-button{flex:none;min-height:44px;padding:6px;font-size:14px}.tablet-app .tablet-form-page:has(>.family-avatar-picker)>.family-error{flex:none;font-size:12px;line-height:1.4}}html,body,#root{height:100%;min-height:0;overflow:hidden}body{overscroll-behavior:none;margin:0}.tablet-app{width:100%;height:100dvh;min-height:0;max-height:100dvh;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));box-sizing:border-box;flex-direction:column;gap:14px;display:flex;overflow:hidden}.tablet-notice{text-align:center;flex:none;font-size:12px;line-height:20px}.tablet-header{background:var(--family-paper);border:2px solid var(--family-line);border-radius:18px;flex:none;align-items:center;gap:10px;min-height:68px;padding:8px 12px;display:flex;box-shadow:0 4px #d9ceb5,0 10px 24px #64553810}.tablet-header .family-brand{white-space:nowrap;align-items:center;min-height:44px;padding-inline:4px;font-size:28px;display:inline-flex}.tablet-role{overflow-wrap:anywhere;flex:1;min-width:0;font-size:16px}.tablet-header-actions{flex:none;gap:10px;display:flex}.tablet-action-compact{display:none}.app-quick-nav{flex:none;order:1;gap:6px;display:flex}.tablet-header .family-brand{order:0}.tablet-role{order:2}.tablet-child-select{order:3}.tablet-header-actions{order:4;margin-left:auto}.app-form-actions{flex:none;grid-template-columns:minmax(100px,1fr) minmax(180px,2fr);gap:12px;display:grid}.app-avatar-fieldset{border:0;flex:1;min-width:0;min-height:0;margin:0;padding:0;display:flex}.app-quick-nav a{border:2px solid var(--family-line);white-space:nowrap;background:var(--family-paper);border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:7px 13px;font:17px Jua,sans-serif;text-decoration:none;display:flex}.app-quick-nav a.active{background:var(--selection-surface);color:var(--selection-ink);border-color:var(--family-rim)}.tablet-reading>a:not(.family-button),.tablet-centered>a:not(.family-button){border:2px solid var(--family-line);background:var(--family-paper);border-radius:14px;justify-content:center;align-items:center;min-height:64px;padding:12px 18px;font:18px Jua,sans-serif;text-decoration:none;display:flex}.tablet-menu-grid a{position:relative}.tablet-menu-grid a>span{font-size:24px;position:absolute;right:16px}@media (width<=1199px){.tablet-header:has(.app-quick-nav) .tablet-role{display:none}}.tablet-header-actions>a,.tablet-header-actions>button,.tablet-menu-heading>button{background:var(--family-surface);min-width:80px;min-height:48px;color:var(--family-rim);border:0;border-radius:12px;justify-content:center;align-items:center;padding:7px 14px;font:17px Jua,sans-serif;text-decoration:none;display:flex}.tablet-child-select{align-items:center;gap:8px;display:flex}.tablet-child-select select{max-width:180px;min-height:48px}.tablet-app-body{flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.tablet-app .site-main,.tablet-app .tablet-menu{box-sizing:border-box;border-radius:24px;flex:1;width:100%;min-width:0;height:100%;min-height:0;padding:20px 24px}.tablet-app .site-main.family-panel,.tablet-app .tablet-menu.family-panel{border:1px solid var(--family-line);box-shadow:0 4px #d9ceb5,0 12px 28px #6455380d}.tablet-app.immersive-learning-app{padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));background:#f7f3e9;gap:0}.tablet-app.immersive-learning-app .site-main{box-shadow:none;background:0 0;border:0;border-radius:22px;padding:0;overflow:hidden}.tablet-app [hidden]{display:none!important}.tablet-app h1{flex:none;margin:0 0 10px;font-size:28px;line-height:1.25}.tablet-app h2{margin:0 0 8px;font-size:22px;line-height:1.35}.tablet-app p{margin:0;line-height:1.5}.tablet-app .family-button{justify-content:center;align-items:center;min-height:52px;padding:9px 18px;font-size:17px;display:inline-flex}.tablet-app input:not([type=checkbox]):not([type=radio]):not([type=file]),.tablet-app select{min-height:52px}.tablet-app .family-field{gap:6px;margin:0;font-size:18px}.tablet-app .site-action-row{gap:12px;margin:12px 0}.tablet-app .site-empty{flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;min-height:0;padding:0;display:flex}.tablet-app .site-empty>svg{width:120px;max-height:140px}.tablet-menu{flex-direction:column;gap:12px;display:flex}.tablet-menu-heading{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.tablet-menu-heading h1{margin:0}.tablet-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(52px,1fr);gap:14px;height:100%;display:grid}.tablet-menu-grid a{border:2px solid var(--family-line);background:var(--family-surface);text-align:center;border-radius:16px;justify-content:center;align-items:center;min-height:52px;padding:12px;font:19px Jua,sans-serif;text-decoration:none;display:flex}.tablet-menu-grid a.active{background:var(--family-coral)}.tablet-exit{min-height:64px;color:var(--family-muted);background:0 0;border:0;flex:none;align-self:center;padding:8px 24px}.tablet-centered,.tablet-reading{flex-direction:column;justify-content:center;gap:20px;max-width:760px;height:100%;min-height:0;margin:auto;display:flex}.tablet-public{max-width:1120px;margin:auto}.tablet-welcome{grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr);align-items:center;gap:clamp(28px,4vw,56px);height:100%;min-height:0;padding:clamp(4px,1.4vh,16px) clamp(6px,1.6vw,22px);display:grid}.tablet-welcome>div{flex-direction:column;gap:16px;min-width:0;display:flex}.tablet-welcome>svg,.tablet-welcome>img{object-fit:contain;width:100%;height:100%;max-height:280px}.tablet-two-cards{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-height:0;display:grid}.tablet-two-cards>section{background:var(--family-surface);border:2px solid var(--family-line);border-radius:18px;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;min-height:0;padding:24px;display:flex}.tablet-form-page{border:0;flex-direction:column;justify-content:center;gap:16px;width:min(100%,640px);min-height:0;margin:auto;display:flex}.tablet-form-page>.family-avatar{align-self:center;width:100px;height:100px}.tablet-app form.tablet-screen-body{flex-direction:column;gap:12px;min-height:0;display:flex}.tablet-inline-actions{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:16px;display:flex}.tablet-inline-actions>a{justify-content:center;align-items:center;min-height:64px;display:inline-flex}.tablet-alert{overflow-wrap:anywhere;flex:none;max-width:100%;font-size:16px;line-height:1.45}.tablet-app .tablet-profiles .site-profile{flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:0;padding:14px;display:flex;transform:none}.tablet-app .tablet-profiles .family-avatar{width:100px;height:100px}@media (height<=550px) and (width>=601px){.tablet-app .tablet-profiles .site-profile{gap:3px;padding:6px}.tablet-app .tablet-profiles .family-avatar{flex:none;width:56px;height:56px}.tablet-app .tablet-profiles .site-profile strong{font-size:20px;line-height:1.2}.tablet-app .tablet-profiles .site-profile>span{font-size:12px;line-height:1.3}}.tablet-app .family-avatar-picker{border:0;flex-direction:column;gap:14px;width:min(100%,720px);min-height:0;margin:auto;display:flex}.tablet-app .family-photo-row{gap:20px;margin:0}.tablet-app .family-photo-row>.family-avatar{width:100px;height:100px}.tablet-app .family-characters{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;display:grid}.tablet-app .family-characters button{min-height:90px;padding:8px}.tablet-app .family-characters svg{width:52px;height:52px}@media (width<=999px){.tablet-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tablet-header{gap:8px}.tablet-child-select>span{display:none}.tablet-header .family-brand{font-size:24px}.app-quick-nav a{padding-inline:10px}.tablet-header-actions>a,.tablet-header-actions>button{min-width:68px;padding-inline:10px}}@media (orientation:portrait){.tablet-welcome{grid-template-rows:minmax(0,1fr) minmax(120px,.65fr);grid-template-columns:1fr;gap:20px}.tablet-welcome>svg,.tablet-welcome>img{max-height:240px}.tablet-two-cards{grid-template-columns:1fr}}@media (height<=550px){.tablet-notice,.tablet-header .tablet-role{display:none}.tablet-header{min-height:64px}.tablet-app h1{margin-bottom:6px;font-size:24px}.tablet-app .site-main{padding:8px 12px}.tablet-form-page{gap:8px}.tablet-centered,.tablet-reading{gap:10px}.tablet-inline-actions{gap:8px}.tablet-welcome>svg,.tablet-welcome>img{display:none}.tablet-welcome{display:flex}.tablet-welcome>div{gap:8px}.tablet-form-page>.family-avatar{display:none}}.tablet-parent-overview .site-summary-grid{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.tablet-parent-overview .site-summary-grid>div{min-width:0;padding:14px}.tablet-parent-overview .site-summary-grid strong{overflow-wrap:anywhere;font-size:24px}.tablet-summary-card{background:var(--family-surface);border:2px solid var(--family-line);border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:12px;min-height:0;padding:16px;display:flex}.tablet-overview-layout{grid-template-rows:auto minmax(0,1fr);gap:12px;height:100%;min-height:0;display:grid}.tablet-overview-actions{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1.45fr) minmax(190px,.72fr);gap:12px;min-height:0;display:grid}.tablet-overview-primary{background:var(--family-paper);border-color:var(--family-rim);box-shadow:inset 0 -5px 0 color-mix(in srgb,var(--family-coral) 55%,transparent);grid-row:1/-1;padding:20px 24px}.tablet-overview-primary .family-button{margin-top:auto}.tablet-action-kicker{background:var(--family-sage);min-height:30px;color:var(--family-rim);border-radius:999px;align-items:center;padding:4px 12px;font:16px Jua,sans-serif;display:inline-flex}.tablet-overview-shortcut{border:2px solid var(--family-line);background:var(--family-surface);border-radius:18px;flex-direction:column;justify-content:center;gap:7px;min-width:0;padding:14px 16px;display:flex}.tablet-overview-shortcut>span{color:var(--family-muted);font-size:13px}.tablet-overview-shortcut>strong{overflow-wrap:anywhere;font:20px Jua,sans-serif}.tablet-overview-shortcut>a{color:var(--family-rim);align-items:center;min-height:44px;font-weight:800;text-decoration:none;display:flex}.tablet-family-row{background:var(--family-surface);border:1px solid var(--family-line);border-radius:16px;grid-template-rows:58px minmax(44px,1fr);grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px 12px;height:100%;padding:10px;display:grid}.tablet-family-row .family-avatar{flex:none;width:58px;height:58px}.tablet-family-row>div:not(.tablet-family-actions){min-width:0}.tablet-family-row strong,.tablet-family-row p{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.tablet-family-row p{margin:2px 0 0}.tablet-family-actions{grid-column:1/-1;align-items:center;gap:8px;min-width:0;display:flex}.tablet-family-actions .family-button{white-space:nowrap;flex:1;min-width:0;min-height:44px;padding:6px 10px}.tablet-app form.site-edit-form{background:0 0;border:0;margin:0;padding:0}.tablet-story-photo{object-fit:contain;width:100%;height:100%;min-height:0}.tablet-story-line{overflow-wrap:anywhere;font-size:28px;line-height:1.7}.tablet-story-card{background:var(--family-surface);border:2px solid var(--family-line);color:var(--family-ink);border-radius:18px;align-items:center;gap:16px;padding:16px;text-decoration:none;display:flex}.tablet-story-card img{object-fit:cover;border-radius:12px;width:100px;max-height:130px}.tablet-story-card h2{overflow-wrap:anywhere;font-size:21px}.tablet-list-grid>.tablet-centered{grid-column:1/-1}.tablet-list-grid>.tablet-centered>svg{max-height:100px}.tablet-app .parent-story-thumb img{display:block}.tablet-welcome>.family-sticker-scene{box-sizing:border-box;width:100%;max-width:100%;height:240px;margin:0;overflow:clip}.tablet-app .integrated-learning{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.tablet-app .integrated-learning .mode-selection{flex-direction:column;gap:12px;width:100%;height:100%;min-height:0;margin:0;padding:0;display:flex}.tablet-app .mode-selection .mode-header{flex:none;margin:0;padding:10px 16px}.tablet-app .mode-selection .mode-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:0;margin:0;display:grid}.tablet-app .mode-selection .mode-card{min-height:0;padding:16px}.tablet-app .mode-selection .mode-emoji{font-size:44px}.tablet-app .mode-selection .character-home{flex:none;min-height:88px;margin:0;padding:6px 16px}.tablet-app .mode-selection .character-home svg{width:62px;height:76px}.tablet-app .mode-selection>[data-testid=home-back]{flex:none;align-self:center;min-height:64px;margin:0}.tablet-app .mode-selection .mode-card{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.tablet-app .mode-selection .mode-card>*{margin:0}.tablet-app .mode-selection .mode-header{border:1px solid var(--family-line);background:var(--family-paper);border-radius:16px;box-shadow:0 3px #e7dcc6}.tablet-app .mode-selection .mode-grid{gap:16px}.tablet-app .mode-selection .mode-card{border:2px solid var(--family-line);box-shadow:0 4px #e5dcc7}.tablet-app .mode-selection>.btn-cute{align-self:center;min-width:150px;min-height:48px;margin-top:0}@media (height<=550px){.tablet-form-page:has(>.family-field:nth-of-type(2)){grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;display:grid}:is(.tablet-form-page:has(>.family-field:nth-of-type(2))>p,.tablet-form-page:has(>.family-field:nth-of-type(2))>button){grid-column:1/-1}}.tablet-app .family-photo-row,.tablet-app .parent-letter-chips{padding:4px 0}.tablet-welcome .family-mini-book{bottom:44px}.tablet-app .setting-action{min-height:64px}@media (orientation:portrait){.tablet-overview-actions{grid-template-rows:minmax(0,1.2fr) minmax(116px,.8fr);grid-template-columns:repeat(2,minmax(0,1fr))}.tablet-overview-primary{grid-area:auto/1/auto/-1}.tablet-parent-overview .site-summary-grid>div{padding:12px}.tablet-parent-overview .site-summary-grid strong{font-size:20px}}@media (width<=600px){.tablet-app{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));gap:12px;font-size:16px}.tablet-header{border-width:2px;border-radius:16px;gap:8px;min-height:58px;padding:6px 10px;display:flex}.tablet-header .family-brand{font-size:22px}.tablet-header .tablet-role,.app-quick-nav,.tablet-child-select{display:none}.tablet-header-actions{gap:5px}.tablet-header-actions>a,.tablet-header-actions>button,.tablet-menu-heading>button{border-radius:12px;min-width:60px;min-height:46px;padding:7px 11px;font-size:15px}.tablet-action-wide{display:none}.tablet-action-compact{display:inline}.tablet-app .site-main,.tablet-app .tablet-menu{border-width:1px;border-radius:20px;padding:16px;box-shadow:0 4px #d9ceb5,0 10px 20px #6455380d}.tablet-app h1,.site-main h1{margin-bottom:6px;font-size:clamp(23px,6.4vw,27px);line-height:1.25}.tablet-app h2{margin-bottom:5px;font-size:20px}.tablet-app p{line-height:1.42}.tablet-app .family-button{min-height:54px;padding:8px 14px;font-size:16px}.tablet-app input:not([type=checkbox]):not([type=radio]):not([type=file]),.tablet-app select{max-width:100%;min-height:54px}.tablet-app .family-field{gap:4px;font-size:16px}.tablet-public{width:100%;max-width:none;margin:0}.tablet-welcome{grid-template-rows:minmax(0,1fr) 118px;grid-template-columns:minmax(0,1fr);align-content:stretch;align-items:stretch;gap:10px;padding:2px 6px 4px}.tablet-welcome>div{gap:12px;min-width:0}.tablet-welcome>img{max-height:148px}.tablet-welcome>.family-sticker-scene{align-self:stretch;width:min(100%,330px);height:118px;min-height:0;max-height:118px;margin:0 auto;overflow:hidden}.tablet-welcome .family-sticker-bear{width:76px;top:8px;left:14px}.tablet-welcome .family-sticker-rabbit{width:70px;top:10px;right:14px}.tablet-welcome .family-sticker-star{font-size:23px;top:0;left:5px}.tablet-welcome .family-sticker-heart{font-size:18px;top:2px;right:8px}.tablet-welcome .family-mini-book{padding:6px 8px;font-size:19px;bottom:10px;left:28px;right:24px;transform:none}.tablet-welcome .family-mini-book span{margin-top:3px;font-size:11px}.tablet-app .site-action-row{grid-template-columns:minmax(0,1fr);gap:9px;margin:4px 0;display:grid}.tablet-app .site-action-row .family-button{width:100%}.tablet-two-cards{grid-template-columns:minmax(0,1fr);gap:8px}.tablet-two-cards>section{gap:8px;padding:15px}.tablet-form-page{gap:9px;width:100%}.tablet-centered,.tablet-reading{gap:12px;width:100%}.tablet-inline-actions{gap:7px}.tablet-inline-actions .family-button{flex:145px}.app-form-actions{grid-template-columns:minmax(92px,.7fr) minmax(0,1.3fr);gap:8px}.tablet-menu{gap:8px}.tablet-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(54px,1fr);gap:8px}.tablet-menu-grid a{border-radius:13px;min-height:54px;padding:8px 22px 8px 8px;font-size:16px}.tablet-menu-grid a>span{font-size:20px;right:9px}.tablet-exit{min-height:48px}.tablet-app .family-avatar-picker{gap:8px;width:100%}.tablet-app .family-photo-row{flex-direction:row;align-items:center;gap:12px;padding:0}.tablet-app .family-photo-row>.family-avatar{width:72px;height:72px}.tablet-app .family-characters{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.tablet-app .family-characters button{min-height:58px;padding:5px}.tablet-app .family-characters svg{width:36px;height:40px}.tablet-app .tablet-profiles .site-profile{gap:5px;padding:9px}.tablet-app .tablet-profiles .family-avatar{width:76px;height:76px}.tablet-family-row{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:9px;display:grid}.tablet-family-row .family-avatar{width:58px;height:58px}.tablet-family-actions{grid-column:1/-1;width:100%}.tablet-family-actions .family-button{flex:1;min-width:0;padding-inline:9px}.tablet-parent-overview .site-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tablet-parent-overview .site-summary-grid>div{text-align:center;gap:4px;padding:8px 6px}.tablet-parent-overview .site-summary-grid span{font-size:11px;line-height:1.25}.tablet-parent-overview .site-summary-grid strong{font-size:16px;line-height:1.25}.tablet-parent-overview .site-summary-grid small{display:none}.tablet-overview-layout{gap:8px}.tablet-overview-actions{grid-template-rows:minmax(0,1.25fr) minmax(82px,.75fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.tablet-overview-primary{grid-area:auto/1/auto/-1;gap:7px;padding:12px 14px}.tablet-overview-shortcut{border-radius:14px;gap:4px;padding:9px 10px}.tablet-overview-shortcut>strong{font-size:16px;line-height:1.25}.tablet-overview-shortcut>a{min-height:44px;font-size:13px}.tablet-action-kicker{min-height:25px;padding:3px 9px;font-size:13px}.tablet-story-line{font-size:21px;line-height:1.5}.tablet-app .mode-selection{gap:8px}.tablet-app .mode-selection .mode-header{border-color:var(--family-line);min-height:58px;padding:8px 10px}.tablet-app .mode-selection .mode-grid{gap:8px}.tablet-app .mode-selection .mode-card{min-height:0;padding:10px}.tablet-app .mode-selection .mode-emoji{font-size:38px}.tablet-app .mode-selection .mode-title{font-size:19px}.tablet-app .mode-selection .mode-desc{font-size:12px}.tablet-app .mode-selection>.btn-cute{min-height:46px;margin-top:0}}@media (width<=600px) and (height<=720px){.tablet-header{min-height:54px}.tablet-app .site-main,.tablet-app .tablet-menu{padding:12px 14px}.tablet-welcome{grid-template-rows:auto 100px;gap:8px}.tablet-welcome>.family-sticker-scene{height:100px}.tablet-welcome .family-sticker-bear,.tablet-welcome .family-sticker-rabbit{display:none}.tablet-welcome .family-mini-book{bottom:12px}}.tablet-app:not(.landing-app) .tablet-header{border:2px dashed var(--family-line);border-radius:20px;box-shadow:0 4px #d9ceb5,0 10px 24px #64553810}.tablet-app:not(.landing-app) .site-main.family-panel,.tablet-app:not(.landing-app) .tablet-menu.family-panel{border:2px dashed var(--family-line);background-color:var(--family-paper);border-radius:24px;box-shadow:0 4px #d9ceb5,0 12px 28px #6455380d}.tablet-app:not(.landing-app) .tablet-menu-grid a{border:2px dashed var(--family-line);background:var(--family-paper);border-radius:18px;box-shadow:0 3px #e7dcc6}.tablet-app:not(.landing-app) .tablet-menu-grid a.active{background:var(--family-sage);border-color:var(--family-rim);box-shadow:0 3px #b8c7a8}.tablet-app:not(.landing-app) .tablet-header-actions>a,.tablet-app:not(.landing-app) .tablet-header-actions>button,.tablet-app:not(.landing-app) .tablet-menu-heading>button{background:var(--family-paper);color:var(--family-rim);border:2px solid var(--family-line)}.tablet-app:not(.landing-app) .app-quick-nav a.active{background:var(--family-sage);border-color:var(--family-rim)}.tablet-app:not(.landing-app) .tablet-header-actions>a:focus-visible,.tablet-app:not(.landing-app) .tablet-header-actions>button:focus-visible,.tablet-app:not(.landing-app) .tablet-menu-heading>button:focus-visible,.tablet-app:not(.landing-app) .app-quick-nav a:focus-visible{outline-offset:2px;outline:3px solid #00668a}.landing-app{--landing-berry:#a83f4a;--landing-berry-dark:#87313c;--landing-ink:#2f251f;--landing-muted:#685b53;--landing-mint:#e2edd9;--landing-mint-line:#b7caa8;--landing-paper:#fffdfa;padding-top:max(12px,env(safe-area-inset-top));background-color:#f8f3ea;background-image:radial-gradient(#c9bda92b .7px,#0000 .7px);background-size:5px 5px;gap:13px;position:relative}.landing-app:before{content:"";z-index:0;opacity:.72;pointer-events:none;background:linear-gradient(90deg,#f4c4c5 0 36%,#f4dfbf 61%,#d7e5d0 100%);height:9px;position:absolute;top:0;left:0;right:0}.landing-app .tablet-header{z-index:1;background:#fffdfa;border:1px solid #e3d8ca;border-radius:18px;min-height:82px;padding:9px 18px;position:relative;box-shadow:0 6px #e4dbcf,0 10px 24px #5c493510}.landing-app .tablet-header .family-brand{color:var(--landing-berry);letter-spacing:-1px;font-size:32px}.landing-app .tablet-role{color:#4e443e;font-size:18px}.landing-app .tablet-header-actions>a,.landing-app .tablet-header-actions>button{min-width:74px;color:var(--landing-berry);background:0 0;font-size:20px}.landing-app .site-main.family-panel{box-shadow:none;background-color:#fffdfa;border:2px dashed #d8cec2;border-radius:24px;padding:20px 24px}.landing-app .tablet-public{gap:10px;width:100%;max-width:none;margin:0}.landing-app .tablet-public>.tablet-section-nav{gap:18px;width:min(68%,1020px);min-height:72px;margin:7px auto 0}.landing-app .tablet-public>.tablet-section-nav>button{color:#76665b;background:#fffaf4;border:2px solid #e4d7c8;border-radius:18px;min-height:72px;font-size:23px;position:relative;box-shadow:0 6px #e8ddcf}.landing-app .tablet-public>.tablet-section-nav>button[aria-pressed=true]{border-color:var(--landing-mint-line);background:var(--landing-mint);color:#536949;box-shadow:0 6px #b8c7a8}.landing-app .tablet-public>.tablet-section-nav>button[aria-pressed=true]:after{content:"";background:#74a763;border:3px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:12px;right:13px;box-shadow:0 0 0 1px #a9c19d}.landing-app .tablet-public>.tablet-pages-content{min-height:0}.landing-app .landing-welcome{box-sizing:border-box;grid-template-columns:minmax(500px,1.06fr) minmax(450px,.94fr);align-items:center;gap:clamp(24px,3vw,52px);width:100%;max-width:1320px;margin:auto;padding:clamp(28px,4.2vh,48px) clamp(24px,2vw,32px) 24px}.landing-app .landing-copy{flex-direction:column;align-items:flex-start;gap:19px;min-width:0;display:flex}.landing-app .landing-copy>.learner-paper-label{color:#554437;width:auto;min-height:38px;box-shadow:none;background:#f7dfa0;border-radius:5px;align-items:center;padding:5px 17px;font-size:17px;font-weight:800;line-height:1.2;display:inline-flex;transform:rotate(-1deg)}.landing-app .landing-copy h1{color:var(--landing-ink);letter-spacing:-1.4px;word-break:keep-all;margin:0;font:400 clamp(42px,3.9vw,58px)/1.38 Jua,sans-serif}.landing-app .landing-highlight{color:var(--landing-berry);text-underline-offset:10px;-webkit-text-decoration:underline wavy #efa1aa;text-decoration:underline wavy #efa1aa;text-decoration-thickness:4px}.landing-app .landing-description{color:var(--landing-muted);letter-spacing:-.35px;font-size:clamp(18px,1.45vw,22px);line-height:1.8}.landing-app .landing-copy .site-action-row{flex-wrap:nowrap;gap:18px;margin:7px 0 0;display:flex}.landing-app .landing-copy .family-button{white-space:nowrap;box-sizing:border-box;border-radius:999px;min-width:250px;min-height:72px;padding:10px 23px;font:20px Jua,sans-serif!important}.landing-app .landing-copy .family-primary{background:var(--landing-berry);color:#fff;box-shadow:0 7px 0 var(--landing-berry-dark),0 12px 18px #7e33431d;border:0}.landing-app .landing-copy .family-secondary{color:var(--landing-berry);background:#fffdfa;border:2px solid #e9ddd3;box-shadow:0 6px #e7ded4}.landing-app .landing-footnote{color:#594d47;align-items:center;gap:10px;font-size:15px;line-height:1.45;display:flex}.landing-app .landing-footnote>span{background:#72a963;border-radius:50%;flex:none;width:12px;height:12px}.landing-app .landing-artwork{justify-self:end;width:min(100%,500px);height:470px;display:block;position:relative;overflow:visible;transform:translateY(12px)}.landing-app .landing-artwork>.family-sticker-scene{z-index:1;height:100%;margin:0;position:absolute;inset:0;overflow:visible}.landing-app .landing-artwork .family-sticker-bear{z-index:1;filter:drop-shadow(0 4px 7px #6c4a3020);width:166px;top:24px;left:94px;transform:rotate(-2deg)}.landing-app .landing-artwork .family-sticker-rabbit{z-index:1;filter:drop-shadow(0 4px 7px #6c4a3020);width:157px;top:18px;right:42px;transform:rotate(2deg)}.landing-app .landing-artwork .family-sticker-star{display:none}.landing-app .landing-artwork .family-sticker-heart{z-index:3;color:#ef7889;font-size:35px;top:8px;right:4px}.landing-app .landing-artwork .family-mini-book{display:none}.landing-app .landing-spark{z-index:4;color:#f0b42f;text-shadow:0 2px #fff;font-size:38px;line-height:1;position:absolute}.landing-app .landing-spark-left{top:66px;left:22px}.landing-app .landing-spark-right{font-size:33px;bottom:6px;right:0}.landing-app .landing-workbook{z-index:2;box-sizing:border-box;background:#fff9dc;border:4px solid #eadb9e;border-radius:34px;height:310px;padding:24px 25px 18px;position:absolute;bottom:24px;left:24px;right:13px;transform:rotate(1.2deg);box-shadow:0 10px 22px #6f5c3820,0 4px #dfd1a9}.landing-app .landing-tape{z-index:3;background:#f6d774d9;border:1px solid #edce72;width:166px;height:42px;position:absolute;top:-23px;left:37%;transform:rotate(2deg);box-shadow:0 2px 2px #a9863420}.landing-app .landing-book-title{color:#6e5847;border-bottom:2px dashed #ddc994;align-items:center;gap:12px;height:43px;padding:0 3px 10px;font:23px Jua,sans-serif;display:flex}.landing-app .landing-book-title>span{background:#f28591;border-radius:50%;width:19px;height:19px}.landing-app .landing-book-title>small{color:#806b5c;margin-left:auto;font:17px Jua,sans-serif}.landing-app .landing-practice-paper{box-sizing:border-box;background:#fffdfa;border:2px solid #eadfc9;border-radius:23px;height:190px;margin-top:13px;padding:12px 18px 10px;position:relative}.landing-app .landing-letter-box{border:2px dashed #dfcba8;border-radius:20px;grid-template-columns:repeat(3,1fr);place-items:center;height:88px;display:grid}.landing-app .landing-letter-box b{font:52px/1 Jua,sans-serif}.landing-app .landing-letter-box b:first-child{color:#c94f64}.landing-app .landing-letter-box b:nth-child(2){color:#e69539}.landing-app .landing-letter-box b:nth-child(3){color:#4f9872}.landing-app .landing-guide-lines{gap:8px;margin:14px 10px 0;display:grid}.landing-app .landing-guide-lines>span{background:#e5cda6;height:2px}.landing-app .landing-book-stamp{color:#56814d;background:#e8f2d9;border:2px solid #c5d9a7;border-radius:12px;padding:7px 12px;font:16px Jua,sans-serif;position:absolute;bottom:-11px;left:17px;transform:rotate(-1.5deg)}.landing-app .landing-pencil-note{color:#9a8774;letter-spacing:2px;font:13px Jua,sans-serif;position:absolute;bottom:-7px;right:20px;transform:rotate(-2deg)}@media (width<=1100px){.landing-app .landing-welcome{grid-template-columns:minmax(420px,1.04fr) minmax(360px,.96fr);gap:18px;padding-inline:24px}.landing-app .landing-copy h1{font-size:clamp(38px,4.4vw,49px)}.landing-app .landing-copy .family-button{min-width:205px;font-size:18px!important}.landing-app .landing-artwork{transform-origin:100%;height:410px;transform:scale(.9)}}@media (width<=820px),(orientation:portrait) and (width<=1000px){.landing-app .tablet-header{min-height:62px}.landing-app .tablet-header .family-brand{font-size:26px}.landing-app .tablet-role{font-size:15px}.landing-app .tablet-public>.tablet-section-nav{gap:7px;width:100%;min-height:56px;margin-top:0}.landing-app .tablet-public>.tablet-section-nav>button{border-radius:14px;min-height:56px;font-size:16px;box-shadow:0 4px #e8ddcf}.landing-app .tablet-public>.tablet-section-nav>button[aria-pressed=true]{box-shadow:0 4px #b8c7a8}.landing-app .tablet-public>.tablet-section-nav>button[aria-pressed=true]:after{border-width:2px;width:8px;height:8px;top:7px;right:8px}.landing-app .landing-welcome{grid-template-rows:minmax(0,1fr) 190px;grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 8px 0}.landing-app .landing-copy{gap:10px}.landing-app .landing-copy>.learner-paper-label{min-height:28px;padding:3px 10px;font-size:13px}.landing-app .landing-copy h1{letter-spacing:-.7px;font-size:clamp(29px,7vw,40px);line-height:1.25}.landing-app .landing-highlight{text-underline-offset:6px;text-decoration-thickness:3px}.landing-app .landing-description{font-size:15px;line-height:1.5}.landing-app .landing-copy .site-action-row{gap:8px;width:100%;margin:2px 0 0}.landing-app .landing-copy .family-button{flex:1;width:auto;min-width:0;min-height:52px;padding:8px 10px;font-size:15px!important}.landing-app .landing-footnote{gap:7px;font-size:12px}.landing-app .landing-footnote>span{width:8px;height:8px}.landing-app .landing-artwork{justify-self:center;width:330px;height:190px;transform:none}.landing-app .landing-artwork .family-sticker-bear{width:80px;top:2px;left:74px}.landing-app .landing-artwork .family-sticker-rabbit{width:76px;display:block;top:0;right:48px}.landing-app .landing-artwork .family-sticker-heart{font-size:20px;display:block;top:0;right:24px}.landing-app .landing-spark-left{font-size:22px;top:34px;left:35px}.landing-app .landing-spark-right{font-size:20px;bottom:4px;right:15px}.landing-app .landing-workbook{border-width:3px;border-radius:18px;height:132px;padding:10px 12px 8px;bottom:8px;left:33px;right:20px}.landing-app .landing-tape{width:84px;height:19px;top:-10px;left:39%}.landing-app .landing-book-title{gap:6px;height:22px;padding-bottom:5px;font-size:12px}.landing-app .landing-book-title>span{width:9px;height:9px}.landing-app .landing-book-title>small{font-size:9px}.landing-app .landing-practice-paper{border-radius:11px;height:80px;margin-top:5px;padding:5px 8px}.landing-app .landing-letter-box{border-radius:9px;height:38px}.landing-app .landing-letter-box b{font-size:23px}.landing-app .landing-guide-lines{gap:3px;margin:5px 4px 0}.landing-app .landing-guide-lines>span{height:1px}.landing-app .landing-book-stamp{border-width:1px;border-radius:5px;padding:2px 5px;font-size:8px;bottom:-5px;left:7px}.landing-app .landing-pencil-note{letter-spacing:1px;font-size:6px;bottom:-3px;right:7px}}@media (width<=600px){.landing-app{gap:8px;padding:8px}.landing-app .site-main.family-panel{border-radius:18px;padding:10px 11px}.landing-app .tablet-header{padding-inline:11px}.landing-app .tablet-role{display:none}.landing-app .landing-copy .site-action-row{grid-template-columns:1fr 1fr;display:grid}.landing-app .landing-artwork{transform-origin:top;height:160px;transform:scale(.88)}.landing-app .landing-welcome{grid-template-rows:minmax(0,1fr) 150px}.landing-app .landing-story-welcome{grid-template-rows:150px minmax(0,1fr);align-content:stretch}.landing-app .landing-story-welcome>img{width:100%;height:150px;max-height:150px}.landing-app .landing-story-welcome>div{justify-content:center;gap:8px;min-height:0}.landing-app .landing-story-welcome h1{font-size:clamp(22px,6.2vw,27px);line-height:1.25}.landing-app .landing-story-welcome p{font-size:14px;line-height:1.4}}@media (height<=700px) and (width>=821px){.landing-app .tablet-header{min-height:60px}.landing-app .tablet-public>.tablet-section-nav,.landing-app .tablet-public>.tablet-section-nav>button{min-height:54px}.landing-app .landing-welcome{padding-block:6px}.landing-app .landing-copy{gap:9px}.landing-app .landing-copy h1{font-size:38px;line-height:1.23}.landing-app .landing-description{font-size:16px;line-height:1.45}.landing-app .landing-copy .family-button{min-height:54px}.landing-app .landing-artwork{transform-origin:100%;height:340px;transform:scale(.78)}}.landing-app .landing-story{flex-direction:column;justify-content:center;gap:16px;max-width:1120px;height:100%;min-height:0;margin:auto;padding:clamp(12px,2.2vh,28px) clamp(12px,2vw,28px);display:flex}.landing-app .landing-story>.learner-paper-label{color:#554437;background:#f7dfa0;border-radius:5px;align-self:flex-start;align-items:center;width:auto;min-height:34px;padding:4px 14px;font-size:16px;font-weight:800;display:inline-flex;transform:rotate(-1deg)}.landing-app .landing-story h1{color:var(--landing-ink);letter-spacing:-1px;word-break:keep-all;font:400 clamp(28px,3vw,40px)/1.3 Jua,sans-serif}.landing-story-cards>section{gap:10px}.landing-story-kicker{background:var(--landing-mint,#e2edd9);color:#536949;border-radius:999px;align-self:flex-start;align-items:center;min-height:28px;padding:3px 12px;font:15px Jua,sans-serif;display:inline-flex}.landing-story-cards h2{color:var(--landing-ink,#2f251f);font-size:clamp(19px,1.6vw,23px)}.landing-story-cards p{color:var(--landing-muted,#685b53);line-height:1.6}.landing-story-cta{flex-wrap:wrap}.landing-app .landing-story-welcome{max-width:1120px;margin:auto}.landing-app .landing-story-welcome>div>.learner-paper-label{color:#554437;background:#f7dfa0;border-radius:5px;align-self:flex-start;min-height:32px;padding:4px 13px;font-weight:800;transform:rotate(-1deg)}.landing-app .preview-page{flex-direction:column;justify-content:center;gap:16px;max-width:1160px;height:100%;min-height:0;margin:auto;padding:clamp(12px,2.4vh,30px) clamp(12px,2vw,28px);display:flex}.landing-app .preview-page>.learner-paper-label{color:#554437;background:#f7dfa0;border-radius:5px;align-self:flex-start;align-items:center;width:auto;min-height:34px;padding:4px 14px;font-size:16px;font-weight:800;display:inline-flex;transform:rotate(-1deg)}.preview-layout{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:clamp(24px,3vw,48px);min-height:0;display:grid}.preview-copy{flex-direction:column;gap:14px;min-width:0;display:flex}.preview-copy h1{color:var(--landing-ink,#2f251f);letter-spacing:-1px;word-break:keep-all;font:400 clamp(28px,3vw,42px)/1.3 Jua,sans-serif}.preview-lead{color:var(--landing-muted,#685b53);font-size:clamp(17px,1.3vw,20px);line-height:1.7}.preview-points{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.preview-points li{color:#4e443e;padding-left:28px;font-size:16px;line-height:1.5;position:relative}.preview-points li:before{content:"✓";color:#536949;background:#e2edd9;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;display:flex;position:absolute;top:0;left:0}.preview-cta{flex-wrap:wrap;gap:14px;margin-top:4px}.preview-art{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.preview-workbook{box-sizing:border-box;background:#fff9dc;border:4px solid #eadb9e;border-radius:28px;width:min(100%,360px);padding:22px 22px 26px;position:relative;transform:rotate(1deg);box-shadow:0 10px 22px #6f5c3820,0 4px #dfd1a9}.preview-tape{background:#f6d774d9;border:1px solid #edce72;width:130px;height:34px;position:absolute;top:-18px;left:38%;transform:rotate(2deg)}.preview-book-title{color:#6e5847;border-bottom:2px dashed #ddc994;align-items:center;gap:10px;padding:0 2px 9px;font:20px Jua,sans-serif;display:flex}.preview-book-title>span{background:#f28591;border-radius:50%;width:16px;height:16px}.preview-book-title>small{color:#806b5c;margin-left:auto;font:15px Jua,sans-serif}.preview-letter-box{border:2px dashed #dfcba8;border-radius:18px;grid-template-columns:repeat(3,1fr);place-items:center;height:90px;margin-top:14px;display:grid}.preview-letter-box b{font:46px/1 Jua,sans-serif}.preview-letter-box b:first-child{color:#c94f64}.preview-letter-box b:nth-child(2){color:#e69539}.preview-letter-box b:nth-child(3){color:#4f9872}.preview-guide-lines{gap:8px;margin:16px 8px 8px;display:grid}.preview-guide-lines>span{background:#e5cda6;height:2px}.preview-stamp{color:#56814d;background:#e8f2d9;border:2px solid #c5d9a7;border-radius:12px;padding:6px 12px;font:15px Jua,sans-serif;display:inline-block;transform:rotate(-1.5deg)}.preview-story-card{background:#fffdfa;border:2px solid #eadfc9;border-radius:22px;align-items:center;gap:16px;width:min(100%,400px);padding:18px;display:flex;box-shadow:0 8px 18px #6f5c3818}.preview-story-card img{object-fit:contain;flex:none;width:120px;max-height:150px}.preview-story-card strong{color:#6e5847;margin-bottom:6px;font:19px Jua,sans-serif;display:block}.preview-story-card p{color:#4e443e;font-size:16px;line-height:1.7}.preview-wardrobe{background:#fffdfa;border:2px dashed #dfcba8;border-radius:24px;flex-direction:column;align-items:center;gap:14px;width:min(100%,340px);padding:22px;display:flex}.preview-wardrobe .preview-friend{width:180px;max-height:200px}.preview-wardrobe .preview-friend>.family-sticker-scene{margin:0}.preview-star-row{color:#f0b42f;align-items:center;gap:8px;font-size:30px;display:flex}.preview-star-row small{color:#806b5c;margin-left:6px;font:15px Jua,sans-serif}.preview-switch{flex-wrap:wrap;flex:none;justify-content:center;gap:10px;display:flex}.preview-switch a{color:#76665b;background:#fffaf4;border:2px solid #e4d7c8;border-radius:999px;align-items:center;min-height:44px;padding:6px 16px;font:16px Jua,sans-serif;text-decoration:none;display:inline-flex}.preview-switch a[aria-current=page]{border-color:var(--landing-mint-line,#b7caa8);background:var(--landing-mint,#e2edd9);color:#536949}@media (width<=820px),(orientation:portrait) and (width<=1000px){.preview-layout{grid-template-columns:minmax(0,1fr);gap:16px}.preview-art{order:-1}.preview-workbook,.preview-story-card,.preview-wardrobe{width:min(100%,420px);margin:0 auto;transform:none}.preview-wardrobe{gap:6px;padding:12px}.preview-wardrobe .preview-friend{width:180px;height:147px;max-height:none}.preview-wardrobe .preview-friend>.family-sticker-scene{transform-origin:top;width:180px;height:210px;transform:scale(.7)}}@media (width<=600px){.preview-page,.landing-app .landing-story{gap:12px;padding:10px 12px}.preview-points li{font-size:15px}.preview-cta,.landing-story-cta{grid-template-columns:1fr 1fr;display:grid}.preview-cta .family-button,.landing-story-cta .family-button{width:100%;min-width:0}}@media (width<=600px) and (height<=700px){.tablet-parent-overview .tablet-overview-primary,.tablet-parent-overview .tablet-two-cards>section{gap:4px;padding:8px}.tablet-parent-overview .tablet-overview-primary h2,.tablet-parent-overview .tablet-two-cards h2{font-size:16px;line-height:1.2}.tablet-parent-overview .tablet-overview-primary p,.tablet-parent-overview .tablet-two-cards p{font-size:12px;line-height:1.4}.tablet-parent-overview .tablet-overview-primary .family-button,.tablet-parent-overview .tablet-two-cards .family-button{flex:none;min-height:44px;padding:6px 10px;font-size:14px}}@media (width<=600px){.landing-app .landing-story{justify-content:flex-start;gap:6px;padding:4px}.landing-app .landing-story h1{flex:none;font-size:20px;line-height:1.2}.landing-app .landing-story>.learner-paper-label{flex:none;min-height:24px;padding:3px 8px;font-size:12px}.landing-story-cards{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));gap:6px}.landing-story-cards>section{justify-content:center;gap:4px;padding:8px}.landing-story-cards .landing-story-kicker{min-height:20px;padding:2px 8px;font-size:12px}.landing-story-cards h2{font-size:16px;line-height:1.2}.landing-story-cards p{font-size:12px;line-height:1.4}.landing-app .landing-story-cta{flex:none;grid-template-columns:1fr 1fr;gap:6px;display:grid}.landing-app .landing-story-cta .family-button{white-space:nowrap;min-height:44px;padding:6px 3px;font-size:12px}}@media (width<=600px) and (height<=700px){.landing-app .landing-story-welcome{grid-template-rows:80px minmax(0,1fr);gap:6px;padding:4px}.landing-app .landing-story-welcome>img{height:80px;max-height:80px}.landing-app .landing-story-welcome>div{justify-content:flex-start;gap:6px}.landing-app .landing-story-welcome>div>.learner-paper-label{min-height:22px;padding:3px 6px;font-size:12px}.landing-app .landing-story-welcome h1{font-size:20px}.landing-app .landing-story-welcome p{font-size:12px;line-height:1.4}}@media (width<=600px){.landing-app .preview-page{justify-content:flex-start;gap:6px;padding:6px}.landing-app .preview-page>.learner-paper-label{flex:none;min-height:22px;padding:3px 8px;font-size:12px}.preview-layout{flex:1;grid-template-rows:minmax(0,.6fr) minmax(0,1fr);gap:8px;min-height:0}.preview-copy{gap:6px;min-height:0}.preview-copy h1{font-size:22px;line-height:1.2}.preview-lead,.preview-points li{font-size:13px;line-height:1.4}.preview-points{gap:4px}.preview-copy .family-note{font-size:12px;line-height:1.4}.preview-cta .family-button{min-height:44px;padding:6px;font-size:13px}.preview-switch{flex-wrap:nowrap;gap:4px}.preview-switch a{white-space:nowrap;flex:1;justify-content:center;min-width:0;padding:4px;font-size:12px}.preview-story-card{gap:8px;padding:8px}.preview-story-card img{width:80px;max-height:100px}.preview-story-card strong{font-size:14px}.preview-story-card p{font-size:12px;line-height:1.4}.preview-workbook{border-width:3px;border-radius:18px;padding:12px}.preview-tape{width:90px;height:20px;top:-10px}.preview-book-title{font-size:16px}.preview-letter-box{height:60px;margin-top:8px}.preview-letter-box b{font-size:32px}.preview-guide-lines{gap:4px;margin:8px}.preview-stamp{padding:3px 8px;font-size:12px}}@media (width<=600px) and (height<=700px){.preview-art[aria-hidden=true]{display:none}.preview-layout{align-items:center;display:flex}.preview-copy{width:100%}}@media (width>=601px) and (height<=500px){.landing-app .landing-welcome{padding:0 8px;display:flex}.landing-app .landing-artwork{display:none}.landing-app .landing-copy{gap:4px;width:100%}.landing-app .landing-copy>.learner-paper-label{min-height:20px;padding:2px 8px;font-size:11px}.landing-app .landing-copy h1{font-size:24px;line-height:1.2}.landing-app .landing-description{font-size:12px;line-height:1.3}.landing-app .landing-copy .site-action-row{gap:8px;margin:0}.landing-app .landing-copy .family-button{min-height:44px;padding:4px 12px;font-size:14px!important}.landing-app .landing-footnote{font-size:11px}.landing-app .landing-story{justify-content:flex-start;gap:3px;padding:0 8px}.landing-app .landing-story h1,.landing-app .landing-story-welcome h1{font-size:22px;line-height:1.2}.landing-app .landing-story>.learner-paper-label,.landing-app .landing-story-welcome>div>.learner-paper-label{min-height:20px;padding:2px 8px;font-size:11px}.landing-story-cards>section{gap:3px;padding:6px}.landing-app .landing-story h1{margin:0}.landing-app .landing-story-cards{flex:none;grid-template-rows:auto;min-height:74px}.landing-app .landing-story-cards>section{justify-content:center;min-height:74px}.landing-story-cards h2{font-size:16px;line-height:1.2}.landing-story-cards p,.landing-app .landing-story-welcome p{font-size:12px;line-height:1.3}.landing-story-cards .landing-story-kicker{min-height:18px;padding:2px 6px;font-size:11px}.landing-app .landing-story-cta{gap:8px;margin:0}.landing-app .landing-story-cta .family-button{min-height:44px;padding:4px 12px;font-size:14px!important}.landing-app .landing-story-welcome>img{display:none}.landing-app .landing-story-welcome>div{gap:4px}.landing-app .preview-page{justify-content:flex-start;gap:4px;padding:6px}.landing-app .preview-page>.learner-paper-label{flex:none;min-height:22px;padding:3px 8px;font-size:12px}.preview-art[aria-hidden=true]{display:none}.preview-layout{flex:1;min-height:0;display:flex}.preview-copy{grid-template-columns:1fr 1fr;gap:4px 16px;width:100%;display:grid}.preview-copy>.landing-story-kicker{grid-area:1/1;min-height:20px;font-size:12px}.preview-copy>h1{grid-area:2/1;font-size:20px;line-height:1.2}.preview-copy>.preview-lead{grid-area:3/1;font-size:12px;line-height:1.4}.preview-copy>.preview-points{grid-area:1/2/3;gap:3px}.preview-points li{font-size:12px;line-height:1.4}.preview-copy>.family-note{grid-area:3/2;padding:4px;font-size:11px;line-height:1.3}.preview-copy>.preview-cta{grid-area:4/1/auto/-1;gap:8px;margin:0}.preview-cta .family-button{min-height:44px;padding:4px 12px;font-size:13px}.preview-switch{gap:6px}.preview-switch a{min-height:44px;padding:4px 12px;font-size:12px}}.family-settings .family-identity-save{flex:none}.family-identity>.tablet-pages{flex:1;min-height:0}@media (width<=600px){.tablet-app .family-settings .app-form-actions .family-button{white-space:nowrap;min-width:0;padding:8px;font-size:14px}}@media (height<=450px) and (width>=600px){.family-settings>.tablet-pages{grid-template-columns:120px minmax(0,1fr);gap:8px;display:grid}.family-settings>.tablet-pages>.tablet-section-nav{flex-direction:column}.family-settings .tablet-section-nav>button{min-height:44px;padding:4px 8px;font-size:13px}.family-settings .tablet-section-nav>button[aria-pressed=true]:after{display:none}.family-settings .tablet-pages,.family-settings .tablet-step,.family-settings .family-identity{gap:6px}.tablet-app .family-settings .family-field{gap:4px;font-size:13px}.tablet-app .family-settings .family-field input,.tablet-app .family-settings .family-field select{min-height:44px;padding:6px;font-size:14px}.tablet-app .family-settings .family-button{min-height:44px;padding:6px 10px;font-size:14px}.family-settings .tablet-alert{font-size:12px;line-height:1.3}.tablet-app .family-settings .family-avatar-picker{gap:4px;padding:0}.tablet-app .family-settings .family-avatar-picker legend{margin-bottom:4px;font-size:12px}.tablet-app .family-settings .family-characters button{min-height:48px;padding:4px;font-size:13px}.tablet-app .family-settings .family-characters svg{width:32px;height:32px}}:root{--brown:#4a3e3d;--brown-soft:#574143;--cream:#f7f3e9;--cream-2:#efe6d1;--amber:#f6b64b;--amber-deep:#b8474d;--amber-deep-rgb:184, 71, 77;--coral:#b8474d;--mint:#56c596;--mint-rgb:86, 197, 150;--peach:#dfd3b9;--pink:#b8474d;--purple:#f6b64b;--purple-deep:#b8474d;--green:#38ef7d;--green-deep:#11998e;--card-radius:24px;--selection-surface:#ffe9ee;--selection-ink:#8b2940;--role-jamo-surface:#eef6ff;--role-jamo-line:#5b8def;--role-target-surface:#e6f6e9;--role-target-line:#66bb6a;--role-syllable-surface:#fff7e6;--role-syllable-line:#e0a03a;--paper-line:#dfd3b9;--graph-line:#e9deca45;--dashed-frame:2px dashed var(--paper-line);--stamp-red:#b8474d;--bg-gradient:radial-gradient(#b5a78c30 .7px, transparent .7px) 0 0 / 5px 5px, linear-gradient(160deg, #f4efe2 0%, #f7f3e9 55%, #efe6d1 100%);--surface:#fffdf3;--surface-highlight:#fff0c6;--border-soft:#e8ddc6;--shadow-rgb:100, 85, 56;--gold:#f0c14b;--gold-rgb:240, 193, 75;--success:#2e9f63;--success-rgb:46, 159, 99;--success-bg:#e7f6ec;--error:#ba1a1a;--error-bg:#ffdad6;--font-heading:"Jua", "Comic Sans MS", cursive, sans-serif;--font-body:"Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--writing-content-font:"Ttobak Active Writing", "Noto Sans KR", sans-serif;--writing-content-font-weight:300;--practice-content-font:"Ttobak Practice UI", "Noto Sans KR", sans-serif;--practice-content-font-weight:600}[data-theme=tteul]{--brown:#3f2f30;--brown-soft:#574143;--cream:#fdf3ef;--cream-2:#f2e2db;--amber:#f6b64b;--amber-deep:#b8474d;--amber-deep-rgb:184, 71, 77;--coral:#b8474d;--mint:#56c596;--mint-rgb:86, 197, 150;--peach:#e2d0c6;--pink:#b8474d;--purple:#f6b64b;--purple-deep:#b8474d;--green:#38ef7d;--green-deep:#11998e;--card-radius:24px;--paper-line:#e2d0c6;--graph-line:#ecdad145;--dashed-frame:2px dashed var(--paper-line);--stamp-red:#b8474d;--bg-gradient:radial-gradient(#c4a89c30 .7px, transparent .7px) 0 0 / 5px 5px, linear-gradient(160deg, #fbf1ec 0%, #fdf3ef 55%, #f2e2db 100%);--surface:#fffcf7;--surface-highlight:#ffe9d6;--border-soft:#ecdcd0;--shadow-rgb:120, 82, 76;--gold:#f0c14b;--gold-rgb:240, 193, 75;--success:#2e9f63;--success-rgb:46, 159, 99;--success-bg:#e7f6ec;--error:#ba1a1a;--error-bg:#ffdad6;--font-heading:"Jua", "Comic Sans MS", cursive, sans-serif;--font-body:"Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-gradient);min-height:100vh;color:var(--brown);-webkit-tap-highlight-color:transparent}.app{min-height:100vh}h1,h2,h3,.title,.home-hello,.hero-title,.mode-title,.sl-chapter-name,.il-name,.lesson-title{font-family:var(--font-heading)}.btn-cute{border:2px solid var(--paper-line);cursor:pointer;font-family:var(--font-heading);box-shadow:3px 3px 0 rgba(var(--shadow-rgb), .22);border-radius:18px;transition:transform .15s,box-shadow .15s}.btn-cute:hover:not(:disabled){box-shadow:4px 5px 0 rgba(var(--shadow-rgb), .28);transform:translateY(-2px)}.btn-cute:active:not(:disabled){box-shadow:2px 2px 0 rgba(var(--shadow-rgb), .22);transform:translateY(0)}.btn-cute:disabled{opacity:.6;cursor:default}.btn-big{background:var(--coral);color:#fff;box-shadow:0 5px 0 #8f333a, 0 9px 14px rgba(var(--amber-deep-rgb), .2);border-color:#8f333a;border-radius:20px;margin:8px 0;padding:16px 40px;font-size:1.4rem}.btn-big:hover:not(:disabled){box-shadow:0 6px 0 #8f333a, 0 11px 18px rgba(var(--amber-deep-rgb), .26)}.btn-big:active:not(:disabled){box-shadow:0 3px 0 #8f333a, 0 6px 10px rgba(var(--amber-deep-rgb), .2)}.btn-small{background:var(--surface);color:var(--brown);padding:8px 16px;font-size:1rem}.btn-check{background:var(--coral);color:#fff;box-shadow:0 5px 0 #8f333a, 0 9px 14px rgba(var(--amber-deep-rgb), .2);border-color:#8f333a}.card-cute{background-color:var(--surface);background-image:linear-gradient(var(--graph-line) 1px, transparent 1px), linear-gradient(90deg, var(--graph-line) 1px, transparent 1px);border:var(--dashed-frame);border-radius:var(--card-radius);box-shadow:inset 0 0 0 4px #fffdf5, 0 4px 0 #ece4d2, 0 14px 34px rgba(var(--shadow-rgb), .14);background-size:24px 24px;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:560px;padding:28px 24px;display:flex}.error{color:var(--error);text-align:center;margin:4px 0;font-size:1rem}.loading{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:1.4rem;display:flex}.onboarding{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:100vh;padding:32px 20px;display:flex}.mascot{font-size:84px;animation:1.6s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.title{text-shadow:2px 2px #fff9;font-size:3rem}.subtitle{color:var(--brown-soft);margin-bottom:16px;font-size:1.2rem}.field-label{text-align:left;color:var(--brown-soft);margin-top:6px;font-size:1rem}.nickname-input{text-align:center;border:2px solid var(--paper-line);border-bottom:3px solid var(--paper-line);background:var(--surface);height:64px;color:var(--brown);font-size:1.8rem;font-family:var(--font-heading);border-radius:16px;outline:none;transition:border-color .2s,box-shadow .2s}.nickname-input:focus{border-bottom-color:var(--coral)}.nickname-input:focus-visible{outline-offset:2px;outline:3px solid #00668a}.age-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.age-chip{border:2px solid var(--paper-line);background:var(--surface);font-family:var(--font-heading);color:var(--brown-soft);cursor:pointer;border-radius:14px;padding:12px;font-size:1.05rem;transition:border-color .15s,background .15s,color .15s}.age-chip:focus-visible{outline-offset:2px;outline:3px solid #00668a}.age-chip.selected{color:var(--brown);background:#e3ecd9;border-color:#a93349}.welcome-back p{margin:4px 0;font-size:1.3rem}.welcome-back .small{color:var(--brown-soft);font-size:1rem}.help-card{text-align:left;cursor:pointer;gap:0;max-width:420px;margin-top:14px;padding:0}.help-card>summary{color:var(--brown);font-size:1.1rem;font-family:var(--font-heading);-webkit-user-select:none;user-select:none;padding:16px 20px;list-style:none}.help-card>summary::-webkit-details-marker{display:none}.help-card[open]>summary{border-bottom:2px dashed var(--peach)}.help-body{flex-direction:column;gap:10px;padding:12px 20px 18px;display:flex}.help-body p{color:var(--brown-soft);margin:0;font-size:1rem;line-height:1.5}.help-body ul{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.help-body li{color:var(--brown-soft);font-size:1rem;line-height:1.45}.help-body b{color:var(--brown)}.help-note{background:var(--surface-highlight);border-radius:12px;padding:10px 12px}.practice,.reward{flex-direction:column;align-items:center;gap:12px;min-height:100vh;padding:12px;display:flex}.practice-header{justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:1100px;display:flex}.stage-badge{align-items:center;gap:8px;display:flex}.stage-name{font-size:1.2rem}.diff{color:#2d6a4f;background:#a8e6cf;border-radius:20px;padding:3px 10px;font-size:1rem}.diff-보통{background:var(--gold);color:#7a5a00}.diff-어려움,.diff-아주\ 어려움{color:#fff;background:#ff6b6b}.score-badge{color:#f39c12;font-size:1.1rem}.practice-hint{border:2px solid var(--peach);text-align:center;background:#ffffffe6;border-radius:14px;padding:10px 18px}.practice-hint b{color:var(--purple-deep);font-size:1.3rem}.lesson-head{text-align:center}.lesson-kicker{color:var(--brown-soft);font-size:1rem}.lesson-title{color:var(--brown);font-size:1.4rem}.lesson-hero{background:linear-gradient(135deg, var(--gold), var(--amber-deep));min-height:200px;box-shadow:0 16px 32px rgba(var(--amber-deep-rgb), .28);border-radius:26px;justify-content:center;align-items:center;display:flex}.lesson-char{color:#fff;text-shadow:0 4px #0000001a;font-size:8rem;line-height:1}.lesson-detail{background:var(--surface);text-align:left;box-shadow:0 10px 22px rgba(var(--shadow-rgb), .14);border-radius:22px;padding:18px}.lesson-desc{color:var(--brown-soft);font-size:1rem;line-height:1.5}.lesson-desc b{color:var(--coral)}.lesson-steps{flex-direction:column;align-items:flex-start;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.lesson-steps li{color:var(--brown);text-align:left;align-items:center;gap:8px;font-size:1rem;display:flex}.lesson-steps b{font-size:1.2rem}.lesson-actions{justify-content:center;gap:18px;display:flex}.round-action{cursor:pointer;background:var(--amber);color:#fff;width:60px;height:60px;box-shadow:0 8px 18px rgba(var(--amber-deep-rgb), .3);border:none;border-radius:50%;font-size:1.5rem;transition:transform .12s}.round-action:active{transform:translateY(2px)}.round-action.on-heart{background:#ffe0e0}.round-action.on-star{background:#fff0cc}.lesson-start{text-align:center;align-self:stretch}.word-result{text-align:center}.word-result .word-image{margin:8px auto;display:block}.word-result-section{width:100%;margin-top:14px}.mini-title{color:var(--brown-soft);margin-bottom:8px;font-size:1rem}.syllable-again-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.fav-chip.reco{background:#f2f8ff;border-color:#cfe3ff}.word-syllable-strip{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:6px;display:flex}.syllable-tile{background:var(--surface);min-width:52px;font-family:var(--font-heading);opacity:.55;border:3px solid #eee;border-radius:16px;flex-direction:column;align-items:center;padding:8px 12px;transition:all .15s;display:flex}.syllable-tile-char{color:var(--brown);font-size:1.9rem}.syllable-tile-icon{font-size:1rem}.syllable-tile.status-current{opacity:1;border-color:var(--amber);box-shadow:0 6px 16px rgba(var(--amber-deep-rgb), .28);background:#fff7e6;transform:scale(1.12)}.syllable-tile.status-passed{opacity:1;border-color:var(--success);background:var(--success-bg)}.syllable-tile.status-passed .syllable-tile-char{color:var(--success)}.me-profile{background:var(--surface);box-shadow:0 10px 22px rgba(var(--shadow-rgb), .14);border-radius:22px;align-items:center;gap:16px;padding:18px;display:flex}.me-avatar{background:linear-gradient(160deg, var(--gold), #f7b733);border-radius:50%;flex:0 0 72px;justify-content:center;align-items:center;width:72px;height:72px;font-size:2.4rem;display:flex}.me-name{color:var(--brown);font-size:1.4rem}.me-meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.me-chip{background:var(--surface-highlight);color:var(--amber-deep);border-radius:12px;padding:3px 10px;font-size:1rem}.me-edit-btn{margin-top:10px}.delta-up{color:var(--success)}.delta-down{color:var(--error)}.me-analysis{background:var(--surface);box-shadow:0 10px 22px rgba(var(--shadow-rgb), .14);border-radius:22px;padding:18px}.record-toggle{background:var(--border-soft);border-radius:14px;gap:4px;padding:3px;display:flex}.record-tab{color:var(--brown-soft);font-family:var(--font-heading);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:6px 14px;font-size:.95rem}.record-tab.on{background:var(--surface);color:var(--amber-deep);box-shadow:0 2px 6px rgba(var(--shadow-rgb), .18)}.record-browser{min-height:140px}.record-error{margin:0 0 12px}.record-gallery,.record-timeline{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.record-card,.record-history-item{background:#fffdf8;border:1px solid #f0e4cc;border-radius:15px;min-width:0;margin:0;overflow:hidden}.record-card img,.record-history-item img{aspect-ratio:1;object-fit:contain;background:#fffdf7;width:100%;display:block}.record-card figcaption{border-top:1px solid #f0e4cc;justify-content:space-between;align-items:center;gap:5px;padding:7px 9px;display:flex}.record-card figcaption b{color:var(--brown);font-size:1.2rem}.record-card figcaption span,.record-history-item figcaption{color:var(--brown-soft);font-size:.76rem}.record-note,.record-prompt{color:var(--brown-soft);text-align:center;margin:12px 0 0;font-size:.86rem;line-height:1.4}.record-char-picker{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:9px;display:grid}.record-char-button{text-align:left;cursor:pointer;background:#fffdf8;border:2px solid #f0e4cc;border-radius:15px;grid-template-rows:auto auto;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:1px 8px;min-width:0;padding:7px;display:grid}.record-char-button.on{border-color:var(--amber);background:#fff8e8;box-shadow:0 4px 10px #e5912829}.record-char-button:disabled{cursor:default;opacity:.7}.record-char-button img{background:var(--surface);object-fit:contain;border-radius:11px;grid-row:1/3;width:48px;height:48px}.record-char-label{color:var(--brown);font-family:var(--font-heading);align-self:end;font-size:1.28rem}.record-char-note{color:var(--brown-soft);text-overflow:ellipsis;white-space:nowrap;align-self:start;font-size:.72rem;line-height:1.2;overflow:hidden}.record-history{border-top:1px solid #eee5d4;margin-top:18px;padding-top:15px}.record-history h4{color:var(--brown);margin:0 0 10px;font-size:1rem}.record-history h4 b{color:var(--amber-deep);margin-right:3px;font-size:1.25rem}.record-history-item figcaption{text-align:center;border-top:1px solid #f0e4cc;padding:7px}.record-history-loading{min-height:90px}.weak-list{flex-wrap:wrap;gap:10px;display:flex}.weak-item{background:var(--surface);cursor:pointer;font-family:var(--font-heading);border:2px solid #ffe0a6;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;display:flex}.weak-char{color:var(--brown);font-size:1.8rem}.weak-stat{color:var(--brown-soft);font-size:1rem}.correction-run-button{background:linear-gradient(135deg, var(--amber), #ffad4d);color:#fff;font-family:var(--font-heading);cursor:pointer;border:none;border-radius:14px;padding:8px 15px;font-size:1rem;box-shadow:0 5px 12px #e591283d}.correction-run-button:disabled{cursor:default;opacity:.55;box-shadow:none}.correction-error{margin:0 0 12px}.correction-meta{color:var(--brown-soft);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.88rem;display:flex}.correction-saved,.correction-new-records{border-radius:999px;padding:3px 9px;font-size:.82rem}.correction-saved{color:#268a52;background:#e6f8ed}.correction-new-records{color:var(--amber-deep);background:#fff0d2}.correction-headline{color:var(--brown);background:#fff8e8;border-radius:16px;margin:14px 0;padding:13px 15px;font-size:1.05rem;line-height:1.45}.correction-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.correction-summary>div{text-align:center;background:#fffdf8;border:1px solid #f2e6cf;border-radius:15px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:11px 7px;display:flex}.correction-summary b{color:var(--amber-deep);text-wrap:balance;font-size:1rem;line-height:1.3}.correction-summary b.delta-up{color:var(--success)}.correction-summary b.delta-down{color:var(--error)}.correction-summary span{color:var(--brown-soft);font-size:.82rem;line-height:1.25}.correction-warning{color:#a45445;background:#fff3f0;border-radius:12px;margin:10px 0 0;padding:9px 11px;font-size:.88rem}.correction-ai-card{background:linear-gradient(145deg,#fbf8ff,#f3edff);border:1px solid #ded2f5;border-radius:18px;padding:15px}.correction-ai-head,.correction-ai-head>div,.correction-ai-meta{align-items:center;display:flex}.correction-ai-head{justify-content:space-between;gap:12px}.correction-ai-head>div{gap:9px;min-width:0}.correction-ai-head h4{color:var(--brown);margin:0;font-size:1.08rem}.correction-ai-head div div{flex-direction:column;gap:2px;min-width:0;display:flex}.correction-ai-head div div>span{color:var(--brown-soft);font-size:.78rem}.correction-ai-icon{font-size:1.5rem}.correction-ai-badge{color:#fff;background:#8e6bd6;border-radius:999px;flex:none;padding:4px 9px;font-size:.72rem}.correction-ai-summary{color:var(--brown);margin:13px 0 10px;font-size:.98rem;line-height:1.5}.correction-ai-grid{grid-template-columns:1fr;gap:8px;display:grid}.correction-ai-grid>div{background:#ffffffc7;border-radius:13px;padding:10px 12px}.correction-ai-grid h5{color:#7552bb;margin:0 0 5px;font-size:.88rem}.correction-ai-grid ul{margin:0;padding-left:18px}.correction-ai-grid li{color:var(--brown);font-size:.86rem;line-height:1.45}.correction-ai-encouragement{background:var(--surface);color:#7552bb;border-radius:12px;margin:10px 0 0;padding:9px 11px;font-size:.9rem;line-height:1.4}.correction-ai-meta{color:var(--brown-soft);justify-content:space-between;gap:8px;margin-top:8px;font-size:.7rem}.correction-ai-meta span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.correction-ai-legacy b{color:#7552bb}.correction-ai-legacy p{color:var(--brown-soft);margin:6px 0 0;font-size:.86rem;line-height:1.45}.correction-part{margin-top:22px}.correction-part-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.correction-part-head h4{color:var(--brown);margin:0;font-size:1.05rem}.correction-part-head span{color:var(--brown-soft);font-size:.82rem}.correction-trends{flex-direction:column;gap:8px;display:flex}.correction-trend{border:1px solid #eee5d4;border-radius:15px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.correction-trend-char{color:var(--brown);font-family:var(--font-heading);text-align:center;font-size:1.65rem}.correction-trend-main{min-width:0;display:block}.correction-trend-main>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.correction-trend-main b{color:var(--brown);font-size:.9rem}.correction-trend-main span{color:var(--brown-soft);font-size:.76rem}.trend-improving{background:#f7fff9;border-color:#cfead9}.trend-declining{background:#fffaf7;border-color:#f0d9ce}.correction-note{color:var(--brown-soft);background:#f5f3fa;border-radius:13px;margin:18px 0 0;padding:11px 13px;font-size:.82rem;line-height:1.45}.correction-empty{min-height:150px;color:var(--brown);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.correction-empty>span{font-size:2.4rem}.correction-empty p{max-width:430px;color:var(--brown-soft);margin:0;font-size:.9rem;line-height:1.45}.correction-recommendation-divider{background:#eee5d4;height:1px;margin:22px 0 16px}@media (width>=720px){.record-gallery,.record-timeline{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.correction-ai-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.story-cta{cursor:pointer;color:#fff;text-align:left;background:linear-gradient(135deg,#c8a6ff,#8e6bd6);border:none;border-radius:22px;align-items:center;gap:14px;width:100%;padding:16px 18px;display:flex;box-shadow:0 12px 26px #8e6bd652}.story-cta-icon{font-size:2.2rem}.story-cta-text{flex-direction:column;flex:1;display:flex}.story-cta-title{font-size:1.2rem}.story-cta-desc,.story-cta-arrow{opacity:.9;font-size:1rem}.story-photo-pick{border:3px dashed var(--peach);background:var(--surface);cursor:pointer;border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:160px;display:flex;overflow:hidden}.story-preview{object-fit:contain;width:100%;max-height:240px}.story-photo-hint{color:var(--brown-soft);font-size:1.05rem}.story-instruction{border:3px solid var(--border-soft);min-height:70px;font-family:var(--font-heading);color:var(--brown);resize:vertical;border-radius:14px;padding:10px;font-size:1rem}.story-wait{text-align:center;color:var(--brown-soft);font-size:1rem}.story-hero{border-radius:20px;width:100%;max-width:420px;margin:0 auto;box-shadow:0 12px 26px #00000026}.story-sentences{flex-direction:column;gap:12px;display:flex}.story-sentence{background:var(--surface);box-shadow:0 8px 18px rgba(var(--shadow-rgb), .14);border-radius:18px;padding:14px}.story-sentence-text{color:var(--brown);font-size:1.1rem;line-height:1.5}.story-sentence-no{background:var(--amber);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;font-size:1rem;display:inline-flex}.story-syllables{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.story-actions{justify-content:center;gap:10px;margin-top:8px;display:flex}.story-delete-row{justify-content:flex-end;margin:-4px 0 12px;display:flex}.story-delete-button,.diary-delete{color:#9f3d32}.story-list{flex-direction:column;gap:10px;display:flex}.diary-list{flex-direction:column;gap:12px;display:flex}.diary-list .empty{grid-column:1/-1}.diary-card{background:var(--surface);box-shadow:0 8px 18px rgba(var(--shadow-rgb), .14);border-left:6px solid var(--amber);border-radius:18px;align-items:center;gap:12px;padding:12px;display:flex}.diary-card-main{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:12px;padding:0;display:flex}.diary-delete{cursor:pointer;background:#fff0ed;border:none;border-radius:12px;flex:0 0 40px;width:40px;height:40px;font-size:1rem}.diary-delete:disabled{cursor:wait;opacity:.65}.diary-date{color:var(--amber-deep);flex-direction:column;flex:0 0 48px;align-items:center;display:flex}.diary-day{font-size:1.6rem;line-height:1}.diary-month{color:var(--brown-soft);font-size:1rem}.diary-thumb{object-fit:cover;background:var(--border-soft);border-radius:12px;flex:0 0 60px;width:60px;height:60px}.diary-body{flex:1;min-width:0}.diary-title{color:var(--brown);font-size:1.05rem}.diary-snippet{color:var(--brown-soft);white-space:nowrap;text-overflow:ellipsis;margin:2px 0;font-size:1rem;overflow:hidden}.diary-meta{color:#b6a992;font-size:1rem}.section-link{cursor:pointer;color:var(--amber-deep);font-family:var(--font-heading);background:0 0;border:none}.sentence-trace{max-width:min(96vw,1280px)}.sentence-target{text-align:center;color:var(--brown);background:var(--surface);box-shadow:0 6px 16px rgba(var(--shadow-rgb), .14);border-radius:14px;padding:10px 16px;font-size:1.3rem}.sentence-canvas-wrap{width:100%}.sentence-svg{aspect-ratio:1200/300;border:4px solid var(--peach);cursor:crosshair;touch-action:none;background:#fffdf7;border-radius:20px;width:100%;box-shadow:0 8px 30px #0000001a}.sentence-trace-btn,.story-trace-btn{margin-top:8px}.story-trace-main{align-self:center}.sentence-pick{cursor:pointer;text-align:left;width:100%;font-family:var(--font-heading);color:var(--brown);border:none;font-size:1.1rem}.story-trace-img{border:1px solid var(--border-soft);background:#fffdf7;border-radius:12px;width:100%;margin-top:8px;display:block}.sentence-note{text-align:center;color:var(--brown-soft);font-size:1rem}@media (width>=760px){.stage-path-page,.home{max-width:1120px}.course-list,.diary-list{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.story-sentences{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.age-grid{grid-template-columns:repeat(4,1fr)}.stage-path{max-width:640px}.practice-main{max-width:1100px}}@media (width>=1080px){.course-list,.diary-list{grid-template-columns:repeat(3,1fr)}}.setting-list{flex-direction:column;gap:12px;display:flex}.setting-row{background:var(--surface);box-shadow:0 8px 18px rgba(var(--shadow-rgb), .14);border-radius:20px;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.setting-label{color:var(--brown);flex-direction:column;font-size:1.15rem;display:flex}.setting-desc{color:var(--brown-soft);margin-top:2px;font-size:1rem}.switch{cursor:pointer;background:#e0d8c8;border:none;border-radius:20px;width:56px;height:32px;transition:background .15s;position:relative}.switch.on{background:var(--amber)}.switch-knob{background:var(--surface);border-radius:50%;width:26px;height:26px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0003}.switch.on .switch-knob{transform:translate(24px)}.setting-input{border:2px solid var(--paper-line);border-bottom:3px solid var(--paper-line);background:var(--surface);width:72px;height:44px;font-family:var(--font-heading);text-align:center;color:var(--brown);border-radius:14px;outline:none;font-size:1.2rem;transition:border-color .15s}.setting-input:focus{border-bottom-color:var(--coral)}.setting-input:focus-visible{outline-offset:2px;outline:3px solid #00668a}.setting-action{cursor:pointer;font-family:var(--font-heading);background:var(--surface);color:var(--coral);box-shadow:0 8px 18px rgba(var(--shadow-rgb), .14);border:none;border-radius:20px;margin-top:8px;padding:16px;font-size:1.05rem}.setting-row-theme{flex-direction:column;align-items:stretch;gap:12px}.theme-picker{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.theme-option{border:3px solid var(--border-soft);background:var(--surface);cursor:pointer;text-align:left;border-radius:18px;align-items:center;gap:12px;padding:10px 14px;transition:transform .12s,border-color .15s,box-shadow .15s;display:flex}.theme-option:active{transform:translateY(2px)}.theme-option.on{border-color:var(--coral);box-shadow:0 6px 16px rgba(var(--shadow-rgb), .18)}.theme-swatch{flex:none;display:flex}.theme-swatch span{width:18px;height:28px;display:block}.theme-swatch span:first-child{border-radius:8px 0 0 8px}.theme-swatch span:last-child{border-radius:0 8px 8px 0}.theme-option-text{flex-direction:column;gap:2px;min-width:0;display:flex}.theme-option-text b{color:var(--brown);font-size:1.05rem}.theme-option-text span{color:var(--brown-soft);font-size:.85rem}.hero-mascot{justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative}.hero-mascot img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.hero-emoji{font-size:3.4rem}.course-thumb{position:relative;overflow:hidden}.course-thumb img{object-fit:cover;border-radius:18px;width:100%;height:100%;position:absolute;inset:0}.thumb-emoji{font-size:2rem}.home{flex-direction:column;gap:18px;max-width:1100px;min-height:100vh;margin:0 auto;padding:24px 22px 80px;display:flex}.home-top{justify-content:space-between;align-items:flex-start;display:flex}.home-hello{color:var(--brown);font-size:1.7rem}.home-sub{color:var(--brown-soft);margin-top:2px;font-size:1rem}.home-score{background:var(--surface);color:var(--amber-deep);box-shadow:0 6px 16px rgba(var(--shadow-rgb), .16);border-radius:20px;padding:8px 14px;font-size:1.05rem}.hero-card{background:linear-gradient(135deg, var(--gold), var(--amber-deep));box-shadow:0 16px 32px rgba(var(--amber-deep-rgb), .28);border-radius:26px;justify-content:space-between;align-items:center;padding:22px;display:flex;position:relative;overflow:hidden}.hero-kicker{color:#7a4d06;font-size:1rem}.hero-title{color:#fff;text-shadow:0 2px #00000014;font-size:2.2rem;line-height:1.1}.hero-btn{cursor:pointer;font-family:var(--font-heading);background:var(--surface);color:var(--coral);border:none;border-radius:20px;margin-top:12px;padding:8px 18px;font-size:1rem;box-shadow:0 6px 14px #0000001f}.hero-mascot{filter:drop-shadow(0 6px 6px #0000001f);font-size:3.4rem}.quick-row{gap:12px;display:flex}.quick{cursor:pointer;background:var(--surface);font-family:var(--font-heading);color:var(--brown);box-shadow:0 8px 18px rgba(var(--shadow-rgb), .14);border:none;border-radius:20px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:14px 8px;transition:transform .12s;display:flex}.quick:active{transform:translateY(2px)}.quick-ic{border-radius:16px;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.5rem;display:flex}.quick-amber{background:#fff0cc}.quick-coral{background:#ffe0d6}.quick-mint{background:#d8f5e6}.quick-label{color:var(--brown-soft);font-size:1rem}.section-head{justify-content:space-between;align-items:baseline;margin-top:4px;display:flex}.section-head h3{color:var(--brown);font-size:1.3rem}.section-more{color:var(--brown-soft);font-size:1rem}.fav-row{flex-wrap:wrap;gap:10px;display:flex}.fav-chip{cursor:pointer;background:var(--surface);min-width:56px;height:56px;font-family:var(--font-heading);color:var(--brown);box-shadow:0 8px 18px rgba(var(--shadow-rgb), .14);border:2px solid #ffe0a6;border-radius:18px;padding:0 14px;font-size:1.8rem}.fav-chip:active{transform:translateY(2px)}.course-list{flex-direction:column;gap:12px;display:flex}.course-card{cursor:pointer;text-align:left;background:var(--surface);box-shadow:0 10px 22px rgba(var(--shadow-rgb), .14);border:none;border-radius:22px;align-items:center;gap:14px;padding:14px;transition:transform .12s;display:flex}.course-card:active{transform:translateY(2px)}.course-card.locked{opacity:.6;cursor:not-allowed}.course-thumb{background:linear-gradient(160deg, var(--gold), #f7b733);border-radius:18px;flex:0 0 64px;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.course-info{flex-direction:column;flex:1;gap:3px;display:flex}.course-title{color:var(--brown);font-size:1.15rem}.course-stars{letter-spacing:1px;font-size:1rem}.course-count{color:var(--brown-soft);font-size:1rem}.course-info .diff{align-self:flex-start}.course-play{background:var(--coral);color:#fff;border-radius:50%;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;display:flex;box-shadow:0 6px 14px #ff6f5266}.stage-path-page{background:linear-gradient(160deg,#fbf3e2 0%,#f6ead2 60%,#f2dfc0 100%);position:relative;overflow-x:hidden}.stage-path-page:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(closest-side,#ffffffa6 70%,#0000 72%),radial-gradient(closest-side,#ffffff80 70%,#0000 72%),radial-gradient(closest-side,#f7b73329 70%,#0000 72%),radial-gradient(closest-side,#ff6f521f 70%,#0000 72%);background-position:-90px -70px,calc(100% + 100px) 10%,78% calc(100% + 70px),6% 84%;background-repeat:no-repeat;background-size:340px 340px,260px 260px,220px 220px,180px 180px;position:fixed;inset:0}.stage-path-page:after{display:none}.stage-path-page>*{z-index:1;position:relative}.stage-path.islands{gap:16px}.island-node{background:linear-gradient(160deg, var(--gold), #ffb703);cursor:pointer;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .1s;display:flex;box-shadow:0 5px #0000001f,0 8px 18px #00000029}.island-node:active{transform:translateY(3px);box-shadow:0 2px #0000001f}.island-node.done{background:linear-gradient(160deg,#ffb37a,#ff7a4d)}.island-node.current{background:linear-gradient(160deg, #a8e6cf, var(--mint));animation:1.4s infinite nodePulse}.island-node.locked{cursor:not-allowed;background:#d7d7e0;box-shadow:0 4px #00000014}.island-char{color:var(--brown);font-size:1.7rem;font-family:var(--font-heading)}.island-node.done .island-char,.island-node.current .island-char{color:#fff}.island-stars{letter-spacing:1px;font-size:1rem}.island-node.word{background:linear-gradient(160deg,#a0d8ff,#5aa9e6)}.island-emoji{font-size:2rem}.island-word-label{font-family:var(--font-heading);color:var(--brown);background:var(--surface);box-shadow:0 4px 10px rgba(var(--shadow-rgb), .14);border-radius:12px;padding:2px 10px;font-size:1rem}.stage-path-page{flex-direction:column;align-items:center;gap:16px;min-height:100vh;padding:12px;display:flex}.stage-path{flex-direction:column;align-items:center;gap:28px;width:100%;max-width:520px;padding:20px 0 60px;display:flex}.stage-node-row{align-items:center;gap:14px;transition:transform .2s;display:flex}.stage-node{background:linear-gradient(160deg, var(--gold), #ffb703);cursor:pointer;border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;transition:transform .12s;display:flex;position:relative;box-shadow:0 8px #0000001f,0 10px 24px #0000002e}.stage-node:active{transform:translateY(4px);box-shadow:0 4px #0000001f,0 6px 16px #0000002e}.stage-node-icon{font-size:2.6rem}.stage-node.current{background:linear-gradient(160deg, #a8e6cf, var(--mint));animation:1.4s infinite nodePulse}@keyframes nodePulse{0%,to{box-shadow:0 8px 0 #0000001f, 0 0 0 0 rgba(var(--mint-rgb),.5)}50%{box-shadow:0 8px 0 #0000001f, 0 0 0 14px rgba(var(--mint-rgb),0)}}.stage-node.cleared{background:linear-gradient(160deg,#ffb37a,#ff7a4d)}.stage-node.locked{cursor:not-allowed;background:#d7d7e0;box-shadow:0 6px #00000014}.stage-node-star{font-size:1.5rem;position:absolute;top:-10px;right:-6px}.stage-node-label{background:#ffffffe6;border-radius:14px;min-width:150px;padding:8px 12px}.stage-node-name{color:var(--brown);font-size:1.1rem}.stage-node-desc{color:var(--brown-soft);margin-top:2px;font-size:1rem}.stage-node-stars{letter-spacing:2px;margin-top:2px;font-size:1rem}.stage-stars{letter-spacing:1px;font-size:1rem}.stage-stars.big{letter-spacing:4px;margin:6px 0;font-size:2.4rem}.round-progress{color:var(--purple-deep);letter-spacing:2px;margin-top:4px;font-size:1rem}.correction-toggle{opacity:.5;padding:6px 10px}.correction-toggle.on{opacity:1;background:#ffd3e0}.correction-badge{color:#d1495b;font-size:1rem}.debug-toggle{opacity:.5;padding:6px 10px}.debug-toggle.on{opacity:1;background:#ffe7a3}.debug-bar{color:#fff;background:#2d2d3a;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;width:100%;max-width:1100px;padding:10px 14px;display:flex}.debug-label{color:var(--gold);font-size:1rem}.debug-empty{color:#bbb;font-size:1rem}.debug-chip{font-family:var(--font-heading);color:#fff;cursor:pointer;background:#3a3a4c;border:2px solid #4a4a5e;border-radius:10px;min-width:40px;padding:4px 10px;font-size:1.2rem}.debug-chip.active{border-color:var(--gold);background:#ff6f52}.practice-main{flex-direction:row;justify-content:center;align-items:flex-start;gap:24px;width:100%;max-width:1100px;display:flex}.canvas-col{flex-direction:column;flex:auto;align-items:center;gap:12px;min-width:0;display:flex}.canvas-wrap{width:min(600px,100%);max-width:600px}.order-panel{border:3px solid var(--peach);background:#ffffffeb;border-radius:20px;flex-direction:column;flex:0 0 250px;align-self:stretch;gap:10px;padding:18px 16px;display:flex;box-shadow:0 8px 30px #00000014}.order-target{justify-content:center;display:flex}.order-target-char{color:var(--purple-deep);background:var(--surface-highlight);border:3px solid #0000;border-radius:16px;padding:8px 20px;font-size:3.4rem;line-height:1}.order-target-char.t-ok{border-color:var(--success);background:var(--success-bg)}.order-target-char.t-bad{border-color:var(--error);background:var(--error-bg)}.order-title{color:var(--brown);text-align:center;margin:2px 0;font-size:1.15rem}.order-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.order-step{background:#f7f7fb;border:2px solid #0000;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.order-step .order-num{color:#fff;background:#d9d9e6;border-radius:50%;flex:0 0 26px;justify-content:center;align-items:center;width:26px;height:26px;font-size:1rem;display:flex}.order-step .order-jamo{color:var(--brown);text-align:center;min-width:28px;font-size:1.7rem}.order-kind{border-radius:10px;margin-left:auto;padding:2px 8px;font-size:1rem}.order-kind.consonant{color:#d1495b;background:#ffe0e0}.order-kind.vowel{color:#2563eb;background:#dbeafe}.order-step.current{border-color:var(--gold);background:#fff7e6}.order-step.current .order-num{background:#f6a609}.order-now{color:#b26a00;background:#ffe7a3;border-radius:10px;padding:2px 6px;font-size:1rem}.order-check{color:var(--success);margin-left:auto;font-size:1rem}.order-hint{color:#b26a00;flex-basis:100%;margin-top:2px;font-size:1rem}.order-step.done{opacity:.7}.order-step.done .order-num{background:#9fd8bf}.order-step.correct{background:var(--success-bg);border-color:var(--success);opacity:1}.order-step.correct .order-num{background:var(--success)}.order-step.wrong{background:var(--error-bg);border-color:var(--error);opacity:1}.order-step.wrong .order-num{background:var(--error)}.order-mark{margin-left:auto;font-size:1.1rem;font-weight:700}.order-mark.ok{color:var(--success)}.order-mark.bad{color:var(--error)}.order-note{color:var(--brown-soft);text-align:center;margin-top:2px;font-size:1rem;line-height:1.4}@media (width<=760px){.practice-main{flex-direction:column;align-items:center}.order-panel{flex:none;width:100%;max-width:560px}.order-list{flex-flow:wrap;justify-content:center}.order-step{flex:none}.order-kind{margin-left:6px}.canvas-wrap{width:min(520px,100%);max-width:520px}}:is(.pv,.sentence-trace,.level-test,.assigned-practice),:is(.pv,.sentence-trace,.level-test,.assigned-practice) *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:is(.pv,.sentence-trace,.level-test,.assigned-practice) :is(input,textarea,[contenteditable=true]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.pv-canvas-wrap,.sentence-canvas-wrap,.wb-canvas-wrap,.assigned-canvas{touch-action:none}.writing-svg{aspect-ratio:1;background:var(--surface);border:4px solid var(--peach);cursor:crosshair;touch-action:none;border-radius:20px;width:100%;box-shadow:0 8px 30px #0000001a}.writing-svg[aria-disabled=true]{cursor:wait}.stroke-gate-allowance-corridor{stroke:#ffd06d}.stroke-draw-anim{animation:strokeDraw var(--stroke-guide-draw-duration) ease-in-out forwards, strokePulse 2s var(--stroke-guide-draw-duration) ease-in-out infinite}.stroke-direction-anim{opacity:0;animation:2s ease-in-out infinite strokePulse}.stroke-guide-gate{stroke:#4da58d;stroke-width:2.5px;stroke-linecap:round;opacity:0;animation:.24s ease-out forwards gateReveal}.stroke-guide-gate.ambiguous{stroke:#c58d31;stroke-dasharray:4 4}.stroke-guide-waypoint{fill:#ffbf471f;stroke:#e39a18;stroke-width:2.5px;stroke-dasharray:7 5}@keyframes strokeDraw{to{stroke-dashoffset:0}}@keyframes strokePulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gateReveal{0%{opacity:0}to{opacity:.78}}@media (prefers-reduced-motion:reduce){.stroke-draw-anim{stroke-dashoffset:0;animation:none}.stroke-direction-anim{opacity:1;animation:none}.stroke-guide-gate{opacity:.78;animation:none}}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.result-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-card{background:var(--surface);text-align:center;border-radius:30px;width:100%;max-width:400px;padding:32px 36px;animation:.4s cubic-bezier(.18,.89,.32,1.28) popIn;box-shadow:0 20px 60px #0000004d}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.result-card.good{border:4px solid var(--success)}.result-card.bad{border:4px solid var(--peach)}.result-overlay .result-card{width:min(500px,100%);max-width:500px;max-height:calc(100dvh - 40px);padding:24px;overflow-y:auto}.evaluation-feedback{text-align:left;margin:14px 0;line-height:1.5}.stroke-feedback-action{color:#864419;background:#fff3e5;border:1px solid #edc49d;border-radius:14px;margin-top:10px;padding:12px 14px}.stroke-feedback-label{margin-bottom:8px;font-size:1rem;font-weight:700}.word-feedback .evaluation-feedback{max-width:500px;margin-inline:auto}.stroke-feedback-reasons{margin:12px 0;padding-left:22px}.stroke-feedback-reasons li{margin:6px 0}.stroke-feedback-card{margin-top:16px}.result-emoji{font-size:4.5rem}.result-title{margin:4px 0;font-size:2.2rem}.result-title.good{color:var(--success)}.result-title.bad{color:var(--peach)}.result-score{margin-top:8px;font-size:1.2rem}.result-score b{color:var(--purple-deep);font-size:1.5rem}.result-sub{color:#888;margin-bottom:10px;font-size:1rem}.jamo-row{flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0;display:flex}.jamo-chip{background:#f0f0f0;border-radius:12px;padding:4px 10px;font-size:1.2rem}.jamo-chip.ok{background:var(--success-bg);color:var(--success)}.jamo-chip.miss{background:var(--error-bg);color:var(--error)}.feedback-list{text-align:left;color:var(--brown-soft);flex-direction:column;gap:6px;margin:12px 0;font-size:1rem;list-style:none;display:flex}.feedback-list li{padding-left:4px}.fb-good{color:var(--success)}.fb-medium{color:#e67e22}.empty{text-align:center;color:var(--brown-soft);padding:20px}.confetti{z-index:1001;pointer-events:none;border-radius:2px;width:10px;height:10px;animation:3s linear forwards confettiFall;position:fixed;top:-10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@media (width<=600px){.title{font-size:2.4rem}.mascot{font-size:68px}}.mode-selection{text-align:center;max-width:900px;margin:0 auto;padding:1.5rem}.mode-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mode-greeting{flex:1;font-size:1.1rem}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin:1.5rem 0;display:grid}.mode-card{cursor:pointer;background:#fff7ec;border:3px solid #ffd9a0;border-radius:24px;flex-direction:column;align-items:center;gap:.4rem;padding:1.5rem 1rem;transition:transform .1s;display:flex}.mode-card:hover,.mode-card:focus-visible{outline:3px solid #ffb454;transform:translateY(-3px)}.mode-emoji{font-size:3rem}.mode-title{color:var(--brown);font-size:1.3rem;font-weight:700}.mode-desc{color:var(--brown-soft);font-size:1rem}.word-selection{max-width:1000px;margin:0 auto;padding:1.5rem}.word-practice{flex-direction:column;align-items:center;gap:12px;max-width:1100px;margin:0 auto;padding:12px 16px;display:flex}.word-select-title{text-align:center;flex:1}.filter-group{border:2px dashed #ffd9a0;border-radius:16px;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.6rem 0;padding:.6rem .8rem;display:flex}.filter-group legend{color:var(--brown);padding:0 .4rem;font-weight:700}.filter-chip{background:var(--surface);cursor:pointer;border:2px solid #e0d3c8;border-radius:999px;padding:.4rem .8rem}.filter-chip.selected{color:#fff;background:#ffb454;border-color:#ff9e2c;font-weight:700}.filter-chip:focus-visible{outline:3px solid #ff9e2c}.word-actions{text-align:center;margin:.8rem 0}.word-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;padding:0;list-style:none;display:grid}.word-card{cursor:pointer;background:#fffdf8;border:2px solid #ffe0c0;border-radius:18px;flex-direction:column;align-items:center;gap:.3rem;width:100%;padding:.8rem;display:flex}.word-card:hover,.word-card:focus-visible{outline:3px solid #ffb454}.word-card-label{color:var(--brown);font-weight:700}.word-empty{text-align:center;color:var(--brown-soft);grid-column:1/-1}.word-image{object-fit:contain;border-radius:12px}.word-image-fallback{text-align:center;display:inline-block}.word-context{flex:1;justify-content:center;align-items:center;gap:.6rem;display:flex}.word-syllables{flex-wrap:wrap;gap:.3rem;display:flex}.syllable-chip{background:var(--surface);border:2px solid #e0d3c8;border-radius:999px;align-items:center;gap:.2rem;padding:.25rem .55rem;font-weight:700;display:inline-flex}.syllable-chip.status-passed{color:#2f7a4a;background:#d9f4e0;border-color:#7fd39a}.syllable-chip.status-current{color:#a85b00;background:#fff0d0;border-color:#ffb454}.syllable-chip.status-pending{color:#999;background:#f2f2f2;border-color:#d8d8d8}.syllable-icon{font-size:.85em}.word-progress{text-align:center;color:var(--brown-soft);font-weight:700}.word-feedback{text-align:center;margin-top:.8rem}.feedback-line{font-size:1.15rem;font-weight:700}.feedback-line.good{color:#2f7a4a}.feedback-line.info{color:#a85b00}.points-delta{color:#ff9e2c}.word-result{text-align:center;max-width:460px;margin:1rem auto}.word-result-stats{justify-content:center;gap:1rem;margin:1rem 0;display:flex}.word-result-stats .stat{flex-direction:column;display:flex}.word-result-stats .stat-label{color:var(--brown-soft);font-size:1rem}.word-result-stats .stat-value{color:var(--brown);font-size:1.3rem;font-weight:700}.word-result-actions{flex-direction:column;align-items:center;gap:.5rem;display:flex}@media (width<=600px){.mode-grid{grid-template-columns:1fr}.word-context{flex-direction:column}}.il-page{background:linear-gradient(160deg,#e8f5e9 0%,#f1f8e9 40%,#f7ecd6 100%);flex-direction:column;min-height:100vh;padding-bottom:90px;display:flex;overflow-x:hidden}.il-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#ffffffe6;border-bottom:1px solid #d4e8d0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.il-back{cursor:pointer;min-height:44px;font-family:var(--font-heading);color:var(--brown-soft);background:0 0;border:none;border-radius:12px;padding:6px 12px;font-size:1rem}.il-back:hover{background:#e8f5e9}.il-header-center{align-items:center;gap:10px;display:flex}.il-icon{font-size:2rem}.il-name{color:var(--brown);font-size:1.4rem}.il-diff{color:#2d6a4f;background:#a8e6cf;border-radius:10px;padding:2px 8px;font-size:1rem}.il-diff-보통{background:var(--gold);color:#7a5a00}.il-diff-어려움,.il-diff-아주\ 어려움{color:#fff;background:#ff6b6b}.il-header-right{align-items:center;gap:12px;display:flex}.il-progress-text{color:var(--brown-soft);font-size:1rem}.il-points{color:var(--amber-deep);background:var(--surface);box-shadow:0 2px 8px rgba(var(--shadow-rgb), .12);border-radius:14px;padding:6px 12px;font-size:1rem}.il-progress-bar{background:#d4e8d0;border-radius:3px;height:6px;margin:0 24px 8px;overflow:hidden}.il-progress-fill{background:linear-gradient(90deg, var(--mint), #38ef7d);border-radius:3px;height:100%;transition:width .4s}.il-path{flex:1;justify-content:center;padding:20px 20px 40px;display:flex}.il-trail{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:600px;display:flex}.il-row{flex-direction:column;align-items:center;gap:4px;transition:transform .2s;display:flex;position:relative}.il-connector{background:#c8e6c9;border-radius:2px;width:4px;height:20px;margin-bottom:4px}.il-connector-active{background:linear-gradient(180deg, var(--mint), #a8e6cf)}.il-node{background:linear-gradient(160deg, var(--gold), #ffb703);cursor:pointer;border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;box-shadow:0 6px #0000001a,0 8px 20px #00000026}.il-node:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px #0000001a,0 4px 12px #00000026}.il-node.il-done{background:linear-gradient(160deg, #a8e6cf, var(--mint))}.il-node.il-current{background:linear-gradient(160deg, var(--surface-highlight), var(--gold));box-shadow:0 6px 0 #0000001a, 0 0 0 0 rgba(var(--gold-rgb), .5);animation:1.6s infinite ilPulse}@keyframes ilPulse{0%,to{box-shadow:0 6px 0 #0000001a, 0 0 0 0 rgba(var(--gold-rgb),.5)}50%{box-shadow:0 6px 0 #0000001a, 0 0 0 14px rgba(var(--gold-rgb),0)}}.il-node.il-locked{cursor:not-allowed;background:#d7d7e0;box-shadow:0 4px #0000000f}.il-node-char{color:#fff;text-shadow:0 2px #0000001a;font-size:2.2rem;font-family:var(--font-heading)}.il-node.il-locked .il-node-char{text-shadow:none;font-size:1.6rem}.il-node-ring{border:3px solid var(--gold);pointer-events:none;border-radius:50%;animation:1.6s infinite ilRing;position:absolute;inset:-8px}@keyframes ilRing{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.15)}}.il-node-stars{gap:1px;font-size:1rem;display:flex}.il-star-on{opacity:1}.il-star-off{opacity:.35}.il-check{background:var(--success);color:#fff;width:22px;height:22px;box-shadow:0 2px 6px rgba(var(--success-rgb), .4);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:-4px;right:-16px}.il-node-word{background:linear-gradient(160deg,#a0d8ff,#5aa9e6)}.il-node-emoji{font-size:2rem}.il-node-label{font-family:var(--font-heading);color:var(--brown);background:var(--surface);box-shadow:0 3px 10px rgba(var(--shadow-rgb), .12);border-radius:12px;padding:3px 12px;font-size:1rem}@media (width<=600px){.il-node{width:68px;height:68px}.il-node-char{font-size:1.9rem}.il-trail{gap:8px}.il-header{padding:10px 14px}.il-name{font-size:1.2rem}}@media (width>=1024px){.il-path{padding:28px 40px 60px}.il-trail{gap:14px;max-width:700px}.il-node{border:6px solid #fff;width:96px;height:96px}.il-node-char{font-size:2.8rem}.il-node-stars{font-size:1rem}.il-header{padding:18px 40px}.il-icon{font-size:2.4rem}.il-name{font-size:1.6rem}.il-points{padding:8px 16px;font-size:1.1rem}.il-progress-bar{height:8px;margin:0 40px 12px}.il-connector{width:5px;height:24px}.il-node-label{padding:4px 14px;font-size:1.1rem}}.pv{background:var(--bg-gradient);flex-direction:column;min-height:100vh;display:flex}.pv-topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-soft);z-index:20;background:#ffffffd9;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.pv-back{cursor:pointer;font-family:var(--font-heading);color:var(--brown-soft);background:0 0;border:none;border-radius:12px;padding:6px 12px;font-size:1.05rem;transition:background .12s}.pv-back:hover{background:var(--border-soft)}.pv-stage-info{align-items:center;gap:8px;display:flex}.pv-stage-name{color:var(--brown);font-size:1.15rem}.pv-diff{color:#2d6a4f;background:#a8e6cf;border-radius:20px;padding:3px 10px;font-size:1rem}.pv-diff-보통{background:var(--gold);color:#7a5a00}.pv-diff-어려움,.pv-diff-아주\ 어려움{color:#fff;background:#ff6b6b}.pv-stars{font-size:1rem}.pv-right-tools{align-items:center;gap:8px;display:flex}.pv-points{color:var(--amber-deep);background:var(--surface);box-shadow:0 2px 8px rgba(var(--shadow-rgb), .12);border-radius:14px;padding:6px 12px;font-size:1rem}.pv-tool-btn{cursor:pointer;opacity:.6;background:#f7f7fb;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:background .12s;display:flex}.pv-tool-btn.pv-tool-on{opacity:1;background:var(--surface-highlight);box-shadow:0 2px 6px rgba(var(--shadow-rgb), .2)}.pv-body{flex:1;justify-content:center;align-items:flex-start;gap:24px;width:100%;max-width:1360px;margin:0 auto;padding:20px 24px;display:flex}.pv-canvas-area{flex-direction:column;flex:auto;align-items:center;gap:14px;min-width:0;display:flex}.pv-debug-bar{color:#fff;background:#2d2d3a;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:1rem;display:flex}.pv-progress-strip{box-shadow:0 4px 12px rgba(var(--shadow-rgb), .1);background:#ffffffd9;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;display:flex}.pv-dot{background:#e0d8c8;border-radius:50%;width:12px;height:12px;transition:all .2s}.pv-dot.done{background:var(--mint);box-shadow:0 0 6px rgba(var(--mint-rgb), .4)}.pv-dot.current{background:var(--gold);box-shadow:0 0 8px rgba(var(--gold-rgb), .5);transform:scale(1.3)}.pv-progress-text{color:var(--brown-soft);margin-left:4px;font-size:1rem}.pv-correction-label{color:#d1495b;margin-left:8px;font-size:1rem}.pv-canvas-wrap{width:100%;max-width:620px}.pv-canvas-wrap .writing-svg{aspect-ratio:1;background:var(--surface);border:4px solid var(--peach);cursor:crosshair;touch-action:none;border-radius:24px;width:100%;box-shadow:0 12px 40px #0000001a}.pv-controls{align-items:center;gap:12px;display:flex}.pv-ctrl-btn{cursor:pointer;font-family:var(--font-heading);background:var(--surface);color:var(--brown);box-shadow:0 4px 12px rgba(var(--shadow-rgb), .12);border:none;border-radius:16px;padding:10px 20px;font-size:1rem;transition:transform .1s,box-shadow .1s}.pv-ctrl-btn:active{transform:translateY(1px)}.pv-check-btn{cursor:pointer;font-family:var(--font-heading);background:var(--coral);color:#fff;box-shadow:0 6px 0 #8f333a, 0 9px 20px rgba(var(--amber-deep-rgb), .3);border:none;border-radius:20px;padding:14px 36px;font-size:1.2rem;transition:transform .1s,box-shadow .1s}.pv-check-btn:hover:not(:disabled){box-shadow:0 8px 0 #8f333a, 0 11px 24px rgba(var(--amber-deep-rgb), .4);transform:translateY(-2px)}.pv-check-btn:active:not(:disabled){transform:translateY(0)}.pv-check-btn:disabled{opacity:.6;cursor:default}.pv-side{flex-direction:column;flex:0 0 300px;align-self:stretch;gap:16px;max-height:calc(100vh - 100px);display:flex;overflow-y:auto}.pv-target{background:var(--surface);text-align:center;box-shadow:0 8px 24px rgba(var(--shadow-rgb), .12);border-radius:22px;padding:20px}.pv-target-char{color:var(--amber-deep);background:#fff7e6;border:3px solid #0000;border-radius:18px;padding:8px 24px;font-size:4.5rem;line-height:1.1;transition:all .2s;display:inline-block}.pv-target-char.t-ok{border-color:var(--success);background:var(--success-bg);color:var(--success)}.pv-target-char.t-bad{border-color:var(--error);background:var(--error-bg);color:var(--error)}.pv-target-hint{color:var(--brown-soft);margin-top:8px;font-size:1rem}.pv-target-hint b{color:var(--brown);font-size:1.1rem}.pv-current-stroke{background:linear-gradient(135deg, #fff7e6, var(--surface-highlight));border:3px solid var(--gold);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:16px 20px;display:flex}.pv-curr-label{color:#b26a00;font-size:1rem}.pv-curr-jamo{color:var(--amber-deep);font-size:4rem;line-height:1.1}.pv-curr-kind{border-radius:12px;padding:3px 12px;font-size:1rem}.pv-curr-kind.consonant{color:#d1495b;background:#ffe0e0}.pv-curr-kind.vowel{color:#2563eb;background:#dbeafe}.pv-curr-hint{color:#b26a00;margin-top:4px;font-size:1rem}.pv-stroke-chips{background:var(--surface);box-shadow:0 6px 18px rgba(var(--shadow-rgb), .1);border-radius:18px;padding:14px 16px}.pv-chips-title{color:var(--brown-soft);text-align:center;margin-bottom:10px;font-size:1rem;display:block}.pv-stroke-chips-unavailable{background:#fffdf7;border:2px dashed #ead7ad}.pv-guide-unavailable{color:var(--brown-soft);text-align:center;margin:0;font-size:.95rem;line-height:1.45}.pv-chips-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pv-chip{background:#fafaf8;border:2px solid #e8e0d0;border-radius:12px;align-items:center;gap:4px;padding:6px 10px;transition:all .15s;display:flex}.pv-chip.current{border-color:var(--gold);box-shadow:0 4px 12px rgba(var(--gold-rgb), .3);background:#fff7e6;transform:scale(1.15)}.pv-chip.done{opacity:.75;background:#f2fcf6;border-color:#c8e6c9}.pv-chip.correct{border-color:var(--success);background:var(--success-bg);opacity:1}.pv-chip.wrong{border-color:var(--error);background:var(--error-bg);opacity:1}.pv-chip.checking{opacity:1;background:#eef7ff;border-color:#79aee8}.pv-chip.todo{opacity:.5}.pv-chip-num{color:#fff;background:#d9d9e6;border-radius:50%;flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.85rem;font-weight:700;display:flex}.pv-chip.current .pv-chip-num{background:#f6a609}.pv-chip.correct .pv-chip-num,.pv-chip.done .pv-chip-num{background:var(--mint)}.pv-chip.wrong .pv-chip-num{background:var(--error)}.pv-chip.checking .pv-chip-num{background:#5798dc}.pv-chip-jamo{color:var(--brown);font-size:1.4rem}.pv-chip.current .pv-chip-jamo{color:var(--amber-deep);font-size:1.6rem}.pv-chip-icon{color:var(--success);font-size:1rem}.pv-chip-icon.bad{color:var(--error)}.pv-chip-icon.checking{color:#397fc8}.pv-stroke-preview-message{text-align:center;border-radius:12px;margin:10px 0 0;padding:9px 11px;font-size:.92rem;line-height:1.4}.pv-stroke-preview-message.checking{color:#3974aa;background:#eef7ff}.pv-stroke-preview-message.failed{background:var(--error-bg);color:#a44335}.pv-order-note{color:var(--brown-soft);text-align:center;margin-top:10px;font-size:1rem;line-height:1.4}@media (width<=860px){.pv-body{flex-direction:column;align-items:center;gap:16px;padding:12px 16px}.pv-side{flex:none;width:100%;max-width:560px;max-height:none;overflow:visible}.pv-canvas-wrap{max-width:480px}.pv-target-char{font-size:3.2rem}.pv-curr-jamo{font-size:3rem}.pv-current-stroke{padding:12px 16px}.pv-topbar{padding:10px 14px}.pv-stage-name{font-size:1rem}.pv-points{padding:5px 10px;font-size:1rem}}@media (width>=1024px){.pv-body{gap:32px;padding:24px 32px}.pv-canvas-wrap{max-width:700px}.pv-canvas-wrap .writing-svg{border-radius:28px;max-width:calc(100vh - 240px);max-height:calc(100vh - 240px)}.pv-side{flex:0 0 340px}.pv-target-char{padding:12px 32px;font-size:5.5rem}.pv-target-hint{font-size:1.1rem}.pv-curr-jamo{font-size:5rem}.pv-current-stroke{padding:20px 24px}.pv-chip-jamo{font-size:1.6rem}.pv-chip.current .pv-chip-jamo{font-size:1.8rem}.pv-chip{padding:8px 12px}.pv-topbar{padding:14px 28px}.pv-stage-name{font-size:1.25rem}.pv-points{padding:8px 14px;font-size:1.1rem}.pv-tool-btn{width:40px;height:40px;font-size:1.2rem}.pv-ctrl-btn{padding:12px 24px;font-size:1.1rem}.pv-check-btn{padding:16px 42px;font-size:1.3rem}.pv-progress-strip{padding:10px 20px}.pv-dot{width:14px;height:14px}.pv-progress-text{font-size:1rem}}.stage-complete-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.stage-complete-card{background:var(--surface);text-align:center;border:4px solid var(--gold);border-radius:32px;width:100%;max-width:420px;padding:40px 36px 32px;animation:.6s cubic-bezier(.18,.89,.32,1.28) scCardEntry;overflow:visible;box-shadow:0 24px 80px #00000059}@keyframes scCardEntry{0%{opacity:0;transform:scale(.3)rotate(-8deg)}60%{opacity:1;transform:scale(1.08)rotate(2deg)}to{transform:scale(1)rotate(0)}}.sc-trophy{font-size:5rem;animation:.8s cubic-bezier(.34,1.56,.64,1) .3s both scTrophyBounce}@keyframes scTrophyBounce{0%{opacity:0;transform:translateY(-60px)scale(0)}50%{opacity:1;transform:translateY(10px)scale(1.2)}70%{transform:translateY(-8px)scale(.95)}to{transform:translateY(0)scale(1)}}.sc-title{font-family:var(--font-heading);color:var(--brown);margin:8px 0 16px;font-size:2.4rem;animation:.4s ease-out .5s both scFadeUp}@keyframes scFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sc-stars{justify-content:center;gap:12px;margin:12px 0 16px;display:flex}.sc-star{opacity:0;font-size:3.2rem;animation:.5s cubic-bezier(.34,1.56,.64,1) both scStarDrop;display:inline-block}.sc-star-off{opacity:.3;font-size:2.8rem;animation:.3s ease-out both scStarFadeIn}@keyframes scStarDrop{0%{opacity:0;transform:translateY(-80px)rotate(-30deg)scale(.2)}60%{opacity:1;transform:translateY(8px)rotate(10deg)scale(1.3)}80%{transform:translateY(-4px)rotate(-3deg)scale(.95)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes scStarFadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:.3;transform:scale(1)}}.sc-sub{color:var(--brown-soft);margin-bottom:20px;font-size:1.1rem;animation:.4s ease-out 1.2s both scFadeUp}.sc-actions{flex-direction:column;align-items:center;gap:10px;animation:.4s ease-out 1.4s both scFadeUp;display:flex}@media (width>=1024px){.home{gap:22px;max-width:1280px;padding:28px 40px 90px}.stage-path-page,.stage-path-page .home{max-width:1280px}.practice-main{gap:28px;max-width:1280px}.canvas-col{flex:auto}.canvas-wrap{width:min(680px,100%);max-width:680px}.writing-svg{max-width:calc(100vh - 280px);max-height:calc(100vh - 280px)}.order-panel{flex:0 0 280px;padding:20px 18px}.order-target-char{padding:10px 24px;font-size:4rem}.order-title{font-size:1.3rem}.order-step .order-jamo{font-size:1.9rem}.order-step{padding:10px 12px}.order-step .order-num{width:30px;height:30px;font-size:1.05rem}.mode-selection{max-width:1000px;padding:2rem}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.mode-card{border-radius:28px;padding:2.5rem 1.5rem}.mode-emoji{font-size:4rem}.mode-title{font-size:1.6rem}.mode-desc{font-size:1.1rem}.mode-greeting{font-size:1.3rem}.word-selection{max-width:1100px;padding:1.5rem}.word-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.word-card{border-radius:20px;padding:1rem}.word-practice{max-width:1280px;padding:16px 24px}.practice-header{max-width:1280px}.practice-hint{padding:12px 24px;font-size:1.1rem}.practice-hint b{font-size:1.5rem}.btn-big{padding:18px 48px;font-size:1.5rem}.btn-small{padding:10px 20px;font-size:1.05rem}.controls{gap:14px}.result-card{max-width:500px;padding:40px 44px}.result-emoji{font-size:5.5rem}.result-title{font-size:2.6rem}.result-score{font-size:1.3rem}.result-score b{font-size:1.7rem}.jamo-chip{padding:6px 12px;font-size:1.4rem}.card-cute{max-width:640px;padding:32px 28px}.onboarding{gap:10px}.title{font-size:3.2rem}.mascot{font-size:96px}.nickname-input{height:72px;font-size:2rem}.age-chip{padding:14px;font-size:1.1rem}.hero-card{border-radius:30px;padding:28px 32px}.hero-title{font-size:2.6rem}.hero-mascot{font-size:4rem}.hero-kicker{font-size:1.1rem}.quick-row{gap:16px}.quick{border-radius:22px;padding:20px 14px}.quick-ic{border-radius:18px;width:56px;height:56px;font-size:1.8rem}.quick-label{font-size:1.05rem}.course-card{border-radius:24px;gap:18px;padding:18px}.course-thumb{border-radius:20px;flex:0 0 72px;width:72px;height:72px;font-size:2.2rem}.course-title{font-size:1.25rem}.course-play{flex:0 0 48px;width:48px;height:48px;font-size:1.2rem}.story-sentences{grid-template-columns:repeat(2,1fr);gap:16px}.story-sentence{border-radius:20px;padding:18px}.story-sentence-text{font-size:1.2rem}.story-cta{border-radius:24px;padding:20px 22px}.story-cta-title{font-size:1.3rem}.word-syllable-strip{gap:14px;margin-bottom:10px}.syllable-tile{border-radius:18px;min-width:64px;padding:10px 16px}.syllable-tile-char{font-size:2.4rem}.syllable-tile-icon{font-size:1rem}.debug-bar{max-width:1280px}.filter-group{border-radius:18px;padding:.8rem 1rem}.filter-chip{border-radius:999px;padding:.5rem 1rem;font-size:1rem}.stage-path{gap:34px;max-width:720px}.stage-node{border:6px solid #fff;width:104px;height:104px}.stage-node-icon{font-size:3rem}.stage-node-label{min-width:180px;padding:10px 16px}.stage-node-name{font-size:1.25rem}.stage-node-desc{font-size:1rem}.island-node{width:74px;height:74px}.island-char{font-size:2rem}.word-result{max-width:560px}.word-result-stats{gap:1.5rem}.word-result-stats .stat-value{font-size:1.5rem}.word-result-stats .stat-label{font-size:1rem}.me-profile{border-radius:26px;gap:24px;padding:24px 28px}.me-avatar{flex:0 0 92px;width:92px;height:92px;font-size:3.2rem}.me-name{font-size:1.7rem}.me-chip{padding:5px 14px;font-size:1rem}.me-analysis{border-radius:24px;padding:22px}.weak-list{gap:14px}.weak-stat{font-size:1rem}.diary-list{grid-template-columns:repeat(2,1fr);gap:16px}.diary-card{border-radius:20px;padding:14px}.diary-thumb{border-radius:14px;flex:0 0 68px;width:68px;height:68px}.diary-title{font-size:1.1rem}.setting-list{gap:14px}.setting-row{border-radius:22px;padding:20px 24px}.setting-label{font-size:1.2rem}.fav-row{gap:12px}.fav-chip{border-radius:20px;min-width:62px;height:62px;font-size:2rem}.weak-item{border-radius:18px;padding:10px 14px}.weak-char{font-size:2rem}.score-badge{border-radius:22px;padding:10px 16px;font-size:1.2rem}.home-score{padding:10px 16px;font-size:1.15rem}.home-hello{font-size:1.9rem}.home-sub{font-size:1.1rem}.section-head h3{font-size:1.4rem}.help-card{max-width:520px}.sentence-trace{max-width:min(96vw,1360px)}.sentence-target{padding:12px 20px;font-size:1.5rem}}.writing-content-font{font-family:var(--writing-content-font);font-style:normal;font-weight:var(--writing-content-font-weight);font-synthesis:none}.practice-content-font{font-family:var(--practice-content-font);font-style:normal;font-weight:var(--practice-content-font-weight);font-synthesis:none}.practice-content-font-bold{font-weight:var(--practice-content-font-weight)}.english-content-font{font-synthesis:none;font-variant:normal;font-feature-settings:"calt" 0, "liga" 0, "dlig" 0, "smcp" 0, "c2sc" 0, "ss01" 0, "ss02" 0;font-family:Ttobak English Writing;font-style:normal;font-weight:400}