@keyframes deco-float{0%,to{translate:0 0px}50%{translate:0 -12px}}.deco-float{animation:deco-float 3s ease-in-out infinite;filter:drop-shadow(0 28px 18px rgba(0,0,0,.22))}.deco-float-noshadow{animation:deco-float 3s ease-in-out infinite}.deco-float-2{animation:deco-float 3.5s ease-in-out infinite .4s;filter:drop-shadow(0 28px 18px rgba(0,0,0,.22))}.deco-float-3{animation:deco-float 4s ease-in-out infinite .8s;filter:drop-shadow(0 28px 18px rgba(0,0,0,.22))}.deco-float-4{animation:deco-float 3.2s ease-in-out infinite 1.2s;filter:drop-shadow(0 28px 18px rgba(0,0,0,.22))}.page{height:1080px;scroll-snap-align:start;overflow:hidden}.page-inner{height:100%;display:flex;flex-direction:column;justify-content:center}.page-1{background:linear-gradient(180deg,#c3bed4,#d4d0e0)}.about-profile-card{background:#fff;border-radius:16px;padding:24px 28px;box-shadow:0 4px 20px #9c8bb426;border:1px solid #E8E0F0}.about-profile-row{display:flex;gap:24px;align-items:flex-start}.profile-photo-placeholder{width:130px;height:130px;min-width:130px;border-radius:50%;background:linear-gradient(135deg,#e8e0f0,#d0c4e0);display:flex;align-items:center;justify-content:center;border:3px solid #B8A9C9}.profile-info{flex:1}.personality-columns{display:grid;grid-template-columns:auto auto;gap:0 48px;justify-content:center}.personality-pair{display:contents}.p-left,.p-right{text-align:left}.favorite-card{background:#fff!important;border-radius:12px!important;border:1px solid #E8E0F0;transition:transform .3s,box-shadow .3s;height:100%}.favorite-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #9c8bb433}.favorite-icon-box{width:52px;height:52px;border-radius:50%;background:#f8f5fc;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;border:2px solid #E8E0F0}.page-2{display:flex;flex-direction:column}.page-2-history{flex:3;background:#fff;display:flex;align-items:center;padding:24px 0}.page-2-skills{flex:2;background:linear-gradient(180deg,#f0edf7,#e8e0f0);display:flex;align-items:center;padding:20px 0}.timeline-container{position:relative;padding:8px 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#d0c4e0;transform:translate(-50%)}.timeline-side{display:flex;flex-direction:column;gap:14px}.timeline-left{text-align:right;padding-right:24px}.timeline-right{text-align:left;padding-left:24px}.timeline-item{position:relative;padding:10px 14px;background:#fff;border-radius:10px;border:1px solid #E8E0F0;box-shadow:0 2px 8px #9c8bb41a}.timeline-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#b8a9c9;border:2px solid white;box-shadow:0 0 0 2px #b8a9c9;top:14px}.timeline-left .timeline-dot{right:-30px}.timeline-right .timeline-dot{left:-30px}.skills-card{background:#fff;border-radius:16px;padding:24px 28px;box-shadow:0 4px 20px #9c8bb426}.skill-row{display:flex;align-items:center;gap:12px;padding:5px 0}.skill-icon{width:30px;height:30px;min-width:30px;border-radius:6px;display:flex;align-items:center;justify-content:center}.page-3{display:flex;flex-direction:column}.page-3-project{flex:8.5;background:#fff;display:flex;align-items:center;padding:24px 0}.page-3-contact{flex:1.5;background:linear-gradient(180deg,#f0edf7,#e8e0f0);display:flex;align-items:center;justify-content:center}.project-row{display:flex;align-items:center;gap:24px;padding:20px;border-radius:12px;border:1px solid #E8E0F0;background:#fdfcfe;transition:box-shadow .3s}.project-row:hover{box-shadow:0 4px 16px #9c8bb426}.project-info{flex:1}.project-preview-box{width:200px;height:120px;min-width:200px;border-radius:10px;background:linear-gradient(135deg,#e8e0f0,#d0c4e0);display:flex;align-items:center;justify-content:center}@media(max-width:768px){.deco-img{display:none!important}.page{height:auto;min-height:auto;overflow:visible}.page-inner{justify-content:flex-start;padding-left:8px;padding-right:8px}.nav-bar{max-width:100%!important;left:0!important;transform:none!important}.nav-toolbar{gap:2px!important;padding-left:4px!important;padding-right:4px!important}.nav-button{font-size:.7rem!important;padding-left:4px!important;padding-right:4px!important;min-width:auto!important}.personality-columns{display:block;text-align:center}.personality-pair{display:block;line-height:2}.p-left,.p-right{display:inline!important}.p-left:after{content:" "}.page-3-project,.page-3-contact{flex:none;padding:28px 8px}.timeline-line{display:none}.timeline-left,.timeline-right{text-align:left;padding-left:0;padding-right:0}.timeline-dot{display:none}.timeline-side{gap:10px}.skills-card{padding:16px;overflow:hidden}.page-3-contact{padding:20px 8px;min-height:120px}.page-3{overflow:visible}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;overflow-y:scroll;height:100%}body{font-family:Noto Sans KR,sans-serif;color:#333;background-color:#fff;min-width:320px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}a{text-decoration:none;color:inherit}#root{width:100%;max-width:1200px;margin:0 auto}@media(max-width:768px){html{scroll-snap-type:none}}