:root{--color-cream-paper: #fdfbf9;--color-charcoal: #171717;--color-cocoa-ink: #2b1a07;--color-true-black: #000000;--color-dew-drop: #f7efe9;--color-marker-orange: #ff6f1e;--color-burnt-sienna: #ce500a;--color-shadow-mist: #bebcbb;--color-sky-sticker: #3b82f6;--color-bubblegum-sticker: #ff66cf;--color-sprout-sticker: #22c55e;--font-gelica: "gelica", "Jua", "Gowun Dodum", ui-rounded, system-ui, sans-serif;--font-geist: "Geist", "Gowun Dodum", system-ui, sans-serif;--font-ui: "Gowun Dodum", "Jua", ui-rounded, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "gelica", "Jua", "Gowun Dodum", ui-rounded, system-ui, sans-serif;--text-caption: 16px;--text-body-sm: 18px;--text-body: 20px;--text-heading: 36px;--text-heading-lg: 46px;--text-display: 104px;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-64: 64px;--spacing-116: 116px;--page-max-width: 1200px;--radius-upload: 14px;--radius-cards: 12px;--radius-buttons: 20px;--radius-footer: 56px;--shadow-lg: rgba(0, 0, 0, .06) 0px 2px 20px 0px;--shadow-subtle: rgba(0, 0, 0, .25) 0px 1px 2px 0px}@font-face{font-family:Jua;src:url(../fonts/jua-korean-400-normal.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Gowun Dodum;src:url(../fonts/gowun-dodum-korean-400-normal.woff2) format("woff2");font-weight:400 700;font-display:swap}*{box-sizing:border-box}body{margin:0;background:var(--color-cream-paper);color:var(--color-charcoal);font-family:var(--font-ui);font-size:var(--text-body-sm);line-height:1.5;-webkit-font-smoothing:antialiased}.page{max-width:var(--page-max-width);margin:0 auto;padding:0 var(--spacing-24) 0}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16);min-height:64px;padding:var(--spacing-12) 0}.brand{display:flex;align-items:center;gap:var(--spacing-8);color:var(--color-cocoa-ink);font-family:var(--font-display);font-weight:400;font-size:var(--text-body)}.brand svg{display:block}.hero{text-align:left;margin:var(--spacing-24) 0}@media(min-width:900px){.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--spacing-32);align-items:center}}.hero .hand-caption{margin:0 0 var(--spacing-8);font-family:var(--font-gelica);font-size:22px;font-weight:400;color:var(--color-marker-orange);transform:rotate(-2deg);transform-origin:left center}.hero-visual{position:relative;margin:var(--spacing-24) auto 0;padding:0;max-width:420px}@media(min-width:900px){.hero-visual{margin:0;max-width:none}}.hero-visual svg.notebook{display:block;width:100%;height:auto;transform:rotate(-6deg)}.hero-visual .sticker{position:absolute;display:block}.hero-visual .sticker[data-tone=sky]{top:0;right:6%;width:52px;transform:rotate(12deg)}.hero-visual .sticker[data-tone=bubblegum]{bottom:10%;left:1%;width:56px;transform:rotate(-8deg)}.hero-visual .sticker[data-tone=sprout]{top:32%;left:5%;width:40px;transform:rotate(8deg)}.hero-visual .hand-arrow{position:absolute;top:-6px;left:30%;width:84px;height:auto;opacity:.9}.hero h1{font-family:var(--font-display);color:var(--color-cocoa-ink);font-size:clamp(34px,5vw,56px);line-height:1.2;letter-spacing:normal;margin:0 0 var(--spacing-8);font-weight:400;word-break:keep-all;overflow-wrap:break-word}.hero h1 .accent{color:var(--color-charcoal)}.hero p{margin:0;color:var(--color-charcoal);font-size:var(--text-body-sm)}.upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-8);min-height:280px;background:var(--color-dew-drop);border:1.5px solid var(--color-charcoal);border-radius:var(--radius-upload);box-shadow:var(--shadow-lg);cursor:pointer;text-align:center;padding:var(--spacing-32)}.upload-box:hover{border-color:var(--color-cocoa-ink)}.upload-box.drag-over{border-color:var(--color-marker-orange);box-shadow:var(--shadow-lg),inset 0 0 0 2px var(--color-marker-orange)}.upload-box:focus-visible{outline:2px solid var(--color-marker-orange);outline-offset:2px}.upload-box .doc-icon{color:var(--color-charcoal)}.upload-primary{font-size:var(--text-body-sm);font-weight:500}.upload-secondary{font-size:var(--text-caption)}.file-strip{display:flex;gap:var(--spacing-12);overflow-x:auto;padding:var(--spacing-16) 2px;scrollbar-width:thin;min-height:24px;cursor:grab;touch-action:pan-x pan-y}.file-strip:active{cursor:grabbing}.file-strip:focus-visible{outline:2px solid var(--color-marker-orange);outline-offset:2px}.file-strip::-webkit-scrollbar{height:6px}.file-strip::-webkit-scrollbar-thumb{background:var(--color-shadow-mist);border-radius:3px}.file-card{flex:0 0 auto;width:148px;background:var(--color-dew-drop);border:1.5px solid var(--color-charcoal);border-radius:var(--radius-cards);box-shadow:var(--shadow-lg);padding:var(--spacing-8)}.file-card .thumb{width:100%;height:96px;object-fit:cover;border-radius:8px;background:var(--color-cream-paper);display:block}.file-card .thumb.pending{display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--color-charcoal);opacity:.7}.file-card .fname{display:block;margin-top:var(--spacing-8);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card .ferr{font-size:12px}.actions{display:flex;gap:var(--spacing-12);margin-top:var(--spacing-16);flex-wrap:wrap}.btn{appearance:none;background:var(--color-cream-paper);border:1.5px solid var(--color-charcoal);border-radius:var(--radius-buttons);box-shadow:var(--shadow-subtle);color:var(--color-charcoal);font-family:var(--font-ui);font-size:16px;font-weight:500;min-height:48px;padding:10px 28px;cursor:pointer}.btn.primary{font-weight:600;border-width:2px;padding:12px 32px}.btn.header-cta{padding:8px 22px;min-height:44px;font-size:15px;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):hover{border-color:var(--color-cocoa-ink)}.btn:focus-visible{outline:2px solid var(--color-marker-orange);outline-offset:2px}.status{margin-top:var(--spacing-16);min-height:28px;font-size:var(--text-caption)}.status.done{font-weight:500}.status.done .u{text-decoration:underline;text-decoration-color:var(--color-marker-orange);text-decoration-thickness:2px}.error-line{margin-top:var(--spacing-8);font-size:14px;min-height:20px}.privacy{margin-top:var(--spacing-32);font-size:14px;max-width:72ch}.privacy.disclosure{opacity:.9}.site-footer{margin-top:var(--spacing-48);padding-bottom:0;font-size:14px}.footer-band{background:var(--color-marker-orange);background-image:none;border-top-left-radius:var(--radius-footer);border-top-right-radius:var(--radius-footer);color:var(--color-charcoal);font-family:var(--font-gelica);font-size:18px;padding:var(--spacing-28) var(--spacing-32)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:640px){.actions{flex-direction:column}.actions .btn{width:100%}.hero h1{font-size:clamp(34px,9vw,44px)}.hero-visual{max-width:340px}.hero-visual svg.notebook{transform:rotate(-4deg)}}