*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:#000;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;display:flex;align-items:center;justify-content:center}.page{width:100%;max-width:420px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:32px}.header{display:flex;justify-content:center}.threads-logo{width:48px;height:48px;color:#fff}.post-card{width:100%;background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:16px;text-decoration:none;color:inherit;transition:background .2s,border-color .2s;display:block}.post-card:hover{background:#222;border-color:#555}.post-author{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#333;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.avatar img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.avatar-fallback{position:absolute;font-size:18px;font-weight:700;color:#888}.author-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.display-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.handle{font-size:13px;color:#777}.external-icon{width:16px;height:16px;color:#555;flex-shrink:0}.reply-context{margin-top:12px;font-size:13px;color:#555}.post-text-static{margin-top:6px;font-size:15px;line-height:1.5;color:#eee}.post-text{margin-top:12px;font-size:14px;line-height:1.5;color:#ccc;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.like-section{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0}.heart-row{display:flex;align-items:center;justify-content:center}.heart-icon{width:40px;height:40px;color:#ff3040;filter:drop-shadow(0 0 12px rgba(255,48,64,.4))}.count{font-size:72px;font-weight:800;line-height:1;letter-spacing:-2px;background:linear-gradient(180deg,#fff,#bbb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.label{font-size:18px;font-weight:600;color:#777;text-transform:uppercase;letter-spacing:4px}.loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#777;font-size:14px}.pulse-ring{width:48px;height:48px;border:3px solid #333;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.error-icon{width:32px;height:32px;color:#ff3040}.error-text{font-size:14px;color:#ff3040}.error-hint{font-size:12px;color:#555}.footer{display:flex;flex-direction:column;align-items:center;gap:4px}.updated{font-size:13px;color:#555}.refresh-note{font-size:11px;color:#333}@media(max-width:480px){.page{padding:32px 16px}.count{font-size:56px}}