@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{color:#26332c;font-synthesis:none;background:#f6f8f6;font-family:Noto Sans KR,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}.app{min-height:100vh}.app-header{background:#fff;border-bottom:1px solid #e5ebe7;align-items:center;gap:clamp(28px,5vw,84px);height:68px;padding:0 clamp(20px,4vw,64px);display:flex}.logo{color:#27372d;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:16px;font-weight:700;display:flex}.logo span{color:#fff;background:#294333;border-radius:7px;place-items:center;width:29px;height:29px;font-size:12px;display:grid}.app-header nav{gap:clamp(18px,3vw,38px);height:100%;display:flex}.app-header nav a{color:#76827b;border-bottom:2px solid #0000;align-items:center;gap:5px;height:100%;font-size:14px;display:flex}.app-header nav a.active{color:#294333;border-bottom-color:#4c9565;font-weight:700}.app-header nav b{color:#418158;background:#e5f4e9;border-radius:10px;place-items:center;min-width:17px;height:17px;padding:0 4px;font:600 10px IBM Plex Mono,monospace;display:grid}.header-actions{color:#66736c;align-items:center;gap:10px;margin-left:auto;font-size:13px;display:flex}.role-switch,.secondary{color:#386a49;background:#fff;border:1px solid #cedbd2;border-radius:6px;padding:9px 12px;font-size:12px;font-weight:600}.notification{color:#67766d;background:0 0;border:0;font-size:22px}.avatar,.student-avatar{color:#965e43;background:#f0ded0;border-radius:50%;place-items:center;font-weight:700;display:grid}.avatar{width:29px;height:29px;font-size:12px}.page{max-width:1240px;margin:0 auto;padding:46px 30px}.teacher-page h1,.editor-page h1,.wizard-page h1,.success-page h1{color:#29372f;letter-spacing:-.045em;margin:3px 0 7px;font-size:30px}.overline{color:#59966e;letter-spacing:.02em;margin:0;font-size:11px;font-weight:700}.subtle{color:#87928b;margin:0;font-size:13px}.hero-row,.page-title-row,.classroom-hero,.analysis-hero{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.hero-actions,.classroom-hero>div:last-child,.analysis-hero>div:last-child{gap:8px;display:flex}.primary{color:#fff;background:#3e8357;border:1px solid #3e8357;border-radius:6px;padding:10px 14px;font-size:12px;font-weight:700}.primary:hover{background:#2e7046}.full{width:100%}.stat-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0;display:grid}.stat-grid article{background:#fff;border:1px solid #e2e9e4;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:18px;display:grid}.stat-icon{border-radius:9px;place-items:center;width:37px;height:37px;font-size:17px;display:grid}.mint{color:#479463;background:#e4f4e8}.peach{color:#b06e3f;background:#f9e9db}.blue{color:#5c83b0;background:#e6eff9}.stat-grid small,.stat-grid em{color:#8a958e;font-size:11px;font-style:normal;display:block}.stat-grid strong{color:#33463a;font:600 23px IBM Plex Mono,monospace}.stat-grid button,.section-head button{color:#47825b;background:0 0;border:0;font-size:11px;font-weight:600}.content-grid{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.surface{background:#fff;border:1px solid #e2e9e4;border-radius:10px;padding:21px}.section-head{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.section-head h2,.surface h2{color:#344239;letter-spacing:-.03em;margin:3px 0;font-size:18px}.class-card,.student-assignment{text-align:left;color:#49564e;background:0 0;border:0;border-top:1px solid #edf1ee;align-items:center;gap:12px;width:100%;padding:15px 4px;display:flex}.class-card:hover,.student-assignment:hover{background:#f7faf8}.class-mark,.assignment-color{color:#3f8054;background:#dff1e5;border-radius:9px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.violet{color:#75569d;background:#eee6f8}.class-card b,.class-card small,.student-assignment b,.student-assignment small{display:block}.class-card b,.student-assignment b{font-size:13px}.class-card small,.student-assignment small{color:#919b95;margin-top:3px;font-size:11px}.progress{min-width:125px;margin-left:auto}.progress i{background:#e7ede9;border-radius:4px;height:5px;display:block}.progress em{background:#5ca675;border-radius:4px;height:100%;display:block}.progress small{text-align:right;margin-top:5px;font-size:10px}.todo-row{border-top:1px solid #edf1ee;align-items:center;gap:10px;padding:13px 0;display:flex}.todo-dot{background:#57a670;border-radius:50%;width:8px;height:8px}.todo-dot.amber{background:#e3af4b}.todo-row div{flex:1}.todo-row b,.todo-row small{display:block}.todo-row b{font-size:12px}.todo-row small{color:#939e97;margin-top:3px;font-size:11px}.todo-row button{color:#547161;background:#fff;border:1px solid #dbe5de;border-radius:5px;padding:5px 7px;font-size:10px}.crumb{color:#8d9891;margin-bottom:18px;font-size:12px}.back{color:#5c946d;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.classroom-hero{background:#eaf5ed;border-radius:12px;padding:25px}.classroom-hero>div:first-child{align-items:center;gap:13px;display:flex}.classroom-hero h1{margin:0;font-size:27px}.classroom-hero p{color:#718278;margin:3px 0 0;font-size:12px}.large{width:50px;height:50px;font-size:18px}.subnav{border-bottom:1px solid #e3e9e5;gap:23px;margin:28px 0 18px;display:flex}.subnav button{color:#87928b;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 0;font-size:12px}.subnav button.active{color:#326744;border-color:#4c9565;font-weight:700}.subnav b{color:#5fa478;margin-left:3px;font:10px IBM Plex Mono,monospace}.classroom-grid{grid-template-columns:1.2fr .8fr}.assignment-stats{border-top:1px solid #e9efeb;grid-template-columns:repeat(4,1fr);padding-top:17px;display:grid}.assignment-stats div{border-right:1px solid #e8eeea;padding-left:14px}.assignment-stats div:first-child{padding-left:0}.assignment-stats div:last-child{border:0}.assignment-stats strong,.assignment-stats span{display:block}.assignment-stats strong{font:600 20px IBM Plex Mono,monospace}.assignment-stats strong small{color:#9ba59f;font-size:11px}.assignment-stats span{color:#8b968f;margin-top:3px;font-size:10px}.request-row{border-top:1px solid #edf1ee;align-items:center;gap:8px;padding:9px 0;font-size:12px;display:flex}.request-row b{flex:1}.student-avatar{color:#497a58;background:#e7f0ea;width:28px;height:28px;font-size:11px}.mini-primary{color:#3c8854;background:#e8f4eb;border:0;border-radius:4px;padding:5px 7px;font-size:10px}.icon-plain{color:#9aa49e;background:0 0;border:0}.wallet-toolbar{gap:8px;margin:26px 0 13px;display:flex}.search{color:#87928b;background:#fff;border:1px solid #dce6df;border-radius:6px;flex:1;align-items:center;gap:7px;max-width:380px;padding:8px 10px;display:flex}.search input{border:0;outline:0;width:100%;font-size:12px}.filter{color:#66756c;background:#fff;border:1px solid #dce6df;border-radius:6px;padding:8px 10px;font-size:11px}.question-table{padding:0;overflow:hidden}.table-head,.question-row{grid-template-columns:2.2fr 1.15fr .8fr .55fr 18px;align-items:center;gap:12px;display:grid}.table-head{color:#8d9791;background:#fafcfb;padding:12px 17px;font-size:10px}.question-row{text-align:left;color:#65726a;background:#fff;border:0;border-top:1px solid #e9efeb;width:100%;padding:15px 17px;font-size:11px}.question-row:hover{background:#f7faf8}.question-row span:first-child{grid-template-columns:26px 1fr;column-gap:8px;display:grid}.question-row b,.question-row small{display:block}.question-row b{color:#3d4b43;font-size:12px}.question-row small{color:#99a39d;grid-column:2;margin-top:3px;font-size:10px}.type-icon{color:#47835b;background:#e5f2e8;border-radius:6px;grid-row:1/3;place-items:center;width:26px;height:26px;font-style:normal;display:grid}.type-icon.voice{color:#765ca0;background:#eee6f8}.status{border-radius:12px;align-items:center;width:max-content;padding:4px 7px;font-size:10px;font-weight:600;display:inline-flex}.status.success{color:#41865a;background:#e8f5eb}.status.draft{color:#818c85;background:#f0f2f0}.editor-page{background:#fbfcfb;min-height:100vh}.editor-top{background:#fff;border-bottom:1px solid #e4eae6;align-items:center;gap:16px;height:62px;padding:0 5vw;display:flex}.editor-top span{color:#7a877e;margin-left:auto;font-size:11px}.editor-layout{grid-template-columns:minmax(0,1fr) 260px;gap:55px;max-width:1000px;margin:0 auto;padding:45px 30px;display:grid}.editor-layout label{color:#45544a;margin-top:22px;font-size:12px;font-weight:700;display:block}.editor-layout label em{color:#5a9b70;font-size:10px;font-style:normal}.editor-layout input,.editor-layout textarea,.editor-layout select{color:#4e5d54;background:#fff;border:1px solid #d6e1d9;border-radius:6px;outline:0;width:100%;margin-top:7px;padding:10px;font-size:12px}.editor-layout textarea{resize:vertical;min-height:108px;line-height:1.7}.editor-layout input:focus,.editor-layout textarea:focus{border-color:#5fa379;box-shadow:0 0 0 3px #e6f3e9}.segmented{margin-top:8px;display:flex}.segmented button{color:#758078;background:#fff;border:1px solid #d8e2db;flex:1;padding:10px;font-size:12px}.segmented button:first-child{border-radius:6px 0 0 6px}.segmented button:last-child{border-radius:0 6px 6px 0}.segmented button.active{color:#397b4f;background:#edf7ef;border-color:#5ca174;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.select-field{text-align:left;color:#546158;background:#fff;border:1px solid #d6e1d9;border-radius:6px;justify-content:space-between;width:100%;margin-top:7px;padding:10px;font-size:11px;display:flex}.editor-aside{color:#617168;background:#f1f7f2;border-radius:9px;align-self:start;margin-top:50px;padding:19px}.editor-aside h2{color:#385343;margin:6px 0;font-size:16px}.editor-aside p{font-size:11px;line-height:1.6}.editor-aside ul{padding:0;list-style:none}.editor-aside li{margin:9px 0;font-size:11px}.editor-aside li:before{content:"✓";color:#4d9a67;margin-right:6px}.analysis-hero{padding:26px 0}.ai-label{color:#6c5aa2;background:#f0edfb;border-radius:12px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-block}.analysis-hero h1{letter-spacing:-.04em;margin:8px 0 3px;font-size:30px}.analysis-hero p{color:#86918a;margin:0;font-size:12px}.analysis-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.analysis-grid article:last-child{grid-column:1/-1}.analysis-grid p{color:#647269;font-size:12px;line-height:1.7}.analysis-facts{color:#758279;border-top:1px solid #e7ede9;gap:22px;margin-top:15px;padding-top:12px;font-size:11px;display:flex}.analysis-facts b{color:#47584e;margin-right:5px}.rubric-preview{border-top:1px solid #e9efeb;align-items:flex-start;gap:10px;padding:12px 0;display:flex}.rubric-preview>span{color:#7867b4}.rubric-preview div{flex:1}.rubric-preview b{font-size:12px}.rubric-preview p{margin:3px 0 0;font-size:10px}.rubric-preview strong{color:#497b58;font:600 12px IBM Plex Mono,monospace}.guide-list{margin:0;padding:0;list-style:none}.guide-list li{color:#637168;border-top:1px solid #e9efeb;padding:9px 0;font-size:12px}.guide-list li:before{content:"·";color:#54a16b;margin-right:7px;font-size:18px}.wizard-page{background:#f8faf8;min-height:100vh}.wizard-steps{color:#9aa49e;background:#fff;border-bottom:1px solid #e4eae6;justify-content:center;align-items:center;gap:11px;height:74px;font-size:11px;display:flex}.wizard-steps span{align-items:center;gap:6px;display:flex}.wizard-steps span:first-child,.wizard-steps span.done{color:#4e9063}.wizard-steps span:first-letter{background:#e2f2e6;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.wizard-steps i{background:#dde5df;width:48px;height:1px}.wizard-body{max-width:640px;margin:0 auto;padding:45px 25px 100px}.wizard-body h1{margin-top:5px}.selected-question,.option-card{background:#fff;border:1px solid #dfe8e1;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding:15px;display:flex}.selected-question div,.option-card>div{flex:1}.selected-question b,.selected-question small,.option-card b,.option-card p{display:block}.selected-question b,.option-card b{font-size:12px}.selected-question small,.option-card p{color:#89948d;margin-top:4px;font-size:10px}.selected-question button{color:#4c9063;background:0 0;border:0;font-size:10px}.option-card{margin-top:10px}.option-card>div{align-items:center;gap:10px;display:flex}.option-icon{color:#4a9262;background:#eef5ef;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.toggle{background:#cfd8d1;border:0;border-radius:12px;width:35px;height:20px;padding:2px}.toggle i{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;display:block}.toggle.on{background:#55a06d}.toggle.on i{transform:translate(15px)}.deadline{color:#58665d;margin-top:20px;font-size:12px;font-weight:700;display:block}.deadline input{color:#66746b;border:1px solid #d8e2db;border-radius:6px;width:100%;margin-top:7px;padding:9px;display:block}.wizard-footer{background:#fff;border-top:1px solid #e4eae6;justify-content:flex-end;gap:8px;padding:14px calc(50% - 295px);display:flex;position:fixed;bottom:0;left:0;right:0}.review-card{background:#fff;border:1px solid #e0e8e2;border-radius:8px;margin-top:22px;overflow:hidden}.review-card div{border-bottom:1px solid #edf1ee;grid-template-columns:120px 1fr;padding:13px;font-size:12px;display:grid}.review-card div:last-child{border:0}.review-card span{color:#8b968f}.review-card b{color:#4a5a50}.student-preview{color:#fff;background:#273c30;border-radius:9px;margin-top:18px;padding:19px}.student-preview span{color:#a8c5b0;font-size:10px}.student-preview h2{font-size:15px}.student-preview p{color:#d1ded4;font-size:11px}.student-preview button{color:#365e44;background:#fff;border:0;border-radius:5px;padding:7px 9px;font-size:10px;font-weight:700}.success-page,.student-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 68px);padding:20px;display:flex}.success-mark{color:#449260;background:#e0f3e5;border-radius:50%;place-items:center;width:62px;height:62px;font-size:27px;display:grid}.success-page h1,.student-success h1{margin:15px 0 5px;font-size:26px}.success-page p,.student-success p{color:#829087;margin:0;font-size:12px}.success-page div{gap:8px;margin-top:20px;display:flex}.grading-page{max-width:1380px}.grading-grid{grid-template-columns:235px minmax(0,1fr) 300px;gap:12px;display:grid}.submission-pane{padding:10px}.submission-pane .section-head{margin:0;padding:6px 5px}.submission-pane .section-head span{color:#8d9891;font:10px IBM Plex Mono,monospace}.student-select{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;padding:10px 6px;display:flex}.student-select.active,.student-select:hover{background:#edf6ef}.student-select span:nth-child(2){flex:1}.student-select b,.student-select small{display:block}.student-select b{font-size:11px}.student-select small{color:#8d9891;margin-top:3px;font-size:9px}.student-select i{color:#9ca69f;font-style:normal}.answer-pane h2{font-size:18px;line-height:1.6}.answer-box{color:#526057;border-top:1px solid #e6ede8;padding-top:16px;font-size:13px;line-height:1.9}.grading-pane{padding:17px}.ai-heading{color:#584e77;border-bottom:1px solid #e5ebe7;justify-content:space-between;align-items:center;padding-bottom:13px;font-size:12px;display:flex}.ai-heading span{color:#8d782e;background:#faf2d7;border-radius:10px;padding:4px 6px;font-size:9px}.grade-row{border-bottom:1px solid #e8eeea;justify-content:space-between;padding:13px 0;display:flex}.grade-row b,.grade-row small{display:block}.grade-row b{font-size:11px}.grade-row small{color:#7d9686;margin-top:3px;font-size:9px}.grade-row strong,.grade-total strong{color:#3c764e;font:600 14px IBM Plex Mono,monospace}.grade-row em,.grade-total em{color:#9aa49f;font-size:9px;font-style:normal}.grade-total{border-bottom:1px solid #e6ede8;justify-content:space-between;padding:15px 0;font-size:12px;display:flex}.grading-pane label{margin:14px 0 6px;font-size:11px;font-weight:700;display:block}.grading-pane textarea{color:#536158;resize:none;border:1px solid #d8e2db;border-radius:6px;width:100%;height:85px;padding:8px;font-size:10px;line-height:1.6}.inline-success{color:#4b9461!important;margin-top:8px!important;font-size:10px!important}.student-app{color:#2e3b33;background:#f7faf7;min-height:100vh}.student-mobile-header{z-index:2;background:#fff;border-bottom:1px solid #e5ebe7;position:sticky;top:0}.mobile-status{color:#5b6960;justify-content:space-between;align-items:center;height:24px;padding:0 18px;font:600 10px IBM Plex Mono,monospace;display:flex}.student-mobile-appbar{justify-content:space-between;align-items:center;height:48px;padding:0 18px;display:flex}.student-wordmark{color:#34443a;align-items:center;gap:7px;font-size:13px;display:flex}.student-wordmark>span{color:#fff;background:#2e4b38;border-radius:6px;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.student-profile-mark{color:#4c895f;background:#e7f2e9;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.student-main{width:min(100%,560px);margin:0 auto;padding:28px 20px 105px}.student-main h1{letter-spacing:-.05em;margin:3px 0 18px;font-size:27px}.bottom-nav{z-index:3;background:#fff;border-top:1px solid #e2e9e4;justify-content:space-around;width:min(100%,560px);height:68px;padding:7px 8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#929e96;background:0 0;border:0;flex:1;place-items:center;gap:2px;font-size:9px;display:grid}.bottom-nav button span{font-size:17px}.bottom-nav button.active{color:#3f8858;font-weight:700}.deadline-banner{background:#eff8f1;border:1px solid #d7eadc;border-radius:9px;align-items:center;gap:10px;margin-bottom:27px;padding:14px;display:flex}.deadline-banner>span{color:#43885a;background:#d5efdc;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.deadline-banner b,.deadline-banner p{display:block}.deadline-banner b{font-size:12px}.deadline-banner p{color:#7b8c81;margin:3px 0 0;font-size:10px}.mobile-section{margin-top:22px}.mobile-head{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.mobile-head h2{margin:0;font-size:15px}.mobile-head button{color:#528c64;background:0 0;border:0;font-size:10px}.student-assignment{background:#fff;border:1px solid #e0e9e2;border-radius:9px;padding:13px}.student-assignment>div{flex:1}.student-assignment p{color:#a0644b;margin:4px 0 0;font-size:10px}.feedback-teaser{text-align:left;background:#fff;border:1px solid #e0e9e2;border-radius:9px;align-items:center;gap:10px;width:100%;padding:13px;display:flex}.feedback-teaser>span{color:#4b9564;background:#e2f3e6;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.feedback-teaser div{flex:1}.feedback-teaser b,.feedback-teaser p{display:block}.feedback-teaser b{font-size:11px}.feedback-teaser p{color:#849087;margin:3px 0 0;font-size:10px}.feedback-teaser i{color:#a0aaa3;font-style:normal}.mobile-class{color:#58936a;margin:17px 0 5px;font-size:11px;font-weight:700}.due-card{background:#eff8f1;border:1px solid #d6e9dc;border-radius:8px;align-items:center;gap:9px;padding:12px;display:flex}.due-card>span{color:#4d9664;font-size:22px}.due-card b{font-size:12px}.due-card p{color:#829087;margin:3px 0 0;font-size:10px}.question-card{background:#fff;border:1px solid #e0e9e2;border-radius:9px;margin:20px 0;padding:17px}.question-card h2{font-size:15px;line-height:1.65}.question-card button{color:#4b9062;background:0 0;border:0;padding:0;font-size:10px;font-weight:600}.method-choice{margin-top:18px}.method-choice>div b,.method-choice>div small{display:block}.method-choice>div b{font-size:12px}.method-choice>div small{color:#909b94;margin-top:3px;font-size:10px}.method-choice>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #e5ece7;align-items:center;gap:10px;width:100%;padding:13px 0;display:flex}.method-choice>button>span{color:#519465;background:#eaf4ec;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.method-choice div{flex:1}.method-choice b,.method-choice small{display:block}.method-choice b{font-size:11px}.method-choice small{color:#929d96;margin-top:3px;font-size:10px}.method-choice i{color:#a2ada6;font-style:normal}.mobile-cta{z-index:4;width:min(100% - 40px,520px);position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.answer-label{margin:22px 0 7px;font-size:11px;font-weight:700;display:block}.student-main textarea{color:#45564b;resize:none;border:1px solid #d9e4dc;border-radius:8px;outline:0;width:100%;min-height:260px;padding:13px;font-size:13px;line-height:1.75}.student-main textarea:focus{border-color:#61a579;box-shadow:0 0 0 3px #e4f3e8}.char-count{text-align:right;color:#9ba59f;margin-top:5px;font:10px IBM Plex Mono,monospace;display:block}.writing-help{background:#f1f7f2;border-radius:8px;margin-top:18px;padding:13px}.writing-help b{color:#4d7259;font-size:11px}.writing-help p{color:#718076;margin:4px 0 0;font-size:10px}.scan-zone,.scan-preview{text-align:center;background:#f4f9f5;border:1px dashed #b7d2bf;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:255px;margin:20px 0;display:flex}.scan-zone span,.scan-preview span{color:#5aa172;font-size:30px}.scan-zone b,.scan-preview b{margin-top:9px;font-size:12px}.scan-zone p,.scan-preview p{color:#85928a;margin:5px 20px;font-size:10px;line-height:1.6}.ocr-box{background:#fff;border:1px solid #e0e9e2;border-radius:8px;margin:16px 0;padding:13px}.ocr-box b{font-size:11px}.ocr-box p{color:#66736b;font-size:11px}.ocr-box button{color:#4f9063;background:0 0;border:0;padding:0;font-size:10px}.record-card{text-align:center;background:#f0f7f2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;margin:24px 0;padding:20px;display:flex}.record-card>span{color:#52a06a;background:#d8efdf;border-radius:50%;place-items:center;width:74px;height:74px;font-size:28px;display:grid}.record-card>span.recording{color:#cf5959;background:#f8dddd;animation:1.4s infinite pulse}.record-card b{margin-top:15px;font-size:14px}.record-card p{color:#85938a;font-size:11px}@keyframes pulse{50%{transform:scale(1.08)}}.student-success{min-height:calc(100vh - 130px)}.receipt{text-align:left;background:#fff;border:1px solid #e0e9e2;border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;padding:16px;font-size:11px;display:grid}.receipt span{color:#8e9992}.receipt b{color:#4d5d52;text-align:right}.join-class{color:#47855a;background:#f4f9f5;border:1px dashed #9bc4a7;border-radius:8px;width:100%;margin-bottom:12px;padding:12px;font-size:11px;font-weight:700}.feedback-card{background:#fff;border:1px solid #e0e9e2;border-radius:9px;padding:18px}.feedback-card h2{font-size:16px}.feedback-card p{color:#67756c;font-size:12px;line-height:1.65}.feedback-card .feedback-heading{color:#4f855e;margin:17px 0 2px;font-size:10px;font-weight:700}.feedback-card button{color:#4e9164;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}@media (width<=760px){.app-header{gap:0;height:59px;padding:0 16px}.app-header nav,.profile-name,.notification{display:none}.header-actions{gap:7px}.role-switch{padding:7px 9px;font-size:10px}.page{padding:28px 17px}.hero-row,.page-title-row,.classroom-hero,.analysis-hero{flex-direction:column;align-items:flex-start}.teacher-page h1,.editor-page h1,.wizard-page h1{font-size:25px}.hero-actions{width:100%}.hero-actions button{flex:1}.stat-grid,.content-grid,.classroom-grid,.analysis-grid{grid-template-columns:1fr}.stat-grid{margin:24px 0}.stat-grid article{padding:14px}.table-head{display:none}.question-row{grid-template-columns:minmax(0,1fr) auto;gap:5px}.question-row>span:nth-child(2),.question-row>span:nth-child(4){display:none}.question-row .status{grid-area:1/2}.wallet-toolbar{flex-wrap:wrap}.search{flex-basis:100%;max-width:none}.editor-layout{grid-template-columns:1fr;padding:30px 18px}.editor-aside{margin-top:0}.wizard-footer{padding:12px 18px}.wizard-footer button{flex:1}.grading-grid{grid-template-columns:1fr}.submission-pane,.answer-pane{display:none}.grading-page{padding:28px 17px}.grading-pane{min-height:500px}.student-top{padding:0 18px}.mobile-cta{bottom:78px}.classroom-hero{padding:18px}.assignment-stats{grid-template-columns:1fr 1fr;gap:14px}.assignment-stats div{border:0;padding:0}.analysis-grid article:last-child{grid-column:auto}.analysis-facts{flex-wrap:wrap;gap:10px}.form-grid{grid-template-columns:1fr}.wizard-steps b{display:none}.wizard-steps i{width:28px}.success-page h1{font-size:23px}}.design-system-shell{color:#2c3731;background:#f1f3f1;min-height:100vh}.ds-header{background:#fff;border-bottom:1px solid #dde3df;grid-template-columns:260px 1fr 260px;align-items:center;height:58px;padding:0 17px;display:grid}.ds-brand{color:#3d4741;align-items:center;gap:8px;font-size:12px;display:flex}.ds-mark{color:#fff;background:#293d31;border-radius:6px;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.ds-divider{background:#dce2de;width:1px;height:14px;margin:0 3px}.project-picker{color:#536158;text-align:left;background:#fff;border:1px solid #dce4de;border-radius:7px;justify-self:center;align-items:center;gap:8px;min-width:180px;padding:5px 8px;display:flex}.project-picker .project-dot{color:#397a50;background:#dff0e4;border-radius:5px;place-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:grid}.project-picker small,.project-picker b{display:block}.project-picker small{color:#9ca49f;font-size:8px}.project-picker b{font-size:11px}.project-picker i{color:#94a099;margin-left:auto;font-style:normal}.ds-header-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.save-state{color:#6caa7e;font:10px IBM Plex Mono,monospace}.ds-workspace{grid-template-columns:220px minmax(0,1fr) 255px;min-height:calc(100vh - 58px);display:grid}.ds-sidebar{background:#fff;border-right:1px solid #dfe5e1;padding:17px 11px;overflow:auto}.ds-side-head{color:#3f4b44;justify-content:space-between;padding:0 7px;font-size:12px;font-weight:700;display:flex}.ds-side-head small{color:#96a09a;font:10px IBM Plex Mono,monospace}.ds-side-label{color:#99a29d;margin:21px 7px 7px;font-size:10px}.ds-side-label.student-label{border-top:1px solid #ebefec;padding-top:14px}.screen-nav{text-align:left;color:#69756e;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px;font-size:11px;display:flex}.screen-nav:hover,.screen-nav.active{color:#396d49;background:#eff6f1;border-color:#d8e8dc;font-weight:700}.screen-glyph{color:#7c9485;background:#fff;border:1px solid #d9e4dc;border-radius:4px;place-items:center;width:22px;height:20px;font-size:10px;display:grid}.screen-glyph.mobile{border-radius:3px;width:12px;height:21px;margin:0 5px}.ds-canvas{background:#eef1ef;min-width:0;padding:24px;position:relative;overflow:auto}.canvas-controls{justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto 14px;display:flex}.canvas-controls>div:first-child{flex-direction:column;gap:4px;display:flex}.canvas-kicker{color:#7f8983;letter-spacing:.04em;font:10px IBM Plex Mono,monospace}.canvas-controls b{color:#3f4d45;font-size:13px}.device-switch{background:#fff;border:1px solid #d8e0db;border-radius:7px;padding:3px;display:flex}.device-switch button{color:#89938d;background:0 0;border:0;border-radius:4px;padding:6px 9px;font-size:10px}.device-switch button.active{color:#38764e;background:#e9f4eb;font-weight:700}.product-preview{background:#e3e8e4;border:1px solid #dce3de;justify-content:center;align-items:flex-start;max-width:1160px;margin:0 auto;padding:35px;display:flex;position:relative;box-shadow:inset 0 1px #fff9}.preview-label{color:#78847d;justify-content:space-between;font:10px IBM Plex Mono,monospace;display:flex;position:absolute;top:12px;left:14px;right:14px}.product-frame{background:#fff;overflow:hidden;box-shadow:0 14px 34px #22302722,0 1px 4px #2230271c}.web-preview .product-frame{width:100%;min-width:900px;max-width:1440px;min-height:650px}.app-preview{min-height:760px}.app-preview .product-frame{border:7px solid #25342b;border-radius:25px;width:390px;min-height:720px;box-shadow:0 18px 42px #2230273b}.product-frame .app-header{padding:0 32px}.product-frame .page{padding-top:34px}.product-frame .student-mobile-header{position:relative}.product-frame .student-mobile-appbar,.product-frame .mobile-status{padding:0 14px}.product-frame .student-main{padding:20px 15px 90px}.product-frame .bottom-nav{width:auto;position:absolute;left:0;right:0;transform:none}.ds-inspector{background:#fff;border-left:1px solid #dfe5e1}.inspector-tabs{border-bottom:1px solid #e0e6e2;align-items:flex-end;gap:20px;height:58px;padding:0 18px 9px;display:flex}.inspector-tabs span{color:#929c96;background:0 0;border:0;border-bottom:2px solid #0000;font-size:11px}.inspector-tabs .active{color:#3e4e44;border-color:#4d9564;font-weight:700}.ds-inspector section{padding:20px 18px}.inspect-kicker{color:#99a39d;margin:0 0 7px;font-size:10px}.ds-inspector h2{color:#3c4b42;margin:0 0 16px;font:600 14px IBM Plex Mono,monospace}.inspect-row{color:#929c96;justify-content:space-between;gap:8px;margin:9px 0;font-size:11px;display:flex}.inspect-row b{color:#58675d;text-align:right;font-weight:600}.ds-inspector hr{border:0;border-top:1px solid #e6ebe8;margin:19px 0}.inspect-copy{color:#748078;font-size:11px;line-height:1.65}.token-row{color:#758078;align-items:center;gap:7px;margin:8px 0;font:10px IBM Plex Mono,monospace;display:flex}.token-row i{border:1px solid #d5ddd7;border-radius:3px;width:10px;height:10px}.token-row i.ink{background:#27332f}.token-row i.mint{background:#499568}.token-row i.paper{background:#fff}@media (width<=1000px){.ds-workspace{grid-template-columns:185px minmax(0,1fr)}.ds-inspector{display:none}.web-preview .product-frame{min-width:780px}.ds-canvas{padding:18px}.product-preview{padding:30px 22px}}@media (width<=650px){.ds-header{grid-template-columns:1fr auto;height:52px;padding:0 11px}.project-picker,.save-state{display:none}.ds-workspace{min-height:calc(100vh - 52px);display:block}.ds-sidebar{border-bottom:1px solid #dfe5e1;border-right:0;gap:5px;padding:8px;display:flex;overflow-x:auto}.ds-side-head,.ds-side-label{display:none}.screen-nav{flex:none;width:auto;padding:6px}.screen-nav:not(.active){font-size:0}.screen-nav .screen-glyph{margin:0}.ds-canvas{padding:14px}.canvas-controls{margin-bottom:10px}.product-preview{padding:30px 12px 16px}.web-preview{justify-content:flex-start;overflow:hidden}.web-preview .product-frame{transform-origin:0 0;min-width:720px;margin-bottom:-182px;margin-right:-201px;transform:scale(.72)}.app-preview{min-height:720px}.app-preview .product-frame{width:360px}.ds-brand>span:last-child,.ds-divider{display:none}}.project-menu{z-index:20;background:#fff;border:1px solid #d7e0da;border-radius:9px;width:250px;padding:8px;position:absolute;top:52px;left:50%;transform:translate(-50%);box-shadow:0 14px 32px #27362b24}.project-menu-head{color:#7f8c84;justify-content:space-between;align-items:center;padding:5px 6px 9px;font-size:10px;display:flex}.project-menu-head button{color:#829087;background:0 0;border:0;border-radius:4px;width:20px;height:20px;font-size:15px;line-height:1}.project-menu-head button:hover{background:#f0f3f1}.project-option{color:#3d4d43;text-align:left;background:#f4faf5;border:1px solid #d8e9dc;border-radius:6px;align-items:center;gap:8px;width:100%;padding:9px 7px;display:flex}.project-option>span:nth-child(2){flex-direction:column;flex:1;gap:2px;display:flex}.project-option b{font-size:11px}.project-option small{color:#829187;font-size:9px}.project-option i{color:#4b9663;font-size:12px;font-style:normal}.student-app{min-height:100vh;position:relative;overflow:hidden}.student-app .mobile-bottom-nav{z-index:4;width:100%;height:72px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e0e8e2;position:absolute;bottom:0;left:0;right:0;transform:none;box-shadow:0 -7px 20px #2d453008}.student-app .mobile-bottom-nav button{color:#829087;border-radius:8px;min-width:0;padding:4px 3px}.student-app .mobile-bottom-nav button span{border-radius:7px;place-items:center;width:26px;height:25px;margin:0 auto;font-size:16px;display:grid}.student-app .mobile-bottom-nav button.active{color:#347c4e}.student-app .mobile-bottom-nav button.active span{background:#e6f4e9}.student-app .mobile-bottom-nav button.active:after{content:"";background:#499568;border-radius:50%;width:3px;height:3px;margin:2px auto 0;display:block}.product-frame .student-app{min-height:720px}.product-frame .mobile-bottom-nav{width:100%;position:absolute;bottom:0;left:0;right:0;transform:none}.ds-workspace{grid-template-columns:172px minmax(0,1fr) 255px}.version-sidebar{background:#fff;flex-direction:column;padding:17px 10px;display:flex}.version-side-head{color:#4b574f;justify-content:space-between;align-items:center;padding:0 4px 13px;font-size:11px;font-weight:700;display:flex}.version-side-head small{color:#95a19a;font:9px IBM Plex Mono,monospace}.version-timeline{flex-direction:column;gap:3px;display:flex;position:relative}.revision-item{color:#6e7a72;text-align:left;background:0 0;border:0;border-radius:6px;gap:7px;width:100%;padding:8px 4px;display:flex}.revision-item:hover,.revision-item.active{color:#3e7150;background:#eff7f1}.revision-rail{flex:0 0 9px;width:9px;position:relative}.revision-rail:before{content:"";background:#e2e9e4;width:1px;position:absolute;top:12px;bottom:-10px;left:4px}.revision-item:last-child .revision-rail:before{display:none}.revision-rail i{background:#fff;border:1px solid #cad7ce;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;left:1px}.revision-item.active .revision-rail i{background:#4c9865;border-color:#4c9865;box-shadow:0 0 0 3px #dff0e3}.revision-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.revision-copy b{font:600 11px IBM Plex Mono,monospace}.revision-copy small{color:#9aa39d;font-size:8px}.revision-copy em{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;line-height:1.35;overflow:hidden}.revision-copy mark{color:#428157;background:#dff0e4;border-radius:3px;align-self:flex-start;margin-top:2px;padding:2px 4px;font-size:8px}.revision-detail{border-top:1px solid #e8edea;margin-top:auto;padding:11px 7px 3px}.revision-detail span{color:#8e9b93;font:9px IBM Plex Mono,monospace;display:block}.revision-detail b{color:#435247;margin-top:5px;font-size:10px;display:block}.revision-detail p{color:#87928b;margin:4px 0 0;font-size:9px;line-height:1.5}.canvas-actions{align-items:center;gap:8px;display:flex}.preview-screen-select{color:#8a958e;background:#fff;border:1px solid #d8e0db;border-radius:7px;align-items:center;gap:5px;padding:3px 6px;font-size:9px;display:flex}.preview-screen-select select{color:#526158;background:0 0;border:0;outline:0;max-width:120px;font:10px Noto Sans KR,sans-serif}@media (width<=1000px){.ds-workspace{grid-template-columns:145px minmax(0,1fr)}}@media (width<=650px){.ds-workspace{display:block}.version-sidebar{display:none}.canvas-actions{gap:5px}.preview-screen-select{max-width:130px}.preview-screen-select select{max-width:80px}}.oral-submit-guide{color:#57506e;background:#f7f5ff;border:1px solid #dedbf0;border-radius:11px;align-items:flex-start;gap:11px;margin-top:16px;padding:15px;display:flex}.oral-submit-guide>span{color:#6e5eb4;background:#e7e1ff;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.oral-submit-guide b{font-size:12px}.oral-submit-guide p{color:#777186;margin:4px 0 0;font-size:10px;line-height:1.55}.status.oral{color:#6856af;background:#eeeaff}.oral-assignment{border-color:#e4dff7}