@font-face{font-family:Jua;src:url(/fonts/jua-sub.woff2)format("woff2");font-display:swap}:root{--bg:#fff7e8;--surface:#fff;--ink:#2b2a28;--muted:#6b665c;--line:#efe3cb;--line2:#e3d3b3;--shadow:0 2px 0 #eadcc0, 0 10px 28px #785a1e14;--good:#2b8a3e;--good-soft:#ebfbee;--bad:#c92a2a;--bad-soft:#fff5f5;--warn:#d9480f;--warn-soft:#fff4e6;--info:#1864ab;--info-soft:#e7f5ff;--radius:18px;--font:"Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Noto Sans KR", "Noto Sans CJK KR", system-ui, sans-serif;--display:"Jua", var(--font);--gc:#ff922b;--gc-soft:#fff4e6;--gc-ink:#d9480f;--gc-deep:#a8380a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.g1{--gc:#ff6b6b;--gc-soft:#ffe3e3;--gc-ink:#c92a2a;--gc-deep:#8f1c1c}.g2{--gc:#ff922b;--gc-soft:#ffe8cc;--gc-ink:#c2410c;--gc-deep:#8a2e08}.g3{--gc:#fcc419;--gc-soft:#fff3bf;--gc-ink:#8f6200;--gc-deep:#5e4100}.g4{--gc:#40c057;--gc-soft:#d3f9d8;--gc-ink:#2b7a3a;--gc-deep:#1c5627}.g5{--gc:#339af0;--gc-soft:#d0ebff;--gc-ink:#1864ab;--gc-deep:#0f4579}.g6{--gc:#845ef7;--gc-soft:#e5dbff;--gc-ink:#5f3dc4;--gc-deep:#412a8c}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);word-break:keep-all;overflow-wrap:anywhere;background-image:radial-gradient(#f3e5c7 1px,#0000 1px);background-size:22px 22px;margin:0;font-size:clamp(16px,1.05vw + 12px,19px);line-height:1.6}h1,h2,h3{font-family:var(--display);margin:0 0 .4em;font-weight:400;line-height:1.3}a{color:var(--info)}button{font:inherit;color:inherit}:focus-visible{outline-offset:2px;outline:3px solid #1c7ed6}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--line);background:#fff7e8eb;justify-content:space-between;align-items:center;gap:12px;padding:10px clamp(12px,3vw,28px);display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{background:#ff922b;border-radius:12px;place-items:center;width:42px;height:42px;font-size:24px;display:grid;box-shadow:0 3px #c2410c}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-text b{font-family:var(--display);font-size:1.3rem;font-weight:400}.brand-text small{color:var(--muted);font-size:.78rem}.topbar-right{align-items:center;gap:8px;display:flex}.me-chip{background:var(--gc-soft);color:var(--gc-ink);border:2px solid var(--gc);border-radius:999px;padding:6px 14px;font-weight:700;text-decoration:none}.icon-btn{border:2px solid var(--line2);background:var(--surface);cursor:pointer;border-radius:12px;width:44px;height:44px;font-size:20px}.main{flex:1;width:min(1120px,100% - 24px);margin:0 auto;padding:clamp(14px,3vw,32px) 0 48px}.footer{color:var(--muted);border-top:2px solid var(--line);background:#fffdf8cc;flex-wrap:wrap;justify-content:center;gap:10px;padding:18px;font-size:.9rem;display:flex}.footer a{color:var(--muted)}.page.narrow{max-width:760px;margin:0 auto}.center{text-align:center}.big-emoji{margin:8px 0;font-size:64px}.note{color:var(--muted);font-size:.88rem}.lead{font-size:1.12rem}.hint{color:var(--muted);margin:6px 0 12px}.warn{color:var(--bad);font-weight:700}.crumbs{margin-bottom:12px}.crumbs a{background:var(--surface);border:2px solid var(--line);color:var(--ink);border-radius:999px;padding:6px 12px;font-weight:700;text-decoration:none;display:inline-block}.btn{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:10px 20px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active:not(:disabled){transform:translateY(3px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--gc-ink);color:#fff;box-shadow:0 4px 0 var(--gc-deep)}.btn-primary:active:not(:disabled){box-shadow:0 1px 0 var(--gc-deep)}.btn-ghost{background:var(--surface);color:var(--ink);border:2px solid var(--line2);box-shadow:0 3px 0 var(--line2)}.btn-good{background:var(--good);color:#fff;box-shadow:0 4px #1c5627}.btn-bad{background:var(--bad);color:#fff;box-shadow:0 4px #8f1c1c}.btn-big{min-height:56px;padding:12px 26px;font-size:1.1rem}.panel>.btn-big,.panel>.btn,.wrap-card>.btn-big{width:fit-content;margin:18px auto 0;display:flex}.link-btn{color:var(--info);cursor:pointer;background:0 0;border:0;padding:4px;text-decoration:underline}.row-btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.chip{border:2px solid var(--line2);background:var(--surface);cursor:pointer;border-radius:999px;min-height:44px;padding:8px 16px;font-weight:600}.chip.on{border-color:var(--gc-ink);background:var(--gc-soft);color:var(--gc-ink)}.chips{flex-wrap:wrap;gap:8px;display:flex}.speak{border:2px solid var(--line2);background:var(--surface);cursor:pointer;border-radius:50%;flex:none;width:48px;height:48px;font-size:22px}.speak-sm{width:40px;height:40px;font-size:18px}.hero{text-align:center;padding:clamp(8px,3vw,28px) 0 12px}.hero-kicker{border:2px solid var(--line2);color:var(--muted);background:#fff;border-radius:999px;margin:0;padding:4px 14px;font-weight:700;display:inline-block}.hero-title{letter-spacing:-.01em;margin:6px 0 4px;font-size:clamp(2.6rem,7vw,4.4rem)}.hero-title span{color:#e8590c}.hero-sub{max-width:34em;color:var(--muted);margin:0 auto;font-size:1.1rem}.who,.me-box{background:var(--surface);max-width:820px;box-shadow:var(--shadow);text-align:center;border-radius:24px;margin:22px auto;padding:22px}.me-box{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.me-line{margin:0;font-size:1.25rem}.grade-pick{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin-top:8px;display:grid}.grade-btn,.class-btn{background:var(--gc);color:#1f1a10;cursor:pointer;min-height:84px;box-shadow:0 5px 0 var(--gc-deep);border:0;border-radius:20px;font-size:1.2rem;font-weight:700}.grade-btn b{font-family:var(--display);margin-right:2px;font-size:2.4rem;font-weight:400}.grade-btn:active,.class-btn:active{box-shadow:0 1px 0 var(--gc-deep);transform:translateY(4px)}.class-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;margin:10px 0 16px;display:grid}.class-btn{min-height:70px;font-size:1.35rem}.section-title{margin:26px 0 12px;font-size:1.6rem}.course-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}.course-card{background:var(--surface);color:var(--ink);border:3px solid var(--gc-soft);border-top:10px solid var(--gc);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;gap:4px;padding:20px 20px 18px;text-decoration:none;transition:transform .12s;display:flex;position:relative}.course-card:hover{transform:translateY(-3px)}.course-card.mine{border-color:var(--gc)}.course-emoji{font-size:44px;position:absolute;top:12px;right:16px}.course-grade{font-family:var(--display);color:var(--gc-ink);font-size:1.5rem}.course-grade em{font-style:normal;font-family:var(--font);background:var(--gc-ink);color:#fff;vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:.8rem;font-weight:700}.course-title{padding-right:52px;font-size:1.12rem;font-weight:800}.course-focus{color:var(--muted);font-size:.9rem}.course-progress{color:var(--gc-ink);align-items:center;gap:10px;margin-top:8px;font-size:.9rem;font-weight:700;display:flex}.bar{background:var(--gc-soft);border-radius:999px;flex:1;height:10px;overflow:hidden}.bar>span{background:var(--gc);border-radius:999px;height:100%;display:block}.grade-head{background:var(--gc-soft);border:3px solid var(--gc);border-radius:26px;align-items:center;gap:18px;padding:22px;display:flex}.grade-emoji{font-size:clamp(52px,8vw,80px)}.grade-kicker{color:var(--gc-ink);margin:0;font-weight:800}.grade-head h1{margin:0;font-size:clamp(1.8rem,4vw,2.6rem)}.grade-intro{margin:4px 0 0}.stamp-board{background:var(--surface);box-shadow:var(--shadow);text-align:center;border-radius:20px;margin:16px 0;padding:16px 20px}.stamp-board p{margin:8px 0 0}.stamp-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.stamp{border:3px dashed var(--line2);filter:grayscale();opacity:.55;border-radius:50%;place-items:center;width:58px;height:58px;font-size:26px;display:grid}.stamp.on{border:3px solid var(--gc);background:var(--gc-soft);filter:none;opacity:1;animation:.4s pop}.act-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.act-card{background:var(--surface);color:var(--ink);box-shadow:var(--shadow);border:3px solid #0000;border-radius:20px;grid-template-columns:auto 1fr;gap:4px 14px;padding:18px 18px 16px;text-decoration:none;transition:transform .12s,border-color .12s;display:grid;position:relative}.act-card:hover{border-color:var(--gc);transform:translateY(-2px)}.act-card.done{background:linear-gradient(0deg, var(--gc-soft), #fff 70%)}.act-num{background:var(--gc-ink);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.9rem;font-weight:800;display:grid;position:absolute;top:-8px;left:-8px}.act-emoji{grid-row:span 2;font-size:42px;line-height:1}.act-body{flex-direction:column;gap:4px;min-width:0;display:flex}.act-title{font-family:var(--display);font-size:1.3rem}.act-goal{color:var(--muted);font-size:.92rem}.act-meta{flex-wrap:wrap;gap:6px;margin:4px 0 0;display:flex}.tag{color:#5b5446;background:#f1ece2;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:700}.tag-퀴즈{color:#1864ab;background:#e7f5ff}.tag-게임{color:#a61e4d;background:#fff0f6}.tag-체험{color:#2b7a3a;background:#ebfbee}.tag-만들기{color:#c2410c;background:#fff4e6}.act-stamp{color:var(--gc-ink);grid-column:2;justify-self:end;font-weight:800}.grade-nav{justify-content:space-between;margin-top:24px;display:flex}.grade-nav a{font-weight:700}.act-head{align-items:center;gap:16px;margin-bottom:14px;display:flex}.act-head-emoji{background:var(--gc-soft);border:3px solid var(--gc);border-radius:22px;flex:none;place-items:center;width:78px;height:78px;font-size:44px;display:grid}.act-head h1{margin:0;font-size:clamp(1.6rem,3.6vw,2.3rem)}.act-head-goal{color:var(--muted);margin:2px 0 0}.panel{background:var(--surface);box-shadow:var(--shadow);border-radius:24px;padding:clamp(16px,3vw,28px)}.panel.intro{text-align:center}.loading{text-align:center;color:var(--muted)}.skip-line{text-align:center;margin-top:14px}.q-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.q{margin:6px 0 12px;font-size:clamp(1.3rem,2.8vw,1.75rem)}.prompt{margin:4px 0 8px;font-size:1.1rem;font-weight:600}.steps{align-items:center;gap:6px;margin-bottom:8px;display:flex}.step-dot{background:var(--line2);border-radius:50%;width:12px;height:12px}.step-dot.past{background:var(--gc)}.step-dot.now{background:var(--gc-ink);border-radius:999px;width:26px}.steps-num{color:var(--muted);margin-left:6px;font-size:.9rem;font-weight:700}.quiz-emoji{text-align:center;margin:4px 0;font-size:clamp(56px,10vw,88px);line-height:1.2}.choices{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:8px 0 4px;display:grid}.choice{border:3px solid var(--line);text-align:left;cursor:pointer;background:#fffdf8;border-radius:16px;align-items:center;gap:12px;min-height:64px;padding:14px 16px;font-size:1.05rem;font-weight:600;transition:border-color .12s,background .12s;display:flex}.choice:hover:not(:disabled){border-color:var(--gc)}.choice.picked{border-color:var(--gc-ink);background:var(--gc-soft)}.choice.right{border-color:var(--good);background:var(--good-soft)}.choice.wrong{border-color:var(--bad);background:var(--bad-soft)}.choice:disabled{cursor:default}.choice:disabled:not(.right):not(.wrong):not(.picked){opacity:.55}.choice-emoji{font-size:34px;line-height:1}.choices-ox{grid-template-columns:1fr 1fr;max-width:520px;margin-left:auto;margin-right:auto}.choices-ox .choice{justify-content:center;min-height:clamp(110px,18vw,150px)}.ox-mark{font-size:clamp(54px,9vw,76px);line-height:1}.feedback{border-left:8px solid;border-radius:16px;margin-top:16px;padding:14px 18px;animation:.25s rise}.feedback.ok{background:var(--good-soft);border-color:var(--good)}.feedback.no{background:var(--warn-soft);border-color:var(--warn)}.feedback-title{font-size:1.1rem;font-weight:800}.feedback-body p{margin:4px 0}.wrap-card{background:var(--surface);box-shadow:var(--shadow);text-align:center;border-radius:24px;padding:clamp(18px,3vw,30px)}.wrap-title{margin-top:12px;font-size:1.4rem}.wrap-list{text-align:left;margin:6px auto;padding-left:1.3em;display:inline-block}.wrap-list li{margin:6px 0}.chat{background:#b2c7da;border-radius:18px;flex-direction:column;gap:10px;margin:10px 0;padding:14px;display:flex}.chat-row{align-items:flex-start;gap:8px;display:flex}.chat-row.me{justify-content:flex-end}.chat-avatar{background:#fff;border-radius:14px;flex:none;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.chat-col{flex-direction:column;max-width:min(80%,520px);display:flex}.chat-name{color:#243447;margin-bottom:2px;font-size:.82rem}.chat-bubble{background:#fff;border-radius:16px;padding:9px 14px;line-height:1.5}.chat-row.me .chat-bubble{background:#fee500}.info-card{border:2px solid var(--line2);background:#fffdf8;border-radius:16px;margin:10px 0;padding:14px 18px}.info-card p{margin:4px 0}.info-sms{background:#f1f3f5;border-color:#dee2e6}.info-head{color:var(--muted);margin-bottom:4px;font-size:.85rem;font-weight:700}.info-title{margin-bottom:4px;font-weight:800}.sort-card{border:3px dashed var(--gc);text-align:center;background:#fffdf8;border-radius:22px;flex-direction:column;align-items:center;gap:6px;max-width:460px;margin:10px auto 18px;padding:22px;animation:.25s rise;display:flex}.sort-card.ok{border-style:solid;border-color:var(--good);background:var(--good-soft)}.sort-card.no{border-style:solid;border-color:var(--warn);background:var(--warn-soft)}.sort-card-emoji{font-size:54px;line-height:1.1}.sort-card-text{font-size:1.25rem;font-weight:700}.sort-bins{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.sort-bin{cursor:pointer;border:3px solid;border-radius:18px;flex-direction:column;align-items:center;gap:4px;min-height:96px;padding:12px;font-size:1.05rem;font-weight:800;display:flex}.sort-bin-emoji{font-size:34px}.sort-bin.answer{outline:4px solid var(--good);outline-offset:2px}.tone-good{color:#1c5627;background:#ebfbee;border-color:#69db7c}.tone-bad{color:#8f1c1c;background:#fff5f5;border-color:#ff8787}.tone-warn{color:#8a2e08;background:#fff4e6;border-color:#ffa94d}.tone-info{color:#0f4579;background:#e7f5ff;border-color:#74c0fc}.tone-a{color:#412a8c;background:#f3f0ff;border-color:#b197fc}.tone-b{color:#0b5c46;background:#e6fcf5;border-color:#63e6be}.tone-c{color:#5e4100;background:#fff9db;border-color:#ffd43b}.tone-d{color:#87193f;background:#fff0f6;border-color:#faa2c1}.sort-result{text-align:left;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:10px 0;display:grid}.sort-bin-result{border:3px solid;border-radius:16px;padding:12px 14px}.sort-bin-head{font-weight:800}.sort-bin-result ul{margin:6px 0 0;padding-left:1.2em}.scene-title{background:var(--gc-soft);color:var(--gc-ink);border-radius:999px;padding:3px 12px;font-weight:800;display:inline-block}.scene-text{margin:8px 0;font-size:1.15rem;font-weight:600}.order-slots{flex-direction:column;gap:8px;margin:8px 0 14px;padding:0;list-style:none;display:flex}.order-slot{border:3px dashed var(--line2);background:#fffdf8;border-radius:16px;align-items:center;gap:10px;min-height:58px;padding:6px 10px;display:flex}.order-slot.filled{border-style:solid;border-color:var(--gc)}.order-slot.right{border-color:var(--good);background:var(--good-soft)}.order-slot.wrong{border-color:var(--bad);background:var(--bad-soft)}.order-num{background:var(--gc-ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.order-empty{color:var(--muted);font-size:.9rem}.order-pool{flex-wrap:wrap;gap:10px;display:flex}.order-card{border:3px solid var(--line2);background:var(--surface);cursor:pointer;text-align:left;min-height:52px;box-shadow:0 3px 0 var(--line2);border-radius:14px;padding:10px 16px;font-weight:700}.order-card.in-slot{box-shadow:none;background:0 0;border:0;flex:1}.order-card:disabled{opacity:.35}.rb-layout{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}@media (width>=900px){.rb-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}}.rb-board-wrap{width:100%;max-width:560px;margin:0 auto}.rb-board{background:#f8f0dc;border:4px solid #8c6d3f;border-radius:16px;display:grid;position:relative;overflow:hidden}.rb-cell{aspect-ratio:1;background:#fbf4e2;border:1px solid #8c6d3f1f;place-items:center;font-size:clamp(20px,4.2vw,34px);display:grid}.rb-cell.alt{background:#f6ecd2}.rb-cell.wall{background:#c3e6cb}.rb-start{opacity:.5;border:3px dashed #8c6d3f;border-radius:50%;width:40%;height:40%}.rb-robot{pointer-events:none;place-items:center;transition:transform .3s;display:grid;position:absolute;top:0;left:0}.rb-sprite{filter:drop-shadow(0 3px 2px #0003);width:82%;height:82%}.rb-robot.bump .rb-sprite{animation:.3s 2 shake}.rb-robot.win .rb-sprite{animation:.5s 2 hop}.rb-legend{color:var(--muted);text-align:center;margin:6px 0 0;font-size:.85rem}.palette{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.blk{cursor:pointer;color:#fff;border:0;border-radius:12px;min-height:48px;padding:8px 14px;font-weight:800;box-shadow:0 4px #00000038}.blk:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #00000038}.blk-move{background:#1c7ed6}.blk-turn{background:#7048e8}.blk-loop{background:#e8590c}.blk-if{background:#2b8a3e}.prog-box{border:3px solid var(--line2);background:#fffdf8;border-radius:16px;padding:10px}.prog-title{justify-content:space-between;margin-bottom:6px;font-weight:800;display:flex}.prog-count{color:var(--muted);font-weight:700}.prog-count.over{color:var(--bad)}.prog-list{cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;min-height:52px;padding:6px;display:flex}.prog-list.nested{background:#ffffff8c;border:2px dashed #00000026;margin:6px 0 2px 16px}.prog-list.cursor{background:#fff9db;outline:3px solid #fab005}.prog-item{color:#fff;border-radius:12px;padding:6px 8px}.prog-item.blk-move{background:#1c7ed6}.prog-item.blk-turn{background:#7048e8}.prog-item.blk-loop{background:#e8590c}.prog-item.blk-if{background:#2b8a3e}.prog-item.active{outline:4px solid #ffd43b}.prog-item.bad{outline:4px solid #ff6b6b;animation:.3s 2 shake}.prog-head{align-items:center;gap:8px;font-weight:800;display:flex}.prog-label{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:inline-flex}.prog-del{color:#fff;cursor:pointer;background:#ffffff40;border:0;border-radius:50%;width:32px;height:32px;font-weight:800}.rep-btn{color:#8a2e08;cursor:pointer;background:#ffffffe6;border:0;border-radius:8px;width:30px;height:30px;font-weight:900}.rep-n{color:#8a2e08;background:#fff;border-radius:8px;place-items:center;min-width:30px;height:30px;display:inline-grid}.prog-else{margin:4px 0 0 16px;font-weight:800}.prog-caret{color:#8f6200;border:2px dashed #fab005;border-radius:10px;padding:6px 10px;font-size:.85rem;font-weight:700}.prog-empty{color:var(--muted);padding:6px;font-size:.85rem}.rb-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.hint-box{background:#fff9db;border:2px solid #ffe066;border-radius:12px;margin-top:10px;padding:10px 14px}.spot-layout{gap:16px;display:grid}@media (width>=900px){.spot-layout.with-ref{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}}.post{background:#fff;border:2px solid #dee2e6;border-radius:18px;width:100%;max-width:620px;margin:0 auto;overflow:hidden}.post-head{border-bottom:1px solid #f1f3f5;align-items:center;gap:8px;padding:12px 14px;display:flex}.post-avatar{background:#f1f3f5;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.post-meta{color:var(--muted);font-size:.8rem}.post .spot-text{padding:14px}.post-foot{color:var(--muted);border-top:1px solid #f1f3f5;padding:8px 14px;font-size:.85rem}.spot-text{font-size:1.12rem;line-height:2}.spot-piece{cursor:pointer;font:inherit;text-underline-offset:4px;background:0 0;border:0;border-radius:6px;padding:1px 2px;-webkit-text-decoration:underline dotted #0000002e;text-decoration:underline dotted #0000002e}.spot-piece:hover{background:#fff3bf}.spot-piece.found{background:#ffd43b;font-weight:800;text-decoration:none;box-shadow:0 0 0 2px #fab005}.spot-piece.missed{color:#adb5bd;text-decoration:none}.spot-piece.sentence{text-align:left;display:inline}.frame-ai .spot-piece{margin-right:4px}.ai-box{background:#eef2ff;border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex}.ai-bubble{background:#fff}.ref-card{background:#fff9db;border:2px solid #ffe066;border-radius:16px;padding:14px 16px}.ref-title{margin-bottom:6px;font-weight:800}.ref-card ul{margin:0;padding-left:1.2em}.px-decode,.px-wrap{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;display:flex}.px-grid{background:#ced4da;border-radius:12px;gap:2px;width:min(86vw,340px);padding:4px;display:grid}.px-cell{aspect-ratio:1;cursor:pointer;background:#fff;border:0;border-radius:3px}.px-cell.on{background:#212529}.px-cell.wrong{box-shadow:inset 0 0 0 3px #fa5252}.px-code,.px-nums{color:#69db7c;background:#212529;border-radius:12px;align-content:space-around;gap:2px;padding:6px 12px;font-family:ui-monospace,Consolas,monospace;font-size:clamp(14px,2.4vw,18px);display:grid}.px-nums code,.px-code code{white-space:nowrap}.drawpad{border:3px solid var(--line2);touch-action:none;cursor:crosshair;background:#fff;border-radius:18px;max-width:100%;display:block}.teach-pad{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:10px 0;display:flex}.teach-pad-btns{flex-direction:column;align-items:stretch;gap:10px;display:flex}.teach-now{text-align:center;font-size:1.25rem}.teach-shelf{gap:8px;margin:12px 0;display:grid}.teach-row{background:#f8f9fa;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.teach-label{min-width:120px;font-weight:800}.teach-thumbs{flex-wrap:wrap;gap:6px;display:flex}.teach-thumbs img{background:#fff;border:2px solid #dee2e6;border-radius:10px;width:54px;height:54px}.teach-thumbs img.faded{opacity:.2;filter:grayscale()}.teach-thumbs.near figure{text-align:center;margin:0;font-size:.85rem}.teach-thumbs.near img{width:72px;height:72px}.guess{text-align:center;background:#f3f0ff;border-radius:16px;margin-top:8px;padding:14px}.guess .teach-thumbs{justify-content:center}.guess-label{font-size:1.4rem}.reflect{gap:8px;margin:0 0 8px;padding:0;list-style:none;display:grid}.reflect-row{border:2px solid var(--line);background:#fffdf8;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.reflect-q{align-items:center;gap:8px;font-weight:600;display:flex}.reflect-btns{gap:6px;display:flex}.prom-group{margin:12px 0}.prom-group h3{font-size:1.15rem}.prom-card,.finish-card{border:6px double var(--gc);max-width:560px;box-shadow:var(--shadow);background:#fff;border-radius:24px;margin:16px auto;padding:26px 26px 20px;position:relative}.prom-card-title{font-family:var(--display);text-align:center;color:var(--gc-ink);font-size:1.6rem}.prom-card ol{font-size:1.1rem;font-weight:600}.prom-card-sign{text-align:right;color:var(--muted)}.name-field{flex-direction:column;gap:4px;max-width:280px;margin:0 auto;font-weight:700;display:flex}.name-field input,.t-pick input,.t-pick select{border:2px solid var(--line2);min-height:46px;font:inherit;background:#fff;border-radius:12px;padding:8px 12px}.page .name-field+.note,.finish-card{text-align:center}.finish-ribbon{background:var(--gc-ink);color:#fff;border-radius:999px;padding:4px 18px;font-weight:800;display:inline-block}.finish-emoji{margin:8px 0 0;font-size:64px}.finish-card h1{font-size:1.8rem}.finish-who{font-size:1.1rem}.finish-stars{color:var(--gc-ink);font-weight:800}.finish-list{flex-wrap:wrap;justify-content:center;gap:6px;padding:0;font-size:.85rem;list-style:none;display:flex}.finish-list li{background:var(--gc-soft);border-radius:999px;padding:2px 10px}.finish-date{color:var(--muted)}.left-list{padding:0;list-style:none}.left-list li{margin:6px 0}.flow-layout{gap:18px;display:grid}@media (width>=900px){.flow-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}}.flow-chart{flex-direction:column;align-items:flex-start;padding:10px 70px 10px 10px;display:flex;position:relative}.flow-item{flex-direction:column;align-items:center;width:min(100%,300px);display:flex}.flow-node{text-align:center;background:#fff;border:3px solid #495057;place-items:center;width:100%;min-height:52px;padding:8px 14px;font-weight:700;display:grid}.flow-node.t-start,.flow-node.t-end{background:#e7f5ff;border-color:#1c7ed6;border-radius:999px;width:70%}.flow-node.t-step{border-radius:8px}.flow-node.t-ask{clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);background:#fff4e6;border:0;padding:12px 26px;box-shadow:inset 0 0 0 3px #e8590c}.flow-node.blank{cursor:pointer;color:var(--muted);font:inherit;background:#f8f9fa;border-style:dashed;border-color:#adb5bd;font-weight:700}.flow-node.t-ask.blank{box-shadow:inset 0 0 0 3px #adb5bd}.flow-node.blank.filled{border-style:solid;border-color:var(--gc-ink);color:var(--ink);background:var(--gc-soft)}.flow-node.blank.target{outline:4px solid #fab005}.flow-node.right,.flow-node.wrong{position:relative}.flow-node.right{border-color:var(--good)!important;background:var(--good-soft)!important}.flow-node.wrong{border-color:var(--bad)!important;background:var(--bad-soft)!important}.flow-node.right:after,.flow-node.wrong:after{font-weight:900;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.flow-node.right:after{content:"✓";color:var(--good)}.flow-node.wrong:after{content:"✕";color:var(--bad)}.flow-arrow{background:#495057;width:3px;height:30px;position:relative}.flow-arrow:after{content:"";border:7px solid #0000;border-top:9px solid #495057;border-bottom:0;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.flow-yes{color:#2b8a3e;font-size:.85rem;font-weight:800;position:absolute;top:2px;left:10px}.flow-loop{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.flow-loop-label{fill:#e8590c;font-size:14px;font-weight:800}.flow-opts{flex-direction:column;gap:8px;display:flex}.done-panel{background:var(--surface);box-shadow:var(--shadow);text-align:center;border:4px solid var(--gc);border-radius:28px;padding:clamp(22px,4vw,40px)}.done-stamp{font-size:96px;line-height:1;animation:.55s cubic-bezier(.2,1.6,.4,1) stamp}.done-panel h2{color:var(--gc-ink);margin:6px 0 0;font-size:2.4rem}.done-stars{letter-spacing:4px;margin:4px 0;font-size:2.2rem}.done-name{font-weight:700}.done-btns{flex-direction:column;align-items:center;gap:10px;margin-top:16px;display:flex}.teacher h1,.stats h1{font-size:2.2rem}.t-section{background:var(--surface);box-shadow:var(--shadow);border-radius:22px;margin:18px 0;padding:clamp(16px,3vw,26px)}.t-section h2{font-size:1.5rem}.t-pick{flex-wrap:wrap;align-items:end;gap:12px;margin:10px 0;display:flex}.t-pick label{flex-direction:column;gap:4px;font-weight:700;display:flex}.t-qr{flex-wrap:wrap;align-items:center;gap:20px;margin:12px 0;display:flex}.qr svg{width:100%;height:100%}.t-qr-title{font-family:var(--display);margin:0;font-size:1.6rem}.t-url{word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-weight:700}.t-steps li,.t-tips li{margin:8px 0}.t-course{margin:18px 0}.t-course h3{color:var(--gc-ink);font-size:1.3rem}.t-table-wrap{overflow-x:auto}.t-table{border-collapse:collapse;width:100%;font-size:.92rem}.t-table th,.t-table td{border-bottom:1px solid var(--line);vertical-align:top;text-align:left;padding:8px 10px}.t-table thead th{background:var(--gc-soft);white-space:nowrap}.t-basis{margin-bottom:4px}.t-src{white-space:nowrap;margin-right:4px}.t-sources li{margin:8px 0}.t-basis-list div{border-bottom:1px solid var(--line);grid-template-columns:minmax(120px,13em) 1fr;gap:4px 14px;padding:8px 0;display:grid}.t-basis-list dt{font-weight:800}.t-basis-list dd{margin:0}.t-basis-list div:target{background:#fff9db}@media (width<=640px){.t-basis-list div{grid-template-columns:1fr}}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0;display:grid}.kpi{background:var(--surface);box-shadow:var(--shadow);text-align:center;border-radius:18px;padding:16px}.kpi b{font-family:var(--display);color:#c2410c;font-size:2.2rem;font-weight:400;display:block}.day-bars{align-items:flex-end;gap:8px;height:160px;padding-top:20px;display:flex;overflow-x:auto}.day-bar{flex-direction:column;justify-content:flex-end;align-items:center;min-width:44px;height:100%;display:flex;position:relative}.day-bar-fill{background:#ff922b;border-radius:8px 8px 0 0;width:28px}.day-bar b{font-size:.8rem}.day-bar small{color:var(--muted)}.stats-table td,.stats-table th{text-align:center;white-space:nowrap}.th-name{white-space:normal;max-width:7em;margin:0 auto;font-size:.72rem;font-weight:600;display:block}.qr-grade{margin:20px 0}.qr-grade h2{color:var(--gc-ink)}.qr-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.qr-card{border:3px solid var(--gc);break-inside:avoid;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.qr-card-head{flex-direction:column;align-items:center;line-height:1.2;display:flex}.qr-card-head b{font-family:var(--display);color:var(--gc-ink);font-size:1.5rem;font-weight:400}.qr-card-head span,.qr-card-url{color:var(--muted);font-size:.8rem}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes stamp{0%{opacity:0;transform:scale(2.4)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6%)}75%{transform:translate(6%)}}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-18%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=640px){.brand-text small{display:none}.grade-head{text-align:center;flex-direction:column}.act-grid,.course-grid,.choices{grid-template-columns:1fr}.choices-ox{grid-template-columns:1fr 1fr}.me-box{text-align:center;flex-direction:column}.flow-chart{padding-right:56px}}@media print{body{background:#fff}.topbar,.footer,.crumbs,.no-print{display:none!important}body:has(.print-area) main :not(.print-area):not(:has(.print-area)):not(.print-area *){display:none!important}.print-area{box-shadow:none;margin-top:0}.qr-grade{break-before:page}.qr-grade:first-of-type{break-before:auto}}