/* Loop Studio: editorial navigation, cinematic stage, violet studio accents. */
*{box-sizing:border-box}:root{font-family:'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--page);font-synthesis:none;--pink:var(--accent);--muted:#8b8493;--panel:#fff;--line:var(--line)}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:hover{filter:brightness(.94)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a78ae0;outline-offset:4px}svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:252px;padding:30px 22px;background:var(--surface);overflow:auto;z-index:30;border-right:1px solid var(--line);scrollbar-width:none;-ms-overflow-style:none}.brand{display:flex;align-items:center;gap:12px;padding:0 8px;letter-spacing:-2px}.brand b{font-size:36px;line-height:1;width:44px;height:44px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:15px;box-shadow:4px 4px 0 #d8ccef}.brand strong{font-size:36px;line-height:.85;font-weight:800}.brand strong span{display:block;font-size:9px;letter-spacing:4px;margin:10px 0 0 3px}.brand-note{font-size:11px;color:#8b8390;margin:20px 8px 26px}.collapse{position:absolute;right:10px;top:10px;color:#aaa0b3}.collapse svg{width:14px;height:14px}.search-trigger{width:100%;border-radius:11px;background:#eae7e1;display:flex;align-items:center;gap:9px;padding:13px 10px;color:#8b818f;font-size:11px;margin-bottom:27px}.search-trigger svg{width:17px;height:17px}.nav-caption{font-size:9px;font-weight:700;letter-spacing:2px;color:#a297aa;margin:0 12px 10px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;padding:10px 13px;border-radius:11px;font-weight:600;font-size:13px;position:relative;margin:3px 0;color:#766c80}.nav-item svg{width:21px;height:21px}.nav-item:hover{background:#ece6f2}.nav-item.active{background:#e6def6;color:#6843bf}.nav-item.active:after{content:'';width:6px;height:6px;background:#8460d8;border-radius:50%;margin-left:auto}.badge{background:#c5b1e3;color:#64448b;font-size:9px;border-radius:6px;padding:2px 5px;margin-left:auto}.following{border-top:1px solid var(--line);margin:25px 7px 0;padding-top:22px}.following h4{font-size:9px;letter-spacing:1.6px;color:#a297aa;margin:0 0 12px}.account-row{display:flex;gap:10px;align-items:center;padding:8px 0;text-align:left;width:100%}.avatar{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#a78bd5,#d4a394);flex-shrink:0;font-size:11px;font-weight:700;color:white;border:1px solid #ffffff44}.avatar.large{width:104px;height:104px;font-size:36px;border-radius:30px}.account-row strong{display:block;font-size:11px}.account-row small{display:block;color:#a294ab;font-size:10px;margin-top:3px}.legal{font-size:10px;color:#a89db0;line-height:1.9;margin:27px 9px}.top-tools{position:fixed;z-index:25;right:32px;top:27px;display:flex;gap:16px;align-items:center;background:var(--surface);border:1px solid #e8e1ec;padding:8px 12px;border-radius:14px}.top-tools button{padding:0}.top-tools svg{width:18px;height:18px}.top-tools .avatar{width:30px;height:30px;border-radius:9px}.studio-status{font-size:9px;letter-spacing:1.5px;color:#938799;display:flex;align-items:center;gap:8px;padding-right:12px;border-right:1px solid #ded6e4}.studio-status i{width:6px;height:6px;background:#9fb787;border-radius:50%}.layout{margin-left:252px;min-height:100dvh}
.feed{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;background:#141820;color:#fff}.feed::-webkit-scrollbar{display:none}.feed-item{height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;gap:22px;padding:40px 80px 36px 180px}.video-frame{height:calc(100dvh - 76px);aspect-ratio:9/16;max-width:calc(100vw - 570px);position:relative;border-radius:24px;overflow:hidden;background:#222630;isolation:isolate;border:1px solid #ffffff12;box-shadow:0 22px 70px #0006}.video-frame video{width:100%;height:100%;object-fit:cover;cursor:pointer;display:block}.video-frame:after{content:'';position:absolute;inset:40% 0 0;pointer-events:none;background:linear-gradient(transparent,#101018db)}.video-top{position:absolute;top:16px;left:16px;right:16px;z-index:2;display:flex;justify-content:space-between;gap:10px}.video-top button{background:#1418206e;padding:9px;border:1px solid #ffffff22;border-radius:12px;backdrop-filter:blur(8px)}.video-top svg{width:18px;height:18px}.demo-pill{position:absolute;left:18px;top:70px;font-size:8px;letter-spacing:2px;background:#17182077;padding:6px 8px;border:1px solid #ffffff29;border-radius:6px;z-index:2}.video-copy{position:absolute;left:24px;right:24px;bottom:29px;z-index:3;text-shadow:0 1px 5px #0005}.creator{font-weight:700;font-size:20px;padding:0;margin-bottom:12px;display:block;letter-spacing:-.4px}.video-copy p{font-size:13px;line-height:1.65;margin:0 0 15px;color:#eceaf1}.tags{font-weight:500;color:#c2afe9}.music{display:flex;gap:8px;font-size:10px;align-items:center;color:#ccc8d3}.music svg{width:13px;height:13px}.progress{position:absolute;bottom:0;left:0;width:100%;height:4px;margin:0;padding:0;border:0;z-index:5;accent-color:#bda1ff;cursor:pointer;border-radius:0}.center-play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:2}.center-play svg{width:64px;height:64px;fill:#ffffffbd;stroke:none;filter:drop-shadow(0 2px 10px #0004)}.actions{align-self:flex-end;padding-bottom:18px;display:flex;flex-direction:column;align-items:center;gap:22px;width:50px}.action{padding:0;display:flex;align-items:center;flex-direction:column;gap:8px;font-weight:500;font-size:10px;color:#a6a8b2;letter-spacing:.5px}.action>span{width:47px;height:47px;background:#242832;border:1px solid #363944;display:grid;place-items:center;border-radius:15px;color:#e8e4ee}.action svg{width:23px;height:23px}.action.liked,.action.saved{color:#c4a6ff}.action.liked svg,.action.saved svg{fill:#b593ff;stroke:#b593ff}.follow-face{position:relative;padding:0;margin-bottom:8px}.follow-face .avatar{width:47px;height:47px;font-size:15px;border-radius:15px}.follow-face em{position:absolute;bottom:-9px;left:15px;border-radius:6px;background:#ac8ce9;color:#221934;font-size:14px;font-style:normal;width:19px;height:19px;line-height:19px}.feed-arrows{position:fixed;right:26px;bottom:34px;display:flex;gap:8px;z-index:10;color:#a3a6b3}.feed-arrows button{border-radius:11px;border:1px solid #3d4049;background:#242832;padding:12px}.feed-arrows svg{width:16px;height:16px}.feed-label{position:fixed;top:47px;left:290px;z-index:9;max-width:135px;color:#f4f0fa}.feed-label span{font-size:9px;letter-spacing:2px;color:#a98ad8}.feed-label strong{display:block;font-size:26px;font-weight:600;letter-spacing:-1px;margin-top:14px}.feed-label small{display:block;color:#7e8796;font-size:11px;line-height:1.8;margin-top:14px}body:has(.feed) .top-tools{background:#222630;border-color:#333743;color:#cfc8de}body:has(.feed) .studio-status{color:#9395a2;border-color:#45434e}
.page{padding:112px 44px 50px;max-width:1450px;margin:auto}.page h1{font-size:34px;font-weight:650;letter-spacing:-1.3px;margin:0 0 13px}.page-eyebrow{color:#927bad;font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 14px}.subtle{color:var(--muted);font-size:13px;line-height:1.8}.pills{display:flex;gap:8px;overflow:auto;margin:27px 0 25px;padding:3px 0 8px;scrollbar-width:none}.pill{padding:10px 15px;background:#e9e5e0;color:#82738c;white-space:nowrap;border-radius:9px;font-size:12px;font-weight:600}.pill.active{background:var(--accent);color:#fff}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}.tile{text-align:left;padding:0;min-width:0}.thumb{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:17px;background:#ded7e6;box-shadow:0 8px 20px #2920310a}.thumb video{width:100%;height:100%;object-fit:cover;transition:transform .25s}.tile:hover .thumb video{transform:scale(1.035)}.thumb span{position:absolute;bottom:12px;left:12px;background:#1c182b85;color:white;padding:5px 8px;border-radius:7px;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;backdrop-filter:blur(8px)}.thumb svg{width:13px;height:13px}.tile h4{font-size:13px;font-weight:600;margin:12px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile p{font-size:10px;color:#9a8ca3;margin:0;line-height:1.6}.empty{padding:110px 25px;text-align:center;color:var(--muted)}.empty h2{color:#50415d;letter-spacing:-.5px;font-weight:600}.pink{background:var(--accent);color:#fff;font-weight:600;padding:13px 24px;border-radius:10px;font-size:13px;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 13%,transparent)}.secondary{background:#e9e3f0;color:#715390;padding:12px 20px;border-radius:10px;font-weight:600;font-size:12px}.profile-head{display:flex;gap:25px;align-items:center;margin-bottom:27px}.profile-head h1{margin-bottom:5px}.profile-head h2{font-size:16px;color:#8a8094;margin:0 0 16px;font-weight:500}.stats{display:flex;gap:28px;font-size:12px;margin:26px 0}.stats span{color:#99919f}.stats b{color:#564263;margin-right:7px;font-size:17px}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:32px 0 25px}.tabs button{padding:14px 8px;font-weight:600;font-size:13px;color:#9b92a2;border-bottom:3px solid transparent}.tabs button.active{color:var(--accent);border-color:var(--accent)}
.drawer{position:fixed;inset:0 0 0 auto;width:360px;background:var(--surface);color:var(--text);border-left:1px solid var(--line);z-index:45;display:flex;flex-direction:column;padding:26px 22px;box-shadow:-10px 0 40px #0002}.drawer header{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px}.drawer h2{font-size:18px;margin:0;letter-spacing:-.5px}.close{border-radius:10px;background:#eae5ef;color:#8e7c9e;display:grid;place-items:center;width:30px;height:30px}.close svg{width:16px;height:16px}.comments-list{flex:1;overflow:auto}.comment{display:flex;gap:10px;margin:16px 0 25px}.comment .body{flex:1}.comment strong{font-size:12px}.comment p{margin:8px 0;line-height:1.6;font-size:13px;overflow-wrap:anywhere}.comment small{color:#a096a5;font-size:10px}.comment-like{align-self:flex-start;padding-top:20px;color:#a89bb2}.comment-like svg{width:17px;height:17px}.comment-form{display:flex;gap:8px;padding-top:17px;border-top:1px solid var(--line)}input,textarea,select{background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:13px}input::placeholder,textarea::placeholder{color:#aaa0b2}.comment-form input{width:100%;min-width:0;font-size:12px}.comment-form button{color:var(--accent);font-size:12px;font-weight:700}.shade{position:fixed;inset:0;background:#17132288;z-index:60;display:grid;place-items:center;padding:24px;backdrop-filter:blur(9px)}.modal{background:var(--surface);color:var(--text);border:1px solid #fff9;border-radius:23px;width:min(520px,100%);max-height:90dvh;overflow:auto;padding:32px;position:relative;box-shadow:0 25px 100px #17102455}.modal>.close{position:absolute;right:20px;top:20px}.modal h2{font-size:27px;letter-spacing:-1px;font-weight:600;margin:10px 0 22px}.modal label{display:block;font-size:11px;margin:17px 0 8px;color:#8d7f98}.modal input:not([type=checkbox]),.modal textarea,.modal select{width:100%}.modal textarea{resize:vertical;min-height:90px;font-size:13px;line-height:1.6}.modal .pink{margin-top:22px;width:100%}.modal>.secondary{margin-top:12px;width:100%}.share-options{display:flex;justify-content:space-around;margin:28px 0}.share-options button{background:#ebe3f5;color:#8663a9;border-radius:16px;width:60px;height:60px;display:grid;place-items:center}.copy-row{display:flex;margin-top:20px}.copy-row input{min-width:0;flex:1;font-size:11px}.copy-row button{color:var(--accent);font-weight:600;font-size:12px;padding:12px}.search-input{width:100%;border-radius:14px;font-size:16px;margin:10px 0 5px;background:#fff}.upload-drop{border:1px dashed #b9a6ca;background:#ede7f4;border-radius:15px;padding:35px 20px;text-align:center;cursor:pointer;display:block!important;font-size:14px!important;color:#755692!important}.upload-drop:hover{border-color:var(--accent)}.upload-drop svg{margin:0 auto 15px;width:38px;height:38px}.upload-preview{height:200px;max-width:100%;display:block;margin:15px auto;border-radius:12px}.activity-row{display:flex;align-items:center;gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}.activity-row strong{font-size:13px}.activity-row p{margin:5px 0;color:#9b8da5;font-size:12px}.message-layout{display:grid;grid-template-columns:230px 1fr;background:#fff9;border:1px solid #e5dce9;border-radius:19px;min-height:550px;overflow:hidden;margin-top:25px}.contacts{background:#eae4f0;padding:16px}.contacts .account-row{padding:15px 5px}.chat{display:flex;flex-direction:column;padding:26px}.chat h3{margin:0 0 8px;font-size:17px}.chat-messages{flex:1;min-height:300px;display:flex;flex-direction:column;gap:13px;padding-top:25px}.bubble{background:#eee9f2;color:#796586;padding:13px 17px;border-radius:15px 15px 15px 4px;align-self:flex-start;max-width:85%;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.bubble.mine{background:#7651ca;color:#fff;align-self:flex-end;border-radius:15px 15px 4px 15px}.chat form{display:flex;gap:10px}.chat input{flex:1;min-width:0;font-size:12px}.settings-row{display:flex!important;justify-content:space-between;align-items:center;border-bottom:1px solid #e9e0ed;padding:17px 0;font-size:13px!important}.settings-row input{accent-color:var(--accent);width:18px;height:18px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.product{border:1px solid #e4dce9;border-radius:17px;padding:20px;background:#fff8}.product .object{font-size:65px;text-align:center;padding:35px;background:#ece6ef;border-radius:12px}.product h3{font-size:14px;font-weight:600}.product b{color:#957da7;font-size:13px}.product button{margin-top:18px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:100;background:#eee6fa;color:#5a427b;border:1px solid #cdb9e4;padding:14px 23px;border-radius:12px;font-size:12px;font-weight:600;box-shadow:0 6px 25px #23132f26;display:none}.mobile-nav{display:none}.mini{font-size:10px;color:#94859e;line-height:1.7}.collapsed .sidebar{width:86px;padding-left:14px;padding-right:14px}.collapsed .sidebar .nav-item span,.collapsed .following,.collapsed .legal,.collapsed .search-trigger span,.collapsed .brand strong,.collapsed .brand-note,.collapsed .nav-caption{display:none}.collapsed .brand{padding:8px 0 30px}.collapsed .collapse{top:5px;right:5px}.collapsed .layout{margin-left:86px}.collapsed .nav-item{justify-content:center;padding:13px}.collapsed .feed-label{left:118px}.collapsed .search-trigger{justify-content:center}.with-drawer .layout{margin-right:360px}.with-drawer .video-frame{max-width:calc(100vw - 790px)}.with-drawer .feed-item{padding-left:22px;padding-right:22px}.with-drawer .feed-arrows{right:380px}.with-drawer .top-tools,.with-drawer .feed-label{display:none}
@media(min-width:1600px){.video-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-height:850px) and (min-width:761px){.brand-note{margin-bottom:18px}.search-trigger{margin-bottom:20px}.nav-item{padding-top:8px;padding-bottom:8px}.following{margin-top:18px;padding-top:16px}.legal{margin-top:18px}.feed-label{top:130px}}
@media(max-width:1200px){.sidebar{width:220px;padding:28px 16px}.layout{margin-left:220px}.feed-label{left:250px;max-width:105px;top:120px}.feed-label strong{font-size:22px}.feed-item{padding:80px 65px 28px 135px}.video-frame{height:calc(100dvh - 108px);max-width:calc(100vw - 470px)}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page{padding-left:30px;padding-right:30px}.with-drawer .video-frame{max-width:calc(100vw - 680px)}.with-drawer .actions{gap:13px}.studio-status{display:none}}
@media(max-width:900px){.feed-label{display:none}.feed-item{padding-left:25px;padding-right:60px}.video-frame{max-width:calc(100vw - 345px)}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.message-layout{grid-template-columns:170px 1fr}.shop-grid{grid-template-columns:1fr}.profile-head h1{font-size:28px}.top-tools{right:24px;top:22px}}
@media(max-width:760px){.sidebar{width:80px;padding:25px 12px}.brand strong,.sidebar .nav-item span,.search-trigger span,.following,.legal,.collapse,.brand-note,.nav-caption{display:none}.brand{padding:0 0 28px}.brand b{font-size:30px;width:40px;height:40px;border-radius:12px}.nav-item{justify-content:center;padding:12px 8px}.nav-item.active:after{display:none}.search-trigger{justify-content:center;padding:12px}.layout{margin-left:80px}.top-tools{display:none}.feed-item{padding:20px 50px 20px 15px;gap:14px}.video-frame{max-width:calc(100vw - 200px);height:calc(100dvh - 40px)}.feed-arrows{right:10px;bottom:20px;flex-direction:column}.feed-arrows button{padding:8px}.page{padding:38px 24px}.page h1{font-size:29px}.drawer{width:350px}.with-drawer .layout{margin-right:0}.with-drawer .video-frame{max-width:calc(100vw - 200px)}.profile-head{gap:15px}.avatar.large{width:80px;height:80px;font-size:28px}.chat{padding:17px}}
@media(max-width:500px){.sidebar{display:none}.layout,.collapsed .layout{margin-left:0}.layout{min-height:calc(100dvh - 70px)}.feed{height:calc(100dvh - 70px)}.feed-item{height:calc(100dvh - 70px);padding:12px;display:block;position:relative}.video-frame,.with-drawer .video-frame{height:100%;max-width:100%;width:100%;aspect-ratio:auto;border-radius:21px;border-color:#ffffff16}.video-copy{left:18px;right:72px;bottom:24px}.creator{font-size:19px}.video-copy p{font-size:12px;line-height:1.65}.music{font-size:9px}.actions{position:absolute;right:26px;bottom:44px;z-index:5;gap:17px;padding:0;width:40px}.action>span{width:39px;height:39px;background:#16182470;border-color:#ffffff24;border-radius:12px;backdrop-filter:blur(8px)}.action svg{width:21px;height:21px}.action{font-size:9px;color:#e7dfef}.follow-face .avatar{width:39px;height:39px;border-radius:12px}.follow-face em{left:11px}.feed-arrows{display:none}.demo-pill{top:67px;left:15px;font-size:7px}.video-top{top:12px;left:12px;right:12px}.video-top button{padding:8px}.mobile-nav{position:fixed;inset:auto 0 0;display:flex;justify-content:space-around;align-items:center;background:var(--surface);height:70px;padding-bottom:env(safe-area-inset-bottom);z-index:50;border-top:1px solid var(--line);color:#9b8fa7}.mobile-nav button{display:grid;justify-items:center;align-content:center;font-size:9px;gap:5px;min-width:50px;font-weight:600}.mobile-nav svg{width:21px;height:21px}.mobile-nav .active{color:var(--accent)}.mobile-nav button[data-nav=upload]{background:var(--accent);border-radius:14px;color:#fff;height:43px;min-width:50px;font-size:0;gap:0;box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 20%,transparent)}.page{padding:32px 19px 100px}.page h1{font-size:28px}.page-eyebrow{font-size:8px}.video-grid{gap:22px 12px}.thumb{border-radius:13px}.tile h4{font-size:12px}.tile p{font-size:9px}.pills{margin-top:22px}.pill{font-size:11px;padding:10px 13px}.drawer{inset:24% 0 70px;width:100%;border-radius:23px 23px 0 0;z-index:55}.with-drawer .feed-arrows{display:none}.message-layout{grid-template-columns:1fr;margin-top:20px}.contacts{display:flex;overflow:auto;padding:8px 16px}.contacts .account-row{min-width:140px}.chat{padding:17px}.chat-messages{min-height:230px}.chat .pink{padding:12px;font-size:11px}.profile-head h1{font-size:23px}.stats{gap:17px;font-size:11px}.stats b{font-size:15px}.tabs{gap:17px}.tabs button{font-size:12px}.shade{padding:14px}.modal{padding:26px;max-height:88dvh}#toast{bottom:88px;width:max-content;max-width:90vw;text-align:center}.feed-label{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.mobile-header{display:none}.studio-menu{display:grid;gap:2px}.studio-menu .nav-item{padding:12px}
@media(max-width:500px){.mobile-header{position:fixed;inset:0 0 auto;height:55px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;z-index:35}.mobile-header a{display:flex;align-items:center;gap:6px;font-weight:800;font-size:23px;letter-spacing:-1px}.mobile-header a b{color:var(--accent);font-size:27px}.mobile-header a span{font-size:7px;letter-spacing:2px;margin-left:4px;color:#93809e}.mobile-header button{padding:7px;background:#eae4f0;border-radius:9px;color:#7d6196}.mobile-header svg{width:20px;height:20px}.layout{padding-top:55px}.feed,.feed-item{height:calc(100dvh - 125px)}.video-copy p{margin-bottom:9px}.actions{gap:13px}}

:root{--accent:#7450d7;--page:#f4f2ee;--surface:#f8f6f2;--text:#292634;--muted:#776b82;--line:#e4dfe8;--field:#f1edf4}
.nav-item.active,.pill.active,.tabs button.active,.mobile-nav .active{color:var(--accent)}.nav-item.active{background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.pill.active,.pink,.brand b,.mobile-nav button[data-nav=upload]{background:var(--accent);color:white}.tabs button.active{border-color:var(--accent)}.secondary{color:var(--text);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.subtle,.mini,.tile p,.account-row small,.brand-note,.legal{color:var(--muted)}.page h1,.profile-head h2,.empty h2,.stats b,.chat h3{color:var(--text)}.page{background:var(--page)}.sidebar,.modal,.drawer,.mobile-header,.mobile-nav,.top-tools{background:var(--surface)}.search-trigger,.pill:not(.active),.contacts,.bubble:not(.mine),.close{background:var(--field);color:var(--text)}.message-layout,.product{background:var(--surface);border-color:var(--line)}.bubble.mine{background:var(--accent)}.tabs,.following,.activity-row,.settings-row{border-color:var(--line)}.brand strong{line-height:1}.profile-share{margin-left:8px}.appearance h3,.modal h3{font-size:17px;margin:25px 0 10px}.palette-presets{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.palette-presets button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);padding:9px;border-radius:9px;font-size:11px}.palette-presets i{width:13px;height:13px;background:var(--swatch);border-radius:50%}.color-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.color-controls label{font-size:10px;margin:0}.color-controls input[type=color]{height:44px;width:100%;padding:4px;margin-top:8px;cursor:pointer}.option-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.feature-note{padding:14px;border:1px solid var(--line);border-radius:12px;margin:20px 0;font-size:12px}.feature-note p{font-size:11px;line-height:1.7;color:var(--muted)}.sort-controls{display:flex;gap:7px;margin-bottom:20px}.sort-controls .pill{font-size:11px;padding:8px 12px}.section-title{font-size:17px;margin:22px 0}.creator-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.creator-results .account-row{padding:15px;background:var(--surface);border-radius:12px}.creator-results strong{font-size:13px}.studio-summary{display:flex;gap:45px;margin:30px 0;padding:24px;background:var(--surface);border-radius:15px}.studio-summary span{font-size:11px;color:var(--muted)}.studio-summary b{display:block;font-size:27px;color:var(--accent);margin-bottom:7px}.studio-video{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:18px 0}.studio-video>button:first-child{text-align:left;min-width:0}.studio-video b{overflow-wrap:anywhere;font-size:13px}.studio-video small{display:block;color:var(--muted);margin-top:8px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.help-card{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.help-card h2{font-size:17px}.help-card p{font-size:13px;line-height:1.9;color:var(--muted)}.comment-like.is-liked{color:var(--accent)}.comment-like.is-liked svg{fill:var(--accent)}.tags a:hover{text-decoration:underline}.video-time{display:block;font-size:9px;color:#d8d5df;margin-top:12px;letter-spacing:.5px}.repost-button{width:100%}.video-top{justify-content:flex-start}.video-top>button:last-child{margin-left:auto}.music:hover{text-decoration:underline}.search-tabs{margin-top:6px}.search-tabs button{font-size:12px}.appearance{border-bottom:1px solid var(--line);padding-bottom:24px}
@media(max-width:500px){.help-grid{grid-template-columns:1fr}.studio-summary{gap:20px;padding:18px}.color-controls{gap:8px}.tabs{gap:7px}.tabs button{font-size:11px;padding:14px 7px}.profile-share{margin:8px 0 0 0}.profile-head h1{font-size:21px}.search-tabs{gap:4px}.video-time{font-size:8px;margin-top:7px}.video-top button{padding:7px}.video-top svg{width:16px;height:16px}.video-copy{bottom:20px}}

.sidebar,.modal,.drawer,.mobile-header,.mobile-nav,.top-tools{color:var(--surface-text,var(--text))}.nav-item:not(.active){color:var(--surface-text,var(--text))}.modal h2,.modal h3{color:var(--surface-text,var(--text))}input,textarea,select{color:var(--field-text,#44384f)}.action.liked,.action.saved{color:color-mix(in srgb,var(--accent) 65%,white)}.action.liked svg,.action.saved svg{stroke:color-mix(in srgb,var(--accent) 65%,white);fill:color-mix(in srgb,var(--accent) 65%,white)}.follow-face em{background:var(--accent);color:white}.nav-item.active:after{background:var(--accent)}

.thread-reply{margin-top:14px;border-left:2px solid var(--line);padding-left:10px}.thread-reply .comment{margin-bottom:5px;gap:7px}.thread-reply .avatar{width:25px;height:25px;border-radius:8px;font-size:9px}.thread-reply .comment strong{font-size:11px}.thread-reply .comment p{font-size:12px}.thread-reply .comment-like{padding:5px 0}.comment .body{min-width:0}

.emoji-picker{display:flex;flex-wrap:wrap;gap:5px;padding:10px;background:var(--field);border-radius:12px;margin-top:10px}.emoji-picker button{font-size:20px;padding:6px;border-radius:6px}.emoji-picker button:hover{background:var(--surface)}

/* Supplied Loop artwork; the original full logo is preserved. */
.brand{padding:0;justify-content:center;letter-spacing:normal}.brand-logo{display:block;width:174px;height:116px;max-width:100%;object-fit:contain;background:transparent;border-radius:15px}.brand-camera{display:none;width:44px;height:44px;object-fit:contain}.brand-note{text-align:center;margin-top:17px}.collapsed .brand{padding:8px 0 25px}.collapsed .brand-logo{display:none}.collapsed .brand-camera{display:block}.mobile-header .mobile-logo{display:block;width:75px;height:50px;object-fit:contain;border-radius:8px;background:transparent}.mobile-header a{letter-spacing:normal}
@media(max-width:760px) and (min-width:501px){.brand{padding:0 0 25px}.brand-logo{display:none}.brand-camera{display:block}}
@media(max-width:500px){.mobile-header{padding-left:16px}.mobile-header .mobile-logo{width:75px;height:50px}}

.account-link{font-size:11px;font-weight:600;color:inherit}.account-signup{padding:9px 13px;background:var(--accent);color:white;font-size:11px;border-radius:9px;font-weight:700}.mobile-header a.mobile-account{font-size:11px;color:var(--accent);font-weight:700;margin-left:auto;margin-right:12px;letter-spacing:0}.server-chat{border:1px solid var(--line);border-radius:17px;background:var(--surface);margin-top:25px}.server-message-list{max-height:50dvh;overflow:auto}.server-chat .bubble p{margin:6px 0 0}.server-chat .bubble small{font-size:9px;opacity:.7}.server-chat form{flex-wrap:wrap;margin-top:20px}.server-chat input[name=to]{flex:0 1 160px}.server-chat input[name=text]{flex:1 1 220px}

/* Keep sidebar wheel, touch and keyboard scrolling without a visible track. */
.sidebar::-webkit-scrollbar{display:none;width:0;height:0}

.enable-sound{position:absolute;top:112px;left:16px;z-index:5;padding:10px 14px;min-height:44px;border:1px solid #ffffff77;border-radius:12px;background:#161824dd;color:#fff;font-size:14px;font-weight:600;box-shadow:0 4px 18px #0003}