*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F3EDEE;--surface: #FAF5F6;--text: #28080E;--muted: rgba(40, 8, 14, .52);--dim: rgba(40, 8, 14, .3);--ghost: rgba(40, 8, 14, .09);--pink: #F0506E;--pink-soft: #FFAEA5;--peach: #FBBCB5;--blush: #FFE7E5;--glass-bg: rgba(255, 255, 255, .62);--glass-border: rgba(255, 255, 255, .82);--shadow: 0 2px 16px rgba(40, 8, 14, .07);--font: "Pretendard", sans-serif}html,body{height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);font-weight:300}#grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;background-image:url(./texture-DZttvHa4.png);background-size:256px 256px;mix-blend-mode:multiply;opacity:.15}.glass{background:var(--glass-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-border);box-shadow:var(--shadow)}.glass-card{background:#ffffff85;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.78);box-shadow:0 4px 24px #28080e12,inset 0 1px #ffffffe6;border-radius:1rem}.glass-accent{background:#ffffff61;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.65);box-shadow:0 2px 12px #28080e0f}@keyframes gm1{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gm2{0%,to{background-position:50% 0%}50%{background-position:50% 100%}}@keyframes gm3{0%,to{background-position:100% 0%}50%{background-position:0% 100%}}@keyframes gm4{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}@keyframes gm5{0%,to{background-position:100% 50%}50%{background-position:0% 50%}}@keyframes gm6{0%,to{background-position:0% 100%}50%{background-position:100% 0%}}@keyframes gm7{0%,to{background-position:50% 100%}50%{background-position:50% 0%}}@keyframes gm8{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cg1{background:linear-gradient(135deg,#ffe7e5,#ffaea5,#f0506e,#fbbcb5,#ff879a);background-size:400% 400%;animation:gm1 10s ease infinite}.cg2{background:linear-gradient(220deg,#f0506e,#ffaea5,#ffe7e5,#fbbcb5,#c83858);background-size:400% 400%;animation:gm2 13s ease infinite}.cg3{background:linear-gradient(45deg,#fbbcb5,#c83858,#ffe7e5,#f0506e,#ffaea5);background-size:400% 400%;animation:gm3 16s ease infinite}.cg4{background:linear-gradient(200deg,#ffe7e5,#f0506e,#ffaea5,#fbbcb5,#c83858);background-size:400% 400%;animation:gm4 11s ease infinite}.cg5{background:linear-gradient(80deg,#fbbcb5,#f0506e,#ffe7e5,#ffaea5,#c83858);background-size:400% 400%;animation:gm5 14s ease infinite}.cg6{background:linear-gradient(300deg,#ffaea5,#fbbcb5,#c83858,#ffe7e5,#f0506e);background-size:400% 400%;animation:gm6 9s ease infinite}.cg7{background:linear-gradient(160deg,#ff879a,#c83858,#ffe7e5,#f0506e,#fbbcb5);background-size:400% 400%;animation:gm7 12s ease infinite}.cg8{background:linear-gradient(110deg,#ffe7e5,#ff879a,#c83858,#ffaea5,#f0506e);background-size:400% 400%;animation:gm8 15s ease infinite}@keyframes gm9{0%,to{background-position:100% 0%}50%{background-position:0% 100%}}.cg9{background:linear-gradient(250deg,#ffaea5,#ffe7e5,#f0506e,#c83858,#ff879a);background-size:400% 400%;animation:gm9 11s ease infinite}.page-enter{animation:pgIn .4s cubic-bezier(.16,1,.3,1) both}@keyframes pgIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fi{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.fi.vis{opacity:1;transform:none}.rule{width:100%;height:1px;background:#28080e14;border:none}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}.img-row{scrollbar-width:thin;scrollbar-color:rgba(240,80,110,.2) transparent}.img-row::-webkit-scrollbar{height:2px}.img-row::-webkit-scrollbar-track{background:transparent;margin:0 2rem}.img-row::-webkit-scrollbar-thumb{background:#f0506e38;border-radius:1px}::-webkit-scrollbar-thumb{background:#f0506e38;border-radius:2px}canvas{display:block}.tag-pill{font-family:var(--font);font-weight:600;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:.42rem 1rem;border-radius:9999px;cursor:pointer;transition:all .16s cubic-bezier(.16,1,.3,1);border:1px solid rgba(40,8,14,.13);background:#ffffff8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--muted);white-space:nowrap;box-shadow:0 1px 4px #28080e0d}.tag-pill:hover{border-color:#f0506e6b;color:var(--pink);background:#f0506e12}.tag-pill.active{background:#f0506e1c;border-color:#f0506e80;color:var(--pink)}.soc-btn{display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;text-decoration:none;color:var(--muted);border:1px solid rgba(40,8,14,.12);background:#ffffff9e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 6px #28080e0f,inset 0 1px #ffffffe6;transition:all .18s cubic-bezier(.16,1,.3,1);flex-shrink:0}.soc-btn:hover{color:var(--pink);border-color:#f0506e61;background:#ffffffe0;transform:translateY(-2px)}@keyframes mq{0%{transform:translate(0)}to{transform:translate(-50%)}}.mq-track{display:flex;width:max-content;animation:mq 32s linear infinite}.nav-tabs{display:flex;gap:.1rem}.pub-row{transition:background .2s,border-radius .2s;border-radius:.75rem;padding-left:.75rem;padding-right:.75rem;margin-left:-.75rem;margin-right:-.75rem}.pub-row:hover{background:#ffffff85;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-pad{padding:4rem 2.5rem 6rem}@media (max-width: 768px){.nav-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:0;padding:0 .25rem}.nav-tabs::-webkit-scrollbar{display:none}.nav-spacer{display:none!important}.about-grid{grid-template-columns:1fr!important;height:auto!important;overflow:visible!important}.about-photo{min-height:200px!important;max-height:220px!important}.pub-grid{grid-template-columns:40px 1fr!important}.pub-year{display:none!important}.filter-row{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;padding-bottom:.25rem}.filter-row::-webkit-scrollbar{display:none}.cv-row{grid-template-columns:1fr!important}.cv-row-right{display:none!important}.footer-row{flex-direction:column!important;gap:.4rem;align-items:flex-start!important}.soc-btn{width:2.4rem!important;height:2.4rem!important}.page-pad{padding:2.5rem 1.25rem 4rem}}@media (max-width: 480px){.pub-grid{grid-template-columns:36px 1fr!important}}