:root{color-scheme:dark;--bg:#08090d;--panel:#111319;--soft:#1a1d25;--line:rgba(255,255,255,.11);--text:#f7f7f3;--muted:#a7a9b2;--accent:#c7ff4a;--accent2:#7b5cff;--danger:#ff5577;--nav-w:228px;--bottom:70px;--radius:26px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);overscroll-behavior:none}body{overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button:not(:disabled),[role=button]{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip-link{position:fixed;z-index:1000;top:8px;left:8px;transform:translateY(-150%);padding:10px 14px;border-radius:12px;background:var(--accent);color:#10120b;font-weight:800}.skip-link:focus{transform:none}.app-shell{min-height:100dvh}.side-nav{position:fixed;inset:0 auto 0 0;z-index:30;width:var(--nav-w);padding:26px 18px;border-right:1px solid var(--line);background:#0b0c11;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;border:0;background:none;padding:4px 8px 28px;font-size:25px;font-weight:900;letter-spacing:-1.2px}.brand-mark,.boot-mark{display:block;width:27px;height:31px;background:var(--accent);clip-path:polygon(58% 0,5% 55%,44% 55%,32% 100%,96% 39%,56% 39%)}.desktop-nav{display:grid;gap:6px}.desktop-nav button{position:relative;display:flex;align-items:center;gap:15px;width:100%;border:0;border-radius:14px;background:transparent;padding:13px 14px;color:var(--muted);text-align:left}.desktop-nav button:hover,.desktop-nav button.active{background:var(--soft);color:var(--text)}.desktop-nav button.active:before{content:'';position:absolute;left:0;width:3px;height:24px;border-radius:9px;background:var(--accent)}.desktop-nav svg,.bottom-nav svg{width:23px;height:23px}.desktop-nav .create-nav{margin:12px 0;background:var(--accent);color:#10120b}.desktop-nav .create-nav:hover{background:#d5ff78;color:#10120b}.side-note{margin-top:auto;padding:16px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(199,255,74,.08),rgba(123,92,255,.08));display:grid;gap:7px}.side-note strong{font-size:13px}.side-note span{color:var(--muted);font-size:11px;line-height:1.45}#view{height:100dvh;margin-left:var(--nav-w);overflow:auto;background:var(--bg)}.bottom-nav{display:none}.icon{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.icon.fill{fill:currentColor}.boot{height:100dvh;display:grid;place-items:center;align-content:center;gap:24px}.boot-mark{width:45px;height:54px;animation:pulse 1s ease-in-out infinite}.skeleton{position:relative;overflow:hidden;background:#15171e;border-radius:18px}.skeleton:after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 1.2s infinite}.skeleton.tall{width:min(330px,78vw);height:52vh}.home-view{height:100dvh;position:relative;overflow:hidden}.feed-tabs{position:absolute;z-index:12;top:max(18px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;gap:23px;padding:8px 14px;border-radius:20px;background:rgba(8,9,13,.28);backdrop-filter:blur(12px)}.feed-tabs button{position:relative;border:0;background:none;padding:5px 0;color:rgba(255,255,255,.66);font-weight:750}.feed-tabs button.active{color:#fff}.feed-tabs button.active:after{content:'';position:absolute;left:25%;right:25%;bottom:-5px;height:3px;border-radius:4px;background:var(--accent)}.feed-shortcuts{position:absolute;z-index:11;right:22px;top:20px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(8,9,13,.32);color:rgba(255,255,255,.68);font-size:10px;backdrop-filter:blur(8px)}.feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain}.feed::-webkit-scrollbar{display:none}.feed-item{height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;padding:16px}.video-card{isolation:isolate;position:relative;height:min(900px,calc(100dvh - 32px));aspect-ratio:9/16;max-width:calc(100vw - var(--nav-w) - 32px);overflow:hidden;border-radius:var(--radius);background:#171922;box-shadow:0 24px 70px rgba(0,0,0,.42)}.media-stage,.media-tap{position:absolute;inset:0}.media-tap{z-index:1}.media-stage{overflow:hidden;background:linear-gradient(145deg,var(--p1),var(--p2))}.media-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12) 35%,rgba(0,0,0,.78) 100%)}.media-stage video{width:100%;height:100%;object-fit:cover}.grain{position:absolute;inset:-40%;opacity:.1;background-image:radial-gradient(#fff .7px,transparent .8px);background-size:7px 7px;animation:drift 16s linear infinite}.orb{position:absolute;border-radius:50%;filter:blur(1px);animation:float 6s ease-in-out infinite}.orb.one{width:70%;aspect-ratio:1;left:-23%;top:8%;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.8),var(--p3) 28%,transparent 67%)}.orb.two{width:82%;aspect-ratio:1;right:-37%;bottom:10%;background:radial-gradient(circle at 35%,var(--p3),transparent 65%);animation-delay:-3s}.scene-label{position:absolute;z-index:1;top:24%;left:10%;right:10%;font-size:clamp(32px,6vh,56px);font-weight:900;letter-spacing:-3px;line-height:.92;text-transform:uppercase;mix-blend-mode:screen;animation:rise 5s ease-in-out infinite}.scene-label small{display:block;margin-bottom:12px;font-size:11px;letter-spacing:3px;color:rgba(255,255,255,.8)}.scene-city .media-stage{background:linear-gradient(160deg,#19142f,#ff6e46)}.scene-city .orb.one{border-radius:12%;transform:rotate(30deg)}.scene-food .media-stage{background:linear-gradient(145deg,#541c23,#f79c37)}.scene-food .orb.one{left:15%;top:16%;background:radial-gradient(circle,#fff1b3 0 8%,#ef4545 9% 23%,#f5b64b 24% 34%,transparent 35%)}.scene-nature .media-stage{background:linear-gradient(160deg,#072f37,#36b88c)}.scene-nature .orb.two{background:radial-gradient(circle,#bfffcc,transparent 58%)}.scene-design .media-stage,.scene-local .media-stage{background:linear-gradient(145deg,#251348,#7b5cff 55%,#df4d96)}.paused .grain,.paused .orb,.paused .scene-label{animation-play-state:paused}.video-shade{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 55%,rgba(0,0,0,.1)),linear-gradient(0deg,rgba(4,5,8,.8),transparent 48%)}.pause-badge,.heart-burst{position:absolute;z-index:8;left:50%;top:46%;transform:translate(-50%,-50%) scale(.8);opacity:0;display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:rgba(5,6,8,.5);backdrop-filter:blur(12px);pointer-events:none;transition:.2s}.paused .pause-badge{opacity:1;transform:translate(-50%,-50%) scale(1)}.pause-badge svg{width:32px}.heart-burst{color:var(--accent);background:transparent;width:110px;height:110px}.heart-burst.show{animation:heartPop .7s ease}.heart-burst svg{width:82px;height:82px;fill:currentColor;filter:drop-shadow(0 8px 22px rgba(0,0,0,.4))}.top-controls{position:absolute;z-index:8;top:18px;right:17px}.round-btn,.action-btn{border:0;background:rgba(7,8,11,.38);backdrop-filter:blur(10px)}.round-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%}.round-btn svg{width:21px}.post-meta{position:absolute;z-index:7;left:20px;right:76px;bottom:32px;text-shadow:0 2px 14px #000}.creator-row{display:flex;align-items:center;gap:9px;margin-bottom:12px}.creator-row strong{font-size:15px}.follow-btn{border:1px solid rgba(255,255,255,.65);border-radius:8px;background:transparent;padding:5px 11px;font-size:11px;font-weight:800}.follow-btn.following{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.14)}.caption{margin:0 0 8px;font-size:14px;line-height:1.45}.tags{display:flex;flex-wrap:wrap;gap:7px;color:var(--accent);font-size:12px;font-weight:750}.audio-line{display:flex;align-items:center;gap:7px;margin-top:11px;color:rgba(255,255,255,.78);font-size:11px;white-space:nowrap;overflow:hidden}.audio-line span{overflow:hidden;text-overflow:ellipsis}.action-rail{position:absolute;z-index:7;right:13px;bottom:28px;display:grid;justify-items:center;gap:11px}.avatar{display:grid;place-items:center;flex:0 0 auto;width:45px;height:45px;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,var(--p1),var(--p3));font-weight:900;box-shadow:0 4px 16px rgba(0,0,0,.35)}.avatar.mini{width:38px;height:38px;border-width:1px;font-size:12px}.action-wrap{display:grid;justify-items:center;gap:3px}.action-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%}.action-btn svg{width:23px}.action-wrap small{font-size:10px;font-weight:800;text-shadow:0 2px 7px #000}.action-btn.active{color:var(--accent)}.action-btn.like.active{color:#ff5577}.progress-track{position:absolute;z-index:9;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.2)}.progress-track span{display:block;width:0;height:100%;background:var(--accent)}.empty-feed{height:100%;display:grid;place-items:center;padding:30px}.empty-card,.empty-state{max-width:420px;text-align:center}.empty-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:20px;background:rgba(199,255,74,.1);color:var(--accent)}.empty-icon svg{width:30px}.empty-card h2,.empty-state h2{margin:0 0 9px}.empty-card p,.empty-state p{margin:0 0 21px;color:var(--muted);line-height:1.55}.primary-btn,.secondary-btn,.text-btn{border:0;border-radius:12px;padding:11px 16px;font-weight:800}.primary-btn{background:var(--accent);color:#10120b}.primary-btn:hover{background:#d7ff7d}.secondary-btn{background:var(--soft);border:1px solid var(--line)}.text-btn{background:transparent;color:var(--accent);padding:7px}.page{min-height:100%;padding:42px clamp(22px,5vw,72px) 100px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;max-width:1100px;margin:0 auto 26px}.eyebrow{margin:0 0 7px;color:var(--accent);font-size:11px;font-weight:850;letter-spacing:2px;text-transform:uppercase}.page h1{margin:0;font-size:clamp(32px,5vw,58px);letter-spacing:-2.4px}.page-sub{color:var(--muted);margin:8px 0 0}.discover-inner,.inbox-inner,.profile-inner{max-width:1100px;margin:auto}.search-box{position:relative;max-width:720px}.search-box svg{position:absolute;left:17px;top:50%;transform:translateY(-50%);width:21px;color:var(--muted)}.search-box input{width:100%;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);padding:16px 50px;font-size:16px}.search-box .clear-search{position:absolute;right:8px;top:8px;border:0;border-radius:10px;background:var(--soft);padding:8px}.search-box .clear-search svg{position:static;transform:none;width:18px}.topic-row{display:flex;gap:9px;overflow:auto;padding:18px 0 25px;scrollbar-width:none}.topic-row button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:var(--panel);padding:9px 13px}.topic-row button:hover{border-color:var(--accent);color:var(--accent)}.result-summary{display:flex;justify-content:space-between;align-items:center;margin:3px 0 14px;color:var(--muted);font-size:13px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid-card{position:relative;min-height:280px;aspect-ratio:9/13;border:0;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,var(--p1),var(--p2));text-align:left}.grid-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,var(--p3),transparent 35%),linear-gradient(0deg,rgba(0,0,0,.85),transparent 60%)}.grid-card:hover .grid-art{transform:scale(1.06)}.grid-art{position:absolute;width:70%;aspect-ratio:1;right:-20%;top:12%;border-radius:43% 57% 63% 37%;background:rgba(255,255,255,.14);transition:.35s}.grid-copy{position:absolute;z-index:1;inset:auto 14px 14px}.grid-copy strong,.grid-copy span{display:block}.grid-copy strong{margin-bottom:5px;font-size:13px}.grid-copy span{font-size:11px;color:rgba(255,255,255,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-list{display:grid;gap:9px}.notice{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:14px;text-align:left}.notice.unread{border-color:rgba(199,255,74,.35);background:linear-gradient(90deg,rgba(199,255,74,.08),var(--panel) 24%)}.notice-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.notice-copy span,.notice time{display:block;color:var(--muted);font-size:12px}.notice-copy strong{display:block;margin-bottom:4px;font-size:14px}.notice time{text-align:right}.unread-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--bg)}.desktop-nav .unread-dot{right:15px}.profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:20px 0 28px}.profile-avatar{display:grid;place-items:center;width:96px;height:96px;border-radius:31px;background:linear-gradient(145deg,var(--accent2),#ff5577);font-size:30px;font-weight:900;transform:rotate(-3deg)}.profile-copy h1{font-size:clamp(30px,4vw,48px)}.profile-copy p{max-width:550px;color:var(--muted);line-height:1.5}.stats{display:flex;gap:28px;padding:17px 0 25px;border-top:1px solid var(--line)}.stats div{display:grid;gap:3px}.stats strong{font-size:20px}.stats span{color:var(--muted);font-size:11px}.profile-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:17px}.profile-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:12px 17px;color:var(--muted);font-weight:750}.profile-tabs button.active{border-color:var(--accent);color:var(--text)}.modal-backdrop{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(2,3,5,.74);backdrop-filter:blur(8px)}.modal{width:min(570px,100%);max-height:min(760px,calc(100dvh - 36px));overflow:auto;border:1px solid var(--line);border-radius:24px;background:#111319;box-shadow:0 28px 90px #000}.modal.sheet{margin-left:auto;width:min(440px,100%);height:calc(100dvh - 36px);max-height:none}.modal-head{position:sticky;z-index:3;top:0;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);background:rgba(17,19,25,.94);backdrop-filter:blur(12px)}.modal-head h2{margin:0;font-size:18px}.modal-close{display:grid;place-items:center;width:37px;height:37px;border:0;border-radius:50%;background:var(--soft)}.modal-close svg{width:20px}.modal-body{padding:20px}.comment-list{display:grid;gap:19px;min-height:180px}.comment{display:grid;grid-template-columns:auto 1fr;gap:10px}.comment p{margin:4px 0 0;color:#d6d7dc;font-size:13px;line-height:1.45}.comment strong{font-size:12px}.comment time{margin-left:7px;color:var(--muted);font-size:10px}.comment-form{position:sticky;bottom:0;display:flex;gap:8px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#111319}.comment-form input{min-width:0;flex:1;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--text);padding:11px 13px}.form-error{min-height:18px;margin:6px 0 0;color:#ff8aa1;font-size:12px}.field{display:grid;gap:7px;margin-bottom:16px}.field label,.field>span{font-size:12px;font-weight:750}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--text);padding:11px 13px}.field textarea{min-height:88px;resize:vertical}.field-help{color:var(--muted);font-size:11px}.dropzone{position:relative;display:grid;place-items:center;min-height:190px;border:1.5px dashed rgba(255,255,255,.24);border-radius:17px;background:rgba(255,255,255,.025);text-align:center;transition:.2s}.dropzone.drag{border-color:var(--accent);background:rgba(199,255,74,.06)}.dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone svg{width:35px;margin:0 auto 11px;color:var(--accent)}.dropzone strong,.dropzone span{display:block}.dropzone span{margin-top:6px;color:var(--muted);font-size:11px}.upload-preview{position:relative;overflow:hidden;aspect-ratio:16/9;margin-bottom:15px;border-radius:15px;background:#050609}.upload-preview video{width:100%;height:100%;object-fit:contain}.local-note{margin:0 0 17px;padding:11px 13px;border-radius:11px;background:rgba(123,92,255,.1);color:#c9c0ff;font-size:11px;line-height:1.45}.form-actions{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;z-index:200;left:50%;bottom:26px;transform:translate(-50%,30px);max-width:calc(100vw - 30px);padding:11px 16px;border:1px solid var(--line);border-radius:12px;background:#f5f5ef;color:#111;font-size:13px;font-weight:750;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.noscript{position:fixed;inset:20px;z-index:999;display:grid;place-items:center;background:var(--panel);border-radius:20px}.media-fallback{position:absolute;z-index:4;inset:0;display:grid;place-items:center;padding:30px;background:linear-gradient(145deg,#211b36,#101218);text-align:center}.media-fallback p{color:var(--muted)}@keyframes shimmer{to{transform:translateX(100%)}}@keyframes pulse{50%{transform:scale(.88);opacity:.55}}@keyframes drift{to{transform:translate3d(10%,8%,0)}}@keyframes float{50%{transform:translateY(-24px) rotate(8deg)}}@keyframes rise{50%{transform:translateY(-10px)}}@keyframes heartPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}@media(max-width:800px){body{overflow:hidden}.side-nav{display:none}#view{margin-left:0;height:100dvh}.bottom-nav{position:fixed;z-index:40;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--bottom) + env(safe-area-inset-bottom));padding:7px 4px env(safe-area-inset-bottom);border-top:1px solid rgba(255,255,255,.09);background:rgba(9,10,14,.92);backdrop-filter:blur(16px)}.bottom-nav button{position:relative;display:grid;place-items:center;align-content:center;gap:3px;border:0;background:none;color:#8f929c;font-size:9px}.bottom-nav button.active{color:#fff}.bottom-nav button.active svg{color:var(--accent)}.bottom-nav .mobile-create span{display:grid;place-items:center;width:43px;height:31px;border-radius:9px;background:var(--accent);color:#0b0c08}.bottom-nav .mobile-create b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.bottom-nav .unread-dot{top:7px;right:26%}.feed-shortcuts{display:none}.feed-item{padding:0}.video-card{width:100%;height:100dvh;max-width:none;border-radius:0}.post-meta{bottom:calc(var(--bottom) + env(safe-area-inset-bottom) + 23px);left:15px;right:68px}.action-rail{bottom:calc(var(--bottom) + env(safe-area-inset-bottom) + 20px);right:10px}.progress-track{bottom:calc(var(--bottom) + env(safe-area-inset-bottom))}.top-controls{top:max(18px,env(safe-area-inset-top))}.page{padding:28px 15px calc(var(--bottom) + 32px + env(safe-area-inset-bottom))}.page-head{align-items:start}.page h1{font-size:34px;letter-spacing:-1.5px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.grid-card{min-height:225px}.profile-hero{grid-template-columns:auto 1fr;gap:15px}.profile-avatar{width:73px;height:73px;border-radius:23px}.profile-hero>.secondary-btn{grid-column:1/-1;width:100%}.stats{justify-content:space-around}.modal-backdrop{align-items:flex-end;padding:0}.modal,.modal.sheet{width:100%;height:auto;max-height:92dvh;margin:0;border-radius:24px 24px 0 0}.modal.sheet{height:78dvh}.toast{bottom:calc(var(--bottom) + env(safe-area-inset-bottom) + 12px)}}@media(max-width:360px){.caption{font-size:12px}.post-meta{right:63px}.action-btn{width:40px;height:40px}.avatar{width:40px;height:40px}.feed-tabs{gap:17px}.page{padding-left:12px;padding-right:12px}.notice{grid-template-columns:auto 1fr}.notice time{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}