*{box-sizing:border-box}body{color:#f0e8ff;overscroll-behavior:none;background:#07030d;margin:0;font-family:Inter,system-ui,sans-serif}a{color:#c9a8ff;text-decoration:none;transition:color .16s}a:hover{color:#e8d6ff}button,input,textarea{border:none;border-radius:12px;padding:10px 14px;font-family:inherit;font-size:.9rem}button{color:#fff;cursor:pointer;background:linear-gradient(110deg,#c4006a,#d6007f);font-weight:600;transition:transform .14s,filter .16s,box-shadow .16s;box-shadow:0 6px 20px #d6007f59}button:hover{filter:brightness(1.09);transform:translateY(-1px)}button:active{filter:brightness(.96);transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}input,textarea{color:#f0e8ff;background:#1c1228e6;border:1px solid #b478ff38}input:focus,textarea:focus{border-color:#d6007f99;outline:none}.app-shell{min-height:100vh}.topbar{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07030dd1;border-bottom:1px solid #b43cff26;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.3px;background:linear-gradient(120deg,#ff3fa0,#b44dff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:800}nav{align-items:center;gap:10px;display:flex}nav a{color:#e6d2ffb3;border-radius:8px;padding:5px 10px;font-size:.88rem;transition:background .16s,color .16s}nav a:hover{color:#e8d0ff;background:#b450ff24}nav button{box-shadow:none;border-radius:20px;padding:7px 14px;font-size:.85rem}.feed-wrap{background:#07030d;justify-content:center;padding:8px 16px;display:flex}.feed-stage{touch-action:pan-y;align-items:center;width:min(460px,100%);height:calc(100vh - 52px);display:grid;position:relative}@supports (height:100dvh){.feed-stage{height:calc(100dvh - 52px)}}.video-card{will-change:transform, opacity;background:#0c0712;border:1px solid #c850ff24;border-radius:20px;flex-direction:column;width:100%;height:calc(100vh - 80px);max-height:880px;display:flex;overflow:hidden;transform:translateZ(0);box-shadow:0 24px 56px #02000aa6}.active-card.slide-down{animation:.3s cubic-bezier(.22,1,.36,1) both slideDownIn}.active-card.slide-up{animation:.3s cubic-bezier(.22,1,.36,1) both slideUpIn}@keyframes slideDownIn{0%{opacity:.78;transform:translateY(55px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideUpIn{0%{opacity:.78;transform:translateY(-55px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.media-shell{flex:1;min-height:0;position:relative}.media{object-fit:cover;backface-visibility:hidden;background:#0c0712;border-radius:0;width:100%;height:100%;display:block;transform:translateZ(0)}.media-skeleton{z-index:2;background:linear-gradient(100deg,#ffffff0a 0%,#ffffff1a 50%,#ffffff0a 100%) 0 0/200% 100%;animation:1.3s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.media-loading{background:#0c0712;place-items:center;display:grid;position:absolute;inset:0}.spinner{border:3px solid #ffffff26;border-top-color:#d6007f;border-radius:50%;width:36px;height:36px;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.swipe-hint{display:none}@media (width<=520px){.swipe-hint{pointer-events:none;justify-content:center;align-items:center;gap:6px;padding:6px 0 2px;display:flex}.swipe-hint-arrow{color:#c88cffe6;font-size:1.1rem;animation:1.4s ease-in-out infinite hintBounce}.swipe-hint-text{color:#c88cffb3;letter-spacing:.02em;font-size:.78rem}@keyframes hintBounce{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}}.card-footer{background:linear-gradient(#12081ef7,#0a0412fc);border-top:1px solid #b43cff24;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 14px 12px;display:flex}.card-meta{flex-direction:column;gap:3px;display:flex}.card-title{color:#f0e4ff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.card-source{color:#c89bffb3;font-size:.78rem;font-weight:600}.card-source:hover{color:#d6aaff}.card-actions{flex-wrap:wrap;gap:7px;display:flex}.action-btn{cursor:pointer;color:#e4d0ff;box-shadow:none;-webkit-text-fill-color:#e4d0ff;background:#ffffff0f;border:1px solid #c864ff2e;border-radius:20px;align-items:center;gap:5px;padding:6px 13px;font-size:.82rem;font-weight:600;transition:background .14s,border-color .14s,transform .13s;display:inline-flex}.action-btn:hover{filter:none;background:#a032ff29;border-color:#c864ff61;transform:translateY(-1px)}.action-btn:active{filter:none;transform:translateY(0)}.action-btn:disabled{opacity:.42;transform:none}.action-btn.liked{color:#ff94cc;-webkit-text-fill-color:#ff94cc;background:#d6007f38;border-color:#ff50a08c;animation:.3s cubic-bezier(.22,1,.36,1) heartPop}@keyframes heartPop{0%{transform:scale(1)}40%{transform:scale(1.18)}70%{transform:scale(.94)}to{transform:scale(1)}}.action-icon{font-size:.95rem;line-height:1}.comments-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:120;background:#03010899;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.comments-sheet{background:linear-gradient(175deg,#1c0e2afa,#0c0714fc);border:1px solid #c850ff38;border-bottom:none;border-radius:22px 22px 0 0;flex-direction:column;gap:0;width:min(500px,100%);max-height:72vh;animation:.32s cubic-bezier(.22,1,.36,1) both sheetUp;display:flex;overflow:hidden;box-shadow:0 -20px 50px #02000a99}@keyframes sheetUp{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.sheet-handle{background:#c882ff4d;border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}.comments-header{border-bottom:1px solid #b450ff24;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px 10px;display:flex}.comments-header h3{color:#f0e0ff;margin:0;font-size:1rem;font-weight:700}.comments-header button{color:#d6aaff;box-shadow:none;background:#c850ff24;border:1px solid #c850ff40;padding:5px 12px;font-size:.82rem}.sheet-body{flex-direction:column;flex:1;gap:10px;padding:10px 14px;display:flex;overflow-y:auto}.comment-form textarea{resize:vertical;border-radius:10px;width:100%;min-height:80px;margin-bottom:8px}.comment-form button{width:100%}.comment-list{flex-direction:column;gap:8px;display:flex}.comment-item{background:#ffffff0a;border:1px solid #b464ff24;border-radius:12px;padding:10px 12px}.comment-author{color:#d7b9ffd9;margin-bottom:3px;font-size:.8rem;font-weight:700}.comment-author.mod-name{color:#ff6ec4;text-shadow:0 0 10px #ff64c466}.comment-body{color:#e8d8ff;margin:0;font-size:.88rem;line-height:1.45}.comment-actions{gap:6px;margin-top:6px;display:flex}.comment-actions button{box-shadow:none;border-radius:8px;padding:4px 10px;font-size:.78rem}.mod-controls{border-bottom:1px solid #b450ff1f;padding:8px 14px}.mod-controls button{box-shadow:none;font-size:.82rem}.auth-wrap{place-items:center;min-height:calc(100vh - 52px);display:grid}.auth-card{background:linear-gradient(170deg,#200e30e6,#0c0714f0);border:1px solid #c850ff33;border-radius:20px;gap:10px;width:min(420px,92vw);padding:24px 20px;display:grid;box-shadow:0 20px 50px #02000a80}.auth-card input{width:100%}.admin-wrap{gap:18px;max-width:860px;margin:0 auto;padding:20px;display:grid}.admin-wrap section{background:linear-gradient(170deg,#1c0c2cd9,#0c0714e6);border:1px solid #c850ff2e;border-radius:18px;padding:18px}.row{border-bottom:1px solid #b464ff24;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.centered{place-items:center;min-height:calc(100vh - 52px);display:grid}.muted{color:#c8aaf08c}.error{color:#ff6098}.feed-status{text-align:center;color:#c8aaf073;padding:10px;font-size:.82rem}.age-gate-backdrop{z-index:200;background:#000;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.age-gate-modal{background:linear-gradient(165deg,#200e30fa,#0c0714fa);border:1px solid #c850ff47;border-radius:20px;width:min(680px,100%);padding:24px 20px;box-shadow:0 24px 50px #02000aa6}.age-gate-modal h2{margin-top:0}.age-gate-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}@media (width<=520px){.feed-wrap{padding:0;overflow:hidden}.feed-stage{touch-action:none;width:100%;height:calc(100dvh - 52px)}.video-card{touch-action:none;border-left:none;border-right:none;border-radius:0;height:calc(100dvh - 52px);max-height:none}.card-info{bottom:80px}.card-actions{bottom:68px}}.reg-prompt-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02000ab8;place-items:center;padding:16px;animation:.18s both fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reg-prompt-modal{background:linear-gradient(160deg,#240e38fa,#0e0718fa);border:1px solid #c850ff4d;border-radius:20px;width:min(420px,100%);padding:28px 24px 24px;animation:.24s cubic-bezier(.22,1,.36,1) both slideUp;box-shadow:0 24px 60px #02000ab3}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reg-prompt-modal h3{background:linear-gradient(120deg,#ff3fa0,#b44dff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:1.25rem;font-weight:700}.reg-prompt-modal p{color:#e6d2ffbf;margin:0 0 20px;font-size:.95rem;line-height:1.5}.reg-prompt-actions{flex-wrap:wrap;gap:10px;display:flex}.reg-prompt-register{color:#fff;background:linear-gradient(135deg,#e0359a,#9b3dff);border-radius:12px;flex:1;padding:11px 18px;font-size:.95rem;font-weight:600}.reg-prompt-later{color:#dcbeffcc;background:#b450ff1a;border:1px solid #b450ff33;border-radius:12px;flex:1;padding:11px 18px;font-size:.95rem}
