@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;1,14..32,400&display=swap";*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#0f0f11;--surface:#1a1a1d;--surface-2:#242428;--surface-glass:#ffffff08;--border:#ffffff0d;--border-mild:#ffffff1a;--border-active:#fff3;--text:#f0f0f4;--text-secondary:#8a8a93;--text-dim:#44444c;--toxic:#bbf246;--toxic-pink:#ff107a;--green:#bbf246;--gold:#ffd60a;--silver:#c8c8d0;--bronze:#d4874a;--nav-h:64px;--safe-b:env(safe-area-inset-bottom,0px);--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-card:20px;--radius-sm:14px;--feed-card-bg:#1c1c1e;--feed-card-radius:32px}html,body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;min-height:100vh}#app{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.tab-header{padding:20px 20px 16px}.tab-header h1{letter-spacing:-.6px;color:var(--text);font-size:30px;font-weight:800;line-height:1.1}.tab-header .tab-subtitle{color:var(--text-secondary);margin-top:3px;font-size:14px;font-weight:400}.tab-view{padding-bottom:calc(var(--nav-h) + var(--safe-b) + 16px);flex-direction:column;flex:1;animation:.22s cubic-bezier(.22,1,.36,1) fadeIn;display:flex}.tab-view.hidden{display:none}.tab-view#tab-top,.tab-view#tab-suggest{padding-bottom:calc(var(--nav-h) + var(--safe-b) + 16px)}.tab-view#tab-feed{padding-bottom:calc(var(--nav-h) + var(--safe-b) + 32px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.state-message{text-align:center;color:var(--text-secondary);padding:64px 24px;font-size:15px;line-height:1.6}.state-message .emoji{margin-bottom:14px;font-size:48px;display:block}.feed-counter{color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.05em;text-transform:uppercase;padding:12px 18px 6px;font-size:12px;font-weight:600}.feed-card,.top-feed-card,.archive-card{background:var(--feed-card-bg);border-radius:var(--feed-card-radius);border:1px solid #ffffff0d;flex-direction:column;margin-bottom:24px;padding:20px;animation:.35s cubic-bezier(.22,1,.36,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.archive-card{margin:0 14px 24px}.top-feed-card{margin-bottom:24px}.feed-card-wrap{flex-direction:column;gap:12px;padding:16px;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feed-card.swipe-out{animation:.34s cubic-bezier(.55,0,1,.45) forwards swipeOut}@keyframes swipeOut{to{opacity:0;transform:translate(-44px)scale(.96)}}.media-block{background:0 0;width:100%;overflow:hidden}.media-primary{background:0 0;justify-content:center;align-items:center;width:100%;display:flex}.media-primary video,.media-primary img{object-fit:cover;background:0 0;border-radius:20px;width:100%;max-height:70vh;display:block}.video-wrapper{cursor:pointer;position:relative}.video-overlay{background:0 0;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:absolute;inset:0}.video-overlay.hidden{opacity:0;pointer-events:none}.video-play-icon{-webkit-backdrop-filter:blur(12px);background:#00000080;border:1.5px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 4px 24px #0006}.video-play-icon svg{width:28px;height:28px;margin-left:4px}.media-block.video-note{background:0 0;justify-content:center;align-items:center;padding:24px 0;display:flex;position:relative}.media-block.video-note video{background:0 0;width:280px;height:280px;box-shadow:0 0 0 4px #1c1c1e,0 0 0 6px #ffffff14,0 20px 40px #0006;object-fit:cover!important;border-radius:50%!important}.media-block.video-note .video-overlay .video-play-icon{width:100px;height:100px}.media-block.video-note .video-play-icon svg{width:44px;height:44px}.audio-player{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}.audio-waveform{align-items:center;gap:2.5px;height:44px;display:flex}.waveform-bar{background:#ffffff1a;border-radius:3px;flex:1;min-height:3px;transition:background .12s}.waveform-bar.played{background:#ffffffbf}.audio-controls{align-items:center;gap:12px;display:flex}.audio-play-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .12s,opacity .12s,box-shadow .15s;display:flex;box-shadow:0 4px 12px #0000004d}.audio-play-btn:active{opacity:.9;transform:scale(.88)}.audio-play-btn svg{width:17px;height:17px}.audio-progress-wrap{flex-direction:column;flex:1;gap:6px;display:flex}.audio-progress-track{cursor:pointer;background:#ffffff1a;border-radius:99px;height:3px;position:relative;overflow:hidden}.audio-progress-fill{background:var(--text);pointer-events:none;border-radius:99px;width:0;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.audio-time{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.audio-player.compact{gap:10px;padding:12px 14px}.audio-player.compact .audio-waveform{height:30px}.audio-player.compact .audio-play-btn{width:36px;height:36px}.audio-player.compact .audio-play-btn svg{width:15px;height:15px}.post-text{color:var(--text);border-top:none;padding:16px 4px 10px;font-size:17px;font-weight:400;line-height:1.55}.archive-card .post-text{font-size:15px}.post-text.clamped{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.read-more{color:var(--text-secondary);font-family:var(--font);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0 4px 12px;font-size:14px;text-decoration:underline}.reaction-pill-bar{justify-content:space-between;gap:12px;padding:12px 0 4px;display:flex}.rxn-pill{-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff08;border-radius:20px;flex:1;justify-content:center;align-items:center;padding:14px 0;transition:all .2s cubic-bezier(.22,1,.36,1);display:flex}.rxn-pill .emoji{font-size:28px;transition:transform .2s}.rxn-pill:active{background:#ffffff26;transform:scale(.92)}.rxn-pill.voted{background:#ffffff2e;border-color:#ffffff26;box-shadow:0 4px 12px #0003}.rxn-pill.voted .emoji{transform:scale(1.15)}.all-posts-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;margin:12px 0 16px 4px;padding:0 16px;font-size:11px;font-weight:700}.arch-body{padding:0}.arch-text{margin-bottom:9px}.arch-votes{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.arch-no-votes{color:var(--text-dim);font-size:12px}.arch-my-badge{color:var(--text-secondary);opacity:.6;margin-left:auto;font-size:12px}#top-container{padding:0 14px}.rank-badge-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rank-badge{background:#ffffff0f;border:1px solid #ffffff0d;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:flex}.rank-badge.gold{color:var(--gold);border-color:#ffd60a33}.rank-badge.silver{color:var(--silver);border-color:#c8c8d033}.rank-badge.bronze{color:var(--bronze);border-color:#d4874a33}.medal-icon{font-size:16px}.top-feed-card{background:#1c1c1e;border:1px solid #ffffff08;border-radius:24px;margin-bottom:24px;padding:18px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0006}.top-feed-card.rank-0:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffd60a26,#0000);border-radius:24px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.top-feed-card .media-block,.top-feed-card .media-primary,.top-feed-card img,.top-feed-card video{border-radius:16px;overflow:hidden}.top-feed-card .media-primary{background:0 0}.reaction-pills{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.reaction-badge{color:#ffffffe6;background:#ffffff14;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.reaction-badge:active{background:#ffffff26}.reaction-badge .emoji{font-size:15px}.top-item-audio-wrap{flex-direction:column;flex:1;gap:12px;min-width:0;margin-top:12px;display:flex}.top-feed-card .audio-player{margin-top:12px}.suggest-area{flex-direction:column;gap:12px;margin-top:8px;padding:0 16px;display:flex}.suggest-area textarea{border:1px solid var(--border-mild);color:#fff;resize:none;background:#ffffff0d;border-radius:20px;outline:none;min-height:160px;padding:16px;font-family:inherit;font-size:16px;line-height:1.5;transition:all .2s}.suggest-area textarea:focus{border-color:var(--border-active);background:#ffffff14}.suggest-area textarea::placeholder{color:var(--text-dim)}.media-preview-container{background:var(--surface-2);border:1.5px solid var(--border-active);border-radius:24px;justify-content:center;align-items:center;width:100%;max-width:240px;margin:0 auto 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #0000004d}.media-preview-container.hidden{display:none}.media-preview-container img,.media-preview-container video{width:100%;height:auto;display:block}.media-preview-container.video-note{border-radius:50%;width:160px;height:160px}.media-preview-container.video-note video{object-fit:cover;border-radius:50%;width:160px;height:160px}.action-btn{cursor:pointer;border:none;border-radius:18px;width:100%;padding:18px;font-family:inherit;font-size:16px;font-weight:700;transition:all .2s}.action-btn:active{opacity:.85;transform:scale(.97)}.action-btn.primary{color:#000;background:#fff;box-shadow:0 8px 24px #ffffff1a}.action-btn.secondary{color:#fff;border:1px solid var(--border-mild);background:#ffffff0d;margin-top:4px}.bottom-nav{width:100%;max-width:480px;height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border);z-index:100;background:#0d0d0fd9;align-items:stretch;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-family:inherit;font-size:11px;font-weight:500;transition:color .2s;display:flex}.nav-btn svg{stroke:currentColor;width:22px;height:22px;transition:stroke .2s}.nav-btn.active{color:#fff}.nav-btn.active svg{stroke:#fff}#nav-btn-admin.hidden{display:none}.admin-badge{color:var(--toxic-pink);text-transform:uppercase;pointer-events:none;background:#ff107a1a;border:1px solid #ff107a33;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:12px;right:12px}.admin-actions{border-top:1px solid var(--border);gap:12px;margin-top:16px;padding-top:16px;display:flex}.btn-delete{color:var(--toxic-pink);cursor:pointer;background:#ff107a1a;border:1px solid #ff107a33;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-delete:active{background:#ff107a33;transform:scale(.96)}.btn-delete svg{width:14px;height:14px}