[data-zone=kids]{--hk-brand-1:#2563eb;--hk-brand-2:#06b6d4;--hk-brand-grad:linear-gradient(135deg,#2563eb,#06b6d4);--hk-brand-soft:#e3edff;--hk-brand-ink:#1d4ed8;--hk-sky-1:#d6ebff;--hk-sky-2:#e8f3ff;--hk-sky-glow:#cfe6ff;--hk-sky-glow2:#d9f5ff;--hk-bg:#f6f8fd;--hk-panel:#ffffff;--hk-panel-2:#f7f9fc;--hk-panel-3:#eef1f8;--hk-border:#e3e8f2;--hk-border-2:#eef1f7;--hk-t1:#0f172a;--hk-t2:#334155;--hk-t3:#64748b;--hk-t4:#94a3b8;--hk-ok:#16a34a;--hk-ok-soft:#dcfce7;--hk-warn:#f59e0b;--hk-warn-soft:#fef3c7;--hk-danger:#ef4444;--hk-danger-soft:#fee2e2;--hk-teal:#0d9488;--hk-teal-soft:#ecfdf5;--hk-sky:#0ea5e9;--hk-cyan:#06b6d4;--hk-pink:#f472b6;--hk-rose:#f43f5e;--hk-yellow:#fbbf24;--hk-amber:#f59e0b;--hk-orange:#f97316;--hk-green:#22c55e;--hk-emerald:#10b981;--hk-purple:#a855f7;--hk-indigo:#6366f1;--hk-r-xs:4px;--hk-r-sm:6px;--hk-r:8px;--hk-r-lg:12px;--hk-r-xl:16px;--hk-r-2xl:20px;--hk-r-3xl:24px;--hk-r-pill:9999px;--hk-sh-xs:0 1px 2px rgba(15,23,42,.05);--hk-sh-sm:0 1px 3px rgba(15,23,42,.07),0 1px 2px rgba(15,23,42,.04);--hk-sh-md:0 6px 16px rgba(15,23,42,.09);--hk-sh-lg:0 12px 30px rgba(15,23,42,.13);--hk-sh-brand:0 10px 26px rgba(37,99,235,.28);--hk-s-1:4px;--hk-s-2:8px;--hk-s-3:12px;--hk-s-4:16px;--hk-s-5:20px;--hk-s-6:24px;--hk-s-8:32px;--hk-s-10:40px;--hk-font:var(--hk-font-user,"Be Vietnam Pro","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);--hk-topbar-h:60px;--hk-dct-stage:#0b0c0e;--hk-dct-left:#15171a;--hk-dct-left-2:#1d1f23;--hk-dct-chrome:#2a2d33;--hk-dct-chrome-2:#1f2125;--hk-dct-dot:#24262b;--hk-dct-dot-done:#1f6f43;--hk-dct-dot-done-ink:#bff3d2;--hk-dct-ink:#1b2330;--hk-dct-paper:#fdfbf4;--hk-dct-paper-line:#d7e3f0;--hk-dct-paper-margin:#f0a9b0;--hk-dct-paper-border:#ece3cf;--hk-dct-paper-hi:#fff3c4;--hk-dct-listen:#3d9bff;--hk-dct-listen-2:#2680ec;--hk-dct-write:#14b8a6;--hk-dct-write-2:#0d9488;--hk-dct-fill:#f6539b;--hk-dct-fill-2:#e23d86;--hk-dct-check:#8b5cf6;--hk-dct-check-2:#7c3aed;--hk-ease:cubic-bezier(.4,0,.2,1);--hk-ease-out:cubic-bezier(0,0,.2,1);--hk-ease-bounce:cubic-bezier(.34,1.56,.64,1);background:linear-gradient(180deg,var(--hk-sky-1) 0,var(--hk-sky-2) 16%,var(--hk-bg) 42%),radial-gradient(ellipse 60% 42% at 92% -8%,var(--hk-sky-glow) 0,transparent 62%),radial-gradient(ellipse 54% 46% at -8% 108%,var(--hk-sky-glow2) 0,transparent 56%),var(--hk-bg);background-attachment:fixed;color:var(--hk-t1);font-family:var(--hk-font);min-height:100vh}html[data-theme=dark] [data-zone=kids]{--hk-bg:#14172b;--hk-panel:#20233f;--hk-panel-2:#1a1d36;--hk-panel-3:#2b2f52;--hk-border:rgba(255,255,255,.10);--hk-border-2:rgba(255,255,255,.06);--hk-t1:#eef0ff;--hk-t2:#c7cbef;--hk-t3:#99a0cf;--hk-t4:#6e76a4;--hk-brand-1:#7cc0ff;--hk-brand-soft:rgba(59,130,246,.22);--hk-brand-ink:#bcd8ff;--hk-ok-soft:rgba(34,197,94,.18);--hk-warn-soft:rgba(245,158,11,.20);--hk-danger-soft:rgba(239,68,68,.20);--hk-teal-soft:rgba(13,148,136,.20);--hk-sh-xs:0 1px 2px rgba(0,0,0,.45);--hk-sh-sm:0 1px 3px rgba(0,0,0,.5);--hk-sh-md:0 6px 18px rgba(0,0,0,.5);--hk-sh-lg:0 14px 34px rgba(0,0,0,.55);--hk-sh-brand:0 12px 30px rgba(0,0,0,.5);background:radial-gradient(ellipse 70% 50% at 82% -8%,rgba(59,130,246,.22),transparent 60%),radial-gradient(ellipse 60% 50% at -8% 108%,rgba(34,211,238,.14),transparent 55%),var(--hk-bg)}html[data-kids-theme=ocean] [data-zone=kids]{--hk-brand-1:#0284c7;--hk-brand-2:#14b8a6;--hk-brand-grad:linear-gradient(135deg,#0ea5e9,#14b8a6);--hk-brand-soft:#d6f3f6;--hk-brand-ink:#0e7490;--hk-sky-1:#cdeefb;--hk-sky-2:#e2f6fb;--hk-sky-glow:#c2ecf5;--hk-sky-glow2:#cdf6ee}html[data-kids-theme=forest] [data-zone=kids]{--hk-brand-1:#15803d;--hk-brand-2:#65a30d;--hk-brand-grad:linear-gradient(135deg,#16a34a,#65a30d);--hk-brand-soft:#dcfce7;--hk-brand-ink:#166534;--hk-sky-1:#d8f3de;--hk-sky-2:#ecf8e7;--hk-sky-glow:#ccecce;--hk-sky-glow2:#e3f6cf}html[data-kids-theme=candy] [data-zone=kids]{--hk-brand-1:#db2777;--hk-brand-2:#a855f7;--hk-brand-grad:linear-gradient(135deg,#db2777,#a855f7);--hk-brand-soft:#fbe4f3;--hk-brand-ink:#a21caf;--hk-sky-1:#ffe1f0;--hk-sky-2:#fdeafc;--hk-sky-glow:#ffd4ec;--hk-sky-glow2:#f3dcff}html[data-kids-theme=sunset] [data-zone=kids]{--hk-brand-1:#ea580c;--hk-brand-2:#f43f5e;--hk-brand-grad:linear-gradient(135deg,#f97316,#f43f5e);--hk-brand-soft:#ffe6d6;--hk-brand-ink:#c2410c;--hk-sky-1:#ffe5cd;--hk-sky-2:#fff0e1;--hk-sky-glow:#ffd7be;--hk-sky-glow2:#ffe1d2}[data-zone=kids] *,[data-zone=kids] :after,[data-zone=kids] :before{box-sizing:border-box}[data-zone=kids] button{font:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}[data-zone=kids] a{color:var(--hk-brand-1);text-decoration:none}[data-zone=kids] a:hover{text-decoration:underline}[data-zone=kids] img{max-width:100%;display:block}[data-zone=kids] :focus-visible{outline:2px solid var(--hk-brand-1);outline-offset:2px;border-radius:8px}.hk-page{max-width:1080px;margin:0 auto;padding:22px 26px 56px;zoom:var(--hk-zoom,1)}.hk-page-wide{max-width:1240px}@media (max-width:640px){.hk-page{padding:14px 16px 44px}}html[data-kids-weight=bold] [data-zone=kids] :is(p,li,.sub,.mt,.tt,.hk-sb-lb,.yle-q__instruction,.yle-q__hint){font-weight:700}html[data-kids-weight=bold] [data-zone=kids] :is(h1,h2,h3,.kh-name,.hk-pagehead h1){font-weight:900}html[data-kids-weight=light] [data-zone=kids] :is(p,li,.sub,.mt,.tt,.hk-sb-lb,.yle-q__instruction,.yle-q__hint){font-weight:500}html[data-kids-weight=light] [data-zone=kids] :is(h1,h2,h3,.kh-name,.hk-pagehead h1){font-weight:700}.hk-h{display:flex;align-items:baseline;gap:10px;margin:26px 2px 12px}.hk-h:first-child{margin-top:4px}.hk-h h2{margin:0;font-size:16.5px;font-weight:800;letter-spacing:-.01em}.hk-h small{font-size:12px;color:var(--hk-t3)}.hk-h .hk-h-act{margin-left:auto;font-size:12.5px;font-weight:800;color:var(--hk-brand-1);cursor:pointer;display:inline-flex;align-items:center;gap:4px}.hk-h .hk-h-act:hover{text-decoration:underline}.hk-card{background:var(--hk-panel);border:1px solid var(--hk-border);border-radius:var(--hk-r-2xl);padding:18px}.hk-card-pad-lg{padding:22px}.hk-card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.hk-card-head .t{font-size:14px;font-weight:800}.hk-card-head .s{font-size:11.5px;color:var(--hk-t3);margin-top:1px}.hk-card-head .r{margin-left:auto;font-size:13px;color:var(--hk-brand-1);gap:5px}.hk-card-head .r,.hk-cta{font-weight:900;display:inline-flex;align-items:center}.hk-cta{justify-content:center;gap:9px;padding:13px 24px;border-radius:15px;background:var(--hk-brand-grad);color:#fff;font-size:14.5px;letter-spacing:-.005em;border:0;cursor:pointer;box-shadow:var(--hk-sh-brand);transition:transform .12s var(--hk-ease),box-shadow .12s var(--hk-ease)}.hk-cta:hover{transform:translateY(-2px);text-decoration:none}.hk-cta:active{transform:translateY(0)}.hk-cta-on-light{background:#fff;color:var(--hk-brand-ink);box-shadow:0 6px 16px rgba(0,0,0,.16)}.hk-cta-lg{padding:16px 30px;font-size:16px;border-radius:17px}.hk-cta-amber{background:linear-gradient(135deg,#fbbf24,#f97316);color:#fff;box-shadow:0 10px 24px rgba(249,115,22,.34)}.hk-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--hk-r-lg);font-size:13px;font-weight:800;background:var(--hk-panel);border:1px solid var(--hk-border);color:var(--hk-t1);transition:all .12s var(--hk-ease);white-space:nowrap}.hk-btn:hover{border-color:var(--hk-brand-1);color:var(--hk-brand-1);text-decoration:none}.hk-btn-soft{background:var(--hk-brand-soft);border-color:transparent;color:var(--hk-brand-1)}.hk-btn-ghost{background:transparent;border-color:transparent;color:var(--hk-t2)}.hk-btn-ghost:hover{background:var(--hk-panel-3);color:var(--hk-t1);border-color:transparent}.hk-btn[disabled]{opacity:.5;cursor:not-allowed}.hk-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--hk-r-pill);font-size:11.5px;font-weight:800;background:var(--hk-panel-3);color:var(--hk-t2)}.hk-pill svg{width:14px;height:14px}.hk-pill-brand{background:var(--hk-brand-soft);color:var(--hk-brand-1)}.hk-pill-ok{background:var(--hk-ok-soft);color:#15803d}.hk-pill-warn{background:var(--hk-warn-soft);color:#a16207}.hk-pill-danger{background:var(--hk-danger-soft);color:#b91c1c}.hk-pill-new{background:linear-gradient(135deg,#f43f5e,#ec4899);color:#fff}.hk-pill-live{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}html[data-theme=dark] [data-zone=kids] .hk-pill-ok{color:#86efac}html[data-theme=dark] [data-zone=kids] .hk-pill-warn{color:#fbbf24}.hk-pbar{height:8px;background:var(--hk-panel-3);overflow:hidden}.hk-pbar,.hk-pbar i{border-radius:var(--hk-r-pill)}.hk-pbar i{display:block;height:100%;background:var(--hk-brand-grad);transition:width .5s var(--hk-ease)}.hk-pbar-thin{height:6px}.hk-tile{width:44px;height:44px;border-radius:13px;flex:none;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--t1,#2563eb),var(--t2,#06b6d4));box-shadow:0 5px 13px var(--tsh,rgba(37,99,235,.25))}.hk-tile svg{width:56%;height:56%}.hk-tile-sm{width:34px;height:34px;border-radius:10px}.hk-tile-lg{width:56px;height:56px;border-radius:16px}.hk-g-blue{--t1:#2563eb;--t2:#3b82f6;--tsh:rgba(37,99,235,.25)}.hk-g-sky{--t1:#0ea5e9;--t2:#06b6d4;--tsh:rgba(14,165,233,.25)}.hk-g-green{--t1:#22c55e;--t2:#10b981;--tsh:rgba(34,197,94,.25)}.hk-g-orange{--t1:#f97316;--t2:#ef4444;--tsh:rgba(249,115,22,.25)}.hk-g-pink{--t1:#ec4899;--t2:#f472b6;--tsh:rgba(236,72,153,.25)}.hk-g-amber{--t1:#f59e0b;--t2:#fbbf24;--tsh:rgba(245,158,11,.25)}.hk-g-purple{--t1:#a855f7;--t2:#6366f1;--tsh:rgba(168,85,247,.25)}.hk-g-rose{--t1:#f43f5e;--t2:#fb7185;--tsh:rgba(244,63,94,.25)}.hk-ava{border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;flex:none}.hk-ava-md{width:38px;height:38px;font-size:15px}.hk-ava-lg{width:56px;height:56px;font-size:22px}.hk-empty{text-align:center;padding:34px 18px;color:var(--hk-t3);font-size:13.5px}.hk-empty .ic{width:52px;height:52px;margin:0 auto 12px;border-radius:16px;display:grid;place-items:center;color:var(--hk-t4)}.hk-empty .ic,.hk-skel{background:var(--hk-panel-3)}.hk-skel{border-radius:var(--hk-r-lg);position:relative;overflow:hidden}.hk-skel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-100%);animation:hkShimmer 1.3s infinite}html[data-theme=dark] [data-zone=kids] .hk-skel:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}@keyframes hkShimmer{to{transform:translateX(100%)}}.hk-gx-2{grid-template-columns:1fr 1fr}.hk-gx-2,.hk-gx-3{display:grid;gap:14px}.hk-gx-3{grid-template-columns:repeat(3,1fr)}.hk-gx-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width:820px){.hk-gx-2,.hk-gx-3,.hk-gx-4{grid-template-columns:1fr 1fr}}@media (max-width:520px){.hk-gx-3,.hk-gx-4{grid-template-columns:1fr}}.hk-toast-wrap{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:1200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.hk-toast{background:var(--hk-t1);color:var(--hk-bg);padding:11px 16px;border-radius:var(--hk-r-xl);box-shadow:var(--hk-sh-lg);font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:9px;pointer-events:auto;animation:hkToastIn .28s var(--hk-ease-out)}@keyframes hkToastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hk-app{min-height:100vh}.hk-app-main{margin-left:var(--sb,248px);min-height:100vh;transition:margin-left .22s var(--hk-ease)}.hk-app-main,.hk-sidebar{display:flex;flex-direction:column}.hk-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:60;width:var(--sb,248px);background:var(--hk-panel);border-right:1px solid var(--hk-border);transition:width .22s var(--hk-ease),transform .26s var(--hk-ease)}.hk-sb-head{position:relative;display:flex;align-items:center;padding:16px 16px 12px;min-height:56px}.hk-sb-head .hk-brand{flex:1;min-width:0;overflow:hidden}.hk-sb-collapse{position:absolute;top:22px;right:-13px;z-index:3;width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--hk-panel);border:1px solid var(--hk-border);color:var(--hk-t3);box-shadow:var(--hk-sh-sm);transition:color .14s,border-color .14s,transform .2s var(--hk-ease)}.hk-sb-collapse:hover{color:var(--hk-brand-1);border-color:var(--hk-brand-1)}.hk-sb-close{display:none}.hk-sb-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 12px 18px}.hk-sb-nav::-webkit-scrollbar{width:6px}.hk-sb-nav::-webkit-scrollbar-thumb{background:var(--hk-border);border-radius:999px}.hk-sb-group{margin-bottom:8px}.hk-sb-title{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--hk-t4);padding:10px 10px 4px;white-space:nowrap}.hk-sb-item{position:relative;display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:var(--hk-r-lg);margin:2px 0;font-weight:700;font-size:13.5px;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .14s,color .14s}.hk-sidebar .hk-sb-item{color:var(--hk-t2)}.hk-sb-item:hover{background:var(--hk-panel-3);color:var(--hk-t1);text-decoration:none}.hk-sb-ic{width:32px;height:32px;flex:none;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--tone,#2563eb) 15%,var(--hk-panel));color:var(--tone,#2563eb);transition:background .14s,color .14s,box-shadow .14s}.hk-sb-lb{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.hk-sb-item.on{color:var(--tone,#2563eb);background:color-mix(in srgb,var(--tone,#2563eb) 12%,transparent);font-weight:800}.hk-sb-item.on .hk-sb-ic{background:linear-gradient(135deg,var(--tone,#2563eb),var(--tone2,#06b6d4));color:#fff;box-shadow:0 5px 12px color-mix(in srgb,var(--tone,#2563eb) 40%,transparent)}.hk-sb-item.on:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:22px;border-radius:0 4px 4px 0;background:var(--tone,#2563eb)}.tone-blue{--tone:#2563eb;--tone2:#3b82f6}.tone-sky{--tone:#0ea5e9;--tone2:#06b6d4}.tone-green{--tone:#16a34a;--tone2:#22c55e}.tone-teal{--tone:#0d9488;--tone2:#14b8a6}.tone-orange{--tone:#f97316;--tone2:#fb923c}.tone-amber{--tone:#f59e0b;--tone2:#fbbf24}.tone-pink{--tone:#db2777;--tone2:#ec4899}.tone-rose{--tone:#e11d48;--tone2:#f43f5e}.tone-purple{--tone:#9333ea;--tone2:#a855f7}.hk-app[data-collapsed="1"] .hk-brand-name,.hk-app[data-collapsed="1"] .hk-sb-lb,.hk-app[data-collapsed="1"] .hk-sb-title{display:none}.hk-app[data-collapsed="1"] .hk-sb-head{justify-content:center;padding:16px 0 12px}.hk-app[data-collapsed="1"] .hk-brand{justify-content:center;flex:none}.hk-app[data-collapsed="1"] .hk-sb-nav{padding-left:0;padding-right:0}.hk-app[data-collapsed="1"] .hk-sb-item{justify-content:center;gap:0;padding:8px 0;margin:4px 8px}.hk-app[data-collapsed="1"] .hk-sb-item.on:before{display:none}.hk-app[data-collapsed="1"] .hk-sb-collapse svg{transform:rotate(180deg)}.hk-scrim{position:fixed;inset:0;z-index:55;background:rgba(15,23,42,.46);backdrop-filter:blur(2px);border:0;cursor:pointer;animation:hkScrimIn .2s var(--hk-ease-out)}@keyframes hkScrimIn{0%{opacity:0}to{opacity:1}}.hk-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;padding:11px 22px;background:color-mix(in srgb,var(--hk-panel) 82%,transparent);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--hk-border)}@media (max-width:640px){.hk-topbar{padding:9px 14px}}.hk-topbar-spacer{flex:1}.hk-topbar .hk-menu-btn,.hk-topbar .hk-topbar-brand{display:none}.hk-brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:15.5px;letter-spacing:-.01em;color:var(--hk-t1)}.hk-brand:hover{text-decoration:none}.hk-brand-mark{width:30px;height:30px;border-radius:9px;flex:none;background:var(--hk-brand-grad);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:900;box-shadow:0 3px 8px rgba(37,99,235,.4),inset 0 -1px 2px rgba(0,0,0,.12)}.hk-brand-name{background:var(--hk-brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.hk-coins{display:flex;align-items:center;gap:8px}.hk-coin{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 6px;border-radius:var(--hk-r-pill);background:var(--hk-panel);border:1px solid var(--hk-border);font-weight:900;font-size:13px;box-shadow:var(--hk-sh-xs)}.hk-coin .b{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;color:#fff}.hk-coin .b svg{width:14px;height:14px}.hk-coin.flame{color:#ea580c}.hk-coin.flame .b{background:linear-gradient(135deg,#fbbf24,#f97316)}.hk-coin.gem{color:var(--hk-brand-1)}.hk-coin.gem .b{background:linear-gradient(135deg,#3b82f6,#06b6d4)}@media (max-width:480px){.hk-coin{padding:4px 9px 4px 4px;font-size:12px;gap:5px}.hk-coin .b{width:20px;height:20px}}.hk-iconbtn{width:38px;height:38px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--hk-panel);border:1px solid var(--hk-border);color:var(--hk-t2);box-shadow:var(--hk-sh-xs);transition:color .15s,transform .15s,border-color .15s}.hk-iconbtn:hover{color:var(--hk-brand-1);transform:translateY(-1px);border-color:var(--hk-brand-1)}.hk-admin-back{display:inline-flex;align-items:center;gap:6px;flex:none;height:38px;padding:0 13px;border-radius:12px;font-size:13px;font-weight:800;white-space:nowrap;background:var(--hk-brand-soft);color:var(--hk-brand-1);border:1px solid transparent;transition:filter .15s,transform .15s}.hk-admin-back:hover{filter:brightness(.97);transform:translateY(-1px);text-decoration:none}.hk-admin-back svg{width:16px;height:16px}@media (max-width:480px){.hk-admin-back{padding:0 9px}.hk-admin-back span{display:none}}.hk-main{flex:1;min-height:0}@media (max-width:900px){.hk-app-main{margin-left:0}.hk-sidebar{width:270px;transform:translateX(-100%);box-shadow:var(--hk-sh-lg)}.hk-sidebar.open{transform:none}.hk-sb-collapse{display:none}.hk-sb-close{display:grid;place-items:center;position:absolute;top:14px;right:12px;width:34px;height:34px;border-radius:10px;flex:none;background:var(--hk-panel-3);color:var(--hk-t2)}.hk-sb-close:hover{color:var(--hk-danger)}.hk-topbar .hk-menu-btn{display:grid}.hk-topbar .hk-topbar-brand{display:flex}.hk-app[data-collapsed="1"] .hk-brand-name,.hk-app[data-collapsed="1"] .hk-sb-lb,.hk-app[data-collapsed="1"] .hk-sb-title{display:block}.hk-app[data-collapsed="1"] .hk-sb-head{justify-content:flex-start;padding:16px 16px 12px}.hk-app[data-collapsed="1"] .hk-brand{justify-content:flex-start;flex:1}.hk-app[data-collapsed="1"] .hk-sb-nav{padding-left:12px;padding-right:12px}.hk-app[data-collapsed="1"] .hk-sb-item{justify-content:flex-start;gap:11px;padding:8px 10px;margin:2px 0}}.hk-pagehead{display:flex;align-items:center;gap:12px;margin:4px 2px 18px}.hk-pagehead .hk-back{width:40px;height:40px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--hk-panel);border:1px solid var(--hk-border);color:var(--hk-t2);box-shadow:var(--hk-sh-xs)}.hk-pagehead .hk-back:hover{color:var(--hk-brand-1);border-color:var(--hk-brand-1)}.hk-pagehead h1{margin:0;font-size:21px;font-weight:900;letter-spacing:-.02em}.hk-pagehead .sub{font-size:12.5px;color:var(--hk-t3);margin-top:1px}@media (max-width:640px){.hk-pagehead h1{font-size:18px}}[data-zone=kids] .yle-app{display:block;width:100%;min-height:0}[data-zone=kids] .yle-runner{position:relative;inset:auto;z-index:1;width:100%;height:calc(100dvh - var(--hk-topbar-h, 60px));border-radius:0}@media (max-width:640px){[data-zone=kids] .yle-runner{height:calc(100dvh - 56px)}}[data-zone=kids] .yle-runner:fullscreen{height:100dvh}[data-zone=kids] .hk-runner-host{display:block;min-height:0}[data-zone=kids] .hk-runner-host .lhphuc-voca-dashboard-main{height:calc(100dvh - var(--hk-topbar-h, 60px));min-height:0}@media (max-width:640px){[data-zone=kids] .hk-runner-host .lhphuc-voca-dashboard-main{height:calc(100dvh - 56px)}}[data-zone=kids] .hk-rv-page{width:100%;padding:22px clamp(16px,2.4vw,40px) 48px;zoom:var(--hk-zoom,1)}[data-zone=kids] .hk-rv-top{display:flex;align-items:center;gap:var(--hk-s-4);margin:4px 0 var(--hk-s-5)}[data-zone=kids] .hk-rv-track{flex:1;height:24px;border-radius:var(--hk-r-pill);background:var(--hk-panel);border:1px solid var(--hk-border);overflow:hidden;box-shadow:var(--hk-sh-sm)}[data-zone=kids] .hk-rv-track>i{display:block;height:100%;border-radius:var(--hk-r-pill);background:var(--hk-brand-grad);transition:width .4s var(--hk-ease)}[data-zone=kids] .hk-rv-count{font-weight:800;color:var(--hk-t2);font-size:19px;white-space:nowrap}[data-zone=kids] .hk-rv-count b{color:var(--hk-brand-ink)}[data-zone=kids] .hk-rv-chips{display:flex;gap:var(--hk-s-3);flex-wrap:wrap;justify-content:center;margin-bottom:var(--hk-s-5)}[data-zone=kids] .hk-rv-chip{display:inline-flex;align-items:center;gap:var(--hk-s-2);background:var(--hk-panel);border:1px solid var(--hk-border);border-radius:var(--hk-r-pill);padding:7px 16px;font-weight:700;font-size:14px;color:var(--hk-t2);box-shadow:var(--hk-sh-sm)}[data-zone=kids] .hk-rv-chip i{width:9px;height:9px;border-radius:50%;display:inline-block}[data-zone=kids] .hk-rv-chip b{color:var(--hk-t1)}[data-zone=kids] .hk-rv-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--hk-s-8);background:var(--hk-panel);border:1px solid var(--hk-border);border-radius:var(--hk-r-3xl);box-shadow:var(--hk-sh-lg);padding:var(--hk-s-8);align-items:stretch;position:relative;overflow:hidden}[data-zone=kids] .hk-rv-card:before{content:"";position:absolute;top:0;left:7%;right:7%;height:6px;border-radius:0 0 8px 8px;background:var(--hk-brand-grad)}@media (max-width:760px){[data-zone=kids] .hk-rv-card{grid-template-columns:1fr}}[data-zone=kids] .hk-rv-pic{position:relative;min-height:clamp(360px,46vh,580px);border-radius:var(--hk-r-2xl);overflow:hidden;display:grid;place-items:center;background:var(--hk-brand-soft);border:4px solid var(--hk-panel);box-shadow:var(--hk-sh-md)}[data-zone=kids] .hk-rv-pic .rays{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 46%,rgba(255,255,255,.72) 0deg 8deg,transparent 8deg 16deg)}[data-zone=kids] .hk-rv-pic img{position:relative;z-index:1;width:78%;height:78%;-o-object-fit:contain;object-fit:contain}[data-zone=kids] .hk-rv-pic .initial{position:relative;z-index:1;font-size:clamp(150px,18vw,280px);font-weight:800;line-height:1;color:var(--hk-brand-1);text-transform:lowercase;filter:drop-shadow(0 8px 8px rgba(15,23,42,.16))}[data-zone=kids] .hk-rv-pic .badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--hk-panel);color:var(--hk-t3);font-weight:800;font-size:13px;border-radius:var(--hk-r-pill);padding:5px 14px;box-shadow:var(--hk-sh-sm)}[data-zone=kids] .hk-rv-pic .say{position:absolute;bottom:12px;right:12px;z-index:2;width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;background:var(--hk-brand-1);color:#fff;display:grid;place-items:center;box-shadow:var(--hk-sh-md)}[data-zone=kids] .hk-rv-pic .say:active{transform:translateY(2px)}[data-zone=kids] .hk-rv-right{perspective:1400px;min-height:clamp(360px,46vh,580px)}[data-zone=kids] .hk-rv-flip{position:relative;width:100%;height:100%;min-height:clamp(360px,46vh,580px);transform-style:preserve-3d;transition:transform .55s var(--hk-ease);cursor:pointer}[data-zone=kids] .hk-rv-flip.flipped{transform:rotateY(180deg)}[data-zone=kids] .hk-rv-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:var(--hk-r-2xl);background:var(--hk-panel-2);border:1px solid var(--hk-border-2);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--hk-s-6)}[data-zone=kids] .hk-rv-face.back{transform:rotateY(180deg);background:var(--hk-ok-soft)}[data-zone=kids] .hk-rv-word{font-size:clamp(56px,5.4vw,92px);font-weight:800;line-height:1.04;color:var(--hk-t1)}[data-zone=kids] .hk-rv-ipa{color:var(--hk-t3);font-size:clamp(22px,2vw,30px);font-style:italic;margin:14px 0 8px}[data-zone=kids] .hk-rv-pos{color:var(--hk-brand-ink);font-weight:800;letter-spacing:1.5px;font-size:clamp(18px,1.6vw,24px)}[data-zone=kids] .hk-rv-tap{color:var(--hk-t4);font-weight:700;margin-top:22px;font-size:16px}[data-zone=kids] .hk-rv-vi{font-size:clamp(34px,3.4vw,54px);font-weight:800;color:var(--hk-ok)}[data-zone=kids] .hk-rv-en{color:var(--hk-t2);font-size:clamp(18px,1.8vw,26px);margin-top:12px;font-style:italic}[data-zone=kids] .hk-rv-rate{display:grid;grid-template-columns:1fr 1fr;gap:var(--hk-s-6);width:100%;margin:var(--hk-s-6) auto 0}[data-zone=kids] .hk-rv-btn{border:0;cursor:pointer;border-radius:var(--hk-r-2xl);padding:clamp(20px,2.4vw,30px) 10px;font-weight:800;font-size:clamp(22px,2vw,30px);color:#fff;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:12px;transition:transform .1s var(--hk-ease)}[data-zone=kids] .hk-rv-btn:disabled{opacity:.5;cursor:wait}[data-zone=kids] .hk-rv-btn:not(:disabled):active{transform:translateY(3px)}[data-zone=kids] .hk-rv-btn--learn{background:var(--hk-orange);box-shadow:0 7px 0 rgba(0,0,0,.14)}[data-zone=kids] .hk-rv-btn--known{background:var(--hk-green);box-shadow:0 7px 0 rgba(0,0,0,.14)}[data-zone=kids] .hk-wordcard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:var(--hk-panel);border:1px solid var(--hk-border);border-radius:var(--hk-r-2xl);padding:var(--hk-s-5);box-shadow:var(--hk-sh-sm)}[data-zone=kids] .hk-wordcard .en{font-size:24px;font-weight:800;color:var(--hk-t1)}[data-zone=kids] .hk-wordcard .ipa{font-size:14px;color:var(--hk-t3);font-style:italic}[data-zone=kids] .hk-wordcard .vi{font-size:15px;color:var(--hk-t2);font-weight:600}[data-zone=kids] .hk-wordcard .say{margin-top:8px;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;background:var(--hk-brand-soft);color:var(--hk-brand-ink);display:grid;place-items:center}[data-zone=kids] .hk-wordcard .say:active{transform:translateY(2px)}[data-zone=kids] .hk-alb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:var(--hk-s-4)}[data-zone=kids] .hk-alb-count{font-size:13.5px;font-weight:800;color:var(--hk-t3)}[data-zone=kids] .hk-alb-count b{color:var(--hk-brand-1);font-weight:900}[data-zone=kids] .hk-alb-seg button{display:inline-flex;align-items:center;gap:6px}[data-zone=kids] .hk-alb-stage{position:relative;height:452px;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y}[data-zone=kids] .hk-alb-track{position:relative;height:100%}[data-zone=kids] .hk-alb-card{position:absolute;top:50%;left:50%;width:272px;transition:transform .42s var(--hk-ease),opacity .42s var(--hk-ease);will-change:transform,opacity;cursor:pointer}[data-zone=kids] .hk-alb-card .inner{width:100%;background:var(--hk-panel);border:1px solid var(--hk-border);border-radius:var(--hk-r-3xl);box-shadow:var(--hk-sh-md);overflow:hidden;display:flex;flex-direction:column}[data-zone=kids] .hk-alb-card.is-center .inner{box-shadow:var(--hk-sh-lg)}[data-zone=kids] .hk-alb-card.is-side .body,[data-zone=kids] .hk-alb-card.is-side .say,[data-zone=kids] .hk-alb-card.is-side .seen{pointer-events:none}[data-zone=kids] .hk-alb-card .pic{position:relative;aspect-ratio:1/1;width:100%;background:var(--hk-panel-3);display:grid;place-items:center;overflow:hidden}[data-zone=kids] .hk-alb-card .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}[data-zone=kids] .hk-alb-card .pic .initial{width:100%;height:100%;display:grid;place-items:center;font-size:clamp(72px,20vw,132px);font-weight:900;color:#fff;line-height:1}[data-zone=kids] .hk-alb-card .seen{position:absolute;left:12px;top:12px;height:26px;min-width:26px;padding:0 10px;border-radius:var(--hk-r-pill);font-size:12px;font-weight:800;color:#fff;display:inline-flex;align-items:center;gap:5px;backdrop-filter:blur(3px);background:rgba(15,23,42,.55)}[data-zone=kids] .hk-alb-card .seen.known{background:var(--hk-ok)}[data-zone=kids] .hk-alb-card .seen.learning{background:var(--hk-amber);color:#3a2a05}[data-zone=kids] .hk-alb-card .body{padding:12px 16px 16px;text-align:center}[data-zone=kids] .hk-alb-card .en{font-size:24px;font-weight:900;letter-spacing:-.01em;line-height:1.1;color:var(--hk-t1)}[data-zone=kids] .hk-alb-card .ipa{font-size:13.5px;color:var(--hk-t3);font-style:italic;margin-top:3px}[data-zone=kids] .hk-alb-card .vi{font-size:16px;color:var(--hk-t2);font-weight:700;margin-top:5px}[data-zone=kids] .hk-alb-card .say{margin:12px auto 0;width:50px;height:50px;border-radius:50%;border:0;cursor:pointer;background:var(--hk-brand-grad);color:#fff;display:grid;place-items:center;box-shadow:var(--hk-sh-brand);transition:transform .14s var(--hk-ease-bounce)}[data-zone=kids] .hk-alb-card .say:hover{transform:scale(1.08)}[data-zone=kids] .hk-alb-card .say:active{transform:scale(.92)}[data-zone=kids] .hk-alb-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:var(--hk-s-3);padding:10px 12px;background:var(--hk-panel);border:1px solid var(--hk-border);border-radius:var(--hk-r-pill);box-shadow:var(--hk-sh-sm)}[data-zone=kids] .hk-alb-navbtn{display:inline-flex;align-items:center;gap:4px;height:44px;padding:0 18px;border:0;border-radius:var(--hk-r-pill);cursor:pointer;flex:none;font-weight:800;font-size:14px;color:var(--hk-brand-ink);background:var(--hk-brand-soft);transition:transform .12s var(--hk-ease),filter .12s}[data-zone=kids] .hk-alb-navbtn.primary{background:var(--hk-brand-grad);color:#fff;box-shadow:var(--hk-sh-brand)}[data-zone=kids] .hk-alb-navbtn:not(:disabled):active{transform:scale(.95)}[data-zone=kids] .hk-alb-navbtn:disabled{opacity:.4;cursor:default}[data-zone=kids] .hk-alb-dots{display:flex;gap:7px;flex:1;justify-content:center;flex-wrap:wrap}[data-zone=kids] .hk-alb-dots button{width:9px;height:9px;border-radius:50%;border:0;padding:0;cursor:pointer;background:var(--hk-border);transition:all .2s var(--hk-ease)}[data-zone=kids] .hk-alb-dots button.on{background:var(--hk-brand-1);width:24px;border-radius:var(--hk-r-pill)}[data-zone=kids] .hk-alb-prog{flex:1;height:8px;border-radius:var(--hk-r-pill);background:var(--hk-panel-3);overflow:hidden}[data-zone=kids] .hk-alb-prog i{display:block;height:100%;border-radius:var(--hk-r-pill);background:var(--hk-brand-grad);transition:width .3s var(--hk-ease)}[data-zone=kids] .hk-wordcard .hk-alb-rowbadge{align-self:center;font-size:11px;font-weight:800;color:#fff;padding:2px 9px;border-radius:var(--hk-r-pill);background:var(--hk-t4);margin-bottom:2px}[data-zone=kids] .hk-wordcard .hk-alb-rowbadge.known{background:var(--hk-ok)}[data-zone=kids] .hk-wordcard .hk-alb-rowbadge.learning{background:var(--hk-amber);color:#3a2a05}@media (max-width:560px){[data-zone=kids] .hk-alb-stage{height:432px}[data-zone=kids] .hk-alb-navbtn{padding:0 13px}[data-zone=kids] .hk-alb-navbtn span{display:none}}