@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{--sans:Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif;--serif:'Noto Serif KR',Georgia,serif;--accent:#bc342b;--ink:#17191b;--paper:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);word-break:keep-all;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}::selection{background:#ded8ce;color:#111}button:disabled{cursor:default}[hidden]{display:none!important}.reveal{opacity:1;transform:none}.motion-ready .reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.6,.2,1)}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(20px)}
.analysis-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.analysis-card{min-width:0;border-top:1px solid #bfc0bd;padding:22px 0;display:block;transition:transform .3s}.analysis-card:hover{transform:translateY(-4px)}.analysis-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;letter-spacing:.03em;margin-bottom:20px}.analysis-school{font-size:12px;font-weight:700;color:var(--accent)}.analysis-card h3{font-size:21px;line-height:1.45;letter-spacing:-.8px;margin:0 0 14px;font-weight:600}.analysis-card p{font-size:13px;line-height:1.65;color:#73777b;margin:0}.analysis-card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:22px;color:#65696c}.analysis-card-arrow{font-size:23px;color:var(--ink)}.analysis-empty{padding:35px 0;color:#747474;font-size:14px;line-height:1.9;grid-column:1/-1}.analysis-meta-note{font-size:11px;color:#8a8a8a;margin-top:14px;line-height:1.7}
.learning-dashboard{background:#fff;color:#242a30;border:1px solid #e3e5e6;border-radius:12px;padding:22px;box-shadow:0 12px 35px #00000007;max-width:460px;width:100%;font-family:var(--sans);text-align:left}.dashboard-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;margin-bottom:20px}.dashboard-top span:last-child{font-size:9px;letter-spacing:.03em;font-weight:400;color:#92979a}.dashboard-title{font-size:12px;color:#777e82;margin:0 0 7px}.dashboard-score{font-size:28px;letter-spacing:-1.5px;font-weight:650;line-height:1.2}.dashboard-score small{font-size:11px;color:#80878b;font-weight:400;letter-spacing:0}.dashboard-chart{width:100%;height:85px;margin:12px 0 6px;overflow:visible}.dashboard-chart .graph-grid{stroke:#eceeef;stroke-width:1}.dashboard-chart .graph-line{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-dasharray:440;stroke-dashoffset:440;animation:draw-chart 2.5s cubic-bezier(.3,.1,.2,1) .4s forwards}.dashboard-chart circle{fill:var(--accent)}.dashboard-labels{display:flex;justify-content:space-between;color:#a0a5a7;font-size:9px}.dashboard-tasks{border-top:1px solid #eef0f1;margin-top:18px;padding-top:13px;display:grid;gap:10px;font-size:11px}.dashboard-tasks>div{display:flex;justify-content:space-between}.dashboard-tasks b{color:var(--accent);font-size:10px;font-weight:500}.dashboard-disclaimer{font-size:9px;color:#9a9da0;margin-top:13px;line-height:1.5}.dashboard-caption{font-size:10px;color:#888;margin:9px 0 0;text-align:right}@keyframes draw-chart{to{stroke-dashoffset:0}}
.concept-modal{border:0;border-radius:0;max-width:540px;width:calc(100% - 32px);max-height:85dvh;padding:42px;background:#fafaf7;color:#1c2024;box-shadow:0 25px 100px #0003;text-align:left;overflow:auto}.concept-modal::backdrop{background:#0007;backdrop-filter:blur(7px)}.concept-modal-close{position:absolute;right:17px;top:12px;border:0;background:none;font-size:30px;line-height:1;padding:8px;font-weight:300}.concept-modal .modal-label{display:block;font-size:10px;color:#929292;letter-spacing:1.5px;margin-bottom:22px}.concept-modal h2{font-size:30px;font-weight:600;letter-spacing:-1.2px;margin:0 0 18px;line-height:1.35}.concept-modal p{font-size:14px;line-height:1.8;margin:12px 0}.concept-form label{font-size:12px;display:block;margin:18px 0 7px}.concept-form input,.concept-form select,.concept-form textarea{width:100%;padding:12px;background:white;border:1px solid #d4d7d8;border-radius:0;font-size:14px;color:#242424}.concept-form textarea{resize:vertical;min-height:75px}.concept-form button[type=submit]{width:100%;margin-top:18px;padding:14px;background:var(--ink);color:white;border:1px solid var(--ink);font-size:13px}.concept-modal .modal-notice{font-size:11px;color:#888;line-height:1.65}.concept-form-status{font-size:12px!important;color:#305349;white-space:pre-wrap}.concept-return{display:inline-block;margin-top:18px;font-size:13px;border-bottom:1px solid #888;padding-bottom:5px}
.concept-switcher{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;padding:18px 20px;font-size:11px;background:#ecece8;color:#62635e}.concept-switcher span{letter-spacing:.12em;font-size:9px}.concept-switcher a{padding:5px 0;border-bottom:1px solid transparent}.concept-switcher a[aria-current=page]{color:#17191b;border-bottom-color:currentColor}.mobile-consult{display:none}
@media(max-width:760px){.analysis-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.analysis-card h3{font-size:18px}.concept-modal{padding:35px 25px}.concept-modal h2{font-size:26px}.learning-dashboard{padding:18px}.mobile-consult{display:flex;position:fixed;z-index:45;bottom:0;left:0;right:0;justify-content:center;align-items:center;gap:18px;padding:17px 20px calc(17px + env(safe-area-inset-bottom));background:var(--ink);color:#fff;border:0;font-size:14px;font-weight:500}.concept-switcher{padding-bottom:85px}.concept-switcher a{font-size:10px}}
@media(max-width:480px){.analysis-cards{grid-template-columns:1fr;gap:0}.analysis-card{padding:19px 0}.analysis-card-top{margin-bottom:12px}.analysis-card h3{font-size:20px}.analysis-card-bottom{margin-top:12px}.learning-dashboard{max-width:100%}.concept-modal .modal-label{font-size:9px}}
.dashboard-chart .graph-line{animation-play-state:paused}.chart-in-view .graph-line,dialog[open] .graph-line{animation-play-state:running}
.school-tabs,.school-filter,.school-nav,.review-grid,.voices-grid{scrollbar-width:none}.school-tabs::-webkit-scrollbar,.school-filter::-webkit-scrollbar,.school-nav::-webkit-scrollbar,.review-grid::-webkit-scrollbar,.voices-grid::-webkit-scrollbar{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}.dashboard-chart .graph-line{stroke-dashoffset:0}}
