@import"https://fonts.googleapis.com/icon?family=Material+Icons";.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;z-index:1000;display:flex;align-items:center;justify-content:center}.share-modal{background:#fff;padding:24px;border-radius:20px;box-shadow:0 8px 24px #0003;text-align:center;max-width:320px;width:90%}.share-modal.wider{max-width:400px;padding:32px}.share-title{margin-bottom:20px;font-size:20px;font-weight:700;color:#000}.share-buttons{display:flex;flex-direction:column;gap:12px}.share-btn{background-color:#ffcdd6;padding:12px;border:none;border-radius:12px;cursor:pointer;font-size:16px;transition:background-color .3s ease;text-decoration:none}.share-btn:hover{background-color:#ffb9c4}.dark-text{color:#111;font-weight:500}.shorts-scroll-container{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;background:#fff}.shorts-scroll-item{scroll-snap-align:start;min-height:100vh;display:grid;place-items:center;padding:16px 0}.shorts-feed-layout{width:100%;display:grid;place-items:center}.shorts-video-wrapper{position:relative;width:min(92vw,480px);aspect-ratio:9 / 16;background:#000;border-radius:18px;overflow:hidden;box-shadow:0 6px 24px #0000002e,0 1px #ffffff0f inset;border:1px solid rgba(255,205,214,.25)}.shorts-video{width:100%;height:100%;object-fit:cover;background:#000}.sr-title-box{position:absolute;top:8px;left:8px;right:48px;padding:8px 10px;border-radius:12px;background:linear-gradient(180deg,#0000008c,#00000040);color:#fff;font-size:14px;line-height:1.25;max-height:120px;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.6)}.badge-dispute{user-select:none}.share-button{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;border:none;background:#ffffffeb;backdrop-filter:blur(4px);box-shadow:0 2px 8px #0003;cursor:pointer}.share-button i{font-size:16px}.shorts-author-avatar{position:absolute;bottom:12px;left:12px;width:44px;height:44px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid #fff;box-shadow:0 4px 10px #00000059;cursor:pointer;z-index:4}.tap-to-play{position:absolute;inset:0;display:grid;place-items:center;background:#00000040;color:#fff;font-weight:600;font-size:14px;letter-spacing:.2px;text-align:center;padding:0 12px}@media (max-width: 360px){.shorts-video-wrapper{width:94vw;border-radius:16px}.shorts-author-avatar{width:40px;height:40px}}@media (min-width: 768px){.shorts-video-wrapper{width:min(420px,56vh)}}.icon-heart-outline:before{content:"favorite_border";font-family:Material Icons;font-size:28px;color:#ffcdd6}.icon-skull-outline:before{content:"skull";font-family:Material Icons;font-size:28px;color:#888}.icon-share-outline:before{content:"share";font-family:Material Icons;font-size:28px;color:#fff}.reaction-count{display:block;font-size:12px;margin-top:2px;text-align:center}.white-thin{color:#fff;font-weight:300}.profile-container{max-width:800px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--page-bg, #f7f7f8);min-height:100vh;display:flex;flex-direction:column;align-items:center}.title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:#2d3748;width:100%;max-width:600px}.a2hs-card{width:100%;max-width:600px;background:#fff;border:1px solid #fff;border-radius:16px;box-shadow:0 18px 40px #ff83b02e,0 4px 10px #0000000f;padding:1rem 1.25rem;margin-bottom:1.25rem}.a2hs-row{display:flex;align-items:center;gap:.75rem}.a2hs-emoji{font-size:1.5rem}.a2hs-text{font-weight:600;color:#111827}.a2hs-sub{font-weight:500;color:#6b7280;font-size:.9rem}.a2hs-actions{margin-top:.75rem;display:flex;justify-content:flex-end}.a2hs-btn{background:#f5f6f8!important;color:#0e0e0e!important;border:1.5px solid #fff!important;border-radius:999px!important;display:inline-flex!important;align-items:center;gap:.5rem;padding:12px 16px!important;box-shadow:0 14px 28px #ff83b038,0 2px 8px #0000000f!important}.a2hs-btn:hover{transform:translateY(-1px);box-shadow:0 18px 36px #ff83b042,0 4px 10px #00000014!important}.btn-icon{display:inline-flex}.a2hs-hint{margin-top:.75rem;font-size:.9rem;color:#374151;background:#f9fafb;border:1px dashed #e5e7eb;padding:.75rem;border-radius:12px}.a2hs-share{display:inline-block;background:#111827;color:#fff;padding:.05rem .4rem;border-radius:6px;margin:0 .25rem}.avatar-container{position:relative;margin-bottom:2rem;display:flex;justify-content:center;width:100%;max-width:600px;transition:transform .3s ease;cursor:pointer}.avatar-container:hover{transform:scale(1.03)}.avatar-photo{border-radius:50%;outline:6px solid #fff;box-shadow:0 22px 50px #ff83b047,0 4px 12px #00000014}.avatar-placeholder{display:flex;align-items:center;justify-content:center;width:180px;height:180px;border-radius:50%;border:2px dashed #cbd5e1;background:#fff;gap:8px;flex-direction:column;color:#64748b;transition:all .3s ease}.avatar-container.drag-over .avatar-placeholder{border-color:#22c55e;background:#ecfdf5}.user-icon{color:#667eea}.avatar-uploading-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.avatar-uploading-spinner:after{content:"";width:46px;height:46px;border-radius:50%;border:4px solid rgba(0,0,0,.06);border-top-color:#667eea;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-form,.scenario-form{display:flex;flex-direction:column;gap:1.2rem;background:#fff;max-width:600px;width:100%;margin:1rem auto;padding:2rem;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 8px 32px #0000000f}.input{padding:1rem 1.25rem;border-radius:12px;border:1.5px solid #e2e8f0;font-size:1rem;background:#fff;outline:none;transition:all .2s ease}.input:focus{border-color:#667eea;box-shadow:0 0 0 6px #667eea1a}.button{background:var(--bmb-pink, #ffcdd6);color:var(--bmb-text, #0e0e0e);padding:12px 16px;border:1px solid rgba(0,0,0,.06);border-radius:999px;font-weight:700;cursor:pointer;transition:transform .06s ease,box-shadow .2s ease;box-shadow:0 12px 28px #00000014}.button:hover{transform:translateY(-1px);box-shadow:0 16px 36px #0000001a}.button:active{transform:translateY(0);box-shadow:none}.scenario-archive{max-width:600px;width:100%;margin:2rem auto;padding:2rem;background:#fff;border-radius:16px;border:1px solid #fff;box-shadow:0 18px 40px #ff83b02e,0 4px 10px #0000000f}.scenarios-grid{display:grid;gap:1rem;grid-template-columns:1fr;width:100%}.scenario-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border:1px solid #fff;box-shadow:0 14px 28px #ff83b02e,0 2px 8px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.scenario-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px #ff83b038,0 4px 10px #00000014}.scenario-description{font-size:1rem;color:#495057;margin-bottom:.5rem;line-height:1.4}.scenario-price{display:inline-block;background:#f4f5f6;color:#111;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;border:1px solid #e9ecef}.scenario-actions{display:flex;gap:.5rem;align-items:center}.action-btn{width:40px;height:40px;border-radius:12px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;background:#f5f6f8;border:1.5px solid #fff;box-shadow:0 12px 26px #ff83b038,0 2px 8px #0000000f;color:#111}.action-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px #ff83b042,0 4px 10px #00000014}.empty-scenarios{text-align:center;padding:2rem 1rem;color:#6c757d}@media (max-width: 767px){.profile-container{padding:1rem}.profile-form,.scenario-form,.scenario-archive{padding:1.5rem}.title{font-size:2rem;margin-bottom:1.5rem}.scenario-card{padding:1.25rem;flex-direction:column;align-items:stretch;gap:1rem}.scenario-actions{justify-content:center}}html,body{margin:0;padding:0}*{box-sizing:border-box}.profile-container{box-sizing:border-box;padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right));overflow-x:hidden}.a2hs-card,.avatar-container,.settings-card,.profile-form,.scenario-form,.scenario-archive,.title{margin-left:auto;margin-right:auto}.avatar-photo{outline:none;box-shadow:0 0 0 6px #fff,0 22px 50px #ff83b047,0 4px 12px #00000014}.settings-card{width:100%;max-width:600px;margin:12px auto 16px;background:#fff;border:1px solid #fff;border-radius:16px;padding:12px 16px;box-shadow:0 14px 28px #ff83b02e,0 2px 8px #0000000f}.settings-card h2{margin:2px 0 10px;font-size:16px;color:#000;font-weight:700}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;border-top:1px dashed #ffe2ea}.settings-row:first-of-type{border-top:0}.bmb-switch{position:relative;display:inline-block;width:46px;height:28px}.bmb-switch input{opacity:0;width:0;height:0}.bmb-switch i{position:absolute;inset:0;cursor:pointer;background:#e5e7eb;border-radius:99px;transition:.2s}.bmb-switch i:after{content:"";position:absolute;height:22px;width:22px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0000001f;transition:.2s}.bmb-switch input:checked+i{background:#ffcdd6}.bmb-switch input:checked+i:after{transform:translate(18px)}.bmb-modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:9999}.bmb-modal{width:min(560px,92vw);background:#fff;border-radius:18px;box-shadow:0 10px 30px #0000002e;border:2px solid #ffcdd6}.bmb-modal-header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #ffe4ea}.bmb-logo-square{width:34px;height:34px;border-radius:8px;background:#ffcdd6}.bmb-modal-header h3{margin:0;font-size:16px;letter-spacing:.4px;color:#000}.bmb-modal-body{padding:16px 18px 6px;color:#111}.bmb-steps{margin:10px 0 0 18px;padding:0}.bmb-steps li{margin-bottom:6px}.bmb-modal-actions{padding:12px 18px 16px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.bmb-modal-actions .button{font-weight:600}.bmb-primary{background:#ffcdd6;color:#000;border:2px solid #ffcdd6;border-radius:12px;padding:10px 14px}.bmb-secondary{background:#fff;color:#000;border:2px solid #ffcdd6;border-radius:12px;padding:10px 14px}.bmb-ghost{background:transparent;color:#000;border:1px dashed #ffcdd6;border-radius:12px;padding:10px 14px;font-weight:500}@media (max-width: 430px){.title{font-size:1.85rem}.a2hs-text{font-size:.95rem}.profile-form,.scenario-form,.scenario-archive{border-radius:14px}.scenario-price{font-size:.85rem}}@media (max-width: 767px){.profile-container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.title{margin-left:auto;margin-right:auto}}