.page{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border);background-color:var(--color-background);position:sticky;top:0;z-index:10}.logo{font-size:24px;font-weight:700;color:var(--color-text)}.header-button{padding:8px 20px;border-radius:20px;border:1px solid var(--color-tint);background-color:transparent;color:var(--color-tint);font-size:14px;font-weight:600;transition:all .2s}.header-button:hover{background-color:var(--color-tint);color:var(--color-background)}.content{flex:1;max-width:600px;margin:0 auto;padding:24px 20px;width:100%}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-tint);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:16px;color:var(--color-text-secondary);font-size:16px}.error-icon{font-size:64px;margin-bottom:16px}.error-title{font-size:24px;font-weight:600;margin-bottom:8px;color:var(--color-text)}.error-message{font-size:16px;color:var(--color-text-secondary);margin-bottom:24px;max-width:400px}.post-card{background-color:var(--color-background-accent);border:1px solid var(--color-border);border-radius:12px;padding:20px;margin-bottom:32px}.author-section{display:flex;gap:12px;margin-bottom:16px}.avatar{width:50px;height:50px;border-radius:25px;object-fit:cover}.author-info{flex:1}.author-name{display:flex;align-items:center;gap:6px;margin-bottom:4px}.display-name{font-size:16px;font-weight:600;color:var(--color-text)}.verified-badge{color:var(--color-blue);font-size:14px}.author-meta{font-size:14px;color:var(--color-text-secondary)}.post-content{font-size:16px;line-height:24px;color:var(--color-text);margin-bottom:16px;white-space:pre-wrap;word-wrap:break-word}.media-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;border-radius:8px;overflow:hidden}.media-image{border-radius:8px;object-fit:cover;width:100%}.media-image.single{height:300px}.media-image.multi{width:calc(50% - 4px);height:200px}.stats-section{display:flex;gap:24px;padding-top:16px;border-top:1px solid var(--color-border)}.stat-item{display:flex;align-items:center;gap:6px}.stat-icon{font-size:18px}.stat-icon.upvote{color:var(--color-green);font-weight:700}.stat-text{font-size:14px;font-weight:500;color:var(--color-text)}.cta-section{text-align:center;padding:32px 0}.cta-title{font-size:24px;font-weight:600;margin-bottom:8px;color:var(--color-text)}.cta-subtitle{font-size:16px;color:var(--color-text-secondary);margin-bottom:24px;padding:0 20px}.primary-button{width:100%;max-width:300px;padding:14px 32px;border-radius:25px;border:none;background-color:var(--color-tint);color:var(--color-background);font-size:16px;font-weight:600;margin-bottom:12px;transition:opacity .2s}.primary-button:hover{opacity:.9}.secondary-button{width:100%;max-width:300px;padding:14px 32px;border-radius:25px;border:1px solid var(--color-tint);background-color:transparent;color:var(--color-tint);font-size:16px;font-weight:600;transition:all .2s}.secondary-button:hover{background-color:var(--color-tint);color:var(--color-background)}.footer{text-align:center;padding:24px 0;border-top:1px solid var(--color-border);margin-top:32px}.footer-text{font-size:14px;color:var(--color-text-secondary)}@media (max-width: 640px){.content{padding:16px 12px}.post-card{padding:16px}.cta-title{font-size:20px}.primary-button,.secondary-button{max-width:100%}}:root{--color-text: #000000;--color-text-secondary: #687076;--color-background: #FFFFFF;--color-background-accent: #F8F8F8;--color-border: #D7D7D7;--color-tint: #000000;--color-blue: #1DA1F2;--color-green: #4CAF50;--color-red: #E33B57}@media (prefers-color-scheme: dark){:root{--color-text: #FFFFFF;--color-text-secondary: #9BA1A6;--color-background: #000000;--color-background-accent: #0F0F0F;--color-border: #1D1D1D;--color-tint: #FFFFFF}}body{background-color:var(--color-background);color:var(--color-text)}*{box-sizing:border-box}button{font-family:inherit;cursor:pointer}a{color:var(--color-blue);text-decoration:none}a:hover{text-decoration:underline}