*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0f;--surface: #14141f;--surface-hover: #1e1e2e;--border: #2a2a3a;--text: #e4e4ef;--text-muted: #8888aa;--accent: #7c5cff;--accent-hover: #9b7fff;--accent-glow: rgba(124, 92, 255, .15);--success: #4ade80;--radius: 10px}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;padding:2rem 1rem 1rem;border-bottom:1px solid var(--border)}.logo{font-family:Space Mono,monospace;font-size:2rem;color:var(--accent);letter-spacing:-1px}.tagline{color:var(--text-muted);font-size:.85rem;margin-top:.25rem;font-style:italic}.nav{display:flex;justify-content:flex-start;gap:.25rem;margin-top:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 1rem;margin-left:auto;margin-right:auto;max-width:fit-content}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--text-muted);text-decoration:none;padding:.5rem 1rem;border-radius:999px;font-weight:500;white-space:nowrap;flex-shrink:0;font-size:.9rem;transition:all .2s}.nav a:hover{color:var(--text);background:var(--surface)}.nav a.active{color:var(--accent);background:var(--accent-glow)}.main{flex:1;max-width:960px;width:100%;margin:0 auto;padding:2rem 1rem}.footer{text-align:center;padding:1.5rem;color:var(--text-muted);font-size:.8rem;border-top:1px solid var(--border)}.loading{text-align:center;padding:3rem;color:var(--text-muted);font-style:italic}.wall-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.wall-controls h2{font-family:Space Mono,monospace}.order-toggle{display:flex;gap:.25rem;background:var(--surface);border-radius:999px;padding:.25rem}.order-toggle button{background:none;border:none;color:var(--text-muted);padding:.4rem 1rem;border-radius:999px;cursor:pointer;font-size:.85rem;transition:all .2s}.order-toggle button:hover{color:var(--text)}.order-toggle button.active{background:var(--accent);color:#fff}.message-list{display:flex;flex-direction:column;gap:.75rem}.message-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;transition:border-color .2s}.message-card:hover{border-color:var(--accent)}.message-content{font-size:1rem;line-height:1.5;margin-bottom:.5rem}.message-attachment{display:inline-block;color:var(--accent);font-size:.8rem;margin-bottom:.5rem}.video-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;max-width:500px;background:var(--surface-hover);border-radius:8px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:background .2s}.video-thumbnail:hover{background:var(--border)}.video-thumbnail:hover .play-icon{transform:scale(1.15)}.video-poster-vid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px;pointer-events:none}.video-poster-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-hover);border-radius:8px}.video-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:8px;transition:background .2s}.video-thumbnail:hover .video-play-overlay{background:#00000026}.play-icon{width:60px;height:60px;color:var(--accent);filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:transform .2s}.video-loading{color:var(--text-muted);font-size:.9rem}.video-unavailable{color:var(--text-muted);font-style:italic}.youtube-embed{width:100%;max-width:500px;aspect-ratio:16 / 9;border-radius:8px;border:none}.rich-embed{display:flex;gap:.75rem;background:var(--surface-hover);border-left:3px solid var(--accent);border-radius:4px;padding:.75rem;text-decoration:none;color:var(--text);max-width:500px;transition:background .2s}.rich-embed:hover{background:var(--border)}.rich-embed-thumb{width:80px;height:80px;object-fit:cover;border-radius:4px;flex-shrink:0}.rich-embed-info{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.rich-embed-title{font-weight:600;font-size:.9rem;color:var(--accent)}.rich-embed-desc{font-size:.8rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-media{margin:.5rem 0}.message-media img,.message-media video{max-width:100%;max-height:400px;border-radius:8px;object-fit:contain}.quote-media{margin:1rem 0}.quote-media img,.quote-media video{max-width:100%;max-height:500px;border-radius:8px;object-fit:contain}.message-date{display:block;color:var(--text-muted);font-size:.75rem}.scroll-loader{text-align:center;padding:2rem;color:var(--text-muted);font-size:.85rem;font-style:italic}.feed-hidden{display:none!important}.feed-mode{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;flex-direction:column}.feed-mode .wall-controls{position:absolute;top:0;left:0;right:0;z-index:10;padding:.75rem 1rem;background:linear-gradient(var(--bg) 60%,transparent);transition:transform .3s ease,opacity .3s ease}.feed-mode .wall-controls.controls-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.feed-container{flex:1;overflow-y:scroll;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.feed-container::-webkit-scrollbar{display:none}@supports (scroll-snap-type: y proximity){.feed-container{scroll-snap-type:y mandatory}}.feed-card{scroll-snap-align:start;scroll-snap-stop:always;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 1rem;border-bottom:1px solid var(--border);position:relative}.feed-card-inner{max-width:500px;width:100%;text-align:center}.feed-card-inner .message-content{font-size:1.2rem;line-height:1.6}.feed-card-inner .message-media{margin:1rem auto;display:flex;justify-content:center}.feed-card-inner .message-media img,.feed-card-inner .message-media video{max-height:55vh;max-width:100%}.feed-card-inner .video-thumbnail{max-width:100%}.feed-date{position:absolute;bottom:1rem;color:var(--text-muted);font-size:.75rem}.feed-loading{font-style:italic;color:var(--text-muted);height:100px;min-height:100px}.quote-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.quote-display{transition:opacity .3s ease;max-width:700px}.quote-display.fade-out{opacity:0}.quote-display.fade-in{opacity:1}.quote-text{font-family:Space Mono,monospace;font-size:1.75rem;line-height:1.4;color:var(--text);border:none;margin-bottom:1rem}.quote-attribution{color:var(--text-muted);font-size:.9rem;font-style:normal}.quote-button{margin-top:2.5rem;background:var(--accent);color:#fff;border:none;padding:.75rem 2rem;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.quote-button:hover{background:var(--accent-hover);transform:scale(1.05)}.stats-page h2{font-family:Space Mono,monospace;text-align:center;margin-bottom:2rem}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2.5rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center;transition:border-color .2s}.stat-card:hover{border-color:var(--accent)}.stat-number{display:block;font-family:Space Mono,monospace;font-size:2rem;font-weight:700;color:var(--accent)}.stat-label{display:block;color:var(--text-muted);font-size:.8rem;margin-top:.25rem;text-transform:uppercase;letter-spacing:1px}.hourly-chart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:2rem}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.stats-header h2{margin-bottom:0}.hourly-chart h3{text-align:center;margin-bottom:1rem;color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.range-select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.35rem .5rem;font-size:.8rem;font-family:Inter,system-ui,sans-serif;cursor:pointer;outline:none}.range-select:hover{border-color:var(--accent)}.range-select:focus{border-color:var(--accent)}.chart-tooltip-wrapper{height:1.5rem;margin-bottom:.5rem}.chart-tooltip{text-align:center;font-size:.85rem;color:var(--text);font-family:Space Mono,monospace}.chart-bars{display:flex;align-items:flex-end;gap:2px;height:150px}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.chart-bar{width:100%;background:var(--accent);border-radius:3px 3px 0 0;min-height:2px;transition:height .3s ease,opacity .15s ease}.chart-bar-active .chart-bar{background:var(--accent-hover)}.chart-bars:hover .chart-bar-container:not(.chart-bar-active) .chart-bar{opacity:.4}.chart-label{font-size:.6rem;color:var(--text-muted);margin-top:4px}.word-cloud{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.word-cloud h3{text-align:center;margin-bottom:1.5rem;color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.bubble-svg{display:block;margin:0 auto}.bubble-tooltip-wrapper{height:1.5rem;text-align:center;margin-bottom:.5rem}.bubble-tooltip{font-family:Space Mono,monospace;font-size:.85rem;color:var(--text)}.bubble-group{cursor:default;transition:opacity .15s}.bubble-group.bubble-dimmed{opacity:.3}.bubble-circle{fill:var(--accent-glow);stroke:var(--accent);stroke-width:1;transition:fill .15s}.bubble-group:hover .bubble-circle{fill:#7c5cff59}.bubble-label{fill:var(--text);font-family:Space Mono,monospace;pointer-events:none}.soundboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.soundboard-header h2{font-family:Space Mono,monospace}.shuffle-button{background:var(--accent);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s}.shuffle-button:hover{background:var(--accent-hover);transform:scale(1.05)}.soundboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.sound-button{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;color:var(--text);cursor:pointer;text-align:left;font-size:.85rem;line-height:1.4;transition:all .15s;min-height:70px;overflow:hidden}.sound-button:hover{border-color:var(--accent);background:var(--surface-hover);transform:translateY(-1px)}.sound-button:active{transform:translateY(0)}.sound-button.copied{border-color:var(--success);background:#4ade800d}.sound-text{display:block;word-break:break-word}.copied-badge{position:absolute;top:4px;right:8px;font-size:.7rem;color:var(--success);font-weight:600}.feed-title{font-family:Space Mono,monospace;text-align:center}.feed-subtitle{text-align:center;color:var(--text-muted);font-size:.85rem;font-style:italic;margin-bottom:2rem}.feed-cards{display:flex;flex-direction:column;gap:1.5rem}.feed-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;min-height:200px;display:flex;flex-direction:column;justify-content:center;transition:border-color .2s}.feed-card:hover{border-color:var(--accent)}.feed-card-content{font-size:1.15rem;line-height:1.6}.feed-card-content .message-content{font-size:1.15rem}.feed-card-date{display:block;color:var(--text-muted);font-size:.75rem;margin-top:1rem;text-align:right}@media(max-width:600px){.logo{font-size:1.5rem}.quote-text{font-size:1.25rem}.stat-cards{grid-template-columns:repeat(2,1fr)}.soundboard-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.wall-controls{flex-direction:column;align-items:flex-start}}