:root{--bg:#fbf7ef;--card:#fff;--text:#2f3350;--muted:#5a5f7c;--line:#e6e8f5;--primary:#5b6bb5;--primary-edge:#3e4a8e;--primary-text:#fff;--danger:#a95a40;--ok:#6b4e0e;--ok-bg:#fbf0cc;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:Nunito,Nanum Gothic,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--primary);text-decoration:none}button{cursor:pointer;font-family:inherit}.page{max-width:480px;margin:0 auto;padding:24px 20px 48px;font-weight:700}.page .title{color:var(--text);margin:0 0 4px;font:28px/1.2 Jua,sans-serif}.page .subtitle{color:var(--muted);margin:0 0 20px;font:800 14px/1.5 Nanum Gothic,sans-serif}.page h2{margin:0 0 12px;font:20px Jua,sans-serif}.page .hero-img{filter:drop-shadow(0 8px 10px #6e60aa2e);width:132px;height:auto;margin:4px auto 10px;display:block}.page .hero-text{text-align:center}.page .card{background:var(--card);border:3px solid var(--line);border-radius:26px;margin-bottom:16px;padding:18px;box-shadow:0 5px #e9e5dc}.page label{color:var(--muted);margin-bottom:14px;font:800 14px Nanum Gothic,sans-serif;display:block}.page label>input,.page label>select,.page label>textarea{width:100%;color:var(--text);background:#fff;border:2px solid #e6e1d6;border-radius:14px;margin-top:6px;padding:12px 14px;font:700 16px Nunito,Nanum Gothic,sans-serif;display:block}.page label>input:focus,.page label>select:focus,.page label>textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #5b6bb529}.page button,.page .button{width:100%;min-height:52px;color:var(--primary-text);box-shadow:0 4px 0 var(--primary-edge);text-align:center;background:linear-gradient(#6573bd,#5b6bb5);border:none;border-radius:18px;justify-content:center;align-items:center;gap:6px;margin-bottom:16px;padding:10px 16px;font:19px Jua,sans-serif;display:inline-flex}.page button:active:not(:disabled),.page .button:active{box-shadow:0 1px 0 var(--primary-edge);transform:translateY(3px)}.page button:disabled{opacity:.5;cursor:default}.page button.primary{background:linear-gradient(#d08a6f,#c07559);box-shadow:0 4px #86432f}.page button.ghost,.page .ghost{width:auto;min-height:44px;box-shadow:none;color:var(--primary);white-space:nowrap;background:0 0;margin:0;padding:6px 10px;font:800 15px Nanum Gothic,sans-serif}.page a.ghost{align-items:center;display:inline-flex}.page button.ghost:active{transform:none}.page button.danger,.page .ghost.danger{color:var(--danger)}.page button.small,.page .ghost.small{font-size:13px}.row{align-items:center;display:flex}.row.between{justify-content:space-between}.row.gap{gap:10px}.row.gap>label,.row.gap>button{flex:1}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.page .big{margin:0 0 6px;font:22px/1.3 Jua,sans-serif}.page .error{color:#b3402f;margin:0 0 12px;font:800 14px/1.5 Nanum Gothic,sans-serif}.page p{line-height:1.5}.list{margin:0;padding:0;list-style:none}.page .list>li{background:var(--card);border:3px solid var(--line);border-radius:20px;margin-bottom:10px;box-shadow:0 4px #e9e5dc}.page .list>li>a{color:var(--text);padding:16px;display:flex}.page .list.plain>li{box-shadow:none;background:0 0;border:none;border-bottom:1px solid #f0ede6;border-radius:0;margin:0;padding:12px 0}.badge{color:#6a5d45;white-space:nowrap;background:#f1eadc;border-radius:13px;align-items:center;height:26px;padding:0 10px;font:14px Jua,sans-serif;display:inline-flex}.badge.ok{color:var(--ok);background:var(--ok-bg)}.preview{background:#f5f4fa;border-radius:16px;padding:12px 14px;font-size:15px}.preview p{margin:4px 0}.preview .muted{margin-right:8px;font-size:12px}.page .button.secondary{color:var(--primary);background:#fff;border:2px solid #cdd2ee;box-shadow:0 4px #cdd2ee}.progress{background:#e7e3ef;border-radius:6px;height:12px;margin:10px 0 20px;overflow:hidden}.progress>div{background:linear-gradient(#7482c6,#5b6bb5);border-radius:6px;height:100%;transition:width .3s}audio{width:100%;margin-bottom:8px}.page .list>li.session{padding:16px}.page .button.small-btn{width:auto;min-height:44px;margin:10px 0 0;padding:8px 16px;font-size:16px}.page .chip{width:auto;min-height:40px;color:var(--text);background:#efedf4;border:none;border-radius:20px;margin:0;padding:6px 16px;font:15px Jua,sans-serif;box-shadow:0 3px #dedbe7}.page .chip.on{background:var(--primary);color:#fff;box-shadow:0 3px 0 var(--primary-edge)}.ok-text{color:var(--ok);background:var(--ok-bg);border-radius:10px;padding:0 6px;font-weight:800}.table{border-collapse:collapse;width:100%;font-size:14px}.table td,.table th{text-align:left;vertical-align:top;border-bottom:1px solid #f0ede6;padding:10px 6px}.table th{color:var(--muted);font-size:12px;font-weight:800}.table td:first-child{color:var(--muted);white-space:nowrap}.page .card.ai{box-shadow:none;background:#f1edf9;border-color:#e3dcf3}.page button.secondary-solid{background:linear-gradient(#9b8ad0,#8a78c2);box-shadow:0 4px #6a58a8}.invite{background:#f5f4fa;border-radius:16px;margin-bottom:12px;padding:12px 14px}.invite p{margin:0 0 6px}.link-text{word-break:break-all;color:var(--text)}.page .invite button{width:auto;min-height:40px;margin:0;padding:4px 14px;font-size:15px}.tabbar{box-sizing:border-box;z-index:10;background:#fff;border-radius:28px 28px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:480px;height:88px;padding:8px 10px 18px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -6px 20px #2f33500f}.tabbar a,.tabbar span{color:#6b6f86;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:56px;font:800 12px Nunito,Nanum Gothic,sans-serif;display:flex;position:relative}.tabbar .on{color:var(--primary)}.tabbar .on:after{content:"";background:var(--primary);border-radius:2px;width:36px;height:4px;position:absolute;bottom:-4px}.tabbar .off{opacity:.4}.page.with-tabs{padding-bottom:110px}.home{--ink:#2f3350;--ink-sub:#5a5f7c;--indigo:#5b6bb5;--indigo-edge:#3e4a8e;max-width:480px;min-height:100vh;color:var(--ink);background:#fbf7ef;margin:0 auto;padding:18px 0 110px;font-family:Nunito,Nanum Gothic,-apple-system,Apple SD Gothic Neo,sans-serif;overflow-x:hidden}.home button{cursor:pointer;border:none;width:auto;margin:0;padding:0;font-family:inherit}.home-header{justify-content:space-between;align-items:center;padding:6px 22px 0;display:flex}.home-header h1{letter-spacing:-.5px;margin:0;font:900 36px/1.1 Nunito,sans-serif}.home .bell{width:48px;height:48px;color:var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px #e2dccf,0 8px 14px #2f335014}.home .bell:active{transform:translateY(3px);box-shadow:0 1px #e2dccf}.home .bell .dot{background:#c07559;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:11px;right:12px}.home-notice{color:var(--ink-sub);margin:10px 22px 0;font:800 13px/1.5 Nanum Gothic,sans-serif}.home-notice.error{color:#b3402f}.today-card{box-shadow:0 6px 0 var(--indigo-edge), 0 14px 22px #3e4a8e38;color:#fff;background:linear-gradient(160deg,#5b6bb5,#5060a9);border-radius:26px;margin:16px 20px 0;padding:20px 22px 22px;position:relative;overflow:hidden}.today-card img{filter:drop-shadow(0 6px 10px #1e286440);width:100px;height:auto;position:absolute;top:8px;right:12px}.today-card .date{font:800 15px Nunito,Nanum Gothic,sans-serif;position:relative}.today-card .topic{margin-top:6px;padding-right:96px;font:30px/1.2 Jua,sans-serif;position:relative}.today-card .topic.empty{font-size:22px}.trail{width:100%;height:620px;margin-top:10px;position:relative}.trail>*{position:absolute}.trail .blob{background:#efeaf7;border-radius:50%}.trail .deco{object-fit:contain;height:auto}.trail svg.line{top:0;left:calc(50% - 195px)}.trail .buddy{width:140px;height:150px;top:138px;left:calc(50% - 189px)}.trail .buddy .glow{background:radial-gradient(at 50% 55%,#fbf0ccf2,#fbf0cc00 70%);border-radius:50%;width:156px;height:120px;position:absolute;top:30px;left:-8px}.trail .buddy img{height:auto;position:absolute}.node{justify-content:center;align-items:center;width:80px;height:80px;display:flex}.node .knob{border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;display:flex}.node .knob:active:not(:disabled){transform:translateY(4px)}.node .knob.done{color:#6b4e0e;background:radial-gradient(circle at 35% 28%,#fff6cf,#f6d77a 45%,#e7bd4e);box-shadow:inset 0 -4px #0000000d,0 5px #c99d35,0 10px 16px #b48c2838}.node .knob.current{color:#fff;width:78px;height:78px;box-shadow:0 0 0 7px #5b6bb529, 0 6px 0 var(--indigo-edge), 0 14px 20px #3e4a8e47;background:radial-gradient(circle at 35% 28%,#9aa5de,#5b6bb5 55%,#4d5ca5)}.node .knob.locked{color:#4f4585;cursor:default;background:radial-gradient(circle at 35% 28%,#ece7fa,#c4b9e6 50%,#ad9fd9);box-shadow:0 5px #8f82c4,0 10px 16px #6e60aa33}.node .knob.final{color:#6a5d45;cursor:default;background:radial-gradient(circle at 35% 28%,#f6f0e4,#ddd1ba 50%,#cbbd9f);box-shadow:0 5px #ab9c80,0 10px 16px #8c785033}.node .knob.submit{color:#fff;background:radial-gradient(circle at 35% 28%,#e6ad96,#c07559 50%,#a95a40);width:66px;height:66px;box-shadow:0 5px #86432f,0 10px 16px #96503740}.node .tags{white-space:nowrap;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;top:50%;left:88px;transform:translateY(-50%)}.node .go{background:var(--indigo);color:#fff;min-height:36px;box-shadow:0 3px 0 var(--indigo-edge);border-radius:18px;align-items:center;padding:0 16px;font:17px Jua,sans-serif;display:inline-flex;position:relative}.node .go:before{content:"";background:var(--indigo);clip-path:polygon(100% 0,100% 100%,0 100%);width:12px;height:12px;position:absolute;bottom:4px;left:-5px}.node .pill{height:36px;color:var(--ink);border-radius:18px;align-items:center;padding:0 16px;font:17px Jua,sans-serif;display:inline-flex}.pill.done{background:#fbf0cc}.pill.current{background:#e6e8f5}.pill.locked{background:#ece8f7}.pill.final{background:#f1eadc}.pill.submit{background:#f6e2d8}.home-extra{flex-wrap:wrap;gap:6px 16px;margin:8px 22px 0;font:800 13px Nanum Gothic,sans-serif;display:flex}.home-extra a,.home-extra button{color:var(--ink-sub);font:inherit;background:0 0;text-decoration:underline}.home-extra .title{width:100%;color:var(--ink-sub);margin-bottom:2px}.lesson{--ink:#2f3350;--ink-sub:#5a5f7c;--indigo:#5b6bb5;--indigo-edge:#3e4a8e;max-width:480px;min-height:100vh;color:var(--ink);background:#fbf7ef;margin:0 auto;padding:12px 0 120px;font-family:Nunito,Nanum Gothic,-apple-system,Apple SD Gothic Neo,sans-serif;position:relative;overflow-x:hidden}.lesson button,.lesson .btn{cursor:pointer;text-align:center;border:none;width:auto;margin:0;padding:0;font-family:inherit}.lesson{isolation:isolate}.lesson .blob{z-index:-1;pointer-events:none;background:#f0ebf8;border-radius:50%;position:absolute}.lesson-top{align-items:center;gap:12px;padding:4px 20px 0 12px;display:flex}.lesson .close{color:#4a4f6e;background:0 0;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.lesson-bar{background:#e7e3ef;border-radius:7px;flex:1;height:14px;overflow:hidden}.lesson-bar>div{background:linear-gradient(#7482c6,#5b6bb5);border-radius:7px;height:100%;transition:width .3s}.lesson-count{text-align:right;min-width:32px;font:900 17px Nunito,sans-serif}.chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 20px 0;display:grid}.lesson .chip2{height:68px;color:var(--ink);background:#efedf4;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:background .2s;display:flex;box-shadow:0 4px #dedbe7}.lesson .chip2:active{transform:translateY(3px);box-shadow:0 1px #0000001a}.chip2 .n{background:#dcd9e6;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font:900 14px Nunito,sans-serif;display:flex}.chip2 .t{font:15px Jua,sans-serif}.lesson .chip2.done{background:#fbf0cc;box-shadow:0 4px #e6cf8a}.chip2.done .n{background:#f6d77a}.lesson .chip2.on{background:var(--indigo);color:#fff;box-shadow:0 4px 0 var(--indigo-edge)}.chip2.on .n{color:var(--indigo);background:#fff}.lesson h2{color:var(--ink);text-wrap:pretty;margin:22px 24px 0;font:400 28px/1.25 Jua,sans-serif}.scene{height:210px;margin-top:6px;position:relative}.scene .deco{height:auto;position:absolute}.buddy2{width:140px;height:144px;position:absolute;top:66px;left:10px}.buddy2 .glow{background:radial-gradient(at 50% 55%,#fbf0ccf2,#fbf0cc00 70%);border-radius:50%;width:156px;height:116px;position:absolute;top:30px;left:-8px}.buddy2 .sparkle{width:38px;position:absolute;top:2px;left:2px;transform:rotate(-32deg)}.buddy2 .me{filter:drop-shadow(0 8px 10px #6e60aa2e);width:116px;height:auto;position:absolute;top:20px;left:16px}.bubble{background:#fff;border:3px solid #cdd2ee;border-radius:26px;width:min(222px,100% - 150px);padding:18px 18px 14px;position:absolute;top:8px;right:18px;box-shadow:0 6px 16px #5b6bb51a}.bubble p{text-wrap:pretty;word-break:keep-all;margin:0;font:800 17px/1.5 Nanum Gothic,sans-serif}.bubble:after{content:"";background:#fff;border-bottom:3px solid #cdd2ee;border-left:3px solid #cdd2ee;border-radius:0 0 0 4px;width:22px;height:22px;position:absolute;bottom:-15px;left:18px;transform:rotate(-30deg)skew(10deg)}.listen{justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;display:flex}.listen span{color:var(--ink-sub);font:800 13px Nanum Gothic,sans-serif}.lesson .round{color:#fff;width:48px;height:48px;box-shadow:0 4px 0 var(--indigo-edge);background:radial-gradient(circle at 35% 28%,#8f9bd9,#5b6bb5 60%);border-radius:50%;justify-content:center;align-items:center;display:flex}.lesson .round:active{box-shadow:0 1px 0 var(--indigo-edge);transform:translateY(3px)}.sentence-card{background:#fff;border:3px solid #e6e8f5;border-radius:26px;align-items:center;min-height:150px;margin:4px 20px 0;padding:24px 22px;display:flex;position:relative;box-shadow:0 6px #e9e5dc}.ghost-lines{flex-direction:column;gap:12px;width:100%;display:flex}.ghost-lines .row2{gap:10px;display:flex}.ghost-lines .row2 span{background:#ece9f3;border-radius:9px;height:18px}.ghost-lines p{color:var(--ink-sub);margin:0;font:800 14px Nanum Gothic,sans-serif}.tokens{flex-wrap:wrap;align-items:center;gap:12px 10px;font:900 28px/1.2 Nunito,sans-serif;display:flex}.tokens .punct{margin-left:-8px}.lesson .blank{color:#0000;background:#fbf0cc;border-radius:14px;height:48px;padding:0 14px;font:900 26px Nunito,sans-serif;position:relative}.lesson .blank:after{content:"";background:var(--indigo);border-radius:2px;height:4px;position:absolute;bottom:10px;left:14px;right:14px}.lesson .blank.shown{color:var(--indigo)}.lesson .blank.shown:after{display:none}.lesson-hint{color:var(--ink-sub);margin:14px 24px 0;font:800 14px/1.5 Nanum Gothic,sans-serif}.lesson-hint.error{color:#b3402f}.wrap-list{background:#fff;border:3px solid #e6e8f5;border-radius:26px;margin:4px 20px 0;padding:14px 18px;box-shadow:0 6px #e9e5dc}.wrap-list ol{margin:0;padding:0;list-style:none}.wrap-list li{word-break:keep-all;border-top:1px solid #f0ede6;gap:12px;padding:10px 0;font:800 17px/1.45 Nunito,Nanum Gothic,sans-serif;display:flex}.wrap-list li:first-child{border-top:none}.wrap-list .num{background:#ece8f7;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font:900 14px Nunito,sans-serif;display:flex}.lesson-foot{box-sizing:border-box;z-index:10;background:linear-gradient(#fbf7ef00,#fbf7ef 30%);grid-template-columns:1fr 1.8fr;gap:12px;width:100%;max-width:480px;padding:16px 20px 28px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.lesson-foot.single{grid-template-columns:1fr}.lesson .btn-soft,.lesson .btn-main{border-radius:20px;justify-content:center;align-items:center;height:60px;font:21px Jua,sans-serif;display:flex}.lesson .btn-soft{color:var(--ink);background:#fff;border:2px solid #e6e1d6;box-shadow:0 5px #e2dccf}.lesson .btn-main{color:#fff;box-shadow:0 5px 0 var(--indigo-edge), 0 10px 18px #3e4a8e38;background:linear-gradient(#6573bd,#5b6bb5);font-size:22px}.lesson .btn-soft:active,.lesson .btn-main:active{transform:translateY(4px)}.lesson .btn-main:disabled{opacity:.6}.hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 24px 0;display:flex}.hero img{filter:drop-shadow(0 10px 12px #6e60aa2e);width:170px;height:auto}.hero .kicker{color:var(--ink-sub);font:800 15px Nanum Gothic,sans-serif}.hero h1{margin:0;font:400 32px/1.2 Jua,sans-serif}.hero p{color:var(--ink-sub);word-break:keep-all;margin:0;font:800 15px/1.55 Nanum Gothic,sans-serif}.lesson .pill-btn{min-height:44px;color:var(--ink);background:#fff;border:2px solid #e6e1d6;border-radius:22px;align-items:center;gap:8px;margin-top:6px;padding:0 18px;font:800 15px Nanum Gothic,sans-serif;display:inline-flex;box-shadow:0 3px #e2dccf}.toast{z-index:20;background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 18px 8px 8px;font:17px Jua,sans-serif;display:flex;position:fixed;bottom:118px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #2f335040}.toast img{width:36px;height:auto}.lesson-center{text-align:center;color:var(--ink-sub);padding:40px 24px;font:800 15px Nanum Gothic,sans-serif}@media (height<=800px){.lesson{padding-top:6px;padding-bottom:100px}.chips{gap:6px;margin-top:8px}.lesson .chip2{border-radius:16px;gap:2px;height:54px}.chip2 .n{width:22px;height:22px;font-size:12px}.chip2 .t{font-size:14px}.lesson h2{margin-top:14px;font-size:23px}.scene{height:170px;margin-top:2px}.scene .deco{display:none}.buddy2{width:120px;height:124px;top:46px}.buddy2 .glow{width:132px;height:96px;top:26px}.buddy2 .sparkle{width:30px}.buddy2 .me{width:96px;top:16px;left:12px}.bubble{width:min(222px,100% - 128px);padding:14px 16px 12px;top:4px}.bubble p{font-size:16px}.listen{margin-top:4px}.lesson .round{width:44px;height:44px}.sentence-card{min-height:108px;padding:18px 20px}.tokens{gap:8px;font-size:24px}.lesson .blank{height:42px;font-size:22px}.lesson-hint{margin-top:10px}.wrap-list li{padding:8px 0;font-size:16px}.lesson-foot{padding:12px 20px 16px}.lesson .btn-soft,.lesson .btn-main{height:56px}.hero img{width:140px}}.submit-head{align-items:center;gap:6px;padding:4px 20px 0 10px;display:flex}.submit-head h1{margin:0;font:400 28px/1.15 Jua,sans-serif}.submit-head .sub{color:var(--ink-sub);margin-top:2px;font:800 14px Nanum Gothic,sans-serif}.hello{height:150px;margin-top:6px;position:relative}.hello .buddy2{width:136px;top:4px;left:14px}.hello .bubble{width:min(204px,100% - 160px);padding:16px 18px;top:12px}.hello .bubble p{font-size:16px}.hello .bubble:after{border-radius:0;width:20px;height:20px;top:34px;bottom:auto;left:-14px;transform:rotate(45deg)}.deadline{background:#fbf0cc;border-radius:20px;align-items:center;gap:12px;margin:4px 20px 0;padding:12px 16px;font:800 15px/1.4 Nanum Gothic,sans-serif;display:flex;position:relative}.deadline .ico{color:#6b4e0e;background:#f6d77a;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.deadline.late{background:#f6e2d8}.deadline.late .ico{color:#86432f;background:#e6ad96}.card3{background:#fff;border:3px solid #e6e8f5;border-radius:26px;margin:16px 20px 0;padding:18px;position:relative;box-shadow:0 5px #e9e5dc}.card3 h2{margin:0;font:400 22px Jua,sans-serif}.card3 .desc{color:var(--ink-sub);word-break:keep-all;margin:8px 0 14px;font:800 14px/1.55 Nanum Gothic,sans-serif}.card3 .head{justify-content:space-between;align-items:center;gap:10px;display:flex}.card3.extra{isolation:isolate;box-shadow:none;background:#f1edf9;border-color:#e3dcf3;overflow:hidden}.card3.extra>*{position:relative}.card3.extra>.blob{background:#e6dff5;position:absolute}.card3.extra h2 small{color:var(--ink-sub);font-size:16px}.sent-list{padding:18px 16px 10px}.sent-list h2{margin:0 4px 8px}.sent-row{border-top:1px solid #f0ede6;align-items:center;gap:12px;padding:8px 4px;display:flex}.sent-row .num{background:#ece8f7;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font:900 15px Nunito,sans-serif;display:flex}.sent-row:first-of-type .num{background:#fbf0cc}.sent-row .en{flex:1;font:800 16px/1.35 Nunito,sans-serif}.lesson .sent-row .round{width:44px;height:44px;box-shadow:0 3px 0 var(--indigo-edge)}.tag{white-space:nowrap;border-radius:16px;align-items:center;gap:6px;height:32px;padding:0 12px;font:15px Jua,sans-serif;display:inline-flex}.tag.ok{color:#6b4e0e;background:#fbf0cc}.tag.late,.tag.rec{color:#8f4a34;background:#f6e2d8}.tag.rec .dot{background:#a95a40;border-radius:50%;width:8px;height:8px}.tag.idle{color:#6a5d45;background:#f1eadc}.tag.check{color:#3f4c91;background:#e6e8f5}.done-mark{align-items:center;gap:6px;display:flex}.done-mark img{width:44px;height:auto}.tag-time{color:var(--ink-sub);margin-top:6px;font:800 13px Nanum Gothic,sans-serif}.player{background:#f5f4fa;border-radius:20px;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex}.player audio{display:none}.player-bar{background:#e3e1ee;border-radius:6px;flex:1;height:12px;overflow:hidden}.player-bar>div{background:var(--indigo);border-radius:6px;height:100%;transition:width .2s linear}.player-time{white-space:nowrap;font:800 14px Nunito,sans-serif}.card3.extra .player{background:#fff}.two{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.lesson .soft,.lesson .warn,.lesson .go2{border-radius:16px;justify-content:center;align-items:center;gap:6px;min-height:52px;font:16px Jua,sans-serif;display:flex}.lesson .soft{color:var(--ink);background:#fff;border:2px solid #e6e1d6;box-shadow:0 4px #e2dccf}.lesson .warn{color:#a95a40;background:#fff;border:2px solid #efd9ce;box-shadow:0 4px #ecd6ca}.lesson .go2{color:#fff;box-shadow:0 4px 0 var(--indigo-edge);background:linear-gradient(#6573bd,#5b6bb5)}.lesson .soft:active,.lesson .warn:active,.lesson .go2:active{transform:translateY(3px)}.lesson .soft:disabled,.lesson .warn:disabled,.lesson .go2:disabled{opacity:.5}.mic-wrap{flex-direction:column;align-items:center;gap:8px;padding:6px 0 2px;display:flex}.mic-wrap .label{font:17px Jua,sans-serif}.mic-wrap .clock{font:900 20px Nunito,sans-serif}.mic-wrap .note{color:var(--ink-sub);font:800 14px Nanum Gothic,sans-serif}.lesson .mic{color:#fff;background:radial-gradient(circle at 35% 28%,#e6ad96,#c07559 50%,#a95a40);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;display:flex;box-shadow:0 6px #86432f,0 12px 18px #96503740}.lesson .mic.big{width:92px;height:92px}.lesson .mic.stop{box-shadow:0 0 0 10px #c0755929,0 6px #86432f}.lesson .mic:active:not(:disabled){transform:translateY(4px)}.lesson .mic:disabled{opacity:.5;cursor:default}.sheet-back{z-index:40;background:#2f335059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{box-sizing:border-box;background:#fbf7ef;border-radius:28px 28px 0 0;width:100%;max-width:480px;padding:26px 22px 34px}.sheet h3{color:var(--ink);margin:0;font:400 22px Jua,sans-serif}.sheet p{color:var(--ink-sub);margin:8px 0 20px;font:800 14px/1.5 Nanum Gothic,sans-serif}.lesson .danger2{color:#fff;background:#a95a40;border-radius:18px;min-height:56px;font:19px Jua,sans-serif;box-shadow:0 4px #86432f}