:root{--leaf:#20c172;--moss:#163f2f;--ink:#07100b;--cream:#f4f7ed;--coral:#ff6b5f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#214b37 0,#07100b 42rem);color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.phone-shell{width:100%;max-width:430px;min-height:100dvh;margin:0 auto;background:#07100b;box-shadow:0 24px 80px rgba(0,0,0,.48);position:relative;overflow:hidden}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-panel{width:min(100%,390px);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);backdrop-filter:blur(24px);border-radius:28px;padding:28px}.logo{display:block;width:220px;max-width:76%;margin:0 auto 18px;filter:invert(1)}a{color:inherit}.field{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28);border-radius:16px;color:#fff;padding:14px 16px;font:inherit;outline:none}.field:focus{border-color:var(--leaf);box-shadow:0 0 0 4px rgba(32,193,114,.16)}.label{display:block;margin:14px 0 7px;color:rgba(244,247,237,.78);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--leaf);color:#04100a;font-weight:800;padding:13px 18px;text-decoration:none;cursor:pointer}.btn.secondary{background:rgba(255,255,255,.12);color:#fff}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 16px;background:rgba(7,16,11,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.topbar img{width:150px;filter:invert(1)}.feed{height:calc(100dvh - 64px);overflow-y:auto;scroll-snap-type:y mandatory;padding-bottom:76px}.post-screen{position:relative;min-height:calc(100dvh - 64px);scroll-snap-align:start;background:#000;display:flex;align-items:stretch}.media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.media-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;background:linear-gradient(160deg,#214b37,#07100b 58%,#201516)}.youtube{position:absolute;inset:12% 0 18%;width:100%;height:70%;border:0}.post-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 32%,rgba(0,0,0,.9))}.post-actions{position:absolute;right:14px;bottom:124px;display:grid;gap:14px}.icon-button{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.42);color:#fff;font-weight:800;text-decoration:none}.post-copy{position:absolute;left:16px;right:82px;bottom:104px}.post-copy h2{font-size:17px;margin:0 0 6px}.post-copy p{margin:0;color:rgba(255,255,255,.84);line-height:1.35}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:40;transform:translateX(-50%);width:100%;max-width:430px;height:70px;display:flex;background:rgba(7,16,11,.92);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.bottom-nav a{flex:1;text-decoration:none;color:rgba(255,255,255,.68);font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bottom-nav a.active{color:var(--leaf)}.page{padding:18px 16px 92px}.grid{display:grid;gap:12px}.card{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.075);border-radius:8px;padding:14px}.avatar{width:82px;height:82px;border-radius:999px;object-fit:cover;background:#1a2d24;border:2px solid rgba(255,255,255,.18)}.profile-cover{height:160px;background:linear-gradient(135deg,#20c172,#ff6b5f);border-radius:0 0 24px 24px}.media-tile{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#102219}.media-tile img,.media-tile video{width:100%;height:100%;object-fit:cover}.errors{color:#ffb4ad;font-size:13px}.status{margin:12px 0;color:#9ff0c6;font-size:13px}@media (min-width:760px){body{padding:18px 0}.phone-shell{border-radius:30px;min-height:calc(100dvh - 36px)}.bottom-nav{bottom:18px;border-radius:0 0 30px 30px}}
.auth-shell{display:flex;align-items:flex-start;justify-content:center;overflow-y:auto}.stories-rail{position:sticky;top:0;z-index:24;display:flex;gap:13px;overflow-x:auto;padding:12px 14px 10px;background:rgba(7,16,11,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);scroll-snap-align:start}.stories-rail::-webkit-scrollbar{display:none}.story-bubble{width:72px;flex:0 0 72px;text-align:center;text-decoration:none;color:#f4f7ed}.story-ring{width:64px;height:64px;margin:0 auto 6px;padding:3px;border-radius:999px;background:linear-gradient(135deg,#20c172,#d8ff55 48%,#ff6b5f);display:grid;place-items:center}.story-ring img,.story-ring strong{width:100%;height:100%;border:3px solid #07100b;border-radius:999px;display:grid;place-items:center;background:#13261c;object-fit:cover}.story-bubble small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:rgba(255,255,255,.78)}.story-create span{width:64px;height:64px;margin:0 auto 6px;border:1px dashed rgba(32,193,114,.7);border-radius:999px;display:grid;place-items:center;background:rgba(32,193,114,.12);color:#20c172;font-size:30px;font-weight:800}.post-screen{min-height:calc(100dvh - 64px);border-bottom:1px solid rgba(255,255,255,.1)}.post-actions{z-index:5}.icon-button{position:relative;grid-template-rows:1fr auto;font-size:20px}.icon-button small{font-size:12px;line-height:1;color:rgba(255,255,255,.9)}.like-action{width:62px;height:62px;color:#20c172;border-color:rgba(32,193,114,.55);background:rgba(4,16,10,.72);box-shadow:0 10px 28px rgba(32,193,114,.18)}.like-action span{font-size:34px;line-height:1;text-shadow:0 0 18px rgba(32,193,114,.55)}.post-copy h2 a{text-decoration:none;text-shadow:0 1px 14px rgba(0,0,0,.8)}.publish-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.publish-switch label{border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.06);cursor:pointer}.publish-switch input{accent-color:#20c172}.publish-switch span{font-weight:800}