:root{--bg: #ffffff;--bg-soft: #f8fafc;--bg-hero: #fffbeb;--card-bg: #ffffff;--border: #e2e8f0;--ink: #1e293b;--ink-soft: #64748b;--accent: #2563eb;--accent-soft: #dbeafe;--accent-ink: #ffffff;--radius: 10px;--radius-lg: 12px;--btn-radius: 10px;--shadow: 0 1px 3px rgb(15 23 42 / .08);--font-head: "Noto Sans KR", system-ui, sans-serif;--font-body: "Noto Sans KR", system-ui, sans-serif;--card-pad: 14px;--container: 1080px}html[data-mode=play]{--bg: #fff9db;--bg-soft: #fff3bf;--bg-hero: #ffe066;--border: #e6d9a8;--ink: #4d3b0f;--ink-soft: #6f5c2c;--accent: #f76707;--accent-soft: #ffe8cc;--radius: 16px;--radius-lg: 20px;--btn-radius: 999px;--shadow: 0 2px 0 rgb(90 74 26 / .15);--font-head: "Jua", var(--font-body);--font-body: "Gowun Dodum", "Noto Sans KR", sans-serif;--card-pad: 18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.65;word-break:keep-all}h1,h2,h3{font-family:var(--font-head);line-height:1.3;margin:0 0 .5em}h1{font-size:clamp(1.6rem,4vw,2.2rem)}h2{font-size:clamp(1.25rem,3vw,1.6rem)}a{color:var(--accent)}img{max-width:100%;height:auto}.container{max-width:var(--container);margin:0 auto;padding:0 16px}.section{margin:32px auto}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title .more{font-size:.9rem;color:var(--ink-soft);text-decoration:none}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.site-header .inner{display:flex;align-items:center;gap:16px;padding:10px 16px;max-width:var(--container);margin:0 auto;flex-wrap:wrap}.logo{font-family:"Jua",var(--font-head);font-size:1.35rem;color:var(--ink);text-decoration:none;white-space:nowrap}.logo .cloud{color:var(--accent)}.site-nav{display:flex;gap:14px;font-size:.95rem}.site-nav a{color:var(--ink);text-decoration:none;padding:10px 4px;min-height:44px;display:inline-flex;align-items:center}.site-nav a:hover{color:var(--accent)}.site-footer{margin-top:48px;border-top:1px solid var(--border);background:var(--bg-soft)}.site-footer .inner{max-width:var(--container);margin:0 auto;padding:24px 16px;font-size:.85rem;color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:12px 20px}.site-footer a{color:var(--ink-soft)}.hero{background:var(--bg-hero);border-radius:var(--radius-lg);padding:28px 20px;margin-top:20px}.hero p{margin:6px 0 16px;color:var(--ink-soft)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.card{display:flex;flex-direction:column;gap:8px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--card-pad);box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .12s ease}.card:hover{transform:translateY(-2px)}html[data-mode=play] .card{border-width:2px}.card .thumb{aspect-ratio:16 / 9;width:100%;object-fit:cover;border-radius:calc(var(--radius) - 4px);background:var(--bg-soft)}.card .title{font-family:var(--font-head);font-size:1.02rem;margin:0}.card .desc{font-size:.88rem;color:var(--ink-soft);margin:0}.card .meta{font-size:.78rem;color:var(--ink-soft)}html[data-mode=play] .card .desc{display:none}html[data-mode=play] .card .title{font-size:1.15rem}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{display:inline-flex;align-items:center;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:999px}.badge[data-grade=yua]{background:#dcfce7;color:#166534}.badge[data-grade=cho12]{background:#fef3c7;color:#92400e}.badge[data-grade=cho34]{background:#dbeafe;color:#1e40af}.badge[data-grade=cho56]{background:#e0e7ff;color:#3730a3}.badge-status{background:var(--bg-soft);color:var(--ink-soft);border:1px dashed var(--border)}.btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-head);font-size:.95rem;font-weight:700;background:var(--accent);color:var(--accent-ink)!important;border:none;border-radius:var(--btn-radius);padding:10px 18px;text-decoration:none;cursor:pointer}html[data-mode=play] .btn{padding:14px 26px;font-size:1.1rem}.btn-ghost{background:var(--card-bg);color:var(--accent)!important;border:2px solid var(--accent)}.mode-switch{display:flex;gap:6px;align-items:center}.mode-chip{font-size:.8rem;padding:8px 12px;min-height:44px;border-radius:999px;cursor:pointer;border:1px solid var(--border);background:var(--card-bg);color:var(--ink-soft)}html[data-mode=play] .mode-chip[data-mode-target=play],html[data-mode=explore] .mode-chip[data-mode-target=explore]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.grade-strip{display:flex;flex-wrap:wrap;gap:10px}.grade-chip{flex:1;min-width:130px;text-align:center;text-decoration:none;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 10px;color:var(--ink);box-shadow:var(--shadow)}.grade-chip strong{display:block;font-family:var(--font-head);font-size:1.05rem}.grade-chip span{font-size:.78rem;color:var(--ink-soft)}html[data-mode=play] .grade-chip{border-width:2px}.lesson-header{padding:22px 0 6px}.summary-box{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin:14px 0}html[data-mode=play] .summary-box{background:var(--card-bg);border-width:2px}.video-frame{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;background:#000}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.empty-note{background:var(--card-bg);border:1px dashed var(--border);border-radius:var(--radius);padding:18px 16px;color:var(--ink-soft);text-align:center}.cardnews-stack{display:grid;gap:14px}.cardnews-item{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--card-pad);margin:0}.cardnews-item img{display:block;margin:0 auto;border-radius:calc(var(--radius) - 4px)}.cardnews-item figcaption{margin-top:10px;font-size:.92rem;color:var(--ink-soft);text-align:center}.prose{max-width:720px}.prose h2{margin-top:1.4em}.prose li{margin:.25em 0}.prose img{border-radius:var(--radius)}.ad-slot{margin:18px 0;text-align:center;overflow:hidden}.tts-button[disabled]{opacity:.65;cursor:not-allowed}html[data-mode=explore] .tts-button{display:none}.tile-list{display:grid;gap:10px}.tile{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;min-height:44px;text-decoration:none;color:var(--ink)}.tabbar{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}.tab{font-family:var(--font-head);font-size:.95rem;font-weight:700;min-height:44px;padding:8px 16px;border-radius:999px;cursor:pointer;border:1px solid var(--border);background:var(--card-bg);color:var(--ink-soft)}.tab[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tab:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.playlist-group{margin-top:24px}.playlist-group h2{font-size:1.15rem;margin:0 0 12px}@media(max-width:640px){.site-nav{font-size:.85rem;gap:10px}.hero{padding:20px 14px}}