*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#000;color:#e7e9ea;font:16px Arial,Helvetica,sans-serif}a{color:inherit}h1,h2,p{margin-top:0}main{min-height:100svh;margin:auto}
.landing{max-width:1600px;padding:64px 48px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:64px}.brand{display:flex;justify-content:center;align-items:center}.brand .logo{width:min(100%,512px);height:auto}.landing h1{font-size:clamp(5rem,8.6vw,8.5rem);font-weight:800;letter-spacing:-.065em;line-height:.98;margin-bottom:52px}.landing h2{font-size:1.75rem;letter-spacing:-.03em;margin-bottom:28px}
form{width:100%;max-width:340px}label{display:block;font-size:.875rem;color:#8b98a5;margin-bottom:10px}input{width:100%;border:1px solid #536471;border-radius:6px;padding:18px 16px;background:#000;color:#e7e9ea;font:inherit}input:focus{outline:2px solid #d9dde1;outline-offset:2px}input[aria-invalid=true]{border-color:#f4212e}input[aria-invalid=true]:focus{outline-color:#f4212e}.error{min-height:18px;font-size:.875rem;line-height:1.35;color:#f4212e;margin:8px 2px 0}
button,.continue{min-height:54px;padding:14px 28px;border:1px solid #eff3f4;border-radius:999px;font:700 1rem Arial,Helvetica,sans-serif;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer}button{width:100%;margin-top:16px;color:#0f1419;background:#eff3f4}button:hover{background:#d7dbdc}button:disabled{cursor:wait;opacity:.7}.continue{background:transparent;color:#eff3f4}.continue:hover{background:#16181c}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:5px}.spinner{width:18px;height:18px;border:2px solid #aab0b4;border-top-color:#0f1419;border-radius:50%;animation:spin .7s linear infinite;margin-right:10px}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}
.post-page{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}.login-side{border-right:1px solid #2f3336;padding:48px clamp(32px,6vw,112px);display:flex;flex-direction:column;justify-content:center;align-items:center}.login-content{width:100%;max-width:420px}.top{display:block;width:240px;max-width:100%;margin:0 0 28px}.top .logo{width:100%;height:auto}.login-side h1{font-size:clamp(2.5rem,4vw,4rem);line-height:1.04;letter-spacing:-.05em;margin-bottom:18px}.login-side h2{font-size:1.25rem;margin:32px 0 24px}.muted{color:#71767b;line-height:1.5}.reading-side{display:flex;flex-direction:column;justify-content:center;padding:64px clamp(28px,5vw,88px);min-width:0}.reading-content{width:100%;max-width:600px;margin:auto}.post{padding:0;margin:0 0 32px;overflow-wrap:anywhere}.author{display:flex;gap:12px;align-items:center;margin-bottom:20px}.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#16181c;display:grid;place-items:center;font-weight:700;flex-shrink:0}.author h2{font-size:1rem;line-height:1.35;margin:0;font-weight:700}.handle{font-size:.9375rem;color:#71767b;margin:2px 0 0}.replying{color:#71767b;font-size:.9375rem;line-height:1.5;margin-bottom:16px}.replying span{color:#d5d9dd}.post-text{font-size:1.375rem;line-height:1.5;white-space:pre-wrap;max-height:16.5em;overflow:hidden;margin-bottom:20px}.post-image{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:12px;margin:20px 0}.post-meta{font-size:.9375rem;color:#71767b;line-height:1.6;margin:20px 0 16px}.post-meta strong{color:#e7e9ea;font-weight:600}.engagement{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #2f3336;border-bottom:1px solid #2f3336;padding:16px 0;color:#71767b;font-size:.875rem}.engagement strong{color:#e7e9ea;font-weight:600}.reading-side .continue{width:100%}
.continue{text-align:center;line-height:1.4}
.error:empty{display:none}
.login-panel{min-width:0}
.mobile-post-heading{display:none}
.login-content .continue{width:100%;max-width:340px;margin-top:20px}
.post-page{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.post-page button,.post-page .continue{font-family:inherit;font-size:.9375rem;min-height:50px}
.post-page .continue{margin-top:14px}
.post-page .continue{border-color:#536471}
.post-page input{padding:16px;font-size:1rem}
.post-page .top{margin-bottom:24px}
.post-page .login-side h1{font-size:clamp(2.5rem,3.7vw,3.5rem);line-height:1.1;letter-spacing:-.035em;font-weight:750}
.post-page .login-side h2{margin:28px 0 20px;font-weight:700;letter-spacing:-.02em}
.post-page .post{position:relative;margin-bottom:0;border:1px solid #2f3336;border-radius:8px;padding:20px}
.post-brand{position:absolute;top:50%;right:0;transform:translateY(-50%);width:28px;height:28px;object-fit:contain}
.post-page .post .engagement{position:relative;padding-right:40px;min-height:36px}
.post-page .author{gap:12px;margin-bottom:16px}
.post-page .avatar{width:40px;height:40px}
.post-page .post-text{font-size:1.25rem;line-height:1.45;letter-spacing:-.01em;margin-bottom:16px}
.post-page .post-meta{margin:10px 0 8px;line-height:1.35}
.post-page .engagement{padding:9px 0;gap:8px 20px;font-size:.875rem;line-height:1.35}
.verified-badge{display:inline-block;width:18px;height:18px;color:#1d9bf0;vertical-align:-3px;flex-shrink:0}
@media(min-width:801px){.post-page .login-side h1{font-size:clamp(3rem,4.44vw,4.2rem)}.post-page .login-side h2{font-size:1.5rem}.post-page form{max-width:408px}.post-page input{font-size:1.2rem;padding:19.2px}.post-page form button,.post-page .login-content .continue{width:100%;max-width:408px;min-height:60px;font-size:1.125rem;padding:16.8px 33.6px}}
@media(max-width:800px){.landing{padding:40px 28px;grid-template-columns:1fr;gap:36px;max-width:540px;align-content:center}.brand{justify-content:flex-start}.brand .logo{width:160px}.landing h1{font-size:clamp(4.5rem,14vw,6.5rem);margin-bottom:36px}.post-page{display:flex;flex-direction:column;justify-content:center;padding:40px 24px}.login-side{order:0;border:0;padding:0;align-items:stretch}.login-content,.reading-content{max-width:340px;margin:auto}.login-side .top,.login-side h1,.reading-side .post{display:none}.login-side h2{font-size:1.75rem;margin:0 0 28px}.reading-side{order:1;padding:20px 0 0}.reading-side .continue{padding:14px 20px}}
@media(max-width:800px){.landing{width:100%;max-width:396px;grid-template-columns:minmax(0,1fr)}.landing h1{font-size:clamp(3rem,15vw,4.5rem);overflow-wrap:anywhere}.landing form,.landing .continue{width:100%}.landing input{min-width:0}}
@media(max-width:800px){.login-side .top{display:block;width:160px;margin-bottom:24px}.mobile-post-heading{display:block;color:#8b98a5;font-size:1rem;line-height:1.5;margin:0 0 16px;overflow-wrap:anywhere}.reading-side{display:none}}
@media(max-width:800px){.post-page .login-side h2{margin:0 0 24px}.post-page .mobile-post-heading{font-size:.9375rem;margin-bottom:12px}.post-page .top{margin-bottom:20px}}