: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;padding:.75rem 1rem;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:.5rem}.brand-btn{font-size:1rem;font-weight:600;background:none;border:none;padding:0;color:inherit;cursor:pointer}.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}.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)}.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}.toolbar-spacer{flex:1}.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}.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}.banner{margin:0 1rem;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 iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.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}.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}.small{font-size:.8rem}.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}