:root{--bg:#100d17;--surface:#1b1625;--text:#f5f1fa;--muted:#938a9f;--border:#30283e;--accent:#a577ff}body{font-size:14px}.app-header{height:77px;position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 29px;border-bottom:1px solid #292232;background:#100d17ee;backdrop-filter:blur(18px);z-index:30;gap:22px}.logo{display:flex;align-items:center;gap:9px;font-size:27px;font-weight:850;letter-spacing:-1.4px}.logo img{width:38px;height:38px;border-radius:11px}.logo>span{font-size:8px;color:#b895ee;letter-spacing:1px;border:1px solid #443254;padding:4px;border-radius:4px;align-self:center;margin-left:4px}#search-form{width:min(420px,35vw);display:flex;border-radius:25px;background:#211a2d;border:1px solid #352a43;overflow:hidden}#search-form input{border:0;background:none;border-radius:0;padding:12px 19px;font-size:12px}#search-form button{border:0;background:none;color:#a89ab8;padding:0 15px;border-left:1px solid #352a43}#header-actions{display:flex;gap:12px;align-items:center}#header-actions .avatar{width:34px;height:34px}#header-actions .btn{font-size:12px;min-height:36px}.sidebar{position:fixed;inset:77px auto 0 0;width:220px;padding:23px 18px;overflow-y:auto;border-right:1px solid #231d2c;z-index:15;background:var(--bg)}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:13px 16px;display:flex;align-items:center;gap:15px;font-size:14px;font-weight:600;border-radius:10px;color:#bfb5cc}.sidebar nav a.active{color:#c6a1ff;background:#241931}.sidebar nav a:hover{background:#21182c}.sidebar nav svg{width:22px;height:22px}.nav-dot{width:7px;height:7px;border-radius:50%;background:#e37cac;margin-left:auto}.sidebar-footer{border-top:1px solid #2c2337;margin:25px 10px;padding-top:20px;display:flex;flex-wrap:wrap;gap:9px 12px;font-size:10px;color:#7d708e;line-height:1.65}.sidebar-footer p{font-size:10px;width:100%;line-height:1.8;margin-top:14px}#sidebar-account{margin:27px 10px 0;border-top:1px solid #2c2337;padding-top:20px}#sidebar-account p{font-size:12px;line-height:1.8;color:#867893}#sidebar-account .btn{width:100%}#content{margin:77px 292px 0 220px;padding:0 28px;min-height:calc(100dvh - 77px)}.discovery-aside{position:fixed;inset:77px 0 0 auto;width:292px;padding:35px 25px;overflow:auto}.aside-title{display:flex;justify-content:space-between;letter-spacing:.14em;font-size:9px;color:#85718d;margin-bottom:20px}.trend{display:flex;gap:12px;margin:20px 0;align-items:center}.trend .hash{width:32px;height:32px;border:1px solid #362744;border-radius:50%;display:grid;place-items:center;color:#b99dd1}.trend strong{font-size:12px;display:block}.trend small{display:block;font-size:10px;color:#7b6a88;margin-top:5px}.download-note{margin-top:35px;border:1px solid #48355a;border-radius:15px;background:radial-gradient(at right top,#452450,#21162e 70%);padding:23px 19px}.download-note>img{width:39px;border-radius:12px}.download-note h3{font-size:17px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.download-note p{font-size:11px;line-height:1.7;color:#b59cc7}.download-note a{font-size:11px;background:#b18af0;color:#1b1126;border:0;width:100%;margin-top:9px}.aside-bottom{font-size:10px;line-height:1.8;color:#65526e;margin:25px 5px}.feed-header{display:flex;align-items:center;justify-content:space-between;gap:15px;height:66px;max-width:650px;margin:auto}.feed-tabs{display:flex;gap:22px;align-items:center}.feed-tabs a{font-size:12px;font-weight:650;color:#9a8aa7;padding:20px 0 17px;border-bottom:2px solid transparent}.feed-tabs a.active{border-color:#b48afa;color:#eee3fc}.feed-header button{font-size:11px;background:none;border:0;color:#947ca8;display:flex;align-items:center;gap:6px}.feed-header button svg{width:15px}.feed-scroll{height:calc(100dvh - 143px);overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:#41304e transparent;overscroll-behavior:contain}.post{min-height:calc(100dvh - 143px);height:calc(100dvh - 143px);scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:15px;align-items:center;justify-content:center;max-width:650px;margin:auto;padding:12px 0 25px}.video-stage{position:relative;height:100%;max-height:840px;width:100%;overflow:hidden;border-radius:15px;background:#08060b;isolation:isolate;display:flex;align-items:center;justify-content:center}.video-stage video,.video-stage .post-image{width:100%;height:100%;object-fit:contain}.video-stage:after{content:'';position:absolute;inset:50% 0 0;z-index:-1;background:linear-gradient(transparent,#0009)}.video-overlay{position:absolute;inset:auto 0 42px;padding:50px 22px 15px;background:linear-gradient(transparent,#000b);pointer-events:none}.video-overlay>*{pointer-events:auto}.author-line{display:flex;gap:8px;align-items:center;margin:8px 0;font-size:14px;font-weight:750}.author-line>a{overflow:hidden;text-overflow:ellipsis}.author-line .official{font-size:9px;font-weight:500;color:#d5c3e4}.caption{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-height:100px;overflow:auto;margin:7px 0}.caption a{color:#e3c8ff;font-weight:600}.sound-link{display:flex;align-items:center;gap:8px;border:0;background:none;font-size:10px;padding:5px 0;color:#e0cce9}.sound-link svg{width:14px}.player-controls{position:absolute;bottom:8px;left:12px;right:12px;display:flex;gap:9px;align-items:center;z-index:2}.player-controls button{border:0;background:#0005;color:#fff;font-size:11px;border-radius:5px;width:29px;height:27px}.player-controls input{flex:1;min-width:20px;height:5px;cursor:pointer}.player-time{font-size:9px;font-variant-numeric:tabular-nums;color:#ddd;width:65px;text-align:right}.post-actions{display:flex;flex-direction:column;gap:20px;align-items:center;padding-top:70px}.post-actions button{display:flex;flex-direction:column;align-items:center;gap:7px;background:none;border:0;color:#ddd0eb;font-size:10px;padding:0}.post-actions button .circle{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#261d31;transition:.15s}.post-actions button:hover .circle{background:#3f2c50}.post-actions button svg{width:23px;height:23px}.post-actions button.active{color:#ec7ca8}.post-actions button.active svg{fill:currentColor}.follow-bubble{position:relative;margin-bottom:4px}.follow-bubble .avatar{width:45px;height:45px}.follow-bubble .plus{position:absolute;bottom:-9px;left:14px;border-radius:50%;background:#b681f2;color:#20102e;width:19px;height:19px;display:grid;place-items:center;font-size:15px}.section-top{padding:36px 0 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.section-top h1{font-size:28px;letter-spacing:-.04em;margin:0 0 9px}.section-top p{margin:0;font-size:12px}.tabs{display:flex;gap:22px;border-bottom:1px solid #33263e;margin-bottom:24px;overflow:auto}.tabs button,.tabs a{white-space:nowrap;border:0;background:none;color:#8c759f;font-size:12px;padding:14px 0;border-bottom:2px solid transparent}.tabs .active{color:#d6b9f7;border-color:#c697ff}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:30px}.grid-card{min-width:0}.grid-cover{position:relative;aspect-ratio:3/4;border-radius:11px;overflow:hidden;background:#251b30}.grid-cover img{width:100%;height:100%;object-fit:cover;transition:.2s}.grid-card:hover img{transform:scale(1.035)}.grid-cover .views{position:absolute;bottom:12px;left:10px;font-size:11px;text-shadow:0 2px 6px #000}.grid-card p{font-size:12px;line-height:1.6;max-height:39px;overflow:hidden;margin:10px 0 7px;overflow-wrap:anywhere}.grid-card .grid-author{display:flex;align-items:center;gap:7px;color:#a791b8;font-size:10px}.grid-card .avatar{width:20px;height:20px;font-size:10px}.load-more{display:block;margin:10px auto 35px}.user-list{display:grid;gap:4px;padding-bottom:30px}.user-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #302439}.user-row .user-info{flex:1;min-width:0}.user-row strong{font-size:13px}.user-row p{font-size:11px;color:#9981ac;margin:5px 0 0}.user-row .btn{font-size:11px;min-height:33px}.profile-hero{padding:40px 0 22px}.profile-top{display:flex;align-items:center;gap:25px}.profile-top>.avatar{width:95px;height:95px;font-size:35px}.profile-top h1{font-size:27px;letter-spacing:-.03em;margin:0 0 6px}.profile-top h2{font-size:14px;color:#a78aba;margin:0 0 14px;font-weight:500}.profile-top .buttons{display:flex;gap:9px;flex-wrap:wrap}.profile-top .buttons .btn{min-height:35px;font-size:12px}.profile-stats{display:flex;gap:28px;margin:23px 0}.profile-stats button{background:none;border:0;font-size:12px;color:#9e84b3;padding:0}.profile-stats strong{color:#e2cef0;margin-right:5px}.profile-bio{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.profile-share{font-size:10px;color:#9f7bb9}.comments-dialog{position:fixed;inset:77px 0 0 auto;margin:0;height:calc(100dvh - 77px);max-height:none;max-width:420px;width:35vw;border-radius:0;border:0;border-left:1px solid #3e2e4c;background:#1b1523;z-index:40;display:none;flex-direction:column;box-shadow:-15px 0 60px #0005}.comments-dialog.open{display:flex}body.comments-open #content{margin-right:420px}body.comments-open .discovery-aside{visibility:hidden}.comments-head{padding:22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #36263f}.comments-head h2{font-size:16px;margin:0}.comments-list{flex:1;overflow:auto;padding:0 20px}.comment-row{display:flex;gap:10px;padding:18px 0;border-bottom:1px solid #2c2134}.comment-row.reply{padding-left:25px}.comment-row .avatar{width:30px;height:30px;font-size:12px}.comment-content{min-width:0;flex:1}.comment-content strong{font-size:11px}.comment-content p{font-size:12px;line-height:1.7;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.comment-content .reply-name{color:#a878c4;font-size:10px;margin:0}.comment-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#796186;font-size:9px}.comment-meta button{background:none;border:0;padding:0;color:#b89acb;font-size:10px}.comment-love{border:0;background:none;font-size:10px;display:flex;align-items:center;flex-direction:column;gap:5px;padding:3px;color:#8a6a9d}.comment-love svg{width:18px;height:18px}.comment-love.active{color:#ef87b4}.comment-love.active svg{fill:currentColor}.creator-love{display:block;color:#e387b4;font-size:9px;margin-top:6px}.comment-form{padding:15px 20px 20px;border-top:1px solid #392941}.comment-form form{display:flex;gap:8px}.comment-form input{font-size:12px;background:#271c32}.comment-form .btn{font-size:12px}.reply-banner{font-size:10px;color:#ba94d3;margin-bottom:9px;display:flex;justify-content:space-between;gap:10px}.reply-banner button{background:none;border:0;color:#bb9bcc}.detail-view{display:grid;grid-template-columns:minmax(0,1fr);height:calc(100dvh - 77px)}.detail-view .post{height:100%;min-height:0;width:100%;padding-top:22px}.chat-layout{display:grid;grid-template-columns:270px minmax(0,1fr);border:1px solid #382943;border-radius:14px;min-height:580px;height:calc(100dvh - 205px);overflow:hidden;margin-bottom:25px}.chat-peers{border-right:1px solid #382943;overflow:auto;padding:12px}.chat-peers button{display:flex;text-align:left;gap:9px;border:0;background:none;width:100%;padding:13px 8px;border-radius:9px}.chat-peers button:hover,.chat-peers button.active{background:#291d34}.chat-peers .avatar{width:32px;height:32px;font-size:13px}.chat-peers strong{font-size:11px}.chat-peers p{font-size:10px;color:#9676a8;margin:5px 0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-peers small{font-size:8px;color:#71577f}.chat-body{display:flex;flex-direction:column;min-height:0;min-width:0}.chat-head{padding:15px;border-bottom:1px solid #382943;font-size:13px;display:flex;align-items:center;gap:9px}.chat-head .avatar{width:29px;height:29px}.messages{overflow:auto;flex:1;padding:20px;display:flex;flex-direction:column;gap:14px}.message{align-self:flex-start;max-width:85%}.message.mine{align-self:flex-end}.message p{font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;padding:11px 15px;border-radius:13px 13px 13px 2px;background:#30223c;margin:0}.message.mine p{background:#7447b2;border-radius:13px 13px 2px 13px}.message small{display:block;color:#765a86;font-size:8px;margin:5px}.message-form{padding:15px;border-top:1px solid #382943;display:flex;gap:9px}.request-box{padding:14px;font-size:11px;color:#bba1cb;background:#24172d;line-height:1.7}.request-box .buttons{display:flex;gap:8px;margin-top:9px}.activity-list{display:grid}.activity{display:flex;gap:14px;align-items:center;padding:20px 5px;border-bottom:1px solid #302239}.activity .activity-content{flex:1;border:0;background:none;text-align:left;padding:0}.activity p{font-size:12px;line-height:1.6;margin:0}.activity small{color:#7c5e90;font-size:9px}.unread{width:7px;height:7px;background:#c99aff;border-radius:50%}.settings-panel{padding:23px;border:1px solid #3b2b49;border-radius:13px;margin-bottom:20px;max-width:650px}.settings-panel h2{font-size:17px;margin-top:0}.settings-panel p{font-size:12px;line-height:1.8}.switch-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.upload-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:25px;padding-bottom:40px}.upload-preview{min-height:350px;border:1px dashed #654277;border-radius:15px;display:grid;place-items:center;padding:20px;text-align:center;background:radial-gradient(at top,#32203d,#191121)}.upload-preview>div>svg{width:40px;height:40px;color:#b18bc7}.upload-preview video,.upload-preview img{max-width:100%;max-height:430px}.upload-preview p{font-size:11px;color:#9b7dad;line-height:1.8}.upload-preview input{font-size:10px;max-width:100%}.upload-note{font-size:11px;line-height:1.8;color:#90719f}.sound-banner{display:flex;align-items:center;gap:20px;border:1px solid #432d50;border-radius:15px;padding:23px;margin-bottom:25px}.sound-banner>svg{width:52px;height:52px;color:#be8cf1}.sound-banner h2{font-size:18px;margin:0 0 9px}.sound-banner p{font-size:11px;color:#9d7fac}.sound-banner .btn{margin-left:auto;font-size:11px}.share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.share-grid button,.share-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:75px;border:1px solid #4a3358;background:#2a1b34;border-radius:10px;font-size:11px}.copy-link{display:flex;gap:9px;margin-top:17px}.copy-link input{font-size:11px}.warning-card{border:1px solid #5f395a;border-radius:12px;padding:20px;margin:15px 0;background:#291a2e}.warning-card p{white-space:pre-wrap;font-size:13px;line-height:1.7}.warning-card small{color:#9b7aab;font-size:10px}.modal .text-btn{display:block}.comment-read-more{display:block;margin:20px auto}.search-sort{width:auto;max-width:165px;font-size:11px}.fresh-label{color:#9673a9;font-size:10px}.account-mini{display:flex;align-items:center;gap:10px;font-size:11px}.account-mini span small{display:block;color:#897097;font-size:10px;margin-top:5px}.account-mini .avatar{width:33px;height:33px}
@media(min-width:1500px){.discovery-aside{width:330px;padding:40px}#content{margin-right:330px}.sidebar{width:250px;padding:30px 25px}#content{margin-left:250px}.app-header{padding:0 38px}.post{grid-template-columns:minmax(0,420px) 62px}}@media(max-width:1150px){.discovery-aside{display:none}#content{margin-right:0}.sidebar{width:190px}#content{margin-left:190px}.post{max-width:600px}.grid{grid-template-columns:repeat(3,1fr)}body.comments-open #content{margin-right:370px}.comments-dialog{width:370px}.chat-layout{grid-template-columns:220px 1fr}.upload-layout{grid-template-columns:1fr}}@media(max-width:800px){.sidebar{width:76px;padding:24px 12px}.sidebar nav a{justify-content:center;padding:14px 0}.sidebar nav a .nav-text,#sidebar-account,.sidebar-footer{display:none}.nav-dot{position:absolute;margin:0 0 17px 22px;width:5px;height:5px}#content{margin-left:76px;padding:0 18px}.app-header{padding:0 17px;gap:12px}.logo{font-size:23px}.logo img{width:32px;height:32px}.logo>span{display:none}#header-actions .btn{padding:8px 10px;font-size:10px}#header-actions{gap:8px}.app-header #search-form{max-width:290px;flex:1;width:auto}#search-form input{font-size:11px;padding:11px 13px}.chat-layout{grid-template-columns:175px 1fr}.chat-peers p{max-width:90px}.grid{grid-template-columns:repeat(2,1fr)}body.comments-open #content{margin-right:0}.comments-dialog{width:390px;max-width:85vw;box-shadow:-20px 0 100px #0008}}
@media(max-width:540px){.app-header{height:62px;padding:0 12px}.logo{font-size:21px}.logo img{width:29px;height:29px}#search-form{max-width:40px!important;flex:none!important;background:none;border:0;border-radius:0}#search-form input{display:none}#search-form button{border:0;padding:5px}.app-header.search-open #search-form{position:absolute;left:10px;right:10px;max-width:none!important;width:auto;background:#251b30;border:1px solid #4c3560;border-radius:24px}.app-header.search-open #search-form input{display:block}.app-header.search-open #search-form button{padding:10px}.sidebar{inset:auto 0 0;height:63px;width:100%;padding:0;border:0;border-top:1px solid #37263f;background:#150f1c}.sidebar nav{display:flex;justify-content:space-around;height:100%;gap:0}.sidebar nav a{padding:10px;width:20%;border-radius:0}.sidebar nav a svg{width:23px;height:23px}.sidebar nav a[data-nav="saved"],.sidebar nav a[data-nav="settings"]{display:none}.sidebar nav a.active{background:none;color:#cfa2ff}#content{margin:62px 0 63px;padding:0 12px;min-height:calc(100dvh - 125px)}.feed-header{height:45px;padding:0 6px}.feed-tabs a{padding:14px 0 10px;font-size:11px}.feed-header button{font-size:10px}.feed-scroll{height:calc(100dvh - 170px);margin:0 -12px;scrollbar-width:none}.post{height:calc(100dvh - 170px);min-height:calc(100dvh - 170px);padding:0;position:relative;display:block}.video-stage{border-radius:0;max-height:none}.video-overlay{padding:50px 78px 10px 17px;bottom:38px}.post-actions{position:absolute;right:12px;bottom:80px;gap:19px;padding:0}.post-actions button .circle{width:41px;height:41px;background:#19102070}.post-actions button{color:white}.post-actions button svg{width:25px;height:25px;filter:drop-shadow(0 2px 3px #0007)}.post-actions button.active{color:#f288b0}.follow-bubble .avatar{width:39px;height:39px}.follow-bubble .plus{left:11px}.post-actions .more-action{display:none}.player-controls{left:14px;right:14px}.player-time{width:55px}.section-top{padding:27px 5px 20px}.section-top h1{font-size:24px}.profile-top{gap:17px}.profile-top>.avatar{width:73px;height:73px;font-size:29px}.profile-top h1{font-size:22px}.profile-top h2{font-size:12px}.profile-stats{gap:19px}.profile-stats button{font-size:11px}.profile-hero{padding:30px 5px 20px}.grid{gap:12px}.grid-cover{border-radius:8px}.comments-dialog{inset:auto 0 63px;max-width:none;width:100%;height:52dvh;border-radius:18px 18px 0 0;max-height:65dvh}.comments-head{padding:14px 20px}.comments-list{padding:0 16px}.comment-row{padding:13px 0}.comment-form{padding:12px 15px 15px}body.comments-open .post{padding-bottom:52dvh;height:calc(100dvh - 170px)}body.comments-open .detail-view .post{padding-bottom:52dvh;height:calc(100dvh - 125px)}.detail-view{height:calc(100dvh - 125px);margin:0 -12px}.detail-view .post{padding-top:0}.chat-layout{grid-template-columns:1fr;height:calc(100dvh - 250px);min-height:400px}.chat-layout.has-chat .chat-peers{display:none}.chat-layout:not(.has-chat) .chat-body{display:none}.chat-peers{border:0}.chat-peers p{max-width:220px}.chat-head .back-chat{border:0;background:none;padding:5px;color:#b68ad0}.upload-layout{gap:18px}.upload-preview{min-height:260px}.sound-banner{flex-wrap:wrap;gap:14px;padding:18px}.sound-banner .btn{margin-left:0}.modal .dialog-body{padding:18px}.activity{padding:16px 4px}.settings-panel{padding:18px}}

@media(max-width:540px){body.comments-open .post-actions,body.comments-open .video-overlay{display:none}body.comments-open .video-stage{min-height:80px}}