*{box-sizing:border-box;margin:0;padding:0}body{color:#e7e9ea;background:linear-gradient(135deg,#0a0a0a 0%,#1a0a2e 25%,#16213e 50%,#0f0a1f 75%,#000 100%) fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4}.app-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(0,0,0,.3);border-left:1px solid rgba(139,92,246,.1);border-right:1px solid rgba(139,92,246,.1);max-width:680px;min-height:100vh;margin:0 auto}.app-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:rgba(0,0,0,.8);border-bottom:1px solid rgba(139,92,246,.15);justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:-webkit-sticky;position:sticky;top:0}.logo{color:#8b5cf6;text-shadow:0 0 30px rgba(139,92,246,.6);font-family:Arial Black,sans-serif;font-size:32px;font-weight:900}.scan-link{color:#8b5cf6;background:rgba(139,92,246,.05);border:1px solid rgba(139,92,246,.3);border-radius:25px;padding:8px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.scan-link:hover{background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.5);transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,92,246,.3)}.composer{background:rgba(139,92,246,.02);border-bottom:1px solid rgba(139,92,246,.1);gap:16px;padding:24px;display:flex}.composer-avatar{flex-shrink:0}.avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a855f7,#c084fc);border:2px solid rgba(139,92,246,.3);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 20px rgba(139,92,246,.2)}.composer-main{flex:1}.composer-input{color:#e7e9ea;resize:none;background:0 0;border:none;outline:none;width:100%;min-height:120px;font-family:inherit;font-size:20px;line-height:1.5}.composer-input::placeholder{color:rgba(231,233,234,.4)}.composer-footer{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.char-count{color:rgba(139,92,246,.6);font-size:14px;font-weight:500}.char-count.warning{color:#fbbf24}.char-count.danger{color:#ef4444}.post-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:30px;padding:12px 32px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(139,92,246,.3)}.post-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#9333ea);transform:translateY(-2px);box-shadow:0 8px 30px rgba(139,92,246,.4)}.post-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:rgba(139,92,246,.2);transform:none}.feed{background:0 0}.post{background:rgba(0,0,0,.1);border-bottom:1px solid rgba(139,92,246,.08);gap:16px;padding:16px 24px;transition:all .3s;display:flex}.post:hover{background:rgba(139,92,246,.03);border-bottom-color:rgba(139,92,246,.15)}.post-avatar{flex-shrink:0;margin-top:2px}.post-main{flex:1;min-width:0}.post-header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.post-author{color:rgba(139,92,246,.8);word-break:break-all;white-space:normal;text-overflow:unset;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.15);border-radius:8px;max-width:none;padding:2px 8px;font-family:SF Mono,Consolas,monospace;font-size:12px;font-weight:500;transition:all .3s;overflow:visible}.post-author:hover{background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.3)}.post-time{color:rgba(139,92,246,.6);font-size:14px;font-weight:500}.post-content{color:#e7e9ea;white-space:pre-wrap;word-wrap:break-word;margin:8px 0 6px;font-size:16px;line-height:1.5}.post-actions{align-items:center;margin-top:4px;display:flex}.like-btn{color:rgba(139,92,246,.5);cursor:pointer;background:0 0;border:none;border-radius:25px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.heart{fill:none;stroke:currentColor;stroke-width:2px;width:20px;height:20px;transition:all .3s}.like-btn:hover:not(:disabled){color:#ec4899;background:rgba(236,72,153,.1);transform:scale(1.05)}.like-btn:hover:not(:disabled) .heart{fill:rgba(236,72,153,.2);transform:scale(1.1)}.like-btn.liked{color:#ec4899}.like-btn.liked .heart{fill:#ec4899;stroke:#ec4899}.like-btn.loading{opacity:.6;cursor:not-allowed;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.8}}.app-footer{background:rgba(139,92,246,.02);border-top:1px solid rgba(139,92,246,.1);margin-top:auto;padding:24px}.footer-content{text-align:center;color:rgba(139,92,246,.6);font-size:14px;font-weight:500}.footer-brand{color:#8b5cf6;text-shadow:0 0 10px rgba(139,92,246,.3);font-weight:700;text-decoration:none;transition:all .3s}.footer-brand:hover{color:#a855f7;text-shadow:0 0 20px rgba(139,92,246,.5);transform:translateY(-1px)}.toast-overlay{z-index:10000;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,.2);justify-content:flex-end;align-items:flex-end;padding:30px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.toast-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:#fff;pointer-events:all;background:rgba(0,0,0,.85);border:1px solid rgba(139,92,246,.3);border-radius:16px;align-items:center;gap:16px;max-width:380px;padding:20px 24px;transition:all .3s;animation:.6s cubic-bezier(.4,0,.2,1) slideInToast;display:flex;transform:translateZ(0);box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.05),inset 0 1px rgba(255,255,255,.1),0 0 40px rgba(139,92,246,.2)}.toast-card:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 25px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08),inset 0 1px rgba(255,255,255,.15),0 0 60px rgba(139,92,246,.3)}.toast-icon{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;display:flex;box-shadow:0 4px 20px rgba(139,92,246,.4)}.toast-content{flex:1}.toast-title{color:rgba(255,255,255,.95);margin-bottom:4px;font-size:15px;font-weight:600}.toast-link{color:rgba(139,92,246,.9);border-bottom:1px solid rgba(139,92,246,.3);font-size:14px;text-decoration:none;transition:all .2s}.toast-link:hover{color:#8b5cf6;border-bottom-color:#8b5cf6}.toast-close{color:rgba(255,255,255,.7);cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;font-size:18px;transition:all .2s;display:flex}.toast-close:hover{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:scale(1.1)}@keyframes slideInToast{0%{opacity:0;filter:blur(8px);transform:translate(120%)translateY(30px)scale(.9)}to{opacity:1;filter:blur();transform:translate(0)translateY(0)scale(1)}}@media (max-width:768px){.app-container{border-left:none;border-right:none}.composer,.post,.app-header{padding-left:20px;padding-right:20px}.composer-input{font-size:18px}.toast-overlay{padding:20px}.toast-card{max-width:calc(100vw - 40px)}}@media (max-width:480px){.logo{font-size:28px}.avatar{width:40px;height:40px;font-size:12px}.composer-input{min-height:100px;font-size:16px}.post-author{text-overflow:ellipsis;white-space:nowrap;max-width:120px;padding:2px 6px;font-size:11px;overflow:hidden}.post-content{font-size:15px}.like-btn{padding:6px 12px}.heart{width:18px;height:18px}}