*{box-sizing:border-box} :root{--bg:#111318;--card:#1b1e26;--line:#ffffff15;--muted:#969cac;--purple:#b59aff;--pink:#ff709f;--lime:#d6fb7d;--grad:linear-gradient(115deg,#a38bff,#ff6b9f 60%,#ffc16b);font-family:'DM Sans',sans-serif;color:#f6f6fa;color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 0,#7654cb30,transparent 35%),#090b0f}.app{width:min(100%,510px);height:100dvh;min-height:620px;margin:auto;background:var(--bg);display:flex;flex-direction:column;overflow:hidden;border-inline:1px solid #ffffff12;box-shadow:0 0 80px #0009}.top{height:64px;flex:none;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#111318ed}.brand{text-decoration:none;color:#fff;font:700 16px 'Space Grotesk';letter-spacing:.05em;display:flex;gap:9px;align-items:center}.brand span{color:var(--purple)}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--grad);color:#14131a;font-size:20px}.top div{display:flex;align-items:center;gap:12px}.top i{font-style:normal;font-size:10px;font-weight:800;color:#15161a;background:var(--lime);padding:5px 8px;border-radius:7px}.top button{width:37px;height:37px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:white;font-size:20px}main{flex:1;overflow:auto;scrollbar-width:none;padding-bottom:12px}main::-webkit-scrollbar{display:none}.bottom{height:72px;flex:none;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 8px max(7px,env(safe-area-inset-bottom));background:#111318f5;border-top:1px solid var(--line)}.bottom button{border:0;background:none;color:#8990a0;font:25px 'DM Sans';display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.bottom button.active{color:#d6c7ff}.bottom small{font:500 9px 'DM Sans'}.bottom .create{color:#17131b;font-size:26px}.bottom .create:first-line{background:var(--grad)}.heading{padding:20px 18px 14px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--purple);margin:0 0 5px}.heading h1{font:700 24px 'Space Grotesk';margin:0}.heading p{font-size:12px;color:var(--muted);margin:5px 0 0}.tabs{height:40px;padding:0 18px;display:flex;gap:22px;border-bottom:1px solid var(--line)}.tabs button{position:relative;background:none;border:0;color:var(--muted);font:600 13px 'DM Sans'}.tabs button.active{color:white}.tabs button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--grad)}.feed{padding:13px 12px}.post{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--card);margin-bottom:15px}.author{padding:11px;display:flex;align-items:center;gap:9px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#16131b;background:linear-gradient(130deg,#ffd277,#ff749a);flex:none}.avatar.violet{background:linear-gradient(130deg,#d0beff,#7059d7)}.avatar.cyan{background:linear-gradient(130deg,#a3efdb,#36b5b8)}.author div{flex:1}.author strong{display:block;font-size:12px}.author small{color:var(--muted);font-size:10px}.follow{border:1px solid #a98bff70;border-radius:9px;background:#a38bff16;color:#d4c5ff;padding:6px 9px;font-weight:700;font-size:10px}.media{height:min(62vh,510px);min-height:300px;position:relative;background:#252630}.media img,.media video{position:absolute;width:100%;height:100%;object-fit:cover}.media:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#08090bd9)}.badge{position:absolute;top:12px;left:12px;z-index:1;background:#1113189c;border:1px solid #ffffff33;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:700}.play{position:absolute;z-index:2;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid #ffffff85;background:#16151a88;color:white;width:52px;height:52px;border-radius:50%;font-size:20px}.copy{position:absolute;z-index:2;left:13px;right:63px;bottom:13px}.copy h2{font:700 18px 'Space Grotesk';margin:0 0 5px}.copy p{font-size:11px;line-height:1.45;margin:0}.copy .tags{color:#d0bcff;margin-top:6px;font-weight:600}.actions{position:absolute;right:10px;bottom:12px;z-index:2;display:grid;gap:14px}.actions button{border:0;background:none;color:white;text-shadow:0 1px 6px #000;display:grid;justify-items:center;font-size:10px}.actions b{font-size:25px}.actions .liked{color:#ff709f}.post-footer{padding:10px 12px;display:flex;gap:16px;color:var(--muted)}.post-footer button{padding:0;border:0;background:none;color:inherit;font:600 10px 'DM Sans'}.chips{display:flex;gap:7px;overflow:auto;padding:5px 16px 15px}.chips button{white-space:nowrap;border:1px solid var(--line);border-radius:20px;background:var(--card);color:#c4c7d1;padding:8px 11px;font-size:10px}.chips button.active{background:#cbbaff;color:#17131a}.search{margin:5px 16px 15px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:white;width:calc(100% - 32px)}.tiles{padding:0 12px 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tile{height:185px;border-radius:13px;position:relative;overflow:hidden;background:#282832}.tile img{width:100%;height:100%;object-fit:cover}.tile:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#08090bdd)}.tile strong{position:absolute;z-index:1;bottom:12px;left:10px;font:700 13px 'Space Grotesk'}.profile{text-align:center;padding:26px 15px 15px}.profile-pic{width:78px;height:78px;margin:auto;border-radius:26px;background:var(--grad);display:grid;place-items:center;color:#17131a;font:700 30px 'Space Grotesk'}.profile h1{font:700 20px 'Space Grotesk';margin:11px 0 2px}.profile p{color:#c5c8d0;font-size:11px;line-height:1.5}.stats{display:flex;justify-content:center;gap:30px;margin:16px}.stats b{display:block;font:700 15px 'Space Grotesk'}.stats small{color:var(--muted);font-size:9px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:10px}.profile-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px}.notice{margin:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--card);font-size:11px;color:#c9cbd2}.notice strong{display:block;color:white;margin-bottom:4px}.empty{text-align:center;margin:20px;padding:20px;color:var(--muted);font-size:12px}.modal{width:min(440px,calc(100% - 24px));border:1px solid var(--line);border-radius:18px;background:#1b1e26;color:white;padding:21px}.modal::backdrop{background:#08090dcc;backdrop-filter:blur(4px)}.modal h2{font:700 21px 'Space Grotesk';margin:5px 0 14px}.close{float:right;border:0;background:#ffffff12;color:white;border-radius:9px;font-size:20px}.modal-list{max-height:40vh;overflow:auto}.comment{padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.comment small{display:block;color:var(--muted);margin-top:3px}.modal form:not(.close){display:flex;gap:8px;margin-top:12px}.modal input,.modal textarea{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;background:#111318;color:white;padding:10px}.modal form button:not(.close),.publish{border:0;border-radius:10px;background:var(--grad);color:#17131a;font-weight:800;padding:10px}.upload{min-height:145px;border:1px dashed #bca8ff70;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#d2c5ff;font-size:24px}.upload strong{font-size:12px;color:white}.upload small{font-size:10px;color:var(--muted)}#preview img,#preview video{max-width:100%;max-height:220px;margin:10px auto}#create-form{display:flex;flex-direction:column;gap:10px}.toast{position:fixed;z-index:5;bottom:85px;left:50%;transform:translate(-50%,10px);opacity:0;background:#f2effa;color:#15151a;border-radius:10px;padding:9px 13px;font-size:11px;font-weight:700;transition:.2s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){body{padding:18px 0}.app{height:calc(100dvh - 36px);min-height:620px;border:1px solid #ffffff20;border-radius:27px}.top{border-radius:27px 27px 0 0}.bottom{border-radius:0 0 27px 27px}}