:root{font-family:Noto Sans KR,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}body{margin:0;overflow-x:hidden;background-color:#f3eee4;background-image:radial-gradient(900px 500px at 10% -10%,rgba(251,191,36,.16),transparent 60%),radial-gradient(800px 500px at 100% 0%,rgba(14,165,233,.12),transparent 55%);background-attachment:fixed}#root{min-height:100%}.card-stack{--stack-row: 100svh;--stack-top: 9svh;--stack-card-height: calc(var(--stack-row) - 2 * var(--stack-top));position:relative;display:grid;grid-auto-rows:var(--stack-row);width:100%;view-timeline-name:--card-stack}.card-stack__item{position:sticky;top:var(--stack-top);height:var(--stack-card-height);transform-origin:50% 100%;overflow:hidden;border-radius:2rem;box-shadow:0 30px 80px -30px #2a242059}@supports (animation-timeline: view()){.card-stack__item{animation:card-stack-away linear forwards;animation-timeline:--card-stack;animation-range:exit-crossing calc(var(--stack-i, 1) * var(--stack-row) - 100svh) exit-crossing calc(var(--stack-i, 1) * var(--stack-row) - var(--stack-top))}.card-stack__item:last-child{animation:none}}@keyframes card-stack-away{to{transform:perspective(60em) rotateX(25deg) scale(.85);filter:brightness(.45)}}@media(max-width:767px){.card-stack{--stack-top: 6svh}.card-stack__item{border-radius:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.card-stack__item{animation:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
