.app{min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;width:100%;max-width:100vw;overflow-x:hidden;overscroll-behavior:contain;-webkit-overscroll-behavior:contain;background:var(--bg-primary);-webkit-overflow-scrolling:touch}.app:before{content:"";position:fixed;top:-100vh;left:0;right:0;height:100vh;background:var(--bg-primary);z-index:-1}.app:after{content:"";position:fixed;bottom:-100vh;left:0;right:0;height:100vh;background:var(--bg-primary);z-index:-1}.theme-toggle{position:fixed;top:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px var(--shadow-light);z-index:100;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-medium);border-color:var(--accent-color)}.theme-toggle:focus{outline:2px solid var(--accent-color);outline-offset:2px}.theme-icon{transition:transform .3s ease}.theme-toggle:hover .theme-icon{transform:rotate(15deg)}.container{background:var(--bg-secondary);border-radius:20px;padding:3rem 2rem;box-shadow:0 8px 32px var(--shadow-medium);max-width:600px;width:100%;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);transition:all .3s ease}.header{margin-bottom:2.5rem}.title{font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:400}.social-links{width:100%}.links-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.link-item{width:100%}.social-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all .3s ease;width:100%;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px var(--shadow-light);opacity:.7;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.social-link:hover{background:var(--bg-secondary);border-color:var(--accent-color);transform:translateY(-3px);box-shadow:0 6px 20px var(--shadow-medium)}.social-link:focus{background:var(--bg-secondary);border-color:var(--accent-color)}.social-link .social-icon{font-size:1.5rem;width:1.5rem;text-align:center;flex-shrink:0;transition:all .3s ease}.platform{font-weight:700;font-size:1rem;color:var(--text-primary)}.handle{font-size:.875rem;color:var(--text-muted);font-family:Space Mono,monospace}@media (max-width: 768px){.app{padding:4rem .75rem 1rem;min-height:100vh;justify-content:flex-start}.container{padding:1.5rem 1rem;margin:.5rem;max-width:none;width:calc(100% - 1rem);border-radius:16px}.title{font-size:2.25rem;margin-bottom:1rem}.bio-content{font-size:.875rem;padding:0;line-height:1.5}.social-link,.dropdown-trigger{padding:1rem;gap:1rem;border-radius:10px;min-height:60px;align-items:center}.social-link .social-icon{font-size:1.25rem;width:1.25rem}.links-list{gap:.75rem}.theme-toggle{top:1rem;right:1rem;width:48px;height:48px;font-size:1.1rem;min-height:44px}}@media (max-width: 480px){.app{padding:3.5rem .5rem 1rem}.container{padding:1.25rem .875rem;margin:.25rem;width:calc(100% - .5rem);border-radius:14px}.title{font-size:2rem;letter-spacing:-.01em}.subtitle{font-size:1rem}.bio-content{font-size:.8rem;padding:0}.social-link,.dropdown-trigger{padding:.875rem .75rem;gap:.875rem;min-height:56px}.social-link .social-icon{font-size:1.2rem;width:1.2rem}.platform{font-size:.9rem}.handle{font-size:.8rem}.theme-toggle{width:44px;height:44px;font-size:1rem}.links-list{gap:.625rem}}@media (prefers-contrast: high){.container{border:3px solid var(--text-primary)}.social-link{border-width:3px}.social-link:hover,.social-link:focus{background:var(--text-primary);color:var(--bg-secondary)}}.link-item:nth-child(3) .social-link:hover .social-icon,.link-item:nth-child(3) .social-link:focus .social-icon{color:#dc3545}.social-link:hover .fa-twitter,.social-link:focus .fa-twitter{color:#1da1f2}.social-link:hover .fa-envelope,.social-link:focus .fa-envelope{color:#dc3545}.link-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.platform{font-weight:700;font-size:1rem;color:#2c3e50}.handle{font-size:.875rem;color:#6c757d;font-family:Space Mono,monospace}@media (prefers-contrast: high){.container{border:2px solid #000}.social-link{border-color:#000}.social-link:hover,.social-link:focus{background:#000;color:#fff}}@media (prefers-color-scheme: dark){body{background-color:#1a1a1a;color:#e0e0e0}.container{background:#2d2d2d;box-shadow:0 4px 6px #0000004d}.title{color:#fff}.subtitle{color:#b0b0b0}html[data-theme=light] .bio-content{color:#b0b0b0!important}.social-link{background:#3a3a3a;border-color:#4a4a4a;color:#e0e0e0}.social-link:hover,.social-link:focus{background:#4a4a4a;border-color:#4a90e2}.platform{color:#fff}.handle{color:#b0b0b0}}html[data-theme=light] .container{background:linear-gradient(180deg,#FAFAFF 0%,#F8F8FF 100%)}html[data-theme=light] .bio-content{color:#000!important}html[data-theme=light] .subtitle,html[data-theme=light] .title{color:#000}html[data-theme=light] .social-link{background:#F0F0F8;border:2px solid rgba(100,100,150,.2);opacity:.8;color:#000}html[data-theme=light] .bluesky-post{background:rgba(255,255,255,.4)}html[data-theme=light] .handle,html[data-theme=light] .platform{color:#000}.twemoji{height:1.2em;width:1.2em;margin:0 .05em 0 .1em;vertical-align:-.1em;display:inline-block}.bluesky-bio{margin:1.5rem 0;text-align:center}.bluesky-bio.loading{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted);font-size:.9rem}.bio-loading-spinner{color:#0085ff}.bio-loading-text{font-style:italic}.bio-content{font-size:1rem;line-height:1.5;color:var(--text-secondary);max-width:500px;margin:0 auto;text-align:center}.bio-line{margin-bottom:.3em}.bio-line:last-child{margin-bottom:0}.bio-link{color:#0085ff;text-decoration:none;transition:all .2s ease}.bio-link:hover{text-decoration:underline;color:#0056b3}.bio-mention,.bio-hashtag{color:#0085ff;font-weight:600}.bio-separator{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:1.5rem auto;opacity:.6}.bluesky-post{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;margin:2rem 0;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bluesky-post:hover{border-color:#0085ff;transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow-medium)}.post-link-wrapper{text-decoration:none;color:inherit;display:block}.post-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.post-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--border-color)}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#0085ff,#00d4ff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.post-author{flex:1;min-width:0}.author-name{font-weight:700;font-size:.95rem;color:var(--text-primary);line-height:1.2}.author-handle{font-size:.85rem;color:var(--text-muted);font-family:Space Mono,monospace;line-height:1.2}.post-time{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted);flex-shrink:0}.external-link{font-size:.75rem;opacity:.6}.loading-spinner{color:#0085ff}.post-content{font-size:.95rem;line-height:1.5;color:var(--text-secondary);margin-bottom:.75rem;word-wrap:break-word}.loading-text{color:var(--text-muted);font-style:italic}.post-link{color:#0085ff;text-decoration:none}.post-link:hover{text-decoration:underline}.post-mention,.post-hashtag{color:#0085ff;font-weight:600}.post-embed{margin:.75rem 0;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-secondary)}.embed-images{display:grid;gap:.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.embed-image{width:100%;height:auto;max-height:300px;object-fit:cover;display:block}.embed-video{width:100%}.embed-video-player{width:100%;height:auto;max-height:400px;border-radius:8px;background:#000}.embed-video-alt{font-size:.85rem;color:var(--text-muted);margin-top:.5rem;font-style:italic}.embed-external{display:flex;background:var(--bg-secondary);overflow:hidden}.embed-thumb{width:100px;height:100px;object-fit:cover;flex-shrink:0}.embed-external-content{padding:.75rem;flex:1;min-width:0}.embed-title{font-weight:600;font-size:.9rem;color:var(--text-primary);margin-bottom:.25rem;line-height:1.3}.embed-description{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.embed-uri{font-size:.75rem;color:var(--text-muted);font-family:Space Mono,monospace;word-break:break-all;opacity:.7}.embed-quote{display:block;text-decoration:none;margin-top:.75rem;padding:.5rem;background:rgba(0,133,255,.1);border:1px solid rgba(0,133,255,.3);border-radius:6px;transition:all .2s ease}.embed-quote:hover{background:rgba(0,133,255,.15);border-color:#0085ff80}.quote-indicator{font-size:.85rem;color:#0085ff;font-weight:600;text-align:center}.quote-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.quote-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.quote-author{display:flex;flex-direction:column;gap:.1rem}.quote-author-name{font-size:.8rem;font-weight:600;color:var(--text-primary)}.quote-author-handle{font-size:.7rem;color:var(--text-muted);font-family:Space Mono,monospace}.quote-content{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.embed-image{width:100%;max-height:300px;object-fit:cover;border-radius:8px;margin-top:.5rem}.post-actions{display:flex;justify-content:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.show-more-btn,.view-profile-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0085ff;color:#fff;text-decoration:none;border-radius:8px;font-size:.85rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.show-more-btn:hover,.view-profile-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #0085ff4d}.bluesky-post.loading{background:var(--bg-tertiary);opacity:.8}.bluesky-post.error{background:var(--bg-tertiary);border-color:#ffeaa7}.dropdown-container{position:relative;width:100%}.dropdown-trigger{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all .3s ease;width:100%;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px var(--shadow-light);opacity:.7;cursor:pointer;font-family:inherit;font-size:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dropdown-trigger:hover{background:var(--bg-secondary);border-color:var(--accent-color);transform:translateY(-3px);box-shadow:0 6px 20px var(--shadow-medium)}.dropdown-trigger:focus{background:var(--bg-secondary);border-color:var(--accent-color);outline:2px solid var(--accent-color);outline-offset:2px}.dropdown-arrow{margin-left:auto;font-size:.875rem;transition:transform .3s ease;color:var(--text-muted)}.dropdown-trigger[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px var(--shadow-medium);z-index:10;margin-top:.5rem;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;padding:.875rem 1.5rem;color:var(--text-primary);text-decoration:none;transition:all .2s ease;border-bottom:1px solid var(--border-color);background:transparent}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--accent-color)}.dropdown-item:focus{background:var(--bg-tertiary);color:var(--accent-color);outline:2px solid var(--accent-color);outline-offset:-2px}.dropdown-item-text{font-weight:600;font-size:.875rem}.link-item:nth-child(3) .dropdown-trigger:hover .social-icon,.link-item:nth-child(3) .dropdown-trigger:focus .social-icon{color:#87ceeb}.link-item:nth-child(1) .social-link:hover .social-icon,.link-item:nth-child(1) .social-link:focus .social-icon{color:#0085ff}.link-item:nth-child(2) .social-link:hover .social-icon,.link-item:nth-child(2) .social-link:focus .social-icon{color:#1da1f2}.link-item:nth-child(4) .social-link:hover .social-icon,.link-item:nth-child(4) .social-link:focus .social-icon{color:#dc3545}@media (max-width: 768px){.dropdown-trigger{padding:1rem;gap:1rem;min-height:60px}.dropdown-item{padding:.875rem 1rem;min-height:48px}.dropdown-item-text{font-size:.875rem}.dropdown-arrow{font-size:1rem}}@media (max-width: 480px){.dropdown-trigger{padding:.875rem .75rem;gap:.875rem;min-height:56px}.dropdown-item{padding:.75rem;min-height:44px}.dropdown-item-text{font-size:.8rem}.dropdown-menu{margin-top:.375rem;border-radius:10px}.dropdown-arrow{font-size:.9rem}}:root{--bg-primary: linear-gradient(135deg, #FAFAFF 0%, #F8F8FF 50%, #F6F6FF 100%);--bg-secondary: rgba(255, 255, 255, .92);--bg-tertiary: #f3f5f8;--text-primary: #1a1a1a;--text-secondary: #2c2c2c;--text-muted: #5a5a5a;--border-color: rgba(0, 0, 0, .125);--shadow-light: rgba(0, 0, 0, .08);--shadow-medium: rgba(0, 0, 0, .12);--accent-color: #4A90E2}[data-theme=dark]{--bg-primary: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #404040 100%);--bg-secondary: rgba(45, 45, 45, .95);--bg-tertiary: #3a3a3a;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #b0b0b0;--border-color: rgba(255, 255, 255, .1);--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .5);--accent-color: #5ba3f5}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;overflow-x:hidden;background:var(--bg-primary);background-size:100% 100%;-webkit-background-size:100% 100%;background-attachment:fixed}body{font-family:Space Mono,monospace;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);background-attachment:fixed;transition:all .3s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;min-height:100vh;min-height:-webkit-fill-available}*:focus{outline:3px solid var(--accent-color);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:var(--text-primary);color:var(--bg-secondary);padding:8px;text-decoration:none;z-index:100;border-radius:4px}.skip-link:focus{top:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}