:root{--color-bg: #050505;--color-surface: #0a0a0a;--color-surface-hover: #111111;--color-border: #1a1a1a;--color-border-hover: #2a2a2a;--color-text: #f5f5f7;--color-text-secondary: #86868b;--color-accent: #3b82f6;--color-like: #ff3b30;--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 4rem;--page-max: 640px;--page-padding: 1.5rem;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden;line-height:1.5}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% -20%,rgba(59,130,246,.15),transparent 70%),radial-gradient(circle at 0% 100%,rgba(99,102,241,.05),transparent 50%);pointer-events:none;z-index:0}.page{max-width:var(--page-max);margin:0 auto;padding:var(--space-xl) var(--page-padding);position:relative;z-index:1}.profile{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-xl)}.profile-image-wrapper{width:100px;height:100px;border-radius:50%;overflow:hidden;margin-bottom:var(--space-md);border:1px solid var(--color-border);background:var(--color-surface);transition:transform var(--transition-smooth),border-color var(--transition-smooth)}.profile-image-wrapper:hover{transform:scale(1.02);border-color:var(--color-accent)}.profile-image{width:100%;height:100%;object-fit:cover;display:block}.profile-name{font-family:var(--font-display);font-size:2.5rem;font-weight:800;letter-spacing:-.04em;color:var(--color-text);margin-bottom:.5rem}.profile-tagline{font-size:1rem;color:var(--color-text-secondary);font-weight:500}.threads{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.thread-post{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:var(--space-md);transition:transform var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth);position:relative;overflow:hidden}.thread-post:hover{border-color:var(--color-border-hover);box-shadow:0 8px 32px #0006}.thread-post:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at var(--mouse-x, -200px) var(--mouse-y, -200px),rgba(255,255,255,.04),transparent 40%);pointer-events:none}.thread-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.thread-avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border)}.thread-profile-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;cursor:pointer}.thread-profile-link:hover .thread-username{text-decoration:underline}.thread-username{font-size:.95rem;font-weight:700;color:var(--color-text)}.thread-date{font-size:.85rem;color:var(--color-text-secondary);margin-left:auto}.thread-body{font-size:1.05rem;line-height:1.6;color:var(--color-text);margin-bottom:1.25rem;font-weight:400}.thread-preview{display:block;text-decoration:none;background:#000;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:border-color var(--transition-smooth),transform var(--transition-smooth);cursor:pointer}.thread-preview:hover{border-color:var(--color-accent);transform:translateY(-2px)}.thread-preview-image{width:100%;aspect-ratio:1.91 / 1;overflow:hidden;background:#050505;border-bottom:1px solid var(--color-border)}.thread-preview-image img{width:100%;height:100%;object-fit:cover}.thread-preview-image--placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#111,#1a1a1a)}.thread-placeholder-emoji{font-size:2.5rem;margin-bottom:.5rem}.thread-placeholder-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}.thread-preview-meta{padding:1rem}.thread-preview-domain{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.25rem;display:block;text-transform:lowercase}.thread-preview-title{font-size:1rem;font-weight:600;color:var(--color-text);line-height:1.4}.thread-actions{margin-top:1.25rem;display:flex;gap:1.5rem}.thread-like{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:4px 0;transition:color var(--transition-fast)}.thread-like:hover,.thread-like.liked{color:var(--color-like)}.thread-like.liked .thread-like-icon{fill:var(--color-like);stroke:var(--color-like)}.thread-like-icon{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.thread-like:active .thread-like-icon{transform:scale(.8)}.cta-banner{background:linear-gradient(to bottom right,var(--color-surface),#000);border:1px solid var(--color-border);border-radius:20px;padding:var(--space-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.cta-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.cta-description{color:var(--color-text-secondary);font-size:.95rem;max-width:400px;margin:0 auto}.cta-button{background:var(--color-text);color:var(--color-bg);padding:.8rem 2rem;border-radius:12px;font-weight:700;text-decoration:none;transition:transform var(--transition-fast),filter var(--transition-fast);cursor:pointer}.cta-button:hover{transform:scale(1.02);filter:brightness(.9)}.footer{text-align:center;padding:var(--space-xl) 0;border-top:1px solid var(--color-border)}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.footer-link{font-size:.85rem;color:var(--color-text-secondary);text-decoration:none;font-weight:600;transition:color var(--transition-fast);cursor:pointer}.footer-link:hover{color:var(--color-text)}.footer-text{font-size:.85rem;color:var(--color-text-secondary);font-weight:500;opacity:.5}.profile,.thread-post,.cta-banner{opacity:0;transform:translateY(20px)}.profile.visible,.thread-post.visible,.cta-banner.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion: reduce){.profile,.thread-post,.cta-banner{opacity:1;transform:none;transition:none}}@media (max-width: 640px){:root{--space-xl: 3rem}.profile-name{font-size:2rem}}