:root{--ink:#2b2140;--muted:#6d6585;--edge:#2b2140;--card:#fff;--bg:#f4fbff;--primary:#ff8a3d;--primary-d:#d7621a;--success:#3cc46b;--success-d:#239a4d;--warn:#ffc93c;--danger:#ff5a5f;--blue:#3fb6ff;--radius:20px;color:var(--ink);font-family:"Baloo 2",system-ui,sans-serif;line-height:1.55}*{box-sizing:border-box}body{background:linear-gradient(180deg, #bfe9ff 0, #e8f7ff 360px, var(--bg) 700px);min-height:100vh;margin:0;font-size:18px}a{color:var(--primary-d);text-underline-offset:3px}img{max-width:100%}h1,h2,h3{margin:0 0 .4em;line-height:1.15}h1{font-size:clamp(2rem,6vw,3rem);font-weight:800}.h2,h2{font-size:clamp(1.5rem,4vw,2rem);font-weight:800}.h3,h3{font-size:1.3rem;font-weight:800}p{margin:0 0 .8em}.container{max-width:1040px;margin:0 auto;padding:0 16px}main.container{padding-bottom:48px}.muted{color:var(--muted)}.small{font-size:.9rem}.center{text-align:center;justify-content:center}.grow{flex:1}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.plain{margin:0;padding:0;list-style:none}.plain li{margin:4px 0}.card{background:var(--card);border:3px solid var(--edge);border-radius:var(--radius);padding:20px;box-shadow:0 6px #2b214029}.pill{background:var(--warn);border:2px solid var(--edge);border-radius:999px;padding:0 12px;font-size:.9rem;font-weight:800;display:inline-block}section{margin:40px 0}.btn{cursor:pointer;color:var(--ink);border:3px solid var(--edge);font:inherit;box-shadow:0 5px 0 var(--edge);background:#fff;border-radius:16px;align-items:center;gap:6px;padding:10px 20px;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{box-shadow:0 2px 0 var(--edge);transform:translateY(3px)}.btn.primary{background:var(--primary);color:#fff;text-shadow:0 2px 0 var(--primary-d)}.btn.small{box-shadow:0 4px 0 var(--edge);padding:6px 14px;font-size:.95rem}.btn.big{padding:14px 28px;font-size:1.25rem}.site-header{z-index:10;backdrop-filter:blur(8px);border-bottom:3px solid var(--edge);background:#ffffffeb;position:sticky;top:0}.header-inner{align-items:center;gap:16px;min-height:64px;display:flex}.brand{color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:flex}.brand-mark{font-size:1.6rem}.brand-text{margin:0;font-size:1.25rem;font-weight:800}.brand-text b{color:var(--primary-d)}.nav{gap:18px;margin-left:auto;display:flex}.nav a{color:var(--ink);font-weight:700;text-decoration:none}.nav a[aria-current]{color:var(--primary-d);text-decoration:underline 3px}@media (width<=720px){.header-inner{flex-wrap:wrap;gap:8px;padding:8px 16px}.nav{order:3;gap:16px;width:100%;margin:0;font-size:.95rem;overflow-x:auto}.header-inner>.btn{margin-left:auto}}.site-footer{border-top:3px solid var(--edge);background:#fff;margin-top:40px;padding:32px 0 16px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:24px;display:grid}.footer-title{margin-bottom:6px;font-weight:800}.site-footer a{color:var(--ink);text-decoration:none}.site-footer a:hover{text-decoration:underline}.social{gap:10px;margin-top:12px;display:flex}.social li{margin:0}.social-btn{border:3px solid var(--edge);width:44px;height:44px;box-shadow:0 4px 0 var(--edge);background:#fff;border-radius:14px;justify-content:center;align-items:center;transition:transform 80ms,box-shadow 80ms,background .12s,color .12s;display:inline-flex}.social-btn:hover{color:#fff}.social-btn:active{box-shadow:0 1px 0 var(--edge);transform:translateY(3px)}.social-btn.facebook:hover{background:#1877f2}.social-btn.youtube:hover{background:red}.social-btn.x:hover{background:#000}.copyright{margin-top:20px}@media (width<=720px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>:first-child{grid-column:1/-1}}.breadcrumbs ol{flex-wrap:wrap;gap:6px;margin:18px 0 10px;padding:0;font-size:.9rem;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";color:var(--muted);margin-right:6px}.breadcrumbs a{color:var(--muted)}.hero{text-align:center;padding:40px 0 10px}.hero h1{max-width:760px;margin:0 auto .3em}.hero .lead{max-width:640px;color:var(--muted);margin:0 auto 1.2em;font-size:1.2rem}.hero-emoji{font-size:4rem;line-height:1}.features{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature .icon{font-size:2.2rem}@media (width<=720px){.features{grid-template-columns:1fr}}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.topic-card{color:var(--ink);border-top:10px solid var(--tc,var(--warn));flex-direction:column;gap:4px;text-decoration:none;transition:transform .1s;display:flex}.topic-card:hover{transform:translateY(-3px)}.topic-card .icon{font-size:2.6rem;line-height:1.1}.topic-card .emojis{letter-spacing:2px;font-size:1.3rem}.topic-hero{align-items:center;gap:20px;display:flex}.topic-hero .icon{font-size:4.5rem;line-height:1}.intro{max-width:760px}.word-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,44%),1fr));gap:14px;display:grid}.word-card{border:3px solid var(--edge);border-radius:var(--radius);text-align:center;background:#fff;padding:16px;box-shadow:0 6px #2b214029}.word-card .word-img{font-size:4rem;line-height:1.1}.word-card .word{margin:4px 0 0;font-size:1.8rem}.word-card .vi{color:var(--muted);margin-bottom:8px;font-weight:700}.speak{border:3px solid var(--edge);cursor:pointer;box-shadow:0 3px 0 var(--edge);background:#e6f6ff;border-radius:14px;padding:2px 12px;font-size:1.4rem}.speak:active{box-shadow:0 1px 0 var(--edge);transform:translateY(2px)}.speak.big{padding:6px 18px;font-size:2rem}.phrases{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.phrase{text-align:left;width:100%;font:inherit;cursor:pointer;color:var(--ink);background:#fff7e6;border:2px dashed #e0b56f;border-radius:12px;padding:4px 10px;font-size:1rem}.phrase b{color:var(--primary-d)}.tips{max-width:760px}.tips ul{padding-left:1.2em}.related{flex-wrap:wrap;gap:10px;display:flex}.related a{text-decoration:none}@media (width<=600px){.word-card{padding:10px}.word-card .word-img{font-size:3rem}.word-card .word{font-size:1.4rem}.phrase{padding:3px 8px;font-size:.85rem}.speak{padding:2px 9px;font-size:1.15rem}.topic-hero .icon{font-size:3rem}.quiz-emoji{font-size:2.3rem}}.quiz-q{border-top:2px dashed #e5def3;padding:16px 0}.quiz-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.quiz-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.quiz-opt{font:inherit;border:3px solid var(--edge);cursor:pointer;box-shadow:0 4px 0 var(--edge);color:var(--ink);background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:10px;display:flex}.quiz-emoji{font-size:3rem;line-height:1.1}.quiz-word{opacity:0;font-weight:800;transition:opacity .2s}.quiz-opt.locked .quiz-word{opacity:1}.quiz-opt.right{border-color:var(--success-d);background:#c9f5d6}.quiz-opt.wrong{background:#ffd6d6}.quiz-opt.locked:not(.right):not(.wrong){opacity:.45}.quiz-result{font-size:1.2rem;font-weight:700}.play-cta{border:3px solid var(--edge);border-radius:var(--radius);background:linear-gradient(135deg,#fff1c7,#ffd7b0);align-items:center;gap:16px;margin:28px 0;padding:18px 20px;display:flex;box-shadow:0 6px #2b214029}.play-cta .play-emoji{font-size:2.8rem}.play-cta .h3,.play-cta p{margin:0}@media (width<=600px){.play-cta{text-align:center;flex-direction:column}}.affiliate{border:3px solid var(--edge);border-radius:var(--radius);background:#fff;margin:36px 0;padding:18px 20px}.aff-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:10px 0;display:grid}.aff-card{color:var(--ink);border:2px solid #e5def3;border-radius:14px;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:12px;text-decoration:none;display:flex}.aff-card:hover{border-color:var(--primary)}.aff-card b,.aff-card .muted{display:block}.aff-card>span:nth-child(2){flex:1;min-width:0}.aff-emoji{font-size:2rem}.aff-cta{width:100%;color:var(--primary-d);font-size:.95rem;font-weight:800}.aff-card.placeholder{background:#fffbe8;border-style:dashed}.disclosure{margin:0}.ad-slot{text-align:center;min-height:100px;margin:32px 0}.ad-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;display:block}.ad-slot.placeholder{color:var(--muted);border:2px dashed #b9b0cc;border-radius:14px;place-items:center;padding:20px;font-size:.9rem;display:grid}.article{max-width:760px;margin:0 auto}.article-meta{color:var(--muted);margin-bottom:20px;font-size:.95rem}.prose{font-size:1.1rem}.prose h2{margin-top:1.6em}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.3em 0}.prose blockquote{border-left:5px solid var(--warn);background:#fffbe8;border-radius:0 12px 12px 0;margin:1em 0;padding:10px 16px}.post-list{gap:16px;display:grid}.post-card{color:var(--ink);text-decoration:none;display:block}.post-card h2,.post-card h3{color:var(--ink)}.post-card:hover h2,.post-card:hover h3{color:var(--primary-d)}.print-sheet{background:#fff;border:2px dashed #999;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.print-card{aspect-ratio:4/3;text-align:center;border:2px dashed #999;flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex}.print-card .e{font-size:clamp(3rem,14vw,5.5rem);line-height:1}.print-card .w{overflow-wrap:anywhere;font-size:clamp(1.3rem,6vw,2.4rem);font-weight:800}.print-card .v{color:#555;font-size:1.1rem}@media print{@page{size:A4;margin:10mm}.print-card .e{font-size:5.5rem}.print-card .w{font-size:2.4rem}body{background:#fff;font-size:14px}.site-header,.site-footer,.no-print,.breadcrumbs,.ad-slot,.affiliate,.play-cta{display:none!important}.print-sheet{border:none}.print-card{break-inside:avoid}}