:root{--font-sans: "IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--brand-blue: #1638e8;--brand-blue-hover: #0f2bb8;--brand-blue-subtle: rgba(22, 56, 232, .08);--pen-crimson: #c8371f;--pen-crimson-hover: #a92e1a;--pen-crimson-subtle: rgba(200, 55, 31, .08);--pen-crimson-border: rgba(200, 55, 31, .3);--bg-primary: #fbf3e7;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-subtle: #f6ecdc;--border-color: #e3d8c6;--border-strong: #cfc6b4;--text-main: #1a1a1a;--text-muted: #5b5348;--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)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--primary);outline-offset:2px}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 #c8371f14;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 #c8371f4d}@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}}@media (max-width: 480px){.hdr-user{max-width:26vw!important}}@media (max-width: 400px){.hdr-user{display:none}}.app-body.is-full{max-width:none}.app-body.is-full>.app-side{display:none!important}.app-body.is-full>main{max-width:none!important;padding:0!important}.app-body.is-full+*{display:none}.v3-auth{display:grid;grid-template-columns:1fr;min-height:calc(100vh - 61px);background:#fbf3e7}.v3-auth-art{position:relative;overflow:hidden;padding:28px 20px 0;min-height:360px;background:#fbf3e7}.v3-auth.is-dark .v3-auth-art{background:#222;color:#fff}.v3-auth-eyebrow{position:relative;z-index:2;font-size:12px;font-weight:700;letter-spacing:.14em;color:#6b6257}.v3-auth-eyebrow.is-lime{color:#d5ef36}.v3-auth-slogan{position:relative;z-index:2;margin-top:10px;font-family:"Noto Serif Display",Hahmlet,Georgia,serif;font-style:italic;font-weight:800;font-size:clamp(44px,7vw,92px);line-height:1.04;letter-spacing:-.025em;color:#1a1a1a}.v3-auth-slogan span{color:#ff694f}.v3-auth-slogan.is-light{color:#fff;font-size:clamp(40px,5.4vw,70px)}.v3-auth-lead{position:relative;z-index:2;margin-top:14px;font-family:Hahmlet,serif;font-weight:700;font-size:20px;line-height:1.55;color:#1a1a1a}.v3-auth-lead.is-light{color:#e9e2d6;font-size:18px}.v3-auth-lead mark{background:linear-gradient(transparent 56%,#d5ef36 56%);color:inherit;padding:0 2px}.v3-auth-img{position:absolute;right:0;bottom:0;height:100%;max-height:360px;width:auto;max-width:70%;object-fit:cover;object-position:50% 10%}.v3-auth-img.is-cover{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none}@media (max-width: 1023px){.v3-auth-art:not(.is-dark *){padding-bottom:0;min-height:0}.v3-auth:not(.is-dark) .v3-auth-img{position:relative;display:block;width:calc(100% + 40px);max-width:none;height:280px;max-height:none;margin:18px -20px 0;object-fit:cover;object-position:50% 18%}}.v3-auth-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#1a1a1aeb,#1a1a1ac7 30%,#1a1a1a00 56%,#1a1a1a00 72%,#1a1a1ad9)}.v3-auth-badge{position:absolute;left:20px;bottom:20px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fbf3e7f0;color:#1a1a1a;font-size:13px;font-weight:700}.v3-auth-badge span{width:9px;height:9px;border-radius:999px;background:#1638e8}.v3-auth-form-wrap{display:flex;justify-content:center;align-items:flex-start;padding:28px 16px 48px;background:#fffdf9}.v3-auth-form,.v3-pick,.v3-signup-card{width:100%;max-width:440px;display:flex;flex-direction:column;gap:14px}.v3-pick{max-width:640px}.v3-signup-card{max-width:520px;background:#fffdf9;border:1.5px solid #1a1a1a;border-radius:22px;box-shadow:8px 8px #1a1a1a;padding:26px 24px}.v3-auth-kicker{font-size:13px;font-weight:700;letter-spacing:.08em;color:#1638e8}.v3-auth-form h2,.v3-pick h2{font-family:Hahmlet,serif;font-weight:800;font-size:clamp(28px,3vw,40px);letter-spacing:-.02em;line-height:1.15;color:#1a1a1a}.v3-signup-card h2{font-family:Hahmlet,serif!important;font-weight:800!important;font-size:26px!important}.v3-auth-sub{font-size:15px;line-height:1.65;color:#4a443b}.v3-auth-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700;color:#1a1a1a}.v3-auth-form input{height:52px;padding:0 16px;border:1.5px solid #cfc3ae;border-radius:14px;background:#fff;font-size:16px;color:#1a1a1a;width:100%}.v3-pw{position:relative;display:block}.v3-pw input{padding-right:70px}.v3-pw button{position:absolute;right:6px;top:6px;height:40px;min-width:52px;border:0;border-radius:10px;background:#f1e7d6;color:#4a443b;font-size:13px;font-weight:700;cursor:pointer}.v3-primary{min-height:56px;border:0;border-radius:999px;background:#1638e8;color:#fff;font-size:17px;font-weight:700;cursor:pointer}.v3-primary:disabled{opacity:.65;cursor:default}.v3-secondary{min-height:52px;border:1.5px solid #1a1a1a;border-radius:999px;background:transparent;color:#1a1a1a;font-size:16px;font-weight:700;cursor:pointer}.v3-or{display:flex;align-items:center;gap:12px;font-size:13px;color:#6b6257}.v3-or:before,.v3-or:after{content:"";flex:1;height:1px;background:#e3d8c6}.v3-note{padding:14px 16px;border-radius:14px;background:#fff0e8;font-size:14px;line-height:1.6;color:#4a443b}.v3-links{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px}.v3-links a{color:#4a443b;min-height:32px;display:inline-flex;align-items:center}.v3-back{align-self:flex-start;border:0;background:none;color:#1638e8;font-weight:700;font-size:14px;min-height:36px;cursor:pointer;padding:0}.v3-pick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v3-pick-card{position:relative;text-align:left;min-height:76px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #e3d8c6;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,box-shadow .15s,transform .15s}.v3-pick-card strong{font-family:Hahmlet,serif;font-weight:800;font-size:17px;color:#1a1a1a}.v3-pick-card span{font-size:12.5px;color:#6b6257}.v3-pick-card:hover{border-color:#1638e8}.v3-pick-card.on{border:2px solid #1638e8;box-shadow:4px 4px #1638e8;transform:translate(-1px,-1px)}.v3-pick-card em{position:absolute;right:12px;top:12px;width:26px;height:26px;border-radius:999px;background:#1638e8;color:#fff;font-style:normal;font:700 13px/26px IBM Plex Mono,monospace;text-align:center}.v3-signup-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media (min-width: 768px){.v3-pick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.v3-auth{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.v3-auth.is-dark{grid-template-columns:600px minmax(0,1fr)}.v3-auth-art{padding:44px 56px;min-height:calc(100vh - 61px)}.v3-auth-img{height:78%;max-height:720px;max-width:66%}.v3-auth-badge{left:56px;bottom:44px}.v3-auth-form-wrap{align-items:center;padding:48px 56px;border-left:1px solid #e3d8c6}}@media (prefers-reduced-motion: reduce){.v3-pick-card{transition:none}}.v3-mode{border:1px solid #e3d8c6;border-radius:14px;padding:12px 16px;display:flex;flex-wrap:wrap;gap:6px 20px;background:#fff}.v3-mode legend{padding:0 6px;font-size:13px;font-weight:700;color:#4a443b}.v3-mode label{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:14px;color:#1a1a1a;cursor:pointer}.v3-mode input{width:18px;height:18px;accent-color:#1638e8}