:root{--text:#ffffffd1;--text-h:#fff;--bg:#000;--border:#ffffff24;--code-bg:#ffffff14;--accent:#f2c34e;--accent-bg:#f2c34e24;--accent-border:#f2c34e8c;--social-bg:#ffffff0f;--shadow:#00000073 0 10px 18px -3px, #00000040 0 4px 10px -2px;--sans:Pretendard Variable, Pretendard, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:Pretendard Variable, Pretendard, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#ffffffd1;--text-h:#fff;--bg:#000;--border:#ffffff24;--code-bg:#ffffff14;--accent:#f2c34e;--accent-bg:#f2c34e2e;--accent-border:#f2c34e8c;--social-bg:#ffffff0f;--shadow:#00000073 0 10px 18px -3px, #00000040 0 4px 10px -2px}a{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}#root{box-sizing:border-box;min-height:100svh}body{background:var(--bg);margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}*{box-sizing:border-box}a{color:inherit}.app-shell{grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.container{box-sizing:border-box;width:min(1080px,100%);margin:0 auto;padding:0 20px}.skip-link{background:var(--bg);color:var(--text-h);border:1px solid var(--border);border-radius:10px;padding:10px 12px;position:absolute;top:12px;left:-9999px}.skip-link:focus{z-index:20;left:12px}.site-header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in oklab, var(--bg) 55%, transparent);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.brand-link{color:var(--text-h);letter-spacing:-.2px;align-items:center;gap:10px;font-weight:650;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent-bg);width:24px;height:24px;color:var(--accent);border:1px solid var(--accent-border);border-radius:8px;place-items:center;display:grid}.nav{align-items:center;gap:6px;display:flex}.nav-link{color:var(--text);border:1px solid #0000;border-radius:10px;padding:8px 10px;text-decoration:none}.nav-link:hover{background:var(--social-bg)}.nav-link.active{color:var(--text-h);background:var(--accent-bg);border-color:var(--accent-border)}.site-main{padding:90px 0 56px}body{color:var(--text-h);background:radial-gradient(circle at top,#78b5ff2d,#0000 60%),radial-gradient(circle at 80% 120%,#5096ff14,#0000 60%),radial-gradient(circle at 0 120%,#ff84001e,#0000 60%),#000;margin:0}.site-footer{border-top:1px solid var(--border);padding:18px 0}.footer-inner{color:var(--text);justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.footer-link{color:var(--text-h);text-decoration:none}.footer-link:hover{text-decoration:underline}.stack{gap:18px;display:grid}.stack-sm{gap:10px;display:grid}.press-item{padding:12px 14px;font-size:13px}.press-item .card-body{margin:0;font-size:13px}.page-header h1{letter-spacing:-1px;margin:0;font-size:40px}.muted{color:var(--text)}.hero{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in oklab, var(--accent-bg) 55%, transparent), transparent);border-radius:18px;padding:26px}.kicker{color:var(--text);margin:0 0 10px;font-size:14px}.hero-title{letter-spacing:-1.3px;margin:0 0 10px;font-size:44px}.hero-subtitle{color:var(--text);margin:0 0 18px}.accent{color:var(--accent)}.actions{flex-wrap:wrap;gap:10px;display:flex}.button{border:1px solid var(--border);background:var(--social-bg);color:var(--text-h);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{box-shadow:var(--shadow)}.button.primary{background:var(--accent-bg);border-color:var(--accent-border);color:var(--text-h)}.grid{gap:12px;display:grid}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=960px){.cards{grid-template-columns:1fr}.hero-title{font-size:34px}.page-header h1{font-size:32px}.header-inner{flex-direction:column;align-items:stretch;height:auto;padding:12px 0}.nav{padding-bottom:4px;overflow-x:auto}}.card{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border-radius:16px;padding:18px}.card-title{white-space:pre-line;margin:0;font-size:20px;font-weight:800;line-height:1.12}.card-body{white-space:pre-line;color:var(--text);margin:0 0 12px;font-size:15px;line-height:1.2}.tag-row{flex-wrap:wrap;gap:3px;display:flex}.project-tags{align-items:center;gap:6px;margin-top:4px;margin-bottom:10px}.project-tags .tag{padding:2px 8px;font-size:11px;line-height:2}.project-card{flex-direction:column;display:flex}.project-media{margin-top:auto}.projects-page .project-media{width:100%}.project-gallery{flex-direction:column;gap:10px;width:100%;display:flex}.project-gallery-image{object-fit:cover;border:1px solid var(--border);width:100%;height:125px;box-shadow:var(--shadow);border-radius:16px;margin-bottom:10px;display:block}.project-image{object-fit:cover;border:1px solid var(--border);width:100%;height:170px;box-shadow:var(--shadow);border-radius:16px;align-self:flex-end;margin-top:auto}.projects-page .project-image{align-self:stretch;display:block;width:100%!important}.intro-text-wrap{box-sizing:border-box;width:100%;padding-left:40%}.visitor-stats-card{color:#fff;background:#595959;border-color:#ffffff47;width:40%;margin-left:auto;padding:.5rem .8rem;font-size:.7rem}.visitor-stats-row{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.visitor-stats-row+.visitor-stats-row{margin-top:.15rem}.home-visitor-stats-section{will-change:transform}.visitor-stats-label{color:#fff;min-width:3.25rem;font-weight:600}.visitor-stats-value{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#fff}.visitor-stats-card .muted{color:#fff}@media (width<=720px){html,body,.stage{overflow-x:hidden}.intro-text-wrap{box-sizing:border-box;width:100%;padding-left:10%}.intro-subtitle{line-height:.8}.contact-card-wide{width:100%!important}.home-two-col{gap:24px;flex-direction:column!important}.home-two-col .home-col{display:contents;width:100%!important}.home-education-section{order:5}.home-experiences-section{order:10}.home-publications-section{order:20}.home-awards-section{order:30}.home-press-section{order:40}.home-visitor-stats-section{order:45}.home-projects-section{order:50}.home-beforeuniv-section{order:60}.three-interactive-layer{display:block}.three-canvas{pointer-events:auto}.project-image{width:100%;height:100px}.projects-page .project-image{align-self:stretch;display:block;width:100%!important}.project-gallery-image{height:100px}}.tag{border:1px solid var(--border);background:var(--social-bg);color:var(--text-h);border-radius:999px;padding:4px 8px;font-size:12px}.card-links{gap:12px;margin-top:12px;display:flex}.text-link{color:var(--text-h);font-weight:600;text-decoration:none}.text-link:hover{text-decoration:underline}.dotted-link{color:inherit;text-underline-offset:3px;text-decoration-line:underline;text-decoration-style:dotted}.dotted-link:hover{text-decoration-style:solid}.bullets{color:var(--text);gap:6px;margin:0;padding-left:18px;display:grid}.bullets .no-bullet{margin-left:-18px;list-style:none}.row{grid-template-columns:92px 1fr;align-items:baseline;gap:10px;display:grid}.label{color:var(--text);font-size:14px}.about-grid{grid-template-columns:320px 1fr;align-items:start;gap:16px;display:grid}.profile-column{gap:20px;display:grid;position:relative;z-index:9999!important}@media (width<=960px){.about-grid{grid-template-columns:1fr}}.profile-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#ffffff0a;border-radius:18px;justify-items:center;gap:14px;padding:18px;display:grid;position:relative}.contact-card{color:#000;white-space:pre-line;background:#fff;justify-self:start;margin-top:20px;margin-bottom:0}.contact-card-wide{width:118%}.contact-card .card-title{color:#000;white-space:pre-line;margin-bottom:0}.contact-card .card-body{color:#000;white-space:pre-line}.avatar{object-fit:cover;object-position:50% 35%;border:1px solid var(--border);width:220px;height:220px;box-shadow:var(--shadow);border-radius:22px;display:block}.social-icons{justify-content:center;gap:12px;display:flex;position:relative;z-index:9999!important;pointer-events:auto!important}.social-icons a{border:1px solid var(--border);background:var(--social-bg);width:38px;height:38px;color:var(--text-h);border-radius:12px;place-items:center;text-decoration:none;display:grid;pointer-events:auto!important}.social-icons a:hover{box-shadow:var(--shadow)}.intro-card{gap:12px;display:grid}.cards-right{box-sizing:border-box;width:100%;padding-left:52%}.cards-right .cards{grid-template-columns:1fr}.blinking-contact{color:#777;z-index:50;font-size:14px;font-weight:500;text-decoration:none;animation:3s ease-in-out infinite blink;position:fixed;bottom:9%;left:50%;transform:translate(-50%)}@keyframes blink{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.intro-title{letter-spacing:-1.4px;margin:50px 0 25px;font-size:80px;font-weight:800}.intro-subtitle{color:color-mix(in oklab, var(--text-h) 80%, var(--text));margin:0 0 80px;font-size:40px;font-weight:650}@media (width<=960px){.intro-title{font-size:60px}.intro-subtitle{font-size:40px}.cards-right{padding-left:0}}.type{display:inline-block;position:relative}.type:after{content:"|";margin-left:2px;animation:1.1s step-start infinite cursor}@keyframes cursor{50%{opacity:0}}.section-title{color:var(--text-h);margin:0;font-size:18px}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.see-more{color:#fff;white-space:nowrap;background:#96969659;border:1px solid #aaaaaa59;border-radius:999px;justify-content:center;align-items:center;height:26px;padding:1px 10px;font-size:12px;font-weight:700;line-height:1;text-decoration:none;display:flex}.see-more:hover{box-shadow:var(--shadow);background:#aaaaaa6b;border-color:#bebebe73}.timeline{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:16px;overflow:hidden}.timeline-item{border-top:2px solid var(--border);grid-template-columns:100px 1fr;align-items:start;gap:12px;padding:14px 16px;display:grid}.timeline-item:first-child{border-top:0}.timeline-date{font-family:var(--mono);color:var(--text);padding-top:8px;font-size:13px;line-height:1.3}.timeline-content{color:var(--text-h)}.timeline-title{margin-bottom:2px;font-weight:700}.timeline-title.card-title{white-space:pre-line;margin:4px 0 0;font-size:20px;font-weight:800;line-height:1.3}.timeline-content .card-body{white-space:pre-line;margin-top:4px;line-height:1.15}@media (width<=720px){.timeline-item{grid-template-columns:1fr;gap:6px}}.show-more{border-radius:16px}.show-more-summary{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border);background:var(--social-bg);color:var(--text-h);border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:10px 14px;font-weight:700;display:inline-flex}.show-more-summary:hover{box-shadow:var(--shadow)}.pub-list{gap:10px;display:grid}.pub-item{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border-radius:16px;padding:16px 18px}.home-publications .card,.home-publications .pub-item{border-color:color-mix(in oklab, var(--border) 70%, #ff78b440);background:#ff78b41a}.publication-card{grid-template-columns:160px 1fr;align-items:start;gap:16px;display:grid}.publication-image{object-fit:cover;border:1px solid var(--border);width:160px;height:160px;box-shadow:var(--shadow);border-radius:16px}.publication-content .card-title{margin-top:2px}.publication-content{flex-direction:column;min-height:160px;display:flex}.publication-detail{white-space:pre-line;margin-top:auto}.card-subtitle{white-space:pre-line;color:var(--text);margin:0 0 10px;font-size:18px;line-height:1}.publication-meta-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.publication-meta-below{flex-basis:100%;width:100%;margin-top:2px}.publication-arxiv-meta{font-size:13px}.publication-github{vertical-align:middle;border:1px solid var(--border);background:var(--social-bg);width:28px;height:28px;color:var(--text-h);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-left:0;font-size:13px;line-height:1;text-decoration:none;display:inline-flex}.publication-github:hover{box-shadow:var(--shadow)}.publication-arxiv{vertical-align:middle;border:1px solid var(--border);background:var(--social-bg);min-width:28px;height:28px;color:var(--text-h);letter-spacing:.02em;box-sizing:border-box;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 10px;font-size:10px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.publication-arxiv:hover{box-shadow:var(--shadow)}.publication-bibtex{border:1px solid var(--border);background:#ffffff08;border-radius:12px;margin-top:8px;padding:0 12px}.publication-bibtex-summary{cursor:pointer;color:var(--text-h);padding:10px 0;font-size:14px;font-weight:650;list-style:none}.publication-bibtex-summary::-webkit-details-marker{display:none}.publication-bibtex-pre{white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.45;font-family:var(--mono,ui-monospace, monospace);color:var(--text);border:1px solid var(--border);background:#00000059;border-radius:8px;margin:0 0 12px;padding:12px;overflow-x:auto}.publication-card-large{grid-template-rows:auto 1fr;gap:14px;display:grid}.publication-card-large .publication-image{object-fit:contain;border-radius:18px;width:100%;height:auto;display:block}.publication-card-large .publication-content{flex-direction:column;display:flex}@media (width<=720px){.publication-card-large .publication-image{height:auto}.publication-card{grid-template-columns:1fr}.publication-image{width:100%;height:220px}}.awards-card{margin-bottom:60px;padding:0;overflow:hidden}.awards-table{white-space:pre-line;width:100%;font-size:15px;overflow:auto}.awards-table table{border-collapse:separate;border-spacing:0;width:100%;min-width:860px}.awards-table th:first-child,.awards-table td:first-child{width:34%}.awards-table th:nth-child(2),.awards-table td:nth-child(2){width:14%}.awards-table th:nth-child(4),.awards-table td:nth-child(4){width:20%}.awards-table thead th{white-space:pre-line;z-index:1;background:color-mix(in oklab, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;color:var(--text);border-bottom:1px solid var(--border);padding:14px 16px;font-size:13px;position:sticky;top:0}.awards-table tbody td{white-space:pre-line;border-bottom:1px solid var(--border);vertical-align:top;color:var(--text-h);padding:14px 16px}.awards-table .tag{white-space:pre-line;line-height:1.15;display:inline-block}.awards-table .tag-row{align-items:flex-start;margin-top:0}.awards-table tbody tr:last-child td{white-space:pre-line;border-bottom:0}.awards-name{color:var(--text-h);font-weight:750}.awards-date{font-family:var(--mono);color:var(--text);white-space:nowrap;font-size:12px}.stage{position:relative}.stage-content{z-index:1;position:relative}.three-interactive-layer{z-index:5;pointer-events:none;width:min(560px,52vw);height:100svh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=720px){.three-interactive-layer{z-index:5!important;width:100vw!important;height:40svh!important;top:auto!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important}}.three-canvas{pointer-events:auto;width:100%;height:100%}.social-icons{z-index:20;position:relative}.modal-backdrop{z-index:50;background:#0000008c;place-items:center;padding:20px;animation:.16s ease-out both modalBackdropIn;display:grid;position:fixed;inset:0}.modal-backdrop.closing{animation:.16s ease-in both modalBackdropOut}.modal-card{transform-origin:50% 30%;width:min(440px,100%);animation:.18s cubic-bezier(.2,.9,.2,1) both modalCardIn}.modal-backdrop.closing .modal-card{animation:.18s cubic-bezier(.2,.8,.2,1) both modalCardOut}.modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.modal-title{color:var(--text-h);letter-spacing:-.2px;text-align:left;width:70%;margin:0 auto;font-size:20px;font-weight:750}.modal-close{border:1px solid var(--border);background:var(--social-bg);width:38px;height:38px;color:var(--text-h);cursor:pointer;border-radius:12px;font-size:20px;line-height:1;position:absolute;right:0}.modal-close:hover{box-shadow:var(--shadow)}.modal-body{justify-items:center;margin-top:12px;display:grid}.modal-card.card{box-shadow:0 18px 60px #0000008c}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes modalCardIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalCardOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.98)}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal-card{animation:none}}.modal-image{border:1px solid var(--border);width:70%;height:auto;box-shadow:var(--shadow);border-radius:18px;margin-bottom:12px;margin-left:auto;margin-right:auto;display:block}.modal-email{text-align:left;justify-content:flex-start;align-items:center;gap:10px;width:50%;display:inline-flex}.pub-title-row{align-items:center;gap:4px;min-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:4px;line-height:1.15;display:flex}.pub-title{color:var(--text-h);margin-top:0;margin-bottom:0;padding:0;font-weight:750;line-height:1.1}.pub-meta{flex-wrap:wrap;align-items:center;gap:3px;display:flex}