.star-field[data-v-75d454da]{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}@keyframes twinkle-75d454da{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.header[data-v-6b502b15]{background-color:#170528;margin:20px;padding:30px;border-radius:30px;box-shadow:0 8px 32px #0000004d;text-align:left;position:relative}.title[data-v-6b502b15]{color:#fff;margin-top:10px;display:flex;align-items:center;gap:15px}.subtitle[data-v-6b502b15]{color:#fffc;margin-left:5px}.logout-btn[data-v-6b502b15]{background:transparent;border:1px solid rgba(255,215,0,.5);color:gold!important;border-radius:20px;padding:5px 12px;cursor:pointer}.user-profile-wrapper[data-v-6b502b15]{display:flex;align-items:center;gap:10px}.profile-img[data-v-6b502b15]{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid #ffd700}.user-menu[data-v-6b502b15]{position:absolute;top:25px;right:25px;display:flex;flex-direction:row;align-items:center;gap:8px;z-index:10}.menu-item[data-v-6b502b15]{text-decoration:none;color:#fff!important;font-size:1rem;font-weight:500;padding:5px 10px;transition:all .3s ease;display:inline-block;cursor:pointer;z-index:1000}.menu-item[data-v-6b502b15]:hover{color:gold!important;text-shadow:0 0 10px rgba(255,215,0,.8)}.menu-item.highlight[data-v-6b502b15]{color:gold!important;border:1px solid rgba(255,215,0,.5);border-radius:20px;margin-left:5px;white-space:nowrap}.divider[data-v-6b502b15]{color:#ffffff4d}.user-name[data-v-6b502b15]{color:#fff;margin-right:10px}.btn-logout[data-v-6b502b15]{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#2b0c0c;padding:4px 10px;border-radius:15px;cursor:pointer;font-size:.8rem}.btn-logout[data-v-6b502b15]:hover{background:#f003}.story-card[data-v-6fad4de8]{background:#1a237ee6;padding:30px;border-radius:30px;color:#fff;margin-bottom:20px;position:relative;box-shadow:0 10px 20px #0000004d}.profile-img-container[data-v-6fad4de8]{display:flex;align-items:center;gap:20px}.profile-img[data-v-6fad4de8]{width:80px;height:80px;border-radius:20px;object-fit:cover}.card-content h1[data-v-6fad4de8]{font-size:24px;margin-bottom:10px}.card-content p[data-v-6fad4de8]{font-size:14px;opacity:.8}.login-btn-top[data-v-6fad4de8]{position:absolute;top:20px;right:30px;background:none;border:1px solid #ffd700;color:gold;padding:6px 16px;border-radius:15px;cursor:pointer;font-size:14px}.login-section[data-v-6fad4de8]{padding:20px 10px;text-align:left}.section-title[data-v-6fad4de8]{font-size:20px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.section-subtitle[data-v-6fad4de8]{font-size:14px;color:#555;margin-bottom:30px}.social-login-group[data-v-6fad4de8]{display:flex;flex-direction:column;gap:12px;margin-bottom:30px;width:100%}.social-btn[data-v-6fad4de8]{display:flex;align-items:center;justify-content:flex-start;width:100%;height:50px;border-radius:12px;border:none;font-weight:700;font-size:16px;cursor:pointer;padding:0 20px;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s}.social-btn[data-v-6fad4de8]:hover{transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.social-icon[data-v-6fad4de8]{width:24px;height:24px;margin-right:15px;object-fit:contain}.kakao[data-v-6fad4de8]{background-color:#fee500;color:#3c1e1e}.naver[data-v-6fad4de8]{background-color:#03c75a;color:#fff}.email-login-form[data-v-6fad4de8]{display:flex;flex-direction:column;gap:12px;margin-bottom:25px;width:100%}.email-login-form input[data-v-6fad4de8]{padding:12px 15px;border-radius:10px;border:1px solid #ddd;font-size:14px}.auth-btn[data-v-6fad4de8]{width:100%;padding:12px;border-radius:20px;border:none;background:#f0f0f0;color:#333;font-size:14px;cursor:pointer;margin-top:5px}.auth-footer[data-v-6fad4de8]{font-size:14px;color:#555;text-align:left}.signup-link[data-v-6fad4de8]{color:gold;text-decoration:underline;margin-left:5px;font-weight:700}