:root{--bg:#090b0d;--panel:#0c0f12eb;--text:#f7f8f9;--muted:#aeb7bf;--accent:#ffca3a;--line:#ffffff1f}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit}body{overflow:hidden}.appShell{background:#050607;width:100%;height:100dvh;position:relative}.topbar{z-index:30;background:linear-gradient(#000000e0,#0003,#0000);justify-content:space-between;align-items:center;height:68px;padding:0 22px;display:flex;position:fixed;top:0;left:0;right:0}.brandWrap{align-items:center;gap:10px;display:flex}.brandMark{background:var(--accent);color:#111;border-radius:10px;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.brand{letter-spacing:1.6px;font-size:18px;font-weight:900}.tagline{color:#d7dde1;margin-top:1px;font-size:10px}.uploadButton{border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:999px;padding:9px 14px}.feedHeader{z-index:30;gap:20px;display:flex;position:fixed;top:68px;left:50%;transform:translate(-50%)}.feedTab{color:#ffffff94;cursor:pointer;background:0 0;border:0;padding:7px 2px;font-weight:700}.feedTab.selected{color:#fff;border-bottom:2px solid var(--accent)}.feed{scroll-snap-type:y mandatory;scrollbar-width:none;height:100dvh;overflow-y:auto}.feed::-webkit-scrollbar{display:none}.videoCard{scroll-snap-align:start;justify-content:center;align-items:center;height:100dvh;min-height:620px;display:flex;position:relative;overflow:hidden}.animalStage{flex-direction:column;align-items:center;gap:16px;display:flex;transform:translateY(-2vh)}.animalEmoji{filter:drop-shadow(0 18px 25px #00000047);font-size:clamp(100px,26vw,220px)}.demoLabel{letter-spacing:2px;background:#00000040;border:1px solid #ffffff2e;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.videoShade{background:linear-gradient(#00000014 35%,#0000000d 50%,#000000db 100%);position:absolute;inset:0}.safetyBadge{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;border:1px solid #ffffff2e;border-radius:999px;padding:7px 10px;font-size:11px;position:absolute;top:112px;left:18px}.videoMeta{z-index:5;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;display:grid;position:absolute;bottom:135px;left:18px;right:82px}.petAvatar{background:#ffffff29;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:42px;height:42px;font-size:24px;display:grid}.petName{font-size:16px;font-weight:850}.handle{color:#d5dade;margin-top:3px;font-size:12px}.speciesPill{color:#111;background:var(--accent);vertical-align:middle;border-radius:999px;margin-left:4px;padding:3px 6px;font-size:10px;font-weight:700}.followButton{cursor:pointer;background:#0003;border:1px solid #fff6;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:800}.caption{z-index:5;margin:0;font-size:14px;line-height:1.35;position:absolute;bottom:88px;left:18px;right:88px}.actions{z-index:6;flex-direction:column;gap:17px;display:flex;position:absolute;bottom:112px;right:14px}.actions button{cursor:pointer;text-shadow:0 2px 7px #00000073;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;width:54px;display:flex}.actions button span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000052;border-radius:50%;place-items:center;width:43px;height:43px;font-size:22px;display:grid}.actions small{font-size:10px;font-weight:700}.bottomNav{z-index:40;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07090bed;justify-content:center;align-items:stretch;height:66px;display:flex;position:fixed;bottom:0;left:0;right:0}.navItem{color:#8f999f;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;max-width:130px;font-size:10px;display:flex}.navIcon{font-size:20px;line-height:1}.navItem.active{color:#fff}.navItem:nth-child(3) .navIcon{background:var(--accent);color:#111;border-radius:9px;place-items:center;width:38px;height:28px;font-weight:900;display:grid}@media (min-width:780px){.appShell{max-width:520px;margin:0 auto;box-shadow:0 0 80px #000000b3}.topbar,.bottomNav{width:520px;left:50%;right:auto;transform:translate(-50%)}.feedHeader{top:68px}}