*{box-sizing:border-box}html,body{margin:0;background:#070708;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input{font:inherit}.login-body{min-height:100svh;background:radial-gradient(circle at 75% 12%,#321624,#09090b 38%,#050505 70%)}.login{min-height:100svh;max-width:480px;margin:auto;padding:44px 25px 30px;display:flex;flex-direction:column}.brand{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#25f4ee,#fe2c55 72%);font:800 28px Georgia;box-shadow:0 14px 38px #fe2c5540}.login section{margin:auto 0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#999;font-size:12px}.login h1{font-size:42px;line-height:.98;letter-spacing:-.055em;margin:13px 0}.muted{color:#aaa;line-height:1.5;max-width:340px}.login form{display:grid;gap:10px}.login input,.login form button{height:54px;border-radius:15px}.login input{border:1px solid #ffffff24;background:#ffffff0c;color:#fff;padding:0 16px;outline:none}.login input:focus{border-color:#25f4ee}.login form button{border:0;background:#fe2c55;color:#fff;font-weight:750}.login small{text-align:center;color:#666;font-size:10px}.error{color:#ff6f89;font-size:12px;margin:0}.app-body{height:100svh;overflow:hidden}header{position:fixed;z-index:10;top:env(safe-area-inset-top);left:0;right:0;height:60px;display:flex;justify-content:center;gap:25px;background:linear-gradient(#000a,transparent)}header button{border:0;background:none;color:#999;font-weight:700;padding:0;position:relative}header button.active{color:#fff}header button.active:after{content:"";position:absolute;height:2px;left:25%;right:25%;bottom:10px;background:#fff}.pane{display:none;height:100svh}.pane.active{display:block}#feed{overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.video-slide{height:100svh;position:relative;scroll-snap-align:start;background:#111}.video-slide video{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(transparent 55%,#000b)}.caption{position:absolute;left:16px;right:80px;bottom:88px;display:grid;gap:6px;text-shadow:0 1px 8px #000}.caption b{font-size:15px}.caption span{font-size:13px}.caption small{color:#ddd}.rail{position:absolute;right:10px;bottom:90px;display:grid;gap:17px}.rail button{border:0;background:#1119;color:#fff;width:48px;min-height:48px;border-radius:24px;display:grid;place-items:center;font-size:23px;backdrop-filter:blur(7px)}.rail small{font-size:9px}.photos{padding:73px 8px 76px;overflow:auto}.photos-title{display:flex;justify-content:space-between;align-items:end;padding:8px}.photos-title h1{font-size:24px;letter-spacing:-.04em;margin:0}.photos-title span{font-size:11px;color:#777}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:12px}.photo{border:0;padding:0;background:#151515;aspect-ratio:.78;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.photo span{position:absolute;left:6px;bottom:5px;color:#fff;font-size:9px;text-shadow:0 1px 6px #000}.empty{height:100%;display:grid;place-content:center;text-align:center;gap:6px;color:#777}.empty b{color:#ddd}nav{position:fixed;z-index:12;left:0;right:0;bottom:0;height:72px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;background:linear-gradient(transparent,#050505 25%)}nav button{border:0;color:#777;background:none;font-size:10px;font-weight:650;display:grid;justify-items:center;gap:5px}nav .active{color:#fff}nav i{font-style:normal;font-size:18px}.add{width:48px;height:32px;border-radius:9px;background:linear-gradient(90deg,#25f4ee 0 16%,#fff 17% 82%,#fe2c55 83%);color:#070707;font-size:22px;display:block;margin:auto}dialog{border:0;color:#fff;background:#19191d;box-shadow:0 -20px 70px #000b}#upload{width:min(100%,520px);margin:auto auto 0;padding:28px 18px 32px;border-radius:25px 25px 0 0}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}dialog h2{letter-spacing:-.035em;margin:0 0 7px}dialog p{color:#999;font-size:13px}.close{position:absolute;right:13px;top:10px;border:0;background:none;color:#aaa;font-size:28px}.picker{margin-top:18px;border:1px dashed #ffffff2b;border-radius:17px;min-height:145px;display:grid;place-content:center;text-align:center;gap:7px;background:#ffffff08}.picker span{font-size:27px}.picker small{color:#777}.picker input{display:none}#progress{min-height:20px;color:#25f4ee;text-align:center;margin-top:15px;font-size:12px}#lightbox{inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;background:#050505}#lightbox img{width:100%;height:100%;object-fit:contain}@media(min-width:700px){.app-body{max-width:470px;margin:auto;border-left:1px solid #222;border-right:1px solid #222}header,nav{max-width:470px;margin:auto}.login h1{font-size:50px}}