:root{--primary-color:#7B6CFF;--gradient-color:linear-gradient(135deg,#7B6CFF,#6C9FFF);--bg-color:#050505;--card-bg:#1A1A1A;--text-color:#FFFFFF}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:#666;border-radius:6px}.bdsm-test-container{margin:0;padding:0;color:var(--text-color);font-family:Pretendard,sans-serif;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}a,button,input[type=radio],label{-webkit-tap-highlight-color:transparent}.smartphone-mockup{width:360px;height:calc(100dvh - 40px);max-height:800px;padding:20px;border-radius:40px;background:var(--card-bg);box-shadow:0 0 60px rgba(0,0,0,.5);position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;overflow-y:auto;scroll-behavior:smooth}.logo{width:120px;margin:40px auto 20px;display:block}.main-title{color:var(--primary-color);font-size:24px;font-weight:700;margin-bottom:12px;line-height:1.4}.main-title,.sub-title{text-align:center;word-break:keep-all}.sub-title{font-size:20px;font-weight:600;margin-bottom:30px;line-height:1.5}.image-placeholder{width:calc(100% - 40px);border-radius:20px;margin-bottom:50px}.start-button{background:var(--gradient-color);color:white;border:none;padding:20px 40px;border-radius:100px;font-size:18px;font-weight:600;cursor:pointer;transition:transform .3s ease;margin-top:0;margin-bottom:26px;width:calc(100% - 40px);max-width:320px}.start-button:hover{transform:scale(1.05)}.start-button:active{transform:scale(.98)}.hint-message{text-align:center;color:#909090;font-size:16px;text-decoration:underline;text-underline-offset:3px}.participant-count{text-align:center;color:rgba(255,255,255,.8);font-size:15px;margin-bottom:30px;font-weight:500}.progress-container{width:100%;display:flex;align-items:center;gap:8px;margin:20px 0 40px}.back-button{width:32px;height:32px;border-radius:50%;background:var(--primary-color);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.back-button svg{width:20px;height:20px;fill:white}.progress-bar{flex-grow:1;height:6px;background:#E8E8E8;border-radius:100px;overflow:hidden;margin-left:10px}.progress{height:100%;background:var(--primary-color);border-radius:100px;transition:width .3s ease}.progress-text{color:#999;font-size:14px;min-width:34px;text-align:right}.question{font-size:24px;font-weight:600;text-align:center;margin:0 0 40px;line-height:1.5;word-break:keep-all;padding:0 20px}.option-group{display:flex;flex-direction:column;gap:16px;padding:0 20px;width:100%;box-sizing:border-box}.option{background:transparent;border:2px solid var(--primary-color);border-radius:100px;padding:20px;color:var(--text-color);font-size:18px;font-weight:500;cursor:pointer;transition:all .2s ease}.option.selected{background:var(--primary-color)}.next-button{background:var(--gradient-color);color:white;border:none;padding:20px;border-radius:100px;font-size:18px;font-weight:600;cursor:pointer;margin-top:auto;margin-bottom:40px;width:calc(100% - 40px);align-self:center}.next-button:disabled{opacity:.5;cursor:not-allowed}.note{font-size:14px;color:rgba(255,255,255,.6);text-align:center;margin:20px 0;padding:0 20px;line-height:1.5}