*{box-sizing:border-box} :root{--bg:#01181c;--cyan:#25f4ee;--pink:#fe2c55;--orange:#ff852d}body{margin:0;background:var(--bg);color:#fff;font-family:Gilroy,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;background:transparent}svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}.mobile-feed-topbar{height:82px;position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr minmax(180px,330px) 44px;gap:20px;align-items:center;padding:10px max(18px,calc((100vw - 1050px)/2));background:var(--bg);border-bottom:1px solid #ffffff13}.mobile-feed-logo{display:flex;align-items:center;justify-content:center;height:60px}.mobile-feed-logo img{height:58px;width:240px;object-fit:contain}.search{display:flex;align-items:center;border:1px solid #ffffff22;border-radius:30px;background:#ffffff08}.search input{min-width:0;width:100%;padding:12px;background:transparent;border:0;color:#fff;outline:0}.search button{padding:8px}.mobile-menu-trigger{font-size:27px}.mobile-actions-menu{position:absolute;top:80px;right:18px;max-height:80vh;overflow:auto;width:265px;background:#002429ed;backdrop-filter:blur(24px);border:1px solid #25f4ee33;padding:10px;border-radius:20px;box-shadow:0 20px 60px #0009}.mobile-actions-menu a,.mobile-actions-menu button{display:block;padding:12px;width:100%;text-align:left;border-radius:10px}.mobile-actions-menu a:hover{background:#ffffff12}.feed-scope-tabs{height:48px;display:flex;justify-content:center;gap:32px;align-items:center;background:var(--bg)}.feed-scope-tabs .active{border-bottom:3px solid var(--cyan);padding-bottom:8px}.video-feed{max-width:530px;margin:auto;padding-bottom:20px}.feed-card{height:calc(100dvh - 140px);min-height:530px;position:relative;background:#000;border-radius:20px;overflow:hidden;margin-bottom:20px;isolation:isolate}.feed-card video{height:100%;width:100%;object-fit:cover}.feed-card:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000b);z-index:-0;pointer-events:none}.side-actions{position:absolute;right:13px;bottom:160px;display:grid;gap:21px;z-index:2}.side-actions button{display:grid;place-items:center;gap:6px;padding:0;width:44px;text-shadow:0 2px 8px #000}.side-actions svg{width:36px;height:36px;filter:drop-shadow(0 2px 4px #0007)}.side-actions [aria-pressed=true]{color:var(--pink)}.side-actions span{font-size:12px;font-weight:800}.creator{width:44px;height:44px;border:2px solid white;border-radius:50%;display:grid;place-items:center;overflow:hidden}.creator img{width:100%;height:100%;object-fit:cover}.video-caption{position:absolute;bottom:15px;left:16px;right:70px;z-index:2}.video-caption p{font-size:14px;line-height:1.4;margin:8px 0;white-space:pre-line}.buy-button{display:flex;align-items:center;gap:9px;padding:10px;background:#ffffff20;border:1px solid #ffffff16;border-radius:8px;backdrop-filter:blur(14px);margin-bottom:14px}.buy-button strong{font-size:15px}.buy-button small{display:block;margin-top:4px;font-size:12px;color:#eee}.orange-bag{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;background:var(--orange);border-radius:4px}.orange-bag svg{width:29px;height:29px}.sound{position:absolute;top:15px;left:15px;background:#0006;padding:8px 12px;border-radius:30px;font-size:11px;z-index:2}.panel{max-width:1050px;margin:36px auto;padding:24px}.panel h1{font-size:30px}.panel p{color:#b8d3d4;line-height:1.6}.panel form{max-width:600px;display:grid;gap:16px}.panel label{display:grid;gap:8px}.panel input,.panel select,.panel textarea{width:100%;padding:14px;color:white;border:1px solid #ffffff22;border-radius:12px;background:#ffffff08}.panel select option{background:var(--bg)}textarea{min-height:100px}.primary{display:inline-block;background:linear-gradient(120deg,var(--cyan),var(--pink));color:white;border-radius:12px;padding:14px 22px;font-weight:bold;text-align:center}.notice{padding:16px;background:#ffffff06;border:1px solid #25f4ee33;border-radius:14px}.error{color:#ffa4b6!important}.metric-grid,.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:25px 0}.metric-grid article,.product{background:#ffffff06;border:1px solid #ffffff17;backdrop-filter:blur(16px);border-radius:18px;padding:22px}.metric-grid strong{display:block;font-size:34px;margin-top:10px;color:var(--cyan)}.product a{display:block;margin-top:14px;color:var(--cyan)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:15px;border-bottom:1px solid #ffffff16}.table-wrap{overflow:auto}.auth{text-align:center;max-width:540px}.auth>a{display:block;margin:18px}.auth-icon{width:95px;border-radius:24px}.empty{text-align:center;padding:100px 25px}.comments-sheet{position:fixed;top:auto;bottom:0;margin:0 auto;width:min(100%,550px);height:70dvh;max-height:80dvh;border:0;border-radius:18px 18px 0 0;background:#f8f8f8;color:#161616;padding:12px 16px;box-shadow:0 -10px 60px #0008}.comments-sheet::backdrop{background:#0005}.sheet-handle{height:4px;background:#ccc;width:42px;border-radius:5px;margin:0 auto 13px}.comments-sheet header{display:flex;align-items:center;justify-content:center;position:relative;padding:4px 0 14px;font-size:13px}.comments-sheet header button{position:absolute;right:0;font-size:26px}.comment-list{height:calc(100% - 110px);overflow:auto}.comment{display:grid;grid-template-columns:34px 1fr;gap:10px;margin:20px 0;font-size:13px}.comment.reply{margin-left:42px}.comment img,.comment .initial{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#ddd;display:grid;place-items:center}.comment strong{font-size:12px;color:#777}.comment p{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}.comment small,.comment button{font-size:11px;color:#888}.comment button{margin-left:12px}.comment-form{display:flex;gap:8px;border-top:1px solid #ddd;padding-top:12px}.comment-form input:not([type=hidden]){flex:1;min-width:0;padding:12px;border:0;border-radius:30px;background:#eee;outline:0}.comment-form button{color:var(--pink);font-size:25px}.reply-state{font-size:11px;margin:4px}.menu-open .side-actions{visibility:hidden}@media(max-width:600px){.mobile-feed-topbar{height:74px;padding:8px 13px;grid-template-columns:minmax(130px,1fr) minmax(80px,1fr) 32px;gap:8px}.mobile-feed-logo img{max-width:100%;height:48px}.search input{font-size:12px;padding:10px}.search svg{width:21px;height:21px}.mobile-actions-menu{top:72px}.feed-card{border-radius:0;margin-bottom:0;height:calc(100dvh - 122px);min-height:480px}.video-feed{max-width:100%;scroll-snap-type:y proximity}.feed-card{scroll-snap-align:start}.panel{margin:12px auto;padding:20px}.side-actions{bottom:170px}.feed-scope-tabs{font-size:14px}}.side-actions .follow-btn{position:absolute;top:32px;left:10px;width:24px;height:24px;min-height:24px;border-radius:50%;background:var(--pink);font-size:20px;line-height:1}.next-page{display:block;margin:25px}.feed-scope-tabs{gap:24px}
