:root{--primary: #2563EB;--bg-main: #F8FAFC;--card-shadow: 0 40px 90px -20px rgba(0, 0, 0, .12)}html{height:-webkit-fill-available}body{min-height:100vh;margin:0;padding:0;background-color:var(--bg-main);color:#1e293b;font-family:Noto Sans KR,sans-serif;overflow-x:hidden;overflow-y:auto!important;display:flex;flex-direction:column;align-items:center;-webkit-tap-highlight-color:transparent}#app{width:100%;max-width:1550px;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding-bottom:50px}section{width:100%;display:flex;flex-direction:column}#sorting-section{height:85vh;max-height:800px;overflow:hidden}#select9-section,#rank3-section,#result-section{height:auto!important;min-height:unset;overflow:visible!important}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.phase-badge{padding:8px 16px;border-radius:99px;font-size:11px;font-weight:900;color:#94a3b8;background:#f1f5f9;letter-spacing:.05em;transition:all .3s ease;border:1px solid transparent}.phase-badge.active{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;box-shadow:0 4px 12px #2563eb1a}.phase-badge.done{color:#10b981;background:#ecfdf5}#card-stack{perspective:2000px}.card-item{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2.5rem;background:#fff;box-shadow:var(--card-shadow);transform-style:preserve-3d;will-change:transform,opacity;cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.pdf-export-mode{width:800px!important;max-width:800px!important;margin:0 auto!important;padding:40px!important;box-shadow:none!important;background:#fff!important;display:block!important;border:none!important;overflow:visible!important}.pdf-export-mode *{page-break-inside:avoid}.selection-card{width:100%;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.selection-card.selected{transform:scale(.92);box-shadow:0 0 0 6px var(--primary),0 25px 60px -15px #2563eb80}.rank-badge{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#4f46e5;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;border:3px solid white;box-shadow:0 8px 20px #4f46e54d;z-index:50;animation:badgePop .5s cubic-bezier(.34,1.56,.64,1)}.stamp{opacity:0;position:absolute;top:40px;padding:8px 16px;border-radius:15px;border:4px solid;font-weight:900;font-size:2rem;text-transform:uppercase;z-index:100;pointer-events:none}.stamp-like{left:30px;color:#2563eb;border-color:#2563eb;transform:rotate(-12deg)}.stamp-nope{right:30px;color:#94a3b8;border-color:#94a3b8;transform:rotate(12deg)}.stamp-hold{top:40%;left:50%;transform:translate(-50%,-50%);color:#f59e0b;border-color:#f59e0b}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-bounce-subtle{animation:bounce-subtle 3s infinite ease-in-out}.animate-fade-in-up{animation:fade-in-up .8s cubic-bezier(.23,1,.32,1) forwards}.duration-1500{transition-duration:1.5s}