:root{color-scheme:dark;--bg:#08070d;--panel:#111019;--panel2:#191725;--panel3:#211e31;--line:#302b41;--text:#fbfaff;--muted:#a7a2b4;--purple:#8b5cf6;--pink:#ff2d8d;--blue:#4b8cff;--green:#35d07f;--danger:#ff5c75;--gold:#f4c95d;--sidebar:250px;--right:300px;--radius:18px;--shadow:0 18px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 45% -15%,#26113b 0,#0d0b14 32%,var(--bg) 70%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,video{max-width:100%}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.boot{min-height:100vh;display:grid;place-items:center;text-align:center;gap:12px}.spinner{width:30px;height:30px;border:3px solid #2d293a;border-top-color:var(--pink);border-radius:50%;animation:spin .72s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,780px) var(--right);gap:18px;width:min(100%,1360px);margin:0 auto;min-height:100vh;padding:0 16px}.sidebar{position:sticky;top:0;height:100vh;padding:20px 8px;display:flex;flex-direction:column;gap:6px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:950;letter-spacing:-.6px;padding:4px 10px 20px}.mark{display:block;width:39px;height:39px;object-fit:contain;background:transparent;box-shadow:none;flex:0 0 auto}.hero-mark{margin:0 auto 18px;width:62px;height:62px}.boot-logo{width:72px;height:72px;object-fit:contain}.nav-btn{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--text);border-radius:14px;padding:12px 13px;text-align:left;font-weight:720}.nav-btn:hover,.nav-btn.active{background:rgba(139,92,246,.14)}.nav-btn .icon{width:25px;text-align:center;font-size:19px}.nav-btn .badge{margin-left:auto;background:var(--pink);color:#fff;border-radius:999px;min-width:19px;height:19px;display:grid;place-items:center;font-size:10px}.sidebar-spacer{flex:1}.profile-mini{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:10px;border-radius:15px;background:rgba(17,16,25,.75)}.profile-mini img,.avatar-sm{width:38px;height:38px;object-fit:cover;border-radius:50%;background:#272335}.avatar-fallback{display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#302841,#1d1a28)}
.main{min-width:0;border-inline:1px solid rgba(48,43,65,.45);min-height:100vh}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:rgba(8,7,13,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(48,43,65,.55)}.topbar h1{font-size:18px;margin:0}.top-actions{display:flex;align-items:center;gap:8px}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;padding:10px 14px;font-weight:780}.btn:hover{border-color:#504765}.btn.primary{border:0;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff}.btn.ghost{background:transparent}.btn.danger{color:#ffd7dd;border-color:rgba(255,92,117,.3);background:rgba(255,92,117,.08)}.btn.small-btn{padding:7px 10px;font-size:12px}.content-wrap{padding:14px}.rightbar{position:sticky;top:0;height:100vh;padding:18px 0;overflow:auto}.side-card,.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(20,18,30,.96),rgba(13,12,20,.98));border-radius:var(--radius);box-shadow:var(--shadow)}.side-card{padding:15px;margin-bottom:12px}.side-card h3{margin:0 0 10px;font-size:15px}.quick-list{display:grid;gap:7px}.quick-item{display:flex;align-items:center;gap:9px;padding:8px;border-radius:11px}.quick-item:hover{background:var(--panel2)}
.mobile-nav{display:none;position:fixed;z-index:45;left:0;right:0;bottom:0;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(9,8,14,.95);backdrop-filter:blur(18px);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr)}.mobile-nav button{border:0;background:transparent;color:var(--muted);padding:7px 4px;border-radius:10px;font-size:10px}.mobile-nav button span{display:block;font-size:18px}.mobile-nav button.active{color:#fff;background:rgba(139,92,246,.13)}
.tabs{display:flex;gap:6px;padding:0 0 12px;overflow:auto}.tab{white-space:nowrap;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:8px 13px;font-weight:750}.tab.active{color:#fff;background:rgba(139,92,246,.2);border-color:rgba(139,92,246,.6)}.composer{padding:15px;margin-bottom:13px}.composer-row{display:flex;gap:10px}.composer textarea{width:100%;min-height:84px;resize:vertical;border:0;outline:0;background:transparent;color:var(--text);font-size:16px}.composer-tools{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line)}.composer-tools .left{display:flex;gap:7px;flex-wrap:wrap}.field,.search-input{width:100%;border:1px solid var(--line);background:#0e0d15;color:var(--text);border-radius:12px;padding:11px 12px;outline:none}.field:focus,.search-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(139,92,246,.11)}textarea.field{min-height:110px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-stack{display:grid;gap:10px}.form-label{font-size:12px;font-weight:800;color:#c8c3d0}.divider{height:1px;background:var(--line);margin:12px 0}
.stories{display:flex;gap:12px;overflow:auto;padding:4px 2px 14px}.story-ring{flex:0 0 auto;width:70px;text-align:center;font-size:11px;color:var(--muted);cursor:pointer}.story-ring img,.story-ring .avatar-fallback{width:58px;height:58px;border-radius:50%;object-fit:cover;margin:auto;border:3px solid transparent;background-clip:padding-box;outline:2px solid var(--pink)}.story-ring strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px}.feed{display:grid;gap:13px}.post-card{overflow:hidden}.post-head{display:flex;align-items:center;gap:10px;padding:14px 15px}.post-head .grow{flex:1;min-width:0}.post-head strong{display:block}.handle{font-size:12px;color:var(--muted)}.verified{color:#58a6ff;margin-left:4px}.vip{color:var(--gold);margin-left:4px}.post-body{padding:0 15px 12px}.post-text{white-space:pre-wrap;line-height:1.5;margin:0 0 10px}.tags{display:flex;flex-wrap:wrap;gap:5px;color:#bca6ff;font-size:12px}.post-media{background:#050408;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-height:650px;overflow:hidden}.post-media img,.post-media video{display:block;width:100%;max-height:650px;object-fit:contain;background:#050408}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.media-grid img{width:100%;height:260px;object-fit:cover}.post-stats{display:flex;gap:14px;padding:10px 15px 4px;color:var(--muted);font-size:12px}.post-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:7px 9px 11px}.post-actions button{border:0;background:transparent;color:var(--muted);border-radius:10px;padding:8px 4px;font-size:12px}.post-actions button:hover,.post-actions button.on{background:var(--panel2);color:#fff}.post-actions button.on.like{color:#ff5d9b}.post-actions button.on.bookmark{color:#c3a7ff}.empty{padding:58px 20px;text-align:center;color:var(--muted)}.empty h2{color:var(--text);margin:0 0 8px}.load-more{display:flex;justify-content:center;padding:16px}
.hero{padding:50px 20px;text-align:center}.hero h1{margin:0;font-size:clamp(38px,8vw,70px);letter-spacing:-3px;line-height:.95}.gradient-text{background:linear-gradient(90deg,#fff,var(--pink),#b291ff,#72a4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);max-width:620px;margin:16px auto;line-height:1.6}.hero-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.landing-search{max-width:560px;margin:20px auto 0;display:flex;gap:8px}.landing-search input{flex:1}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.feature{padding:16px;text-align:left}.feature b{display:block;margin-bottom:6px}.feature p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.profile-cover{height:210px;background:linear-gradient(135deg,#2b123b,#13224a);background-size:cover;background-position:center}.profile-card{overflow:hidden}.profile-content{padding:0 18px 18px;margin-top:-48px}.profile-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid var(--panel);background:#272335}.profile-top{display:flex;justify-content:space-between;align-items:end;gap:10px}.profile-info{margin-top:10px}.profile-info h2{margin:0}.profile-meta{color:var(--muted);font-size:13px;margin-top:7px}.profile-bio{white-space:pre-wrap;line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.stat{border:1px solid var(--line);background:rgba(31,28,43,.55);border-radius:12px;padding:10px;text-align:center}.stat strong{display:block}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:14px}.profile-tile{aspect-ratio:1;background:var(--panel);position:relative;overflow:hidden;cursor:pointer}.profile-tile img,.profile-tile video{width:100%;height:100%;object-fit:cover}.profile-tile .tile-text{padding:10px;font-size:12px}.tile-badge{position:absolute;top:6px;right:6px;padding:4px 7px;border-radius:999px;background:rgba(0,0,0,.72);font-size:10px}
.premium-profile-surface{position:relative;border:1.5px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(135deg,var(--premium-1),var(--premium-2),var(--premium-3)) border-box;box-shadow:0 22px 70px color-mix(in srgb,var(--premium-1) 22%,transparent);animation:premium-surface-reveal .5s cubic-bezier(.2,.8,.2,1) both}.premium-profile-surface::before{content:"";position:absolute;z-index:1;width:300px;height:300px;border-radius:50%;right:-120px;top:40px;pointer-events:none;background:radial-gradient(circle,var(--premium-2),transparent 68%);opacity:.16}.premium-profile-surface::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.17) 48%,transparent 66%);transform:translateX(-120%);animation:premium-surface-sweep 4s .45s ease-in-out infinite}.premium-profile-surface .profile-cover{background:linear-gradient(135deg,color-mix(in srgb,var(--premium-1) 60%,#12101a),color-mix(in srgb,var(--premium-2) 40%,#12101a),color-mix(in srgb,var(--premium-3) 42%,#12101a))}.premium-profile-surface .profile-avatar{position:relative;z-index:3;border-color:var(--panel);box-shadow:0 0 0 4px var(--premium-1),0 0 0 7px color-mix(in srgb,var(--premium-2) 68%,transparent),0 10px 36px color-mix(in srgb,var(--premium-1) 46%,transparent)}.premium-profile-surface .profile-info h2{background:linear-gradient(90deg,var(--premium-1),var(--premium-2),var(--premium-3));background-clip:text;-webkit-background-clip:text;color:transparent;width:fit-content}.premium-profile-signature{position:absolute;z-index:3;right:18px;bottom:14px;font-size:10px;font-weight:950;letter-spacing:.13em;color:var(--premium-2)}
.list{display:grid;gap:8px}.list-item{display:flex;gap:11px;align-items:center;padding:12px}.list-item .grow{flex:1;min-width:0}.list-item .title{font-weight:820}.list-item .sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification.unread{border-color:rgba(139,92,246,.5);background:rgba(139,92,246,.08)}.chat-window{display:grid;grid-template-rows:auto 1fr auto;height:calc(100vh - 95px);min-height:520px}.chat-messages{overflow:auto;padding:14px;display:flex;flex-direction:column;gap:7px}.bubble{max-width:76%;padding:9px 12px;border-radius:16px;background:var(--panel2);align-self:flex-start;line-height:1.4}.bubble.me{align-self:flex-end;background:linear-gradient(135deg,#7c3aed,#a32883)}.bubble small{display:block;opacity:.68;margin-top:4px;font-size:9px}.chat-compose{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.chat-compose input{flex:1}
.market-grid,.connect-grid,.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.market-card,.connect-card,.game-card{padding:13px}.market-card img{width:100%;height:180px;object-fit:cover;border-radius:12px;background:#0b0a10}.price{font-weight:950;font-size:18px;color:#d7c6ff}.schedule-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px}.schedule-actions{display:flex;gap:6px;align-items:center}.reels-feed{height:calc(100vh - 82px);overflow:auto;scroll-snap-type:y mandatory}.reel-card{height:calc(100vh - 105px);min-height:540px;scroll-snap-align:start;position:relative;background:#030204;border-radius:18px;overflow:hidden;margin-bottom:8px}.reel-card video,.reel-card img{width:100%;height:100%;object-fit:contain}.reel-overlay{position:absolute;inset:auto 0 0 0;padding:70px 16px 16px;background:linear-gradient(transparent,rgba(0,0,0,.8))}.reel-actions{position:absolute;right:12px;bottom:90px;display:grid;gap:8px}.reel-actions button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.5);color:#fff}
.modal-backdrop{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:16px}.modal-card{width:min(100%,620px);max-height:90vh;overflow:auto;border:1px solid var(--line);background:#12101a;border-radius:22px;padding:18px;box-shadow:0 25px 90px rgba(0,0,0,.5)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.modal-head h2{font-size:18px;margin:0}.icon-btn{width:38px;height:38px;border:0;border-radius:50%;background:var(--panel2);color:#fff}.comment-list{display:grid;gap:8px}.comment{padding:10px;background:var(--panel2);border-radius:12px}.comment .meta{font-size:11px;color:var(--muted);margin-bottom:3px}.toast{position:fixed;z-index:120;left:50%;bottom:25px;transform:translate(-50%,120px);opacity:0;background:#fff;color:#111;border-radius:12px;padding:10px 14px;font-weight:800;transition:.2s;max-width:90vw;text-align:center}.toast.show{transform:translate(-50%,0);opacity:1}.error{padding:10px 12px;border:1px solid rgba(255,92,117,.35);background:rgba(255,92,117,.08);color:#ffd6dc;border-radius:12px;font-size:13px}.success{padding:10px 12px;border:1px solid rgba(53,208,127,.3);background:rgba(53,208,127,.08);color:#c8ffdf;border-radius:12px;font-size:13px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(100%,440px);padding:22px}.auth-card h1{margin:0 0 5px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:16px 0}.auth-note{font-size:11px;color:var(--muted);line-height:1.5}.settings-section{padding:15px;margin-bottom:10px}.settings-section h3{margin:0 0 12px}.checkbox{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.checkbox input{accent-color:var(--purple)}
.premium-comment-surface{position:relative;overflow:hidden;padding:13px 13px 13px 17px!important;border:1.5px solid transparent!important;border-radius:18px 18px 18px 6px!important;background:linear-gradient(var(--panel2),var(--panel2)) padding-box,linear-gradient(135deg,var(--premium-1),var(--premium-2),var(--premium-3)) border-box!important;box-shadow:0 12px 34px color-mix(in srgb,var(--premium-1) 17%,transparent);animation:premium-surface-reveal .42s cubic-bezier(.2,.8,.2,1) both}.premium-comment-surface::before{content:"";position:absolute;left:0;top:17px;width:4px;height:48px;border-radius:0 8px 8px 0;background:linear-gradient(var(--premium-1),var(--premium-2),var(--premium-3))}.premium-comment-surface::after{content:"";position:absolute;width:120px;height:120px;right:-42px;top:-56px;border-radius:50%;background:radial-gradient(circle,var(--premium-1),transparent 70%);opacity:.2;pointer-events:none}.comment-premium-label{margin-left:8px;color:var(--premium-2);font-weight:950;letter-spacing:.09em;font-size:9px}@keyframes premium-surface-reveal{from{opacity:.2;transform:scale(.97) translateY(4px)}to{opacity:1;transform:none}}@keyframes premium-surface-sweep{0%,58%{transform:translateX(-120%)}88%,100%{transform:translateX(120%)}}@media(prefers-reduced-motion:reduce){.premium-profile-surface,.premium-comment-surface{animation:none}.premium-profile-surface::after{animation:none;display:none}}
@media(max-width:1100px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.rightbar{display:none}:root{--sidebar:210px}}
@media(max-width:760px){.app-shell{display:block;padding:0}.sidebar{display:none}.main{border:0;padding-bottom:72px}.topbar{padding:11px 12px}.content-wrap{padding:10px}.mobile-nav{display:grid}.feature-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.market-grid,.connect-grid,.game-grid{grid-template-columns:1fr}.post-actions{grid-template-columns:repeat(5,1fr)}.post-actions button{font-size:10px}.profile-cover{height:165px}.profile-grid{grid-template-columns:repeat(3,1fr)}.reels-feed{height:calc(100vh - 125px)}.reel-card{height:calc(100vh - 145px)}}
@media(max-width:420px){.post-stats{gap:9px}.profile-content{padding-inline:12px}.landing-search{display:grid}.hero{padding-inline:12px}.profile-avatar{width:84px;height:84px}.stats-grid{gap:5px}.stat{padding:8px 4px;font-size:12px}}


/* Official BLINK brand mark */
.boot-logo{width:72px;height:72px;border-radius:18px;display:block;margin:0 auto 6px}
.mark{font-size:0!important;background:#000 url('blink-icon.svg') center/100% 100% no-repeat!important;box-shadow:none!important}
.brand .mark{flex:0 0 auto}


/* Stable Android APK download CTA */
.btn.download-app{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;color:#08070d;border-color:#fff}
.btn.download-app:hover{background:#ececf2;border-color:#ececf2}
.side-card .download-app{width:100%;margin-bottom:8px}
@media(max-width:760px){.top-actions .download-app{padding-inline:9px}.top-actions .download-app{font-size:0}.top-actions .download-app::after{content:"↓";font-size:14px}}


/* Reliability, accessibility and responsive hardening */
.profile-cover{overflow:hidden}
.profile-cover-image{display:block;width:100%;height:100%;object-fit:cover}
.post-text,.profile-bio,.bubble,.comment,.connect-card,.market-card,.game-card{overflow-wrap:anywhere;word-break:break-word}
.top-actions{min-width:0;flex-wrap:wrap;justify-content:flex-end}
.list-item .badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:var(--pink);color:#fff;font-size:11px;font-weight:800}
.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-left:5px;vertical-align:middle}
button:disabled,.btn[disabled]{cursor:not-allowed;opacity:.55;pointer-events:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #fff;outline-offset:2px}
.modal-card{overscroll-behavior:contain}
.chat-messages{overscroll-behavior:contain}
@media(max-width:760px){
  .topbar{align-items:flex-start}
  .topbar h1{padding-top:6px}
  .top-actions{gap:5px}
  .top-actions .small-btn{padding:7px 8px}
  .chat-window{height:calc(100dvh - 150px);min-height:420px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}