@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--primary-color: #ff6b6b;--primary-hover: #fa5252;--bg-color: #f8f9fa;--text-color: #212529;--text-light: #868e96;--border-color: #dee2e6;--card-bg: #ffffff;--border-radius: 12px;--transition-speed: .2s;--max-width: 600px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;min-height:100vh}h1{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:var(--text-color);text-align:center;word-break:keep-all}h2{font-size:1.4rem;font-weight:600;margin-bottom:.8rem;color:var(--text-color)}p{margin-bottom:1rem;color:var(--text-color)}button{font-family:inherit;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;color:#fff;background-color:var(--primary-color);border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-speed) ease,transform var(--transition-speed) ease;width:100%;max-width:300px;margin:.5rem auto;display:block}button:hover{background-color:var(--primary-hover);transform:translateY(-2px)}button:focus-visible{outline:3px solid rgba(255,107,107,.5);outline-offset:2px}button:active{transform:translateY(0)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem;flex:1;display:flex;flex-direction:column;justify-content:center}.card{background:var(--card-bg);border-radius:var(--border-radius);padding:2rem;box-shadow:0 4px 12px #0000000d;text-align:center;border:1px solid var(--border-color);margin-bottom:2rem}footer{background-color:var(--card-bg)!important;border-top:1px solid var(--border-color);padding:1.5rem!important;text-align:center;margin-top:auto!important}footer a{color:var(--text-light);text-decoration:none;transition:color var(--transition-speed) ease;font-weight:500}footer a:hover{color:var(--primary-color);text-decoration:underline}footer p{margin-bottom:.5rem;font-size:.9rem;color:var(--text-light)}footer p:last-child{margin-bottom:0}.options-grid{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}@media(min-width:480px){.options-grid{flex-direction:row;justify-content:center}.options-grid button{margin:0}}.mbti-grid{display:grid;grid-template-columns:1fr;gap:.8rem;max-height:60vh;overflow-y:auto;padding-right:10px}@media(min-width:480px){.mbti-grid{grid-template-columns:repeat(2,1fr)}.mbti-grid button{max-width:100%}}.slider-container{position:relative;width:100%;max-width:400px;margin:0 auto;padding:10px 0}.slider-viewport{overflow:hidden;width:100%;border-radius:15px}.slider-wrapper{display:flex;transition:transform .3s ease-out;width:100%}.slider-item{flex:0 0 100%;width:100%;display:flex;flex-direction:column;align-items:center;padding:0 5px}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-color);width:44px;height:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;border:1px solid var(--border-color);font-size:1.5rem;transition:all .2s;padding:0;margin:0;box-shadow:0 2px 8px #0000001a}.nav-btn.prev{left:-22px}.nav-btn.next{right:-22px}@media(max-width:500px){.nav-btn.prev{left:5px}.nav-btn.next{right:5px}}.nav-btn:hover:not(:disabled){background-color:var(--primary-color);color:#fff;transform:translateY(-50%) scale(1.1)}.nav-btn:disabled{opacity:0;pointer-events:none}.slider-counter{text-align:center;font-weight:600;margin-top:10px;font-size:.9rem;color:var(--text-light)}.slider-dots{display:flex;justify-content:center;gap:8px;margin-top:10px}.dot{width:8px;height:8px;border-radius:50%;background-color:var(--border-color);transition:background-color .2s}.dot.active{background-color:var(--primary-color)}.item-card{width:100%;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #0000001a;padding-bottom:15px}.item-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-bottom:1px solid #eee}.item-info{padding:15px;text-align:center}.item-name{font-weight:600;margin-bottom:10px;font-size:1.1rem;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}