:root{--background:#000;--gold:#d4af37;--gold-light:#e8c862;--white:#fff;--gray:#8a8a8a;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#000;min-height:100vh;padding-bottom:60px;font-family:Arial,Helvetica,sans-serif}button{cursor:pointer}.landing-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.choose-container{flex-direction:column;align-items:center;width:420px;display:flex}.landing-logo{width:min(700px,90vw);height:auto;margin-bottom:40px;display:block}.choose-form{flex-direction:column;gap:20px;width:100%;display:flex}.login-text{text-align:center;color:#8f8f8f;margin-top:15px;margin-bottom:15px}.choose-form a{width:100%;text-decoration:none}.ph-button{border:2px solid var(--gold);width:100%;max-width:420px;height:56px;color:var(--gold);letter-spacing:2px;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:12px;font-size:1rem;font-weight:600;transition:all .25s;display:flex}.ph-button:hover:not(:disabled){background:var(--gold);color:#000}.ph-button:disabled{cursor:not-allowed;opacity:.75;color:var(--gold);background:#c8a24b14}.ph-button-spinner{border:2px solid #c8a24b59;border-top:2px solid var(--gold);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite phButtonSpin}@keyframes phButtonSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register-page{background:var(--background);justify-content:center;align-items:center;min-height:100vh;display:flex}.register-container{flex-direction:column;align-items:center;width:420px;display:flex}.register-logo{width:min(700px,90vw);height:auto;margin-bottom:40px;display:block}.subtitle{color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-top:5px;margin-bottom:80px;font-size:.95rem}.register-form{flex-direction:column;gap:20px;width:100%;display:flex}.success-message{text-align:center;color:#46d369;font-weight:600}.error-message{text-align:center;color:#ff5b5b;font-weight:600}.success-box{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:25px;display:flex}.verification-title{color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin:0;font-weight:700}.verification-message{color:#bdbdbd;margin:0 0 10px;font-size:.95rem;line-height:1.6}.login-link{width:100%;text-decoration:none}.go-to-login-button{border-width:3px;width:100%;margin-top:5px}.error-box{color:#ff6464;text-align:center;margin-top:15px;font-weight:600}.login-text{text-align:center}.register-form a{width:100%;text-decoration:none}.ph-input-group{flex-direction:column;width:100%;margin-bottom:20px;display:flex}.ph-input-label{color:var(--gold);letter-spacing:1px;margin-bottom:8px;font-size:.95rem}.ph-input-container{width:100%;position:relative}.ph-input{border:2px solid var(--gold);color:#fff;box-sizing:border-box;background:#000;outline:none;width:100%;padding:14px 50px 14px 18px;font-size:1rem;transition:all .3s}.ph-input::placeholder{color:#ffffff73}.ph-input:focus{border-color:#fff}.ph-password-toggle{cursor:pointer;color:#fff;background:0 0;border:none;padding:0;font-size:1.1rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.ph-password-toggle:hover{opacity:.75}.ph-input:-webkit-autofill{-webkit-text-fill-color:white;caret-color:#fff;box-shadow:inset 0 0 0 1000px #000}.ph-input:-webkit-autofill:hover{-webkit-text-fill-color:white;caret-color:#fff;box-shadow:inset 0 0 0 1000px #000}.ph-input:-webkit-autofill:focus{-webkit-text-fill-color:white;caret-color:#fff;box-shadow:inset 0 0 0 1000px #000}.ph-input:-webkit-autofill:active{-webkit-text-fill-color:white;caret-color:#fff;box-shadow:inset 0 0 0 1000px #000}.pham-toast{color:#fff;z-index:9999;background:#111;border:1px solid #c8a24b;border-radius:12px;width:500px;padding:24px 30px;animation:.35s toastIn;position:fixed;top:90px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 35px #00000073}.pham-toast.success{border-color:#c8a24b}.pham-toast.error{border-color:#d9534f}.pham-toast-title{color:#c8a24b;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;font-size:22px;font-weight:700}.pham-toast-message{color:#ddd;font-size:17px;line-height:1.6}.pham-toast-progress{background:#c8a24b;width:100%;height:4px;animation:5s linear forwards toastProgress;position:absolute;bottom:0;left:0}@keyframes toastProgress{0%{width:100%}to{width:0}}@keyframes toastIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.pham-toast{box-sizing:border-box;border-radius:12px;width:auto;max-width:none;padding:18px 16px;top:80px;left:12px;right:12px;transform:none}.pham-toast-title{letter-spacing:2px;overflow-wrap:anywhere;margin-bottom:8px;font-size:18px;line-height:1.3}.pham-toast-message{overflow-wrap:anywhere;font-size:15px;line-height:1.45}}.login-page{background:var(--background);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-container{flex-direction:column;align-items:center;width:420px;display:flex}.logo-frame{justify-content:center;align-items:center;margin-bottom:10px;display:flex}.login-logo{width:min(700px,90vw);height:auto;margin-bottom:40px;display:block}.subtitle{color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-top:5px;font-size:.95rem}.login-form{flex-direction:column;gap:20px;width:100%;display:flex}.register-text{text-align:center;color:#8f8f8f;margin-top:15px;margin-bottom:15px}.login-form a{width:100%;text-decoration:none}.welcome-frame{justify-content:center;align-items:center;margin-bottom:10px;display:flex}.feed-logo{width:min(700px,90vw);height:auto;margin-bottom:40px;display:block}.skeleton-card{margin-bottom:40px}.skeleton{background:linear-gradient(90deg,#1b1b1b 25%,#2a2a2a 50%,#1b1b1b 75%) 0 0/300% 100%;border-radius:8px;animation:1.2s infinite skeletonLoading}.skeleton-title{width:220px;height:28px;margin-bottom:16px}.skeleton-text{width:320px;height:18px;margin-bottom:24px}.skeleton-media{width:600px;height:340px}@keyframes skeletonLoading{0%{background-position:300% 0}to{background-position:-300% 0}}.media-card{background:#111;border:1px solid #d4af371f;border-radius:16px;overflow:hidden}.media-card:hover{border-color:#d4af374d}.back-button{color:#d4af37;cursor:pointer;background:0 0;border:none;margin-bottom:20px;font-size:16px;transition:opacity .2s}.back-button:hover{opacity:.7}.media-card-media{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.media-card-media img,.media-card-media video{object-fit:cover;width:100%;height:100%;display:block}.media-card-status{z-index:10;position:absolute;top:20px;left:20px}.media-card-content{padding:24px}.media-card-content h3{color:#fff;margin:0 0 10px;font-size:22px}.media-card-content p{color:#aaa;margin:0}.media-card-info{justify-content:space-between;align-items:center;gap:20px;display:flex}.media-card-text{min-width:0}.media-card-category{color:#d4af37;white-space:nowrap;background:#d4af370d;border:1px solid #d4af37;border-radius:20px;flex-shrink:0;padding:8px 16px;font-size:14px;font-weight:600;transition:background .2s,box-shadow .2s}.media-card-category:hover{background:#d4af371a;box-shadow:0 0 8px #d4af3733}.media-card-author{cursor:pointer;align-items:center;gap:10px;width:fit-content;transition:color .2s;display:flex}.media-card-author img{object-fit:cover;border:2px solid #d4af37;border-radius:50%;width:32px;height:32px;transition:box-shadow .2s}.media-card-author span{color:#fff;font-weight:600;transition:color .2s}.media-card-author:hover span{color:#d4af37}.media-card-author:hover img{box-shadow:0 0 8px #d4af3773}.scene-menu{position:relative}.scene-menu-button{cursor:pointer;background:0 0;border:none;padding:0}.scene-menu-button img{object-fit:contain;width:100px;height:100px;transition:transform .25s,filter .25s}.scene-menu-button:hover img{filter:drop-shadow(0 0 10px #d4af3759);transform:scale(1.06)}.scene-menu-panel{z-index:100;background:#0a0a0afa;border:1px solid #d4af37;border-radius:14px;flex-direction:column;gap:10px;width:320px;padding:14px;animation:.22s sceneMenu;display:flex;position:absolute;top:92px;right:0;box-shadow:0 12px 35px #0000008c,0 0 18px #d4af371f}.scene-action{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.scene-action:hover{color:#d4af37;background:#d4af371a}.scene-action.delete:hover{color:#ff6464;background:#ff505014}.scene-action span{flex-direction:column;display:flex}.scene-action strong{letter-spacing:.6px;font-size:14px;font-weight:700}.scene-action small{color:#999;margin-top:2px;font-size:11px}@keyframes sceneMenu{0%{opacity:0;transform:translateY(-10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.scene-action img{object-fit:contain;flex-shrink:0;width:56px;height:56px}.video-feed{flex-direction:column;gap:32px;width:100%;max-width:900px;margin:0 auto;display:flex}.home-page{color:#d4af37;background:#000;flex-direction:column;align-items:center;min-height:100vh;margin-top:10px;padding-top:30px;display:flex;position:relative}.feed-filter-container{z-index:1000;position:fixed;top:100px;left:60px}.feed-filter-button{box-shadow:none;cursor:pointer;background:0 0;border:none;outline:none;width:100px;height:100px;padding:0}.feed-filter-button img{object-fit:contain;width:100%;height:100%}.filter-menu{z-index:100;background:#0a0a0afa;border:1px solid #d4af37;border-radius:14px;flex-direction:column;gap:10px;width:160px;max-height:350px;padding:14px;display:flex;position:absolute;top:110px;left:50%;overflow:hidden auto;transform:translate(-50%);box-shadow:0 12px 35px #0000008c,0 0 18px #d4af371f}.filter-option{color:#fff;cursor:pointer;align-items:center;gap:8px;padding:6px 8px;font-size:14px;transition:color .2s;display:flex}.filter-option input[type=checkbox]{accent-color:#d4af37}.filter-option.selected,.filter-option:hover{color:#d4af37}.filter-button:focus,.filter-button:active{box-shadow:none;border:none;outline:none}.filter-menu::-webkit-scrollbar{width:6px}.filter-menu::-webkit-scrollbar-thumb{background:#d4af37;border-radius:10px}.filter-menu::-webkit-scrollbar-track{background:0 0}@media (width<=768px){.feed-filter-container{top:auto;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:1000;transform:translate(-50%)}.feed-filter-button{background:#0a0a0aeb;border:1px solid #d4af37;border-radius:28px;justify-content:center;align-items:center;gap:10px;width:auto;height:48px;padding:6px 18px 6px 10px;display:flex;box-shadow:0 6px 20px #0000008c,0 0 12px #d4af3726}.feed-filter-icon-mobile{object-fit:contain;width:20px;height:20px;display:block}.feed-filter-icon-desktop{display:none}.feed-filter-label{color:#d4af37;letter-spacing:1px;white-space:nowrap;font-size:14px;font-weight:600}.filter-menu{border-radius:14px;width:180px;max-height:55vh;padding:12px;top:auto;bottom:58px;left:50%;transform:translate(-50%)}}@media (width<=1200px) and (orientation:landscape){.feed-filter-container{z-index:1000;width:auto;top:auto;bottom:20px;left:50%;transform:translate(-50%)}.feed-filter-button{background:#0a0a0aeb;border:1px solid #d4af37;border-radius:28px;justify-content:center;align-items:center;gap:6px;width:fit-content;min-width:0;height:48px;padding:6px 12px 6px 8px;display:flex;box-shadow:0 6px 20px #0000008c,0 0 12px #d4af3726}.feed-filter-icon-mobile{object-fit:contain;flex:0 0 34px;width:34px;height:34px;display:block}.feed-filter-label{color:#d4af37;letter-spacing:1px;white-space:nowrap;flex:none;margin:0;font-size:14px;font-weight:600;display:block}.feed-filter-icon-desktop{display:none}.filter-menu{border-radius:14px;width:260px;max-height:42vh;padding:10px;top:auto;bottom:58px;left:50%;overflow-y:auto;transform:translate(-50%)}}.first-take-page{width:100%}.first-take-hero,.next-scene-hero{aspect-ratio:21/9;width:100%;overflow:hidden}.first-take-hero img,.next-scene-hero img{object-fit:contain;width:100%;height:100%;display:block}.first-take-header{text-align:center;margin-bottom:40px}.first-take-header h1{color:#d4af37;letter-spacing:6px;margin-bottom:10px;font-size:36px}.first-take-header p{color:#bdbdbd;letter-spacing:2px;font-size:16px}.media-selector{justify-content:center;width:100%;margin-top:25px;display:flex}.upload-zone{text-align:center;border:3px dashed #d4af37;border-radius:20px;width:700px;padding:50px}.media-type-icons{justify-content:center;align-items:center;gap:30px;margin-bottom:25px;display:flex}.media-type-icon{object-fit:contain;width:120px;height:120px}.upload-zone h3{margin-bottom:10px}.upload-zone p{margin-bottom:25px}.upload-content{flex-direction:column;align-items:center;display:flex}.upload-content h2{margin-bottom:30px}.media-details{flex-direction:column;gap:15px;width:700px;display:flex}.media-details textarea,.media-details select{border-radius:8px;padding:12px;font-size:16px}.media-preview{justify-content:center;width:100%;margin-top:30px;display:flex}.preview-image,.preview-video{border-radius:12px;width:100%;max-width:700px;height:auto}.selected-media{border:1px solid #d4af37;border-radius:12px;margin-top:30px;padding:20px}.scene-information{flex-direction:column;gap:15px;width:600px;max-width:100%;margin-top:30px;display:flex}.scene-information input,.scene-information textarea,.scene-information select{color:#fff;background:#1a1a1a;border:1px solid #d4af37;border-radius:8px;padding:12px;font-size:16px}.publish-container{justify-content:center;margin-top:35px;display:flex}@media (width<=768px){.first-take-hero img,.next-scene-hero img{width:100%;max-width:none}.first-take-header{box-sizing:border-box;width:100%;padding:0 12px}.media-selector{box-sizing:border-box;width:100%;margin-top:15px}.upload-zone{box-sizing:border-box;border-width:2px;border-radius:14px;width:100%;max-width:100%;padding:20px 12px}.media-type-icons{gap:15px;margin-bottom:18px}.media-type-icon{width:75px;height:75px}.media-details{box-sizing:border-box;gap:12px;width:100%;max-width:100%}.media-details textarea,.media-details select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:14px;font-size:16px}.scene-information{box-sizing:border-box;gap:12px;width:100%;max-width:100%;margin-top:25px}.scene-information input,.scene-information textarea,.scene-information select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:14px;font-size:16px}.scene-information textarea{resize:vertical;min-height:120px}.scene-information select{height:50px}.media-preview{box-sizing:border-box;width:100%;max-width:100%;margin-top:20px}.preview-image,.preview-video{box-sizing:border-box;width:100%;max-width:100%;height:auto}.selected-media{box-sizing:border-box;width:100%;max-width:100%;padding:15px}.publish-container{box-sizing:border-box;width:100%;max-width:100%;margin-top:25px}}.director-note{text-align:center;color:#d4af37;white-space:pre-line;border:2px solid #d4af37;border-radius:12px;width:600px;max-width:100%;margin-top:25px;padding:20px}.director-note.success{color:#4caf50;border-color:#4caf50}.director-note.error{color:#ff4d4d;border-color:#ff4d4d}.pham-select{width:100%;position:relative}.pham-select-trigger{color:#fff;text-align:left;cursor:pointer;background:#1a1a1a;border:1px solid #d4af37;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:12px;font-size:16px;transition:background .2s,border-color .2s;display:flex}.pham-select-trigger:hover,.pham-select-trigger.open{background:#222;border-color:#d4af37}.pham-select-trigger .placeholder{color:#999}.pham-select-arrow{color:#d4af37;margin-left:10px;font-size:12px}.pham-select-menu{z-index:1000;background:#1a1a1a;border:1px solid #d4af37;border-radius:8px;width:100%;max-height:300px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden auto;box-shadow:0 8px 20px #00000073}.pham-select-menu::-webkit-scrollbar{width:8px}.pham-select-menu::-webkit-scrollbar-track{background:#111}.pham-select-menu::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.pham-select-menu::-webkit-scrollbar-thumb:hover{background:#d4af37}.pham-select-option{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:11px 12px;font-size:16px;transition:background .15s,color .15s}.pham-select-option:hover{color:#111;background:#d4af37}.pham-select-option.selected{color:#d4af37;background:#2a2a2a}.profile-page{max-width:1200px;margin:40px auto;padding:20px}.profile-avatar{border:3px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:20px;font-size:55px;display:flex}.profile-content{flex-direction:column;gap:20px;display:flex}.profile-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;display:grid}.profile-card{cursor:pointer;background:#1b1b1b;border-radius:12px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.profile-card-status{z-index:10;position:absolute;top:12px;right:12px}.profile-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000059}.profile-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.profile-card h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:15px;font-size:1rem;font-weight:600;overflow:hidden}@media (width<=768px){.profile-page{padding:15px}.profile-grid{grid-template-columns:1fr}}.profile-header{flex-direction:column;align-items:center;margin-bottom:50px;display:flex}.profile-avatar-wrapper{margin-bottom:20px;position:relative}.profile-avatar{border:3px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:0;display:flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.profile-avatar-wrapper.clickable{cursor:pointer}.profile-avatar-wrapper.clickable .profile-avatar{transition:box-shadow .2s,transform .2s}.profile-avatar-wrapper.clickable .profile-avatar:hover{transform:scale(1.02);box-shadow:0 0 0 3px #d4af3733}.profile-account-menu{z-index:1000;background:#171717;border:1px solid #3a3a3a;border-radius:10px;width:220px;padding:6px;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000073}.profile-account-menu button{color:#e8e8e8;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;width:100%;padding:11px 13px;font-size:14px;transition:background-color .15s,color .15s}.profile-account-menu>button:hover{color:#d4af37;background:#d4af3724}.profile-account-menu .logout-option:hover{color:#e05a5a;background:#dc3c3c24}.profile-menu-divider{background:#333;height:1px;margin:6px 4px}.profile-menu-footer{color:#777;justify-content:center;align-items:center;gap:6px;padding:9px 4px 5px;font-size:11px;display:flex}.profile-menu-footer button{color:#777;border-radius:0;width:auto;padding:0;font-size:11px}.profile-menu-footer button:hover{color:#d4af37;background:0 0}.profile-header h1{margin-bottom:10px}.profile-header p{color:#999}.profile-banner{width:100%;height:260px;overflow:hidden}.profile-toggle-option{color:#e8e8e8;cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;width:100%;padding:11px 13px;font-size:14px;transition:background-color .15s;display:flex}.profile-toggle-option:hover{color:#d4af37;background:#d4af3724}.profile-toggle-option.disabled{color:#666;cursor:not-allowed}.profile-toggle-option.disabled:hover{color:#666;background:0 0}.profile-toggle.disabled{cursor:not-allowed;background:#0d0d0d;border-color:#333}.profile-toggle.disabled .profile-toggle-knob{background:#555}.profile-toggle{background:#111;border:1px solid #555;border-radius:999px;flex-shrink:0;width:34px;height:18px;transition:background-color .2s,border-color .2s;position:relative}.profile-toggle-knob{background:#777;border-radius:50%;width:12px;height:12px;transition:transform .2s,background-color .2s;position:absolute;top:2px;left:2px}.profile-toggle.active{background:#d4af37;border-color:#d4af37}.profile-toggle.active .profile-toggle-knob{background:#111;transform:translate(16px)}.profile-header{z-index:20;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto 60px;display:flex;position:relative}.profile-banner{aspect-ratio:16/9;border-radius:10px;width:100%;overflow:hidden}.profile-banner img{object-fit:cover;width:100%;height:100%;display:block}.profile-info-layout{grid-template-columns:1fr 1fr 1fr;align-items:center;width:100%;display:grid}.profile-personal-info{text-align:left;grid-column:1;padding-left:25px;padding-right:30px}.profile-personal-info h2{margin:0 0 12px;font-size:28px;font-weight:600}.profile-personal-info .profile-bio{color:#aaa;margin:0;font-size:16px;line-height:1.5}.profile-center-info{text-align:center;flex-direction:column;grid-column:2;align-items:center;display:flex}.profile-center-info .profile-avatar-wrapper{z-index:100;position:relative}.profile-center-info .profile-avatar-wrapper.avatar-overlap{margin-top:-70px}.profile-center-info .profile-avatar-wrapper.avatar-below-banner{margin-top:35px}.profile-center-info .profile-avatar{background:#000;border:3px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;overflow:hidden}.profile-center-info .profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.profile-center-info h1{margin:18px 0 8px;font-size:30px}.profile-center-info .profile-scene-count{color:#999;margin:0;font-size:16px}.profile-account-menu .disabled-menu-option{color:#555;cursor:not-allowed}.profile-account-menu .disabled-menu-option:hover{color:#555;background:0 0}.profile-language-option{position:relative}.profile-language-option>button{justify-content:space-between;align-items:center;display:flex}.language-arrow{color:#777;font-size:18px;line-height:1;transition:transform .15s,color .15s}.language-arrow.open{color:#d4af37;transform:rotate(90deg)}.profile-language-submenu{background:#111;border:1px solid #333;border-radius:8px;margin:2px 4px 4px;padding:4px}.language-item{color:#e8e8e8;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:9px;width:100%;padding:9px 8px;font-size:13px;transition:background-color .15s,color .15s;display:flex}.language-item:hover:not(:disabled){color:#d4af37;background:#d4af3724}.language-item.disabled{color:#555;cursor:not-allowed;opacity:.55}.language-flag{font-size:18px;line-height:1}.language-item>span:nth-child(2){flex:1}.language-check{color:#d4af37;font-size:14px;font-weight:600}.profile-language-submenu .language-flag{border-radius:2px;flex:0 0 24px;width:24px;min-width:24px;height:16px;min-height:16px;display:block}@media (width<=768px){.profile-header{width:95%}.profile-info-layout{flex-direction:column;grid-template-columns:1fr;display:flex}.profile-center-info{order:1}.profile-personal-info{text-align:center;order:2;width:100%;padding:25px 10px 0}.profile-center-info .profile-avatar{width:120px;height:120px}.profile-center-info .profile-avatar-wrapper{margin-top:-60px}.profile-center-info .profile-avatar-wrapper.avatar-below-banner{margin-top:25px}.profile-personal-info h2{font-size:24px}.profile-personal-info .profile-bio{font-size:15px}}.profile-menu-orbit{pointer-events:none;z-index:-1;width:190px;height:190px;animation:20s linear infinite menu-pham-orbit;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-menu-orbit-svg{width:100%;height:100%;display:block;overflow:visible}.profile-menu-orbit-text{fill:#fff;stroke:#000;stroke-width:1px;paint-order:stroke fill;letter-spacing:1.5px;font-size:12px;font-weight:600}@keyframes menu-pham-orbit{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@media (width<=768px){.profile-menu-orbit{width:165px;height:165px}.profile-menu-orbit-text{letter-spacing:1px;font-size:10px}}.scene-status{color:#d4af37;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:2px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;transition:all .2s;display:flex}.scene-status:hover{background:#d4af371f;transform:scale(1.08)}@media (width<=768px){.scene-status{border-width:2px;width:26px;height:26px;font-size:13px}}.profile-grid{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:900px;margin:40px auto 0;display:grid}.profile-grid-item{aspect-ratio:1;border-radius:4px;overflow:hidden}.profile-grid-item img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=768px){.profile-card h3{margin:8px 10px;font-size:.75rem;font-weight:600;line-height:1.2}}.edit-profile-avatar-section{flex-direction:column;align-items:center;margin-bottom:35px;display:flex}.edit-profile-avatar{cursor:pointer;background:#111;border:3px solid #d4af37;border-radius:50%;width:150px;height:150px;position:relative;overflow:hidden;box-shadow:0 0 25px #00000073}.edit-profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.edit-profile-avatar-overlay{background:0 0;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.edit-profile-camera{color:#d4af37;opacity:0;background:#000000d1;border:1px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:opacity .2s,transform .2s;display:flex;box-shadow:0 2px 12px #00000080}.edit-profile-camera svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.edit-profile-avatar:hover .edit-profile-camera{opacity:1}.edit-profile-avatar-label{color:#999;letter-spacing:.5px;margin-top:12px;font-size:13px}.edit-profile-avatar-section .director-note{box-sizing:border-box;border-width:1px;border-radius:8px;width:100%;max-width:520px;margin-top:18px;padding:16px 20px}.edit-profile-page{color:#f5f5f5;background:#0a0a0a;min-height:calc(100vh - 72px);padding:60px 30px 80px}.edit-profile-container{width:100%;max-width:900px;margin:0 auto}.edit-profile-header{margin-bottom:40px}.edit-profile-header h1{letter-spacing:1px;margin:0;font-size:32px;font-weight:600}.edit-profile-header p{color:#8d8d8d;margin:10px 0 0;font-size:15px}.edit-profile-section{background:#111;border:1px solid #c8a24b40;border-radius:10px;margin-bottom:24px;padding:30px}.edit-profile-section h2{color:#fff;margin:0 0 25px;font-size:18px;font-weight:600}.edit-profile-fields{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.edit-profile-field{flex-direction:column;gap:8px;display:flex}.edit-profile-field label{color:#c8a24b;font-size:13px;font-weight:500}.edit-profile-field input,.edit-profile-field textarea{box-sizing:border-box;color:#f5f5f5;background:#0a0a0a;border:1px solid #303030;border-radius:6px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.edit-profile-field input{height:44px}.edit-profile-field textarea{resize:vertical;min-height:120px}.edit-profile-field input:focus,.edit-profile-field textarea:focus{border-color:#c8a24b;box-shadow:0 0 0 1px #c8a24b33}.edit-profile-field textarea::placeholder,.edit-profile-field input::placeholder{color:#666}.edit-profile-image-placeholder{text-align:center;background:#0a0a0a;border:1px dashed #3a3a3a;border-radius:8px;padding:35px}.edit-profile-image-placeholder p{color:#c8a24b;margin:0 0 8px;font-size:15px}.edit-profile-image-placeholder span{color:#666;font-size:13px}.edit-profile-actions{justify-content:flex-end;gap:12px;margin-top:30px;display:flex}.edit-profile-actions button{cursor:pointer;border-radius:6px;height:44px;padding:0 24px;font-family:inherit;font-size:14px;font-weight:500;transition:background .2s,border-color .2s,color .2s}.edit-profile-cancel{color:#b0b0b0;background:0 0;border:1px solid #3a3a3a}.edit-profile-cancel:hover{color:#fff;border-color:#666}.edit-profile-save{color:#0a0a0a;background:#c8a24b;border:1px solid #c8a24b}.edit-profile-save:hover{background:#d6b45d;border-color:#d6b45d}.edit-profile-loading{color:#8d8d8d;text-align:center;padding:80px 0}@media (width<=700px){.edit-profile-page{padding:40px 20px 60px}.edit-profile-section{padding:22px}.edit-profile-fields{grid-template-columns:1fr}.edit-profile-actions{flex-direction:column-reverse}.edit-profile-actions button{width:100%}}.edit-profile-banner-section{width:100%}.edit-profile-banner{cursor:pointer;background:#090909;border:1px dashed #3a3a3a;border-radius:12px;justify-content:center;align-items:center;width:100%;height:300px;display:flex;position:relative;overflow:hidden}.edit-profile-banner-image{object-fit:cover;width:100%;height:100%;display:block}.edit-profile-banner-empty{color:#d4af37;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.edit-profile-banner-text{font-size:15px}.edit-profile-banner-overlay{opacity:0;background:#0000008c;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.edit-profile-banner:hover .edit-profile-banner-overlay{opacity:1}.edit-profile-banner-camera{color:#d4af37;background:#000000d1;border:1px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 12px #00000080}.edit-profile-banner-camera svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.edit-profile-banner-section .director-note{margin-left:auto;margin-right:auto}.edit-profile-avatar-change{flex-direction:column;align-items:center;display:flex}.edit-profile-avatar-label{cursor:pointer;margin-bottom:10px}.edit-profile-remove-button{color:#ff4d4d;cursor:pointer;background:0 0;border:1px solid #ff4d4d;border-radius:6px;margin-top:10px;padding:8px 18px}.edit-profile-remove-button:hover{color:#000;background:#ff4d4d}.edit-profile-banner-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.edit-profile-banner-header .edit-profile-remove-button{margin-top:0}.pham-navbar{z-index:1000;-webkit-backdrop-filter:blur(18px);background:#0a0a0ae0;border-bottom:1px solid #c8a24b59;justify-content:space-between;align-items:center;height:72px;padding:0 60px;display:flex;position:sticky;top:0}.pham-logo{color:#fff;align-items:center;gap:14px;text-decoration:none;display:flex}.pham-frame{aspect-ratio:16/9;flex-shrink:0;width:24px;position:relative}.pham-frame:before,.pham-frame:after{content:"";pointer-events:none;position:absolute;inset:0}.pham-frame:before{background:linear-gradient(#d4af37,#d4af37) 0 0/8px 2px no-repeat,linear-gradient(#d4af37,#d4af37) 0 0/2px 8px no-repeat,linear-gradient(#d4af37,#d4af37) 100% 0/8px 2px no-repeat,linear-gradient(#d4af37,#d4af37) 100% 0/2px 8px no-repeat,linear-gradient(#d4af37,#d4af37) 0 100%/8px 2px no-repeat,linear-gradient(#d4af37,#d4af37) 0 100%/2px 8px no-repeat,linear-gradient(#d4af37,#d4af37) 100% 100%/8px 2px no-repeat,linear-gradient(#d4af37,#d4af37) 100% 100%/2px 8px no-repeat}.pham-logo-text{flex-direction:column;display:flex}.pham-title{letter-spacing:3px;color:#fff;font-size:24px;font-weight:700;line-height:1}.pham-subtitle{text-transform:uppercase;letter-spacing:1px;color:#8d8d8d;margin-top:3px;font-size:10px}.pham-navbar-links{align-items:center;gap:36px;display:flex}.pham-navbar-links a{color:#f5f5f5;font-size:15px;font-weight:500;text-decoration:none;transition:color .25s;position:relative}.pham-navbar-links a:after{content:"";background:#c8a24b;width:0;height:2px;transition:width .25s;position:absolute;bottom:-8px;left:0}.pham-navbar-links a:hover{color:#c8a24b}.pham-navbar-links a:hover:after{width:100%}.pham-user{color:#c8a24b;font-weight:600}@media (width<=768px){.pham-navbar{gap:20px;padding:0 20px}.pham-logo{gap:10px;min-width:0}.pham-logo-text{min-width:0}.pham-title{letter-spacing:3px;font-size:24px}.pham-subtitle{letter-spacing:.8px;max-width:150px;font-size:10px;line-height:1.35}.pham-navbar-links{flex-shrink:0;gap:20px}.pham-navbar-links a{white-space:nowrap;font-size:14px}.pham-user{white-space:nowrap}}.media-page{width:100%;max-width:1200px;margin:110px auto 60px;padding:0 20px}.media-player{border-radius:16px;width:85%;height:auto;margin:0 auto;display:block;overflow:hidden}.media-player img{border-radius:16px;width:100%;height:auto;display:block}.media-player video{object-fit:contain;width:100%;height:100%;display:block}.scene-container{flex-direction:column;gap:24px;display:flex}.media-toolbar{justify-content:space-between;align-items:center;width:100%;display:flex}.media-toolbar .scene-menu{position:relative;top:-8px}.media-info{flex:1;margin-top:32px}.media-info h1{color:#fff;margin:0 0 15px}.media-info p{color:#bdbdbd;margin:0;line-height:1.6}.back-button img{object-fit:contain;width:100px;height:100px;transition:transform .25s,filter .25s;display:block}.back-button:hover img{filter:drop-shadow(0 0 10px #d4af3759);transform:scale(1.06)}.delete-modal-overlay{z-index:9999;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.delete-modal{background:var(--background);border:2px solid var(--gold);border-radius:var(--radius);text-align:center;width:420px;padding:35px;box-shadow:0 0 30px #d4af3740}.delete-modal h2{color:var(--gold);letter-spacing:2px;margin:0 0 20px;font-size:1.4rem}.delete-modal p{color:var(--white);margin:0 0 10px;font-size:1rem}.delete-modal small{color:var(--gray);font-size:.85rem;display:block}.delete-modal-actions{justify-content:center;gap:15px;margin-top:30px;display:flex}.delete-modal-actions button{letter-spacing:1px;cursor:pointer;min-width:130px;padding:12px 20px;font-size:.9rem;font-weight:600}.delete-modal-cancel{color:var(--gold);border:2px solid var(--gold);background:0 0}.delete-modal-confirm{background:var(--gold);color:#000;border:2px solid var(--gold)}.edit-modal{width:520px}.edit-form{flex-direction:column;gap:8px;margin-top:10px;display:flex}.edit-form label{color:var(--gold);letter-spacing:1px;text-align:left;margin-top:8px;font-size:.8rem;font-weight:600}.edit-form input,.edit-form textarea,.edit-form select{box-sizing:border-box;width:100%;color:var(--white);border:1px solid var(--gold);background:#000;border-radius:6px;padding:12px;font-family:inherit;font-size:.95rem}.edit-form textarea{resize:vertical}.edit-form input:focus,.edit-form textarea:focus,.edit-form select:focus{outline:none;box-shadow:0 0 10px #d4af3740}@media (width<=768px){.media-page{margin-top:40px}.back-button img,.scene-menu-button img{width:65px;height:65px}.delete-modal-overlay{box-sizing:border-box;align-items:flex-start;padding:20px 12px;overflow-y:auto}.edit-modal{box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;max-width:520px;max-height:calc(100dvh - 40px);margin:0 auto;overflow-y:auto}.edit-form input,.edit-form textarea,.edit-form select{font-size:16px}.delete-modal-actions{flex-wrap:wrap;gap:12px}.delete-modal-actions button{touch-action:manipulation;min-width:120px;min-height:44px;padding:12px 16px}}.media-page.pham-mode{z-index:9999;background:#000;width:100vw;height:100vh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.media-page.pham-mode .scene-container{width:100vw;height:100vh;margin:0;padding:0;position:relative}.media-page.pham-mode .media-player{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;display:flex;position:absolute;inset:0}.media-page.pham-mode .media-player img,.media-page.pham-mode .media-player video{object-fit:contain;width:100vw;max-width:100%;height:100vh;max-height:100%;display:block}.pham-mode-exit{z-index:10001;color:#d4af37;letter-spacing:2px;cursor:pointer;background:#000000bf;border:1px solid #d4af37;border-radius:20px;padding:10px 20px;font-size:12px;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.pham-mode-intro{z-index:10000;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.pham-mode-intro img{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:100%}.pham-mode .scene-container{touch-action:pan-y}.admin-page{width:100%;max-width:1200px;margin:0 auto;padding:20px 25px 80px}.admin-back-button{cursor:pointer;background:0 0;border:none;width:90px;height:90px;margin:0 0 15px;padding:0;display:block}.admin-back-button img{object-fit:contain;width:70%;height:70%;display:block}.admin-back-button:hover{opacity:.8}.admin-page h1{text-align:center;margin:0 0 40px;font-size:32px}.admin-section{border:1px solid #333;border-radius:10px;margin-bottom:40px;padding:25px}.admin-section h2{margin:0 0 15px;font-size:24px}.admin-section p{color:#aaa;margin:0}.admin-users-table-wrapper{width:100%;overflow-x:auto}.admin-users-table{border-collapse:collapse;width:100%;margin-top:20px}.admin-users-table th,.admin-users-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #333;padding:12px 10px}.admin-users-table th{font-weight:600}.admin-users-table tbody tr:hover{background:#ffffff08}.admin-error{color:#ff6b6b}.admin-media-table-wrapper{width:100%;overflow-x:auto}.admin-media-table{border-collapse:collapse;width:100%;margin-top:20px}.admin-media-table th,.admin-media-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #333;padding:12px 10px}.admin-media-table th{font-weight:600}.admin-media-table tbody tr:hover{background:#ffffff08}.admin-delete-button{color:#ff6b6b;cursor:pointer;background:0 0;border:1px solid #b33a3a;border-radius:6px;padding:8px 14px;font-size:14px;transition:background .2s,color .2s}.admin-delete-button:hover:not(:disabled){color:#fff;background:#b33a3a}.admin-delete-button:disabled{opacity:.4;cursor:not-allowed}.admin-modal-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal{background:#080808;border:1px solid #444;border-radius:10px;width:100%;max-width:550px;padding:30px}.admin-modal h2{margin:0 0 20px}.admin-modal p{margin:0 0 10px}.admin-modal-media-title{font-weight:600;margin-bottom:25px!important}.admin-modal label{margin-bottom:8px;font-weight:600;display:block}.admin-modal textarea{box-sizing:border-box;resize:vertical;color:#fff;background:#111;border:1px solid #444;border-radius:6px;width:100%;padding:12px;font-family:inherit;font-size:14px}.admin-modal textarea:focus{border-color:#d4af37;outline:none}.admin-modal-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.admin-cancel-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;padding:9px 16px;font-size:14px}.admin-cancel-button:hover{background:#222}.admin-role-button{color:#d4af37;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #d4af37;border-radius:6px;padding:8px 14px;font-size:14px;transition:background .2s,color .2s}.admin-role-button:hover:not(:disabled){color:#000;background:#d4af37}.admin-role-button:disabled{opacity:.4;cursor:not-allowed}.admin-role-button-user{color:#ccc;border-color:#888}.admin-role-button-user:hover:not(:disabled){color:#fff;background:#888}.admin-users-table th:last-child,.admin-users-table td:last-child{text-align:center}.admin-users-table td:last-child button+button{margin-left:20px}.admin-media-header{justify-content:space-between;align-items:center;gap:30px;display:flex}.admin-media-header h2{margin:0}.admin-media-search{box-sizing:border-box;color:#fff;background:#080808;border:1px solid #444;border-radius:6px;outline:none;width:45%;max-width:500px;padding:11px 14px;font-family:inherit;font-size:14px;transition:border .15s}.admin-media-search::placeholder{color:#777}.admin-media-search:focus{border:1px solid #ccc}.verify-email-page{justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.verify-email-card{text-align:center;border:1px solid #333;border-radius:10px;width:100%;max-width:500px;padding:40px}.verify-email-card h1{margin:0 0 20px;font-size:28px}.verify-email-card p{color:#bdbdbd;margin:10px 0;line-height:1.6}.verify-email-card button{color:#d4af37;cursor:pointer;background:0 0;border:1px solid #d4af37;border-radius:6px;margin-top:25px;padding:10px 22px;font-size:15px;transition:background .2s,color .2s}.verify-email-card button:hover{color:#000;background:#d4af37}