.top[data-v-1b8e94c4]{position:sticky;top:0;z-index:50;padding:14px 0}.inner[data-v-1b8e94c4]{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:999px;background:#ffffffa6;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand[data-v-1b8e94c4]{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;padding:8px 10px;border-radius:999px}.brand .icon[data-v-1b8e94c4]{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:999px;background:#fffc;border:1px solid var(--border)}.brand .name[data-v-1b8e94c4]{font-weight:800;letter-spacing:-.01em}.nav[data-v-1b8e94c4]{display:flex;gap:6px}.nav-btn[data-v-1b8e94c4]{border:0;background:transparent;padding:8px 12px;border-radius:999px;font-weight:800;color:var(--muted);transition:background-color .12s ease,color .12s ease}.nav-btn[data-v-1b8e94c4]:hover{background:#ffffffb3;color:var(--text)}@media(max-width:640px){.nav[data-v-1b8e94c4]{display:none}}.portfolio-shell[data-v-4bcb18f2]{min-height:100vh}.head[data-v-3ca5df0b]{margin-bottom:var(--space-5)}.head .sub[data-v-3ca5df0b]{margin-top:10px;color:var(--muted)}.body[data-v-3ca5df0b]{padding:var(--space-5);display:grid;grid-template-columns:320px 1fr;gap:var(--space-5);align-items:start}.avatar[data-v-3ca5df0b]{width:100%;border-radius:var(--radius-xl);overflow:hidden;background:#fff9;border:1px solid var(--border);padding:var(--space-4)}.stack[data-v-3ca5df0b]{margin-top:var(--space-3);display:flex;gap:10px;flex-wrap:wrap}.right .title[data-v-3ca5df0b]{margin-bottom:var(--space-3)}.row[data-v-3ca5df0b]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--border)}.item .label[data-v-3ca5df0b]{font-weight:800;color:var(--muted);margin-bottom:6px}.item .value[data-v-3ca5df0b]{font-weight:700}@media(max-width:960px){.body[data-v-3ca5df0b],.row[data-v-3ca5df0b]{grid-template-columns:1fr}}.head[data-v-29c8b97e]{margin-bottom:var(--space-5)}.head .sub[data-v-29c8b97e]{margin-top:10px;color:var(--muted)}.grid[data-v-29c8b97e]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.item[data-v-29c8b97e]{padding:var(--space-5);display:flex;flex-direction:column;gap:10px;transition:transform .12s ease}.item[data-v-29c8b97e]:hover{transform:translateY(-3px)}.label[data-v-29c8b97e]{font-weight:900;color:var(--muted)}.value[data-v-29c8b97e]{font-weight:800;font-size:18px}@media(max-width:960px){.grid[data-v-29c8b97e]{grid-template-columns:1fr}}.head[data-v-a79a8cb6]{margin-bottom:var(--space-5)}.head .sub[data-v-a79a8cb6]{margin-top:10px;color:var(--muted)}.grid[data-v-a79a8cb6]{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.proj[data-v-a79a8cb6]{overflow:hidden;padding:var(--space-5)}.media[data-v-a79a8cb6]{position:relative;min-height:260px;border-radius:var(--radius-lg);background:#ffffff8c;border:1px solid var(--border);padding:var(--space-4);display:flex;align-items:center;justify-content:center;gap:18px}.frame[data-v-a79a8cb6]{border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#fff;box-shadow:0 10px 25px #00000014}.frame img[data-v-a79a8cb6]{width:100%;height:100%;object-fit:cover}.pc[data-v-a79a8cb6]{width:min(700px,100%);aspect-ratio:16/10}.mo[data-v-a79a8cb6]{width:180px;aspect-ratio:9/19.5}.body[data-v-a79a8cb6]{margin-top:var(--space-4)}.body .desc[data-v-a79a8cb6]{margin-top:10px;color:var(--muted)}.tags[data-v-a79a8cb6]{margin-top:var(--space-3);display:flex;gap:10px;flex-wrap:wrap}.links[data-v-a79a8cb6]{margin-top:var(--space-4);display:flex;gap:12px;flex-wrap:wrap}@media(max-width:900px){.media[data-v-a79a8cb6]{flex-direction:column}.mo[data-v-a79a8cb6]{width:220px}}.hero[data-v-591c1bcc]{padding-top:var(--space-6)}.grid[data-v-591c1bcc]{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-6);align-items:center}.left .chip-row[data-v-591c1bcc]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--space-4)}.left .title[data-v-591c1bcc]{margin-bottom:var(--space-3)}.left .desc[data-v-591c1bcc]{max-width:56ch;color:var(--muted);margin-bottom:var(--space-5)}.left .cta[data-v-591c1bcc]{display:flex;gap:12px;margin-bottom:var(--space-4);flex-wrap:wrap}.left .meta[data-v-591c1bcc]{display:flex;gap:10px;flex-wrap:wrap;opacity:.9}.right[data-v-591c1bcc]{display:flex;justify-content:flex-end}.illo[data-v-591c1bcc]{width:min(420px,100%);padding:var(--space-5);background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.illo img[data-v-591c1bcc]{width:100%;height:auto}@media(max-width:960px){.grid[data-v-591c1bcc]{grid-template-columns:1fr}.right[data-v-591c1bcc]{justify-content:flex-start}}.page[data-v-2ac74b47]{display:flex;flex-direction:column}header[data-v-c38898d8]{border:1px solid red}input[type=checkbox][data-v-c38898d8]{outline:3px solid red}.animation-wrap .wrap[data-v-779e21ef]{display:flex;gap:8px}.animation-wrap .wrap .input-wrap[data-v-779e21ef]{position:relative;width:200px}.animation-wrap .wrap .input-wrap input[data-v-779e21ef]{width:100%;height:30px;border:1px solid var(--grey-8);outline:0;box-sizing:border-box;border-top:none;border-left:none;border-right:none}.animation-wrap .wrap .input-wrap[data-v-779e21ef]:after{content:"";position:absolute;left:50%;right:1px;bottom:0;width:0px;height:1px;background:var(--grey-3);transform:translate(-50%);transform-origin:center;transition:width .25s linear}.animation-wrap .wrap .input-wrap[data-v-779e21ef]:focus-within:after{width:100%}.test-wrap[data-v-36f1a19f]{padding:2rem}:root{color-scheme:light;--grey-1: #f5f5f5;--grey-2: #e6e6e6;--grey-3: #d6d6d6;--grey-4: #bfbfbf;--grey-5: #a8a8a8;--grey-6: #8f8f8f;--grey-7: #6f6f6f;--grey-8: #4f4f4f;--grey-9: #2f2f2f;--grey-10: #1a1a1a;--bg: #f7d7d6;--surface: #ffffff;--surface-2: #fff6f6;--text: #1f1f1f;--muted: #666666;--brand: #eaa5a1;--brand-2: #f2c1be;--border: rgba(0, 0, 0, .08);--shadow: 0 12px 40px rgba(0, 0, 0, .08);--radius-md: 14px;--radius-lg: 22px;--radius-xl: 28px;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 72px;--container: 1120px}html.theme-dark{color-scheme:dark;--grey-1: #1a1a1a;--grey-2: #2f2f2f;--grey-3: #4f4f4f;--grey-4: #6f6f6f;--grey-5: #8f8f8f;--grey-6: #a8a8a8;--grey-7: #bfbfbf;--grey-8: #d6d6d6;--grey-9: #e6e6e6;--grey-10: #f5f5f5;--bg: #121212;--surface: #1b1b1b;--surface-2: #222;--text: #f2f2f2;--muted: #b9b9b9;--border: rgba(255, 255, 255, .12);--shadow: 0 12px 40px rgba(0, 0, 0, .45)}html{font-size:14px;scroll-behavior:smooth}body{box-sizing:border-box;margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}*,*:before,*:after{box-sizing:inherit}h1,h2,h3,h4,h5,h6,p{margin:0}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}h1{font-size:44px;line-height:1.15;font-weight:800;letter-spacing:-.02em}h2{font-size:28px;line-height:1.25;font-weight:800;letter-spacing:-.01em}h3{font-size:20px;line-height:1.4;font-weight:700}p{line-height:1.7}.container{width:min(var(--container),100% - 40px);margin:0 auto}.section{padding:var(--space-7) 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.pill{border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:700;background:var(--surface);border:1px solid var(--border);border-radius:999px;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000014}.btn--primary{background:var(--brand);border-color:transparent;color:#1b1b1b}.btn--ghost{background:transparent}.tag{display:inline-flex;align-items:center;height:28px;padding:0 12px;font-size:12px;font-weight:700;border-radius:999px;background:#ffffffbf;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;padding:2px 8px;border-radius:8px;border:1px solid var(--border);background:#ffffffa6}button{cursor:pointer}