:root{font-family:Noto Sans KR,system-ui,sans-serif;color:#253247;background:#f8f5ee;font-synthesis:none}*{box-sizing:border-box}html{background:#f8f5ee}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh;background-color:#f8f5ee;background-image:radial-gradient(#d9e1df .85px,transparent .85px);background-size:18px 18px}.sidebar{position:fixed;z-index:10;inset:0 auto 0 0;width:254px;padding:28px 20px 24px;color:#eaf0f2;background:#253247;background-image:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:24px 24px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:1px 8px 28px;border-bottom:1px dashed rgba(234,240,242,.28)}.brand-symbol{position:relative;display:inline-grid;flex:0 0 42px;width:42px;height:42px;place-items:center;overflow:hidden;border-radius:11px}.brand-symbol img{position:absolute;top:0;right:0;bottom:0;left:0;width:42px;height:42px;object-fit:contain}.brand-fallback{display:grid;width:34px;height:34px;place-items:center;border:2px solid #20a4c7;border-radius:8px;color:#20a4c7;background:#f8f5ee;transform:rotate(-6deg)}.brand strong{display:block;font-family:Jua,sans-serif;font-size:17px;letter-spacing:-.3px;line-height:1.25}.brand span{display:block;margin-top:3px;color:#a9bdc3;font-size:11px}.side-label{margin:25px 7px 13px;color:#a9bdc3;font-size:11px;font-weight:800;letter-spacing:.1em}.side-label b{color:#fff;margin-left:6px;font-size:13px;letter-spacing:0}.semester-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 7px}.semester-tabs button{min-height:34px;border:1px solid rgba(234,240,242,.22);border-radius:8px;background:#ffffff0a;color:#b8c8cc;font-size:11px;font-weight:700;transition:background .16s ease,color .16s ease}.semester-tabs button b{color:#ecf3f4}.semester-tabs button.active{border-color:#5fc6dc;background:#20a4c7;color:#fff;box-shadow:0 3px #0000002b}.semester-tabs button.active b{color:#fff}.unit-tabs{display:grid;gap:8px}.unit-tab{width:100%;min-height:55px;border:1px solid rgba(234,240,242,.17);border-left:4px solid var(--tab-color);background:#ffffff09;color:#ecf3f4;border-radius:10px;text-align:left;padding:9px 10px;transition:transform .16s ease,background .16s ease}.unit-tab:hover{transform:translate(3px);background:#ffffff14}.unit-tab.active{background:#f8f5ee;color:#253247;box-shadow:0 7px #0000001f}.unit-tab small{display:block;font-family:Jua,sans-serif;font-size:13px;color:var(--tab-color)}.unit-tab strong{display:block;margin-top:1px;font-size:15px}.side-foot{margin-top:auto;padding:15px 13px;border-radius:14px;background:#ffffff12;color:#b8c8cc;font-size:12px;line-height:1.65}.side-foot b{color:#fff}.main{min-height:100vh;margin-left:254px;padding:30px 42px 52px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:38px;border-bottom:1px solid #d6dedb;padding-bottom:16px}.breadcrumb{color:#65777b;font-size:13px;font-weight:700}.breadcrumb b{color:#253247}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.academy-link{border:1px solid #8abfc9;border-radius:999px;padding:7px 11px;color:#147f9a;background:#edf8f7;font-size:11px;font-weight:800;text-decoration:none;transition:transform .16s ease,background .16s ease,color .16s ease}.academy-link:hover{color:#0f6d85;background:#dff3f1;transform:translateY(-1px)}.hero{position:relative;min-height:254px;overflow:hidden;display:flex;align-items:center;margin:30px 0 24px;padding:42px 46px;border:1px solid #dfe6e3;border-left:7px solid #20a4c7;border-radius:18px;background:#f4efe4;box-shadow:0 10px #25324709}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f8f5eef7,#f8f5eed1 45%,#f8f5ee14 73%);pointer-events:none}.hero-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-copy{position:relative;z-index:1;max-width:630px}.kicker{display:inline-flex;gap:8px;align-items:center;color:#20a4c7;font-size:11px;font-weight:800;letter-spacing:.15em}.kicker:before{content:"";width:28px;height:3px;background:#20a4c7;border-radius:99px}h1,h2,h3,p{margin:0}.hero h1{margin-top:12px;font-family:Jua,sans-serif;font-size:clamp(37px,4vw,56px);line-height:1.08;letter-spacing:-.04em}.hero h1 em,.mode-heading em{color:#20a4c7;font-style:normal}.hero p{margin-top:13px;color:#5b6d71;font-size:14px;line-height:1.7}.section-title{display:flex;align-items:end;justify-content:space-between;padding:20px 0 13px;border-bottom:2px solid #253247}.section-title h2:after{content:"";display:block;width:74px;height:4px;margin-top:7px;border-radius:99px;background:#20a4c7}.section-title h2{font-family:Jua,sans-serif;font-size:24px;letter-spacing:-.02em}.section-title span{color:#748587;font-size:12px;font-weight:700}.major-grid{position:relative;display:grid;grid-template-columns:1fr;gap:0;margin:20px 0 0 28px;padding:0 0 0 17px;border-left:1px dashed #a9bec0}.major-card{position:relative;display:grid;grid-template-columns:48px minmax(110px,.7fr) 1fr 29px;align-items:center;min-height:63px;overflow:visible;border:1px solid #d6dddb;border-left:6px solid var(--major-color);border-radius:0 11px 11px 0;color:#253247;background:#ffffffbd;text-align:left;padding:0 20px 0 0;box-shadow:0 3px #dce3e0;transition:transform .16s ease,background .16s ease}.major-card:before{content:"";position:absolute;left:-25px;width:15px;height:1px;background:#a9bec0}.major-card+.major-card{margin-top:9px}.major-card:hover{transform:translate(5px);background:#fff}.major-card.active{border-left-color:#20a4c7;background:#f5fcfc;box-shadow:0 4px #9edce9}.major-card .number{display:inline-flex;align-items:center;justify-content:center;width:31px;height:29px;margin-left:13px;border-radius:7px;background:#f2f6f5;color:#20a4c7;font-size:12px;font-weight:800}.major-card.active .number{background:#20a4c7;color:#fff}.major-card strong{display:block;font-family:Jua,sans-serif;font-size:21px}.major-card small{display:block;color:#718285;font-size:11px;text-align:right}.major-card .mini-rule{width:19px;height:3px;border-radius:4px;background:var(--major-color)}.major-card.active .mini-rule{background:#20a4c7}.mode-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px;padding-top:16px;border-top:1px dashed #b8c8c6}.mode-button{min-height:88px;border-radius:13px;border:1px solid #d8e1de;background:#ffffffad}.mode-button{display:flex;align-items:center;gap:10px;text-align:left;padding:14px;color:#253247;border-left:3px solid transparent;transition:background .16s ease,transform .16s ease,border-color .16s ease}.mode-button:hover{border-left-color:#20a4c7;background:#fff;transform:translateY(-2px)}.mode-button svg{color:#20a4c7}.mode-button strong{font-size:14px}.mode-button small{display:block;margin-top:3px;color:#708286;font-size:10px}.workspace{max-width:1020px;margin:30px auto 0}.workspace-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.back-button,.text-button{border:0;color:#596e73;background:transparent;padding:5px 0;font-size:13px;font-weight:700}.back-button:hover,.text-button:hover{color:#20a4c7}.mode-heading{margin-top:10px;font-family:Jua,sans-serif;font-size:35px;line-height:1.16}.mode-note{margin-top:7px;color:#64767a;font-size:13px;line-height:1.65}.paper{position:relative;overflow:hidden;border:1px solid #d8e1de;border-radius:16px;background:#ffffffe0;box-shadow:0 13px 32px #293b4014}.paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.52;background:linear-gradient(90deg,transparent 0 36px,#f1d1c9 36px 37px,transparent 37px),repeating-linear-gradient(0deg,transparent 0 34px,rgba(121,150,157,.11) 34px 35px)}.paper>*{position:relative}.question-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 28px 15px 58px;border-bottom:1px solid #e0e8e5;color:#687a7d;font-size:11px;font-weight:700}.question-meta b{color:#20a4c7}.question-card{padding:43px 54px 38px 78px;min-height:310px}.question-number{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:32px;border-radius:8px;background:#68787a;color:#fff;font-family:Jua,sans-serif;font-size:17px}.question-prompt{margin-top:22px;max-width:810px;white-space:pre-wrap;font-family:Noto Sans KR,sans-serif;font-size:clamp(20px,2.15vw,30px);font-weight:700;line-height:1.7;letter-spacing:-.03em}.math-text{display:inline}.math-number{display:inline-block;font-family:Jua,Noto Sans KR,sans-serif;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:0}.decimal-number{letter-spacing:.012em}.angle-number{white-space:nowrap}.math-operator{display:inline-block;margin:0 .19em;font-family:Jua,Noto Sans KR,sans-serif;font-weight:400;letter-spacing:0}.fraction-expression{display:inline-flex;align-items:center;vertical-align:middle;gap:.16em;margin:0 .09em;font-family:Jua,Noto Sans KR,sans-serif;font-weight:400;line-height:1;white-space:nowrap}.whole-number{padding-top:.07em}.vertical-fraction{display:inline-grid;grid-template-rows:auto auto;min-width:1.05em;vertical-align:middle;text-align:center;font-size:.86em;line-height:.86}.vertical-fraction>span:first-child{border-bottom:.09em solid currentColor;padding:0 .16em .1em}.vertical-fraction>span:last-child{padding:.1em .16em 0}.visual-note{display:inline-flex;align-items:center;gap:6px;margin-top:19px;padding:7px 10px;border-radius:8px;background:#edf7f7;color:#3d747c;font-size:11px;font-weight:700}.visual-aid,.angle-aid,.story-aid{margin-top:21px}.average-number-run{max-width:620px;display:flex;align-items:center;gap:10px;margin-top:20px;padding:12px 14px;border:1px dashed #b8d487;border-radius:11px;background:#f8ffec}.average-number-run>span{color:#698d38;font-size:11px;font-weight:900}.average-number-run>div{display:flex;flex:1;flex-wrap:wrap;gap:8px}.average-number-run b{min-width:43px;padding:5px 9px;border-radius:7px;color:#41592b;background:#fff;font-family:Jua,Noto Sans KR,sans-serif;font-size:20px;text-align:center;box-shadow:0 1px #52742921}.average-data-card{max-width:690px;margin-top:20px;padding:12px;border:1px solid #d7cdec;border-radius:11px;background:#fcfbff}.average-data-card h4{margin:0 0 9px;color:#5f4f88;font-size:13px;font-weight:900;text-align:center}.average-table-scroll{overflow-x:auto;padding-bottom:1px}.average-data-table{width:100%;min-width:max-content;overflow:hidden;border:1px solid #cfc0e7;border-radius:8px;border-collapse:separate;border-spacing:0;background:#fff}.average-data-table th,.average-data-table td{min-height:34px;padding:7px 10px;border-right:1px solid #ddd3ed;border-bottom:1px solid #ddd3ed;color:#30434b;font-size:13px;font-weight:800;text-align:center;white-space:nowrap}.average-data-table th{color:#4f3f75;background:#eeeafd}.average-data-table tr:last-child th,.average-data-table tr:last-child td{border-bottom:0}.average-data-table th:last-child,.average-data-table td:last-child{border-right:0}.average-comparison-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-width:860px;margin-top:20px}.average-comparison-tables .average-data-card{min-width:0;margin-top:0}.average-comparison-tables .average-data-table th,.average-comparison-tables .average-data-table td{padding:7px 8px;font-size:12px}.average-series-pair{display:grid;gap:9px;max-width:680px;margin-top:20px}.average-series{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;padding:9px 12px;border:1px dashed #beb1dd;border-radius:10px;background:#fbfaff}.average-series strong{color:#5a4a80;font-family:Jua,Noto Sans KR,sans-serif;font-size:20px;text-align:center}.average-series>div{display:flex;flex-wrap:wrap;gap:7px}.average-series span{min-width:39px;padding:4px 8px;border-radius:6px;color:#3d3556;background:#fff;font-family:Jua,Noto Sans KR,sans-serif;font-size:18px;text-align:center}.average-missing-panel{max-width:680px;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:12px;margin-top:20px;padding:12px;border:1px solid #c9d8ba;border-radius:11px;background:#f9fff5}.average-missing-panel>span{display:grid;gap:2px;color:#507640;font-size:11px;font-weight:900;text-align:center}.average-missing-panel>span b{font-family:Jua,Noto Sans KR,sans-serif;font-size:23px}.average-missing-panel>div{display:flex;flex-wrap:wrap;gap:7px}.average-missing-panel i{min-width:42px;padding:5px 8px;border-radius:7px;color:#3e573a;background:#fff;font-family:Jua,Noto Sans KR,sans-serif;font-size:19px;font-style:normal;text-align:center}.average-missing-panel i.blank{color:#19839b;background:#e7f8fa;box-shadow:inset 0 0 0 1px #91d4de}.aid-label{display:block;margin-bottom:8px;color:#54767d;font-size:10px;font-weight:800;letter-spacing:.08em}.table-aid{max-width:500px;padding:14px;border:1px solid #d6c7e8;border-radius:11px;background:#fbf8ff}.rule-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border:1px solid #b7a3d0;border-radius:7px;background:#fff}.rule-grid span{min-height:32px;display:grid;place-items:center;border-right:1px solid #d7c8e8;border-bottom:1px solid #d7c8e8;color:#364852;font-size:13px;font-weight:700}.rule-grid span:nth-child(5n){border-right:0}.rule-grid span:nth-last-child(-n+5){border-bottom:0}.rule-grid .blank-cell{color:#20a4c7;background:#f1fbfc;font-size:17px}.pattern-aid{max-width:670px;padding:14px;border:1px solid #ead4bd;border-radius:11px;background:#fff8ef}.reference-grid{max-width:365px;margin-bottom:12px}.reference-grid .rule-grid{grid-template-columns:repeat(6,minmax(0,1fr));border-color:#a8c96f}.reference-grid .rule-grid span{min-height:25px;border-color:#cde4a7;font-size:11px}.reference-grid .rule-grid span:nth-child(5n){border-right:1px solid #cde4a7}.reference-grid .rule-grid span:nth-child(6n){border-right:0}.reference-grid .rule-grid span:nth-last-child(-n+5){border-bottom:1px solid #cde4a7}.reference-grid .rule-grid span:nth-last-child(-n+6){border-bottom:0}.reference-grid.rose .rule-grid{border-color:#e8a9bd}.reference-grid.rose .rule-grid span{border-color:#f3c9d6}.pattern-lines{display:grid;gap:3px;border:1px dashed #e5bc8b;border-radius:8px;padding:11px 14px;background:#ffffffbd;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.45}.pattern-lines strong{margin-top:5px;color:#17849d;font-family:Noto Sans KR,sans-serif;font-size:11px}.angle-aid{display:flex;max-width:430px;align-items:center;gap:17px;padding:12px 17px;border:1px solid #d9dfe8;border-radius:12px;background:#fbfcff}.angle-aid svg{width:160px;flex:0 0 160px}.source-angle-aid{width:fit-content;max-width:430px;padding:8px 13px 11px}.source-angle-aid img{width:min(100%,260px);max-height:230px;display:block;object-fit:contain;border-radius:6px}.grade4-2-angle-aid{max-width:620px}.grade4-2-angle-aid img{width:min(100%,510px);max-height:350px}.grade5-polygon-aid{display:grid;max-width:650px;gap:8px}.grade5-polygon-aid img{width:min(100%,540px);max-height:none;justify-self:center}.grade5-polygon-aid>span{justify-self:start}.grade6-surface-area-aid{display:grid;width:min(100%,560px);max-width:560px;gap:9px}.grade6-surface-area-aid img{width:min(100%,360px);max-height:none;min-height:130px;justify-self:center;background:#fff;border:1px solid #edf1f4}.grade6-surface-area-aid>span{justify-self:start}.angle-aid polygon{fill:#f9fbfd;stroke:#273946;stroke-width:2.4;stroke-linejoin:round}.angle-aid .angle-arc{fill:none;stroke:#dc6f9a;stroke-width:1.7;stroke-dasharray:26 50;transform:rotate(-42deg);transform-origin:center}.angle-aid .right-angle{fill:none;stroke:#dc6f9a;stroke-width:2}.angle-aid text{fill:#263742;font-family:Noto Sans KR,sans-serif;font-size:13px;font-weight:800}.angle-aid .unknown-box{fill:#fff;stroke:#314754;stroke-width:1.3}.angle-aid .unknown-angle{fill:#20a4c7}.angle-aid span,.story-aid>span{color:#587078;font-size:11px;line-height:1.6}.story-aid{display:grid;gap:8px;max-width:470px;padding:14px 18px;border:1px solid #eedbb8;border-radius:12px;background:#fffaf1}.story-scene{position:relative;width:min(100%,290px);min-height:138px;display:grid;place-items:center;border-radius:9px;background:radial-gradient(circle at 50% 15%,#fffefb,#f9efd9);overflow:hidden}.story-scene img{width:100%;height:138px;object-fit:contain}.source-story-aid .story-scene{width:min(100%,390px);min-height:170px;background:#fff}.source-story-aid .story-scene img{width:100%;height:170px;object-fit:contain}.story-angle{position:absolute;z-index:1;padding:2px 4px;border-radius:4px;background:#ffffffdb;color:#b25582;font-size:12px;font-weight:900;transform:translate(-50%,-50%);box-shadow:0 1px 2px #4a2b1b1f}.story-aid>span{color:#587078;font-size:11px;line-height:1.6}.answer-box{display:flex;gap:10px;margin-top:30px}.wide-answer-box{display:grid;grid-template-columns:1fr auto;align-items:stretch}.wide-answer-box .long-expression-input{min-width:0;height:62px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(13px,1.55vw,18px);letter-spacing:-.04em}.wide-answer-box .primary-button{min-width:73px}.answer-box input{flex:1;min-width:0;height:52px;border:2px solid #c8d9d8;border-radius:10px;background:#fbfcfa;padding:0 15px;color:#253247;font-size:18px;outline:none}.answer-box input:focus{border-color:#20a4c7;box-shadow:0 0 0 4px #20a4c71f}.fraction-answer-area{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:27px}.fraction-submit{min-width:86px}.comparison-submit-area{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:27px}.comparison-answer-area{padding:15px 17px;border:1px solid #bcdde3;border-radius:13px;background:linear-gradient(135deg,#f4fcfd,#fff)}.comparison-answer-area>span{display:block;color:#176f83;font-size:12px;font-weight:900}.comparison-answer-area>div{display:flex;gap:9px;margin-top:10px}.comparison-answer-area button{flex:1;min-height:48px;border:1px solid #c8dfe2;border-radius:9px;color:#294650;background:#fff;font-family:Jua,Noto Sans KR,sans-serif;font-size:27px;transition:transform .13s ease,background .13s ease}.comparison-answer-area button.active{border-color:#20a4c7;color:#087e98;background:#e7f8fa;box-shadow:0 0 0 3px #20a4c726}.comparison-answer-area button:active{transform:scale(.96)}.multi-choice-submit-area{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:27px}.multi-choice-answer{padding:15px 17px;border:1px solid #bcdde3;border-radius:13px;background:linear-gradient(135deg,#f4fcfd,#fff)}.multi-choice-answer header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.multi-choice-answer header span{color:#176f83;font-size:12px;font-weight:900}.multi-choice-answer header small{color:#6c8185;font-size:10px;font-weight:700}.multi-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px}.multi-choice-grid button{display:flex;min-width:0;min-height:44px;align-items:center;justify-content:center;gap:7px;border:1px solid #c8dfe2;border-radius:9px;color:#294650;background:#fff;font-family:Jua,Noto Sans KR,sans-serif;font-size:18px;transition:transform .13s ease,background .13s ease,border-color .13s ease}.multi-choice-grid button i{display:inline-grid;width:18px;height:18px;flex:0 0 18px;place-items:center;border:1px solid #a9cbd1;border-radius:5px;color:#fff;background:#fff;font-family:Noto Sans KR,sans-serif;font-size:12px;font-style:normal;font-weight:900}.multi-choice-grid button.selected{border-color:#20a4c7;color:#087e98;background:#e7f8fa;box-shadow:0 0 0 3px #20a4c71c}.multi-choice-grid button.selected i{border-color:#20a4c7;background:#20a4c7}.multi-choice-grid button:active{transform:scale(.97)}.estimation-triple-submit-area{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:27px}.estimation-triple-answer{padding:15px 17px;border:1px solid #e6cbb2;border-radius:13px;background:linear-gradient(135deg,#fffaf3,#fff)}.estimation-triple-answer header{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.estimation-triple-answer header span{color:#97572d;font-size:12px;font-weight:900}.estimation-triple-answer header small{color:#867168;font-size:10px;font-weight:700}.estimation-triple-answer>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}.estimation-triple-answer label{display:grid;gap:5px;min-width:0;padding:8px;border:1px solid #edd9c7;border-radius:9px;background:#fff}.estimation-triple-answer label b{color:#a15a2b;font-size:12px;text-align:center}.estimation-triple-answer input{width:100%;min-width:0;height:39px;border:1px solid #d8c6ba;border-radius:7px;padding:0 7px;color:#253247;background:#fffdfb;font-family:Jua,Noto Sans KR,sans-serif;font-size:18px;text-align:center;outline:none}.estimation-triple-answer input:focus{border-color:#e6983e;box-shadow:0 0 0 3px #e6983e21}.fraction-keypad{min-width:0;padding:15px 16px 12px;border:1px solid #bcdde3;border-radius:13px;background:linear-gradient(135deg,#f4fcfd,#fff)}.fraction-keypad header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.fraction-keypad header span{color:#176f83;font-size:12px;font-weight:900}.fraction-keypad header small{color:#6c8185;font-size:10px}.fraction-preview{display:flex;align-items:center;justify-content:center;gap:10px;min-height:68px;margin:9px 0;color:#263a48;font-family:Jua,Noto Sans KR,sans-serif}.fraction-preview.multiple-fraction-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px}.fraction-entry{display:grid;justify-items:center;gap:4px;min-width:0;padding:5px 7px 7px;border:1px dashed transparent;border-radius:9px}.fraction-entry.selected{border-color:#90d4df;background:#e7f8fa9e}.fraction-entry-label{border:0;padding:0;color:#69838a;background:transparent;font-family:Noto Sans KR,sans-serif;font-size:10px;font-weight:900}.fraction-entry.selected .fraction-entry-label{color:#167e95}.fraction-entry-fields{display:flex;align-items:center;justify-content:center;gap:8px}.whole-slot,.preview-fraction button{min-width:52px;border:1px solid #c8dfe2;border-radius:7px;color:#324d54;background:#fff;font-family:inherit;font-size:20px;line-height:1}.whole-slot{min-height:35px;padding:5px 9px}.preview-fraction{display:grid;grid-template-rows:1fr 2px 1fr;min-width:58px;align-items:center}.preview-fraction button{min-height:29px;border-radius:6px;padding:3px 8px}.preview-fraction i{height:2px;margin:3px 2px;background:#344d59}.fraction-preview button.active{border-color:#20a4c7;color:#087e98;box-shadow:0 0 0 3px #20a4c726}.keypad-controls{display:flex;justify-content:center;gap:6px;margin-bottom:8px}.keypad-controls button{flex:1;border:1px solid #cbe0e1;border-radius:7px;padding:5px 9px;color:#37656d;background:#fff;font-size:11px;font-weight:800}.keypad-controls .previous-field-key{border-color:#b5d8df;color:#3a7380;background:#f4fbfc}.keypad-controls .next-field-key{border-color:#8acdda;color:#097e97;background:#eaf9fb}.digit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.digit-grid button{min-height:32px;border:1px solid #c8dfe2;border-radius:7px;color:#243e49;background:#fff;font-family:Jua,Noto Sans KR,sans-serif;font-size:17px;transition:transform .13s ease,background .13s ease}.digit-grid button:hover,.keypad-controls button:hover{background:#e7f8fa}.digit-grid button:active{transform:scale(.96)}.digit-grid .utility-key{color:#39717a;font-family:Noto Sans KR,sans-serif;font-size:10px;font-weight:800}.fraction-keypad p{margin:9px 0 0;color:#688086;font-size:10px;text-align:center}.primary-button,.secondary-button{border:0;border-radius:10px;padding:0 19px;min-height:48px;font-weight:800;transition:transform .14s ease,background .14s ease}.primary-button{background:#20a4c7;color:#fff;box-shadow:0 4px #117895}.primary-button:hover{background:#148eaf}.secondary-button{border:1px solid #bed1d1;background:#f7fbfa;color:#355358}.primary-button:active,.secondary-button:active{transform:scale(.97)}.feedback{margin-top:18px;border-radius:10px;padding:13px 15px;font-size:13px;font-weight:700}.feedback.correct{background:#eaf8f5;color:#177a6b}.feedback.wrong{background:#fff0ed;color:#b84c36}.answer-reveal{margin-top:26px;padding:18px;border-radius:11px;background:#ecf8fb;color:#1a6575}.answer-reveal span{display:block;font-size:11px;font-weight:800;letter-spacing:.09em}.answer-reveal strong{display:block;margin-top:5px;font-size:24px;word-break:break-word}.paper-footer{display:flex;justify-content:space-between;gap:12px;padding:16px 28px 18px 58px;border-top:1px solid #e0e8e5}.progress-dots{display:flex;align-items:center;gap:5px;color:#6c7e81;font-size:12px;font-weight:700}.progress-dots i{display:block;width:6px;height:6px;background:#cbd8d7;border-radius:50%}.progress-dots i.active{background:#20a4c7}.flash-controls{display:flex;gap:9px}.flash-answer{margin-top:28px;padding:20px;border:1px dashed #97cbd6;border-radius:11px;background:#f0fbfc}.flash-answer span{color:#54818a;font-size:11px;font-weight:800}.flash-answer strong{display:block;margin-top:5px;color:#12667a;font-size:24px}.flash-choice-options{max-width:560px;margin-top:21px;padding:14px 16px;border:1px solid #d4e2e1;border-radius:12px;background:#fbfdfc}.flash-choice-options header{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.flash-choice-options header span{color:#4b737b;font-size:11px;font-weight:900;letter-spacing:.08em}.flash-choice-options header small{color:#71878b;font-size:10px;font-weight:700}.flash-choice-options>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.flash-choice-options>div>span{display:flex;min-width:0;min-height:38px;align-items:center;justify-content:center;gap:6px;border:1px solid #d7e4e3;border-radius:8px;color:#40585e;background:#fff;font-family:Jua,Noto Sans KR,sans-serif;font-size:17px}.flash-choice-options i{display:inline-grid;width:17px;height:17px;flex:0 0 17px;place-items:center;border:1px solid #b8ced0;border-radius:5px;color:#fff;background:#fff;font-family:Noto Sans KR,sans-serif;font-size:11px;font-style:normal;font-weight:900}.flash-choice-options.revealed>div>span.correct{border-color:#20a4c7;color:#087e98;background:#e7f8fa;box-shadow:0 0 0 2px #20a4c71c}.flash-choice-options.revealed>div>span.correct i{border-color:#20a4c7;background:#20a4c7}.flash-answer small .fraction-expression,.answer-reveal small .fraction-expression{font-size:1.05em}.practice-top,.tournament-stats{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px;color:#637477;font-size:12px;font-weight:700}.practice-top strong,.tournament-stats strong{color:#20a4c7}.timer{display:flex;gap:8px;align-items:center;padding:10px 13px;border:1px solid #b9d8df;border-radius:999px;color:#167890;background:#f3fbfc;font-size:12px;font-weight:800}.timer.warn{border-color:#f1baaa;color:#c15a43;background:#fff5f1}.tournament-brief{display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;border-radius:16px;border:1px solid #d8e1de;background:#fff}.tournament-copy{padding:37px;background:#253247;color:#fff}.tournament-copy .kicker{color:#8ed9e9}.tournament-copy .kicker:before{background:#8ed9e9}.tournament-copy h2{margin-top:14px;font-family:Jua,sans-serif;font-size:37px;line-height:1.18}.tournament-copy p{margin-top:13px;color:#c0d1d4;font-size:13px;line-height:1.7}.score-guide{display:grid;align-content:center;gap:15px;padding:30px;background:#eff8f7}.score-guide div{display:flex;align-items:center;gap:10px}.score-guide b{display:block;font-size:19px;color:#253247}.score-guide span{display:block;color:#65777b;font-size:11px}.score-guide svg{color:#20a4c7}.start-pane{margin-top:18px;padding:23px;text-align:center;border:1px dashed #bcd4d2;border-radius:14px;background:#ffffffb8}.start-pane p{margin:8px auto 16px;max-width:470px;color:#64767a;font-size:13px;line-height:1.65}.tournament-question{margin-top:18px}.tournament-question .paper{min-height:340px}.fast-chip{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:4px 7px;border-radius:7px;background:#fff5df;color:#b27219;font-size:10px;font-weight:800}.scoreboard{display:grid;grid-template-columns:.95fr 1.35fr;gap:18px}.score-summary-card{min-height:340px;overflow:hidden;position:relative;border:1px solid #d8e1de;border-radius:16px;background:#253247;color:#fff;padding:31px}.score-summary-card h2{margin-top:11px;font-family:Jua,sans-serif;font-size:34px;line-height:1.2}.score-summary-card p{margin-top:10px;max-width:250px;color:#c0d2d4;font-size:12px;line-height:1.65}.score-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:26px;position:relative;z-index:1}.score-metrics div{padding:10px 7px;border-radius:9px;background:#ffffff1a;text-align:center}.score-metrics b{display:block;font-family:Jua,sans-serif;font-size:22px}.score-metrics span{display:block;margin-top:2px;color:#b9d1d3;font-size:9px}.record-panel{min-height:340px;padding:23px 25px;border:1px solid #d8e1de;border-radius:16px;background:#ffffffc7}.record-panel header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe7e4;padding-bottom:13px}.record-panel h3{font-family:Jua,sans-serif;font-size:21px}.record-panel header span{color:#687a7d;font-size:11px;font-weight:700}.record-list{margin-top:5px}.record{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #e5ecea}.record:last-child{border-bottom:0}.record-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#eaf8f8;color:#1687a0}.record-copy{flex:1;min-width:0}.record-copy b{display:block;font-size:12px}.record-copy span{display:block;margin-top:2px;color:#718285;font-size:10px}.record-score{color:#20a4c7;font-family:Jua,sans-serif;font-size:18px}.empty-record{display:grid;place-items:center;min-height:230px;text-align:center;color:#718285}.empty-record svg{color:#20a4c7}.empty-record b{margin-top:9px;color:#43585c;font-size:14px}.empty-record p{margin-top:4px;font-size:11px}@media(max-width:1120px){.mode-strip{grid-template-columns:repeat(2,1fr)}.mode-lead{grid-column:span 2}}@media(max-width:820px){.sidebar{position:static;width:100%;min-height:auto;padding:16px}.brand{padding-bottom:13px;border:0}.side-label,.side-foot{display:none}.semester-tabs{display:flex;padding:0 0 9px}.semester-tabs button{flex:0 0 92px}.unit-tabs{display:flex;overflow-x:auto;gap:7px;padding-bottom:2px}.unit-tab{flex:0 0 116px;min-height:47px}.main{margin-left:0;padding:18px 16px 34px}.hero{min-height:238px;padding:31px 25px}.hero:after{background:#f8f5eed9}.hero-art{object-position:72% center}.hero-copy{max-width:500px}.hero h1{font-size:39px}.major-grid{grid-template-columns:repeat(2,1fr)}.question-card{padding:31px 21px 29px 46px}.question-meta,.paper-footer{padding-left:46px;padding-right:18px}.question-prompt{font-size:21px}.average-comparison-tables,.tournament-brief,.scoreboard{grid-template-columns:1fr}}@media(max-width:520px){.topbar{align-items:flex-start;flex-wrap:wrap;gap:10px}.topbar-actions{width:100%;justify-content:space-between}.data-badge{font-size:10px}.hero{margin-top:18px;padding:31px 24px}.hero:before{display:none}.hero h1{font-size:33px}.major-grid{margin-left:13px;padding-left:12px}.major-card{grid-template-columns:42px 1fr 72px 18px;min-height:58px;padding-right:10px}.major-card .number{margin-left:7px}.major-card strong{font-size:19px}.mode-strip{grid-template-columns:1fr}.mode-lead{grid-column:auto}.workspace-header{flex-direction:column}.answer-box,.fraction-answer-area,.comparison-submit-area,.multi-choice-submit-area,.estimation-triple-submit-area{grid-template-columns:1fr;flex-direction:column}.wide-answer-box{display:flex}.wide-answer-box .long-expression-input{height:72px;font-size:13px}.answer-box button,.fraction-submit,.comparison-submit-area>.primary-button,.multi-choice-submit-area>.primary-button,.estimation-triple-submit-area>.primary-button{min-height:48px;width:100%}.multi-choice-grid,.flash-choice-options>div{grid-template-columns:repeat(2,minmax(0,1fr))}.average-number-run{align-items:flex-start;flex-direction:column}.average-data-card{padding:9px}.average-data-table th,.average-data-table td{padding:7px 8px;font-size:12px}.average-missing-panel{grid-template-columns:64px minmax(0,1fr);gap:8px;padding:9px}.average-missing-panel i{min-width:36px;padding:4px 6px;font-size:17px}.estimation-triple-answer header{align-items:flex-start;flex-direction:column;gap:3px}.estimation-triple-answer>div{gap:5px}.estimation-triple-answer label{padding:6px 4px}.estimation-triple-answer input{font-size:16px}.digit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fraction-keypad header{align-items:flex-start;flex-direction:column;gap:3px}.flash-controls{width:100%}.flash-controls button{flex:1}.question-card,.question-meta,.paper-footer{padding-left:35px}.angle-aid{align-items:flex-start;flex-direction:column}.story-aid{grid-template-columns:1fr}.story-aid>span{grid-column:auto}}@media(max-width:520px){.academy-link{position:fixed;z-index:100;top:12px;right:14px;width:94px;padding:6px 7px;text-align:center;line-height:1.25;font-size:10px;word-break:keep-all;box-shadow:0 4px 12px #2532472e}}@media(prefers-reduced-motion:no-preference){.paper{animation:paper-in .22s cubic-bezier(.23,1,.32,1)}@keyframes paper-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}