:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#0f172a;background:#f8fafc;--primary: #6d28d9;--primary-fg: #fff;--border: #e2e8f0;--muted: #64748b;--bg-card: #fff;--ring: rgba(109, 40, 217, .25)}*{box-sizing:border-box}body{margin:0;min-height:100vh}#app{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;flex-wrap:nowrap}.brand{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1 1 auto}.brand-btn{font-size:1rem;font-weight:600;background:none;border:none;padding:0;color:inherit;cursor:pointer;white-space:nowrap}.muted{color:var(--muted);font-size:.875rem}.badge{background:#fef3c7;color:#92400e;font-size:.7rem;padding:.1rem .45rem;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.topbar-right{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.wallet-off-short{display:none}.wallet{font-family:ui-monospace,monospace;font-size:.8125rem;padding:.25rem .6rem;border-radius:999px;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.wallet--off{background:#f1f5f9;color:var(--muted);border-color:var(--border)}.wallet-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .6rem .2rem .25rem;border-radius:999px;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;cursor:pointer;font-size:.8125rem;font-weight:500;max-width:12rem}.wallet-btn:hover{background:#d1fae5;border-color:#6ee7b7}.wallet-btn--active{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.wallet-btn-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ede9fe;color:var(--primary);font-weight:600;flex:0 0 auto;object-fit:cover;overflow:hidden}.avatar--xs{width:1.5rem;height:1.5rem;font-size:.75rem}.avatar--lg{width:3.25rem;height:3.25rem;font-size:1.4rem}.wallet-btn--active .avatar--placeholder{background:#ffffff40;color:var(--primary-fg)}.profile-header{flex-direction:row;align-items:center;gap:.85rem}.profile-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.profile-name{margin:0;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-address{font-family:ui-monospace,monospace;font-size:.8rem;color:var(--muted)}a.profile-address.profile-link{color:var(--muted);border-bottom-color:var(--border)}a.profile-address.profile-link:hover{color:var(--primary);border-bottom-color:var(--primary)}.tabs{display:flex;gap:.25rem;background:#fff;border:1px solid var(--border);border-radius:.6rem;padding:.25rem}.tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.45rem .6rem;font-size:.875rem;font-weight:500;border:0;background:transparent;border-radius:.45rem;color:var(--muted);cursor:pointer}.tab:hover{background:#f1f5f9;color:#0f172a}.tab--on{background:var(--primary);color:var(--primary-fg)}.tab--on:hover{background:#5b21b6;color:var(--primary-fg)}.tab-count{font-size:.75rem;font-weight:600;background:#fff3;padding:.05rem .4rem;border-radius:999px;font-variant-numeric:tabular-nums}.tab:not(.tab--on) .tab-count{background:#e2e8f0;color:#475569}.container{max-width:36rem;width:100%;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.toolbar--icons{align-items:stretch;flex-wrap:nowrap}.toolbar-spacer{flex:1 1 auto;min-width:0}.toolbar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;padding:0 .3rem;margin-left:.15rem;border-radius:999px;background:var(--primary);color:var(--primary-fg);font-size:.7rem;font-weight:700;line-height:1}.btn--active .toolbar-badge{background:#ffffff40;color:inherit}.search-row{display:flex;gap:.4rem;align-items:center}.search-row .input{flex:1}.btn--round{width:2.25rem;height:2.25rem;padding:0;border-radius:999px;font-size:1.2rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.btn--sort{gap:.3rem}.btn--sort .sort-icon{font-weight:600;opacity:.7}.btn--sort .sort-mode-icon{font-size:.9em}.input{width:100%;padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--border);font-size:.95rem;background:#fff}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.search{flex:1 1 12rem}.btn{padding:.5rem .9rem;border-radius:.5rem;border:1px solid var(--border);background:#fff;font-size:.9rem;cursor:pointer;font-weight:500;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.btn--primary:hover:not(:disabled){background:#5b21b6}.btn--ghost{background:#fff}.btn--ghost:hover:not(:disabled){background:#f1f5f9}.btn--sm{font-size:.8125rem;padding:.25rem .55rem}.back{align-self:flex-start}.filters{display:flex;flex-direction:column;gap:.35rem}.chips{display:flex;flex-wrap:wrap;gap:.35rem}.chips--sm .chip{font-size:.7rem;padding:.15rem .5rem}.chip{font-size:.8rem;padding:.25rem .65rem;border-radius:999px;background:#f1f5f9;color:#334155;border:1px solid var(--border);cursor:pointer}.chip:hover{background:#e2e8f0}.chip--on{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.chip--clear{background:#fff;color:var(--muted)}.list{display:flex;flex-direction:column;gap:.5rem}.short-meta{display:flex;align-items:center;gap:.5rem}.upvotes{font-weight:700;color:var(--primary)}.short-title{margin:0;font-size:1.05rem}.short-sub{font-size:.8rem}.empty{text-align:center;color:var(--muted);padding:1.5rem}.snackbar{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:100;max-width:min(36rem,calc(100vw - 2rem));width:max-content;padding:.65rem 1rem;border-radius:.625rem;font-size:.875rem;border:1px solid;box-shadow:0 8px 32px #0f172a2e;pointer-events:none;animation:snackbar-in .22s ease}@keyframes snackbar-in{0%{opacity:0;transform:translate(-50%) translateY(.75rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.snackbar--pending{background:#fef3c7;color:#92400e;border-color:#fcd34d}.snackbar--success{background:#d1fae5;color:#065f46;border-color:#6ee7b7}.snackbar--error{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.banner{margin:0;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;border:1px solid}.banner--pending{background:#fef3c7;color:#92400e;border-color:#fcd34d}.banner--success{background:#d1fae5;color:#065f46;border-color:#6ee7b7}.banner--error{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.form{gap:.75rem}.form h2{margin:0;font-size:1.15rem}.form label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem}.form label span{font-weight:500}.form-actions{display:flex;gap:.5rem;margin-top:.5rem}.detail h2{margin:0;font-size:1.25rem}.player{position:relative;width:100%;padding-top:56.25%;border-radius:.5rem;overflow:hidden;background:#000}.player-media{position:absolute;top:0;right:0;bottom:0;left:0}.player iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.player:fullscreen,.player:-webkit-full-screen{padding-top:0;width:100%;height:100%;max-width:none;border-radius:0;overflow:visible}.player:fullscreen .player-media,.player:-webkit-full-screen .player-media,.player:fullscreen iframe,.player:-webkit-full-screen iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.player-fs-btn{position:absolute;top:.5rem;left:.5rem;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:.375rem;background:#0f172ab8;color:#fff;font-size:1rem;line-height:1;cursor:pointer}.player-fs-btn:hover{background:#0f172ae6}body.player-expanded-active{overflow:hidden}body.player-expanded-active:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000}.player--expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;width:100%!important;height:100%!important;padding-top:0!important;margin:0!important;max-width:none;border-radius:0}.player--expanded .player-fs-btn{width:2.5rem;height:2.5rem;top:.75rem;left:.75rem;font-size:1.15rem}.player-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#1e293b 8%,#334155 18%,#1e293b 33%);background-size:200% 100%;animation:player-shimmer 1.4s linear infinite}@keyframes player-shimmer{to{background-position-x:-200%}}.list-sentinel{text-align:center;padding:1rem 0 .5rem;font-size:.8rem}.scroll-top{position:fixed;right:4.25rem;bottom:1rem;z-index:99;width:2.5rem;height:2.5rem;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--primary);font-size:1.25rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 4px 16px #0f172a1f;opacity:0;transform:translateY(.5rem);pointer-events:none;transition:opacity .2s ease,transform .2s ease,background .15s ease}.scroll-top--visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-top:hover{background:#ede9fe;border-color:var(--primary)}.scroll-top:active{transform:translateY(0) scale(.96)}.player--sm{margin:0 auto .5rem;border-radius:.5rem}.player--bleed{margin-left:auto;margin-right:auto;border-radius:.5rem}.player-link{display:inline-block;padding:.4rem .6rem;background:#f1f5f9;border-radius:.4rem;font-size:.85rem;color:var(--primary);text-decoration:none;align-self:flex-start}.player-link:hover{background:#e2e8f0}.short-card{cursor:default;position:relative}.short-card-media{position:relative}.card-flag-btn{position:absolute;top:.5rem;right:.5rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:.5rem;background:transparent;box-shadow:none;font-size:1rem;line-height:1;cursor:pointer}.card-flag-btn--idle{opacity:.55}.card-flag-btn--idle:hover:not(:disabled){background:#ffffff59;opacity:.95}.card-flag-btn--active{background:#fef2f2;opacity:1;box-shadow:0 0 0 2px #fecaca}.card-flag-btn--active:hover:not(:disabled){background:#fee2e2;transform:scale(1.05)}.card-flag-btn:disabled{opacity:.45;cursor:not-allowed}.short-body{display:flex;flex-direction:column;gap:.4rem}.short-title.clickable{cursor:pointer}.short-title.clickable:hover{color:var(--primary)}.profile-link{color:inherit;text-decoration:none;border-bottom:1px dashed currentColor}.profile-link:hover{color:var(--primary);border-bottom-color:var(--primary)}.card-actions{display:flex;gap:.5rem;margin-top:.25rem}.btn--icon{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:.9rem;background:#f8fafc}.btn--icon:hover:not(:disabled){background:#ede9fe;border-color:var(--primary);color:var(--primary)}.btn--icon .count{font-weight:600;font-variant-numeric:tabular-nums}.actions-row{display:flex;flex-wrap:wrap;gap:.5rem}.comments{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.comment{border-top:1px solid var(--border);padding-top:.5rem;font-size:.9rem}.comment-meta{font-size:.75rem;margin-bottom:.15rem}.comment-form{display:flex;flex-direction:column;gap:.5rem}.comment-form textarea{resize:vertical}code{font-family:ui-monospace,monospace;background:#f1f5f9;padding:.05rem .3rem;border-radius:.25rem;font-size:.85em}.btn--active{background:#ede9fe;border-color:var(--primary);color:var(--primary)}.filters-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.field{display:flex;flex-direction:column;gap:.4rem}.field-label{font-size:.875rem;font-weight:500}.chip--removable{cursor:pointer}.dd-trigger{display:inline-flex;align-items:center;gap:.4rem;justify-content:space-between}.dropdown{margin-top:.4rem;background:#fff;border:1px solid var(--border);border-radius:.5rem;box-shadow:0 4px 16px #0f172a0f;overflow:hidden}.dd-search{padding:.5rem;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0}.dd-list{max-height:14rem;overflow-y:auto;display:flex;flex-direction:column}.dd-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .65rem;font-size:.9rem;border:0;background:#fff;cursor:pointer;text-align:left;width:100%;border-bottom:1px solid #f1f5f9}.dd-item:hover{background:#f8fafc}.dd-item:last-child{border-bottom:0}.dd-item--on{background:#ede9fe}.dd-item--on:hover{background:#ddd6fe}.dd-item--add{color:var(--primary);font-weight:500}.dd-check{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:.25rem;border:1px solid var(--border);font-size:.75rem;color:var(--primary);background:#fff}.dd-item--on .dd-check{background:var(--primary);color:#fff;border-color:var(--primary)}.dd-empty{padding:.75rem;text-align:center;font-size:.875rem}@media(max-width:480px){.topbar{padding:.5rem .65rem}.brand{gap:.25rem}.brand-btn{font-size:.875rem}.brand-meta,.brand .badge{display:none}.wallet-btn{padding:.15rem;max-width:none}.wallet-btn-label{display:none}.wallet--off{font-size:.7rem;padding:.2rem .45rem}.wallet-off-long{display:none}.wallet-off-short{display:inline}.container{padding:.75rem}.toolbar--icons{gap:.3rem}.toolbar--icons .btn--icon{padding:.35rem .45rem;font-size:.85rem;flex-shrink:0}.toolbar-text{display:none}.toolbar-badge{margin-left:0}.btn--round{width:2rem;height:2rem;font-size:1.05rem;flex-shrink:0}.btn--sort{gap:.15rem;padding-left:.4rem;padding-right:.4rem}}.short-title-row{display:flex;align-items:flex-start;gap:.35rem}.short-title-row .short-title{flex:1;min-width:0}.chip--warn{background:#fef3c7;color:#92400e;font-size:.7rem;font-weight:600}.short-card--violated{opacity:.72}.moderation h3{margin:0 0 .5rem;font-size:1rem}[data-flag-report],[data-flag-vote]{scroll-margin-top:4.5rem}.moderation-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.moderation-reason{margin:0 0 .35rem;white-space:pre-wrap}.moderation-stats{display:flex;flex-wrap:wrap;gap:.75rem;margin:.75rem 0 .35rem;font-size:.875rem}.moderation-stats__full{flex-basis:100%;display:flex;flex-wrap:wrap;gap:1.5rem}.moderation-votes{margin-top:.75rem}.moderation--violated{border-color:#fecaca;background:#fff5f5}.moderation--cleared{border-color:#bbf7d0;background:#f0fdf4}.moderation-removed-banner{margin:.75rem 0 0;padding:.65rem .75rem;border-radius:.5rem;background:#fef2f2;color:#991b1b;font-size:.875rem}.detail--violated .chips{opacity:.85}.profile-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.profile-karma-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.profile-karma{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .55rem;border:1px solid var(--border);border-radius:999px;background:#fff;font-size:.875rem;font-weight:600;font-family:inherit;line-height:1.3;cursor:help}.profile-karma:hover{background:#f8fafc;border-color:#cbd5e1}.profile-karma--strike{color:#b45309}.profile-karma--praise{color:var(--primary)}.publish-price-hint{margin:0 0 .75rem}.small{font-size:.8rem}.flag-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.form-label{font-size:.875rem;font-weight:600}.flag-char-count--low{color:#b45309}.flag-char-count--ok{color:#047857}.flag-category-desc{margin:0;line-height:1.45}.moderation-reason-label{margin:0 0 .35rem}