:root{--red:#ff2647;--ink:#fff5f6;--muted:#d8a6ae;--bg:#090407}*{box-sizing:border-box}body,html{margin:0;background:#050305;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.shell{width:min(100%,500px);height:100dvh;margin:auto;position:relative;overflow:hidden;background:linear-gradient(135deg,#1a0008,#0d0004 40%,#1a0008 60%,#2a0010),radial-gradient(circle at 70% 20%,rgba(255,38,71,.18),transparent 50%),radial-gradient(circle at 20% 80%,rgba(150,0,30,.15),transparent 40%)}.gateMoon,.moon{position:absolute;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle at 42% 37%,#ff96a2 0 3%,var(--red) 5% 37%,#9b001c 70%,#3b0009 100%);box-shadow:0 0 56px var(--red),0 0 145px rgba(255,38,71,.55)}.moon{left:-86px;top:-112px}.wash{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.85))}.actions,.content,header,nav{position:absolute;z-index:2}header{top:20px;left:19px;right:19px;display:flex;justify-content:space-between;align-items:center}h1,header strong{font-size:1.75rem;letter-spacing:-.1em}span{color:var(--red)}.feedTabs{font-size:.8rem;display:flex;gap:15px}.feedTabs em{color:#b68d94;font-style:normal}.live{font-style:normal;font-weight:900;font-size:.62rem;padding:6px 8px;border:1px solid var(--red);border-radius:99px;color:#ffb0ba}.content{bottom:105px;left:20px;right:90px}.tag{display:inline-block;background:var(--red);color:#270006;font-size:.67rem;font-weight:950;padding:6px 8px;border-radius:6px;letter-spacing:.1em}.content h2{font-size:1.05rem;margin:13px 0 8px}.content p{margin:0;line-height:1.45;font-weight:650}.content a{color:#ff7b8c}.content small{display:block;margin-top:14px;color:#e9bec5}.actions{right:14px;bottom:108px;display:grid;grid-gap:18px;gap:18px}.actions button,nav button{border:0;background:transparent;color:#fff;display:grid;justify-items:center;grid-gap:4px;gap:4px;font-size:1.75rem;cursor:pointer}.actions button.liked{color:var(--red)}button small,nav small{font-size:.67rem;font-weight:800;color:inherit}nav{bottom:0;left:0;right:0;padding:13px 14px 17px;display:flex;justify-content:space-around;background:linear-gradient(transparent,#050305 45%)}nav button{font-size:1.3rem;color:#a98188}nav button.active{color:#fff}nav button:nth-child(3){color:var(--red);font-size:1.7rem}.gate{position:absolute;z-index:5;inset:0;background:radial-gradient(circle at 85% 15%,rgba(255,38,71,.35),transparent 30%),var(--bg);overflow:hidden;display:grid;align-content:center;padding:30px 25px}.gateMoon{right:-84px;top:-92px}.gateInner{position:relative;z-index:1;display:grid;grid-gap:17px;gap:17px}.gate h1{font-size:4.3rem;line-height:.8;margin:0}.gate p{line-height:1.5;margin:0;color:var(--muted)}.gate label{display:grid;grid-gap:6px;gap:6px;font-size:.77rem;font-weight:900}.gate input{padding:12px;border-radius:12px;border:1px solid #69303a;background:#19070b;color:#fff}.gate button{border:0;border-radius:15px;background:var(--red);padding:16px;font-weight:950;color:#250005;cursor:pointer}.gate small{color:#d8a0a9;font-size:.74rem;line-height:1.4}.panel{position:absolute;z-index:4;inset:0;padding:80px 24px;background:#10050a}.panel h3{font-size:2rem;margin:0 0 10px}.panel p{color:var(--muted);line-height:1.5}.close{float:right;border:0;border-radius:50%;background:#351018;color:#fff;width:34px;height:34px;font-size:1.4rem}.video-feed{position:absolute;inset:0;z-index:1;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;padding-top:60px;padding-bottom:70px}.video-feed::-webkit-scrollbar{display:none}.feed-item{scroll-snap-align:start;height:calc(100dvh - 130px);position:relative;overflow:hidden;background:#060306}.feed-item,.feed-item .video-player-wrap{display:flex;align-items:center;justify-content:center}.feed-item .video-player-wrap{position:absolute;inset:0;width:100%;height:100%;background:#000}.feed-overlay{position:absolute;bottom:200px;left:16px;right:70px;z-index:2;pointer-events:none}.feed-meta{display:flex;flex-direction:column;gap:4px}.feed-meta .creator{font-weight:800;font-size:.95rem;color:#fff5f6;text-shadow:0 2px 8px rgba(0,0,0,.8)}.feed-meta .caption{margin:0;font-size:.88rem;line-height:1.4;color:#ffe0e4;text-shadow:0 2px 8px rgba(0,0,0,.8)}.feed-actions{position:absolute;right:10px;bottom:200px;z-index:2;display:flex;flex-direction:column;gap:20px}.feed-actions button{border:0;background:transparent;color:#fff;font-size:1.6rem;cursor:pointer;text-shadow:0 2px 8px rgba(0,0,0,.7);transition:transform .15s}.feed-actions button:active{transform:scale(1.2)}.feed-actions .like-btn.liked{color:var(--red)}.feed-empty,.feed-loading{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;text-align:center}.feed-empty h3{font-size:1.6rem;margin:0}.feed-empty p{color:var(--muted);line-height:1.5;margin:4px 0}.video-processing{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--bg-darker,#0a0a0f);color:var(--muted)}.video-processing .sub{font-size:.85rem;opacity:.7}.spinner{width:36px;height:36px;border:3px solid rgba(255,38,71,.25);border-top:3px solid var(--red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.video-player-wrap{width:100%;height:100%;position:relative;z-index:10}.video-player-wrap mux-player{width:100%;height:100%;display:block;--controls:visible;--bottom-bar-bg:rgba(0,0,0,.7)}.video-player-wrap mux-player::part(controls-bar){pointer-events:auto!important;opacity:1!important;visibility:visible!important;display:flex!important}.video-player-wrap mux-player::part(bottom-bar){pointer-events:auto!important;opacity:1!important;visibility:visible!important}.video-player-wrap mux-player::part(play-button){pointer-events:auto!important;opacity:1!important;visibility:visible!important}.video-loading{position:absolute;flex-direction:column;gap:10px;z-index:1;background:#060306;color:var(--muted)}.modal-overlay,.video-loading{inset:0;display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;z-index:50;background:rgba(0,0,0,.75);padding:20px}.modal-overlay>div{width:min(100%,420px)}.upload-panel{background:#13050a;border:1px solid rgba(255,38,71,.2);border-radius:20px;padding:24px;position:relative}.upload-panel h3{font-size:1.4rem;margin:0 0 16px}.upload-panel .close-btn{position:absolute;top:14px;right:14px;border:0;border-radius:50%;background:#2a0a12;color:#fff;width:32px;height:32px;font-size:1.2rem;cursor:pointer}.upload-dropzone{border:2px dashed rgba(255,38,71,.35);border-radius:16px;padding:36px 20px;text-align:center;cursor:pointer;transition:border-color .2s}.upload-dropzone:hover{border-color:var(--red)}.upload-dropzone .drop-icon{font-size:2.5rem;margin-bottom:8px}.upload-dropzone p{margin:6px 0;color:var(--ink)}.upload-dropzone small{color:var(--muted)}.upload-progress,.upload-success{text-align:center;padding:24px}.upload-progress .spinner,.upload-success .spinner{margin:0 auto 12px}.upload-success .success-icon{width:52px;height:52px;border-radius:50%;background:var(--red);color:#250005;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 12px}.upload-success button{border:0;border-radius:12px;background:var(--red);color:#250005;padding:10px 20px;font-weight:800;cursor:pointer;margin-top:8px}.upload-error{background:rgba(255,38,71,.15);border:1px solid var(--red);border-radius:10px;padding:10px 14px;color:#ff8090;margin-bottom:14px;font-size:.85rem}.caption-field{margin-top:16px}.caption-field label{font-size:.8rem;font-weight:800;color:var(--muted);display:block;margin-bottom:6px}.caption-field textarea{width:100%;background:#1a0710;border:1px solid #4a1520;border-radius:12px;color:#fff;padding:12px;font-family:inherit;font-size:.9rem;resize:vertical}.caption-field small{display:block;text-align:right;margin-top:4px;color:var(--muted);font-size:.7rem}@media(min-width:600px){body{display:grid;place-items:center;background:radial-gradient(circle at top,#42000f,#050305 58%)}.shell{height:min(900px,100dvh);border:1px solid rgba(255,130,145,.25);border-radius:28px}}.auth-screen{position:absolute;z-index:6;inset:0;background:radial-gradient(circle at 85% 15%,rgba(255,38,71,.35),transparent 30%),var(--bg);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:25px}.auth-moon{position:absolute;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle at 42% 37%,#ff96a2 0 3%,var(--red) 5% 37%,#9b001c 70%,#3b0009 100%);box-shadow:0 0 56px var(--red),0 0 145px rgba(255,38,71,.55);right:-84px;top:-92px}.auth-inner{position:relative;z-index:1;width:min(100%,380px);display:flex;flex-direction:column;gap:16px}.auth-logo{font-size:2.8rem;font-weight:900;letter-spacing:-.1em;color:#fff}.auth-logo span{color:var(--red)}.auth-tagline{color:var(--muted);font-size:.9rem;margin:0 0 8px}.auth-tabs{display:flex;gap:8px}.auth-tabs button{flex:1 1;border:0;border-radius:12px;padding:12px;font-weight:800;font-size:.85rem;cursor:pointer;background:#1a0710;color:var(--muted)}.auth-tabs button.active{background:var(--red);color:#250005}.auth-error{background:rgba(255,38,71,.15);border:1px solid var(--red);border-radius:10px;padding:10px 14px;color:#ff8090;font-size:.85rem}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-input{width:100%;padding:14px;border-radius:12px;border:1px solid #69303a;background:#19070b;color:#fff;font-size:.9rem;font-family:inherit}.auth-input:focus{outline:none;border-color:var(--red)}.auth-submit{border:0;border-radius:14px;background:var(--red);padding:16px;font-weight:950;color:#250005;cursor:pointer;font-size:1rem}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-fineprint{color:#d8a0a9;font-size:.72rem;line-height:1.4;text-align:center}.logout-btn{border:1px solid var(--red);border-radius:12px;background:transparent;color:var(--red);padding:10px 20px;font-weight:800;cursor:pointer;margin-top:16px}