:root{--font-sans: "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Space Grotesk", "SFMono-Regular", Consolas, monospace;--brand-blue: #0031ab;--brand-blue-hover: #001f75;--brand-blue-subtle: rgba(0, 49, 171, .08);
 --pen-crimson: #d92632;--pen-crimson-hover: #b91c1c;--pen-crimson-subtle: rgba(217, 38, 50, .08);--pen-crimson-border: rgba(217, 38, 50, .3);--bg-primary: #fbf9f5;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-subtle: #f6f3eb;--border-color: #e5dec9;--border-strong: #cfc6b4;--text-main: #1c2024;--text-muted: #646d78;--text-light: #8a939e;--primary: var(--brand-blue);--primary-hover: var(--brand-blue-hover);--success: #15803d;--warning: #b45309;--danger: var(--pen-crimson);--radius: 10px}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-sans)}body{background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}.font-mono,.mono,code,.score-number{font-family:var(--font-mono)!important;letter-spacing:-.5px}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-container{max-width:960px;width:100%;margin:0 auto;padding:20px 16px}.score-hero-card{background:#fff;border:2px solid var(--pen-crimson);border-radius:12px;padding:28px 24px;box-shadow:0 4px 14px #d9263214;position:relative;overflow:hidden}.score-stamp{position:absolute;top:18px;right:20px;border:2px solid var(--pen-crimson);color:var(--pen-crimson);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:800;transform:rotate(-3deg);letter-spacing:1px;font-family:var(--font-mono);background:#fff8f8}.score-big{font-family:var(--font-mono)!important;font-size:52px;font-weight:800;color:var(--pen-crimson);line-height:1;margin:12px 0 6px}.correction-comment-box{background:#fff8f8;border-left:3px solid var(--pen-crimson);padding:14px 16px;border-radius:0 6px 6px 0;font-size:13.5px;line-height:1.6;color:#374151;margin-top:14px}.app-nav-scroll{display:flex;gap:6px;overflow-x:auto;padding:6px 0 10px;-webkit-overflow-scrolling:touch}.app-nav-scroll::-webkit-scrollbar{height:4px}.app-nav-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.nav-pill{padding:7px 14px;border-radius:20px;border:1px solid var(--border-color);background:#fff;color:var(--text-muted);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .15s ease}.nav-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700;box-shadow:0 2px 6px #d926324d}@media (max-width: 479px){.hdr-sub{display:none}}.app-body{display:flex;align-items:flex-start;width:100%;max-width:1200px;margin:0 auto;flex:1}.app-body>main{min-width:0;flex:1}.app-side{width:220px;flex-shrink:0;position:sticky;top:61px;align-self:flex-start;max-height:calc(100vh - 61px);overflow-y:auto;padding:20px 8px 20px 16px}.app-side nav{display:flex;flex-direction:column;gap:4px}.side-item{text-align:left;min-height:42px;padding:0 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:#646d78;font-size:13.5px;font-weight:500;cursor:pointer}.side-item:hover{background:#f1ece0}.side-item.active{background:var(--brand-blue,#0031ab);color:#fff;font-weight:700}.nav-toggle{display:none;min-height:40px;padding:0 12px;border-radius:6px;border:1px solid #e5dec9;background:#fff;color:#1c2024;font-size:13px;cursor:pointer}@media (max-width:767px){.nav-toggle{display:inline-block}.app-body{display:block}.app-side{display:none;position:static;width:auto;max-height:none;padding:8px 16px;background:#fff;border-bottom:1px solid #e5dec9}.app-side.open{display:block}}