:root{font-family:system-ui,-apple-system,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;color:#243851;background:#f1f7ff;font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100dvh}a{color:inherit;text-decoration:none;touch-action:manipulation}a:focus-visible{outline:4px solid #286ddd;outline-offset:5px}.skip{position:absolute;top:-80px;left:16px;padding:12px;background:white;z-index:5}.skip:focus{top:10px}.home-header{height:76px;display:flex;align-items:center;gap:18px;padding:0 36px;background:white;border-bottom:1px solid #dfe8f4}.wordmark{font-size:35px;font-weight:900;letter-spacing:-2px}.wordmark span{color:#ff9560}.home-label{font-size:15px;font-weight:700;color:#6c819e}main{max-width:1680px;margin:auto;padding:34px 32px 40px}.home-heading{margin-bottom:27px}.home-heading h1{margin:0 0 10px;font-size:42px;font-weight:850;letter-spacing:-1.3px}.home-heading p{margin:0;font-size:20px;color:#75869d}.entry-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.entry{--accent:#3278dc;--soft:#e7f1ff;grid-column:span 2;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:286px;padding:28px 30px;background:white;border:1px solid #d9e5f4;border-radius:23px;box-shadow:0 5px 0 #e0eaf6;transition:transform .16s,border-color .16s,box-shadow .16s}.entry:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 9px 0 #dfe8f4}.entry-symbol{display:grid;place-items:center;width:72px;height:72px;border-radius:21px;background:var(--soft);color:var(--accent);font-size:54px;font-weight:850;line-height:1}.entry-symbol.letters{font-size:34px;letter-spacing:-2px}.entry-symbol svg{width:46px;height:46px}.entry h2{font-size:29px;font-weight:850;letter-spacing:-.9px;line-height:1.35;margin:17px 0 7px;word-break:keep-all}.entry p{font-size:19px;color:#6d819c;line-height:1.6;margin:0;word-break:keep-all}.entry-tag{margin-top:21px;font-size:16px;font-weight:750;color:var(--accent);padding:5px 9px;border-radius:8px;background:var(--soft)}.english{--accent:#9553bb;--soft:#f4eafa}.polygon{--accent:#21886e;--soft:#e2f5ed}.riddle{--accent:#a47113;--soft:#fff2ce}.speaking{--accent:#c66c40;--soft:#fff0e5}.riddle,.speaking{grid-column:span 3;display:grid;grid-template-columns:66px minmax(0,1fr);column-gap:17px;align-content:center;min-height:185px}.riddle .entry-symbol,.speaking .entry-symbol{grid-row:span 2;align-self:center}.riddle h2,.speaking h2{margin-top:0}.riddle .entry-tag,.speaking .entry-tag{justify-self:start;margin-top:13px}@media(max-width:800px){main{padding:28px 22px}.entry-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.entry{grid-column:span 1;min-height:224px;padding:21px}.polygon{grid-column:span 2}.riddle,.speaking{display:flex;min-height:224px}.riddle h2,.speaking h2{margin-top:17px}.riddle .entry-symbol,.speaking .entry-symbol{align-self:flex-start}.entry h2{font-size:26px}.entry p{font-size:18px}.home-heading h1{font-size:36px}}@media(max-width:480px){.home-header{height:66px;padding:0 20px}main{padding:25px 18px 30px}.home-heading{margin-bottom:23px}.home-heading h1{font-size:32px}.home-heading p{font-size:18px}.entry-grid{grid-template-columns:1fr;gap:14px}.entry,.polygon{grid-column:span 1;display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:16px;align-content:center;min-height:176px;padding:20px}.entry .entry-symbol{grid-row:span 2;align-self:center}.entry h2{font-size:24px;margin:0 0 6px}.entry p{font-size:16px}.entry-tag,.riddle .entry-tag,.speaking .entry-tag{font-size:13px;margin-top:10px;justify-self:start}.home-label{font-size:14px}}@media(prefers-reduced-motion:reduce){.entry{transition:none}}

button{font:inherit;touch-action:manipulation;cursor:pointer}button:focus-visible{outline:3px solid #286ddd;outline-offset:4px}button:disabled{cursor:default;opacity:.5}.reset-all{margin-left:auto;padding:9px 14px;border:1px solid #d8e2ef;border-radius:11px;background:white;color:#6e7d90;font-size:14px;font-weight:700}.reset-all:hover{color:#a5483e;background:#fff3f0;border-color:#e5b2aa}.reset-status{font-size:15px;line-height:1.6;color:#257459;margin:21px 0 0}.reset-status:empty{display:none}#reset-dialog{width:min(460px,calc(100% - 36px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #d7e3f1;border-radius:23px;padding:28px;color:#243851;background:white;box-shadow:0 24px 70px #1a315933}#reset-dialog::backdrop{background:#1d304e70}#reset-dialog h2{margin:0 0 13px;font-size:23px;letter-spacing:-.8px;line-height:1.4}#reset-dialog p{word-break:keep-all;font-size:16px;line-height:1.65;margin:0;color:#647995}.reset-scope{padding:14px 18px 14px 35px;background:#f3f7fd;border-radius:12px;font-size:15px;line-height:1.9;margin:18px 0}#reset-dialog .reset-warning{color:#a54b3d;font-size:14px;font-weight:700}#reset-error:not(:empty){margin-top:14px;color:#a54b3d;font-size:14px}.reset-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.reset-actions button{border:1px solid #d5e1ef;background:white;border-radius:11px;color:#526883;padding:11px 19px;font-size:15px;font-weight:750}.reset-actions .reset-confirm{background:#b8493c;color:white;border-color:#b8493c}@media(max-width:480px){.home-header{gap:12px}.reset-all{padding:8px 10px;font-size:13px}.home-label{font-size:13px}#reset-dialog{padding:23px}#reset-dialog h2{font-size:21px}}
.middle{--accent:#315dcc;--soft:#e9eefb}.entry.riddle,.entry.speaking{grid-column:span 2;display:flex;min-height:286px}.entry.riddle h2,.entry.speaking h2{margin-top:17px}.entry.riddle .entry-symbol,.entry.speaking .entry-symbol{align-self:flex-start}@media(max-width:800px){.entry.riddle,.entry.speaking{grid-column:span 1}.entry.polygon{grid-column:span 1}}@media(max-width:480px){.entry.riddle,.entry.speaking{display:grid;min-height:176px}.entry.riddle h2,.entry.speaking h2{margin-top:0}.entry.riddle .entry-symbol,.entry.speaking .entry-symbol{align-self:center}}

.entry.gp1{--accent:#4a64c4;--soft:#edf0fb;grid-column:1/-1;display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;column-gap:22px;min-height:172px;border-radius:16px}.entry.gp1 h2{margin-top:0}.entry.gp1 .entry-tag{margin:0}.entry.gp1 .entry-symbol{font-size:27px;letter-spacing:-1px}@media(max-width:650px){.entry.gp1{grid-template-columns:72px minmax(0,1fr);min-height:176px}.entry.gp1 .entry-symbol{grid-row:span 2}.entry.gp1 .entry-tag{grid-column:2;justify-self:start;margin-top:12px}}

.nets,.elementary{--accent:#278b75;--soft:#e2f4ea}

/* Keep larger lesson labels readable within narrow cards. */
.entry-copy{min-width:0}.entry-tag{max-width:100%;overflow-wrap:anywhere}
@media(max-width:480px){.entry .entry-symbol{width:64px;height:64px;font-size:47px;border-radius:18px}.entry .entry-symbol.letters{font-size:29px}.entry .entry-symbol svg{width:41px;height:41px}.entry.gp1{grid-template-columns:64px minmax(0,1fr);column-gap:16px}.entry.gp1 .entry-symbol{font-size:24px}}

.entry.korean{--accent:#267960;--soft:#e4f3e8}