.metis-app .comic-card-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.metis-app .comic-card-actions .btn:first-child,.metis-app .comic-card-actions a.btn:first-child{margin-right:auto}.metis-app .comic-card-actions .btn.danger,.metis-app .comic-card-actions a.btn.danger{color:var(--color-status-danger);border-color:transparent;background:color-mix(in oklch,var(--color-status-danger) 14%,var(--panel));box-shadow:none}.metis-app .comic-card-actions .btn.danger:focus-visible,.metis-app .comic-card-actions .btn.danger:hover{color:var(--color-status-danger);border-color:transparent;background:color-mix(in oklch,var(--color-status-danger) 18%,var(--panel))}.metis-app .comic-project-state[data-tone=warn] i{background:var(--color-status-warning)}.metis-app .comic-project-state[data-tone=ok] i{background:var(--green)}.metis-app .comic-project-state[data-tone=muted] i{background:var(--muted)}.metis-app .comic-project-state[data-tone=info] i{background:var(--blue)}.metis-app .comic-project-card h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metis-app .comic-project-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.metis-app .comic-card-actions a.btn{text-decoration:none}.metis-app .comic-empty-projects{position:relative;overflow:hidden;isolation:isolate;grid-column:1/-1;min-height:330px;border:1px solid var(--line);border-radius:24px;display:grid;place-items:center;text-align:center;color:var(--muted);background:#1c1d20}.metis-app .comic-empty-projects b{display:block;margin-bottom:7px;color:var(--fg);font-size:17px;font-weight:850;letter-spacing:-.02em}.metis-app .comic-empty-content{position:relative;z-index:2;padding:32px 24px;display:grid;justify-items:center;gap:0}.metis-app .comic-empty-content>span{display:block;max-width:460px;color:var(--muted);font-size:13px;line-height:1.6;font-weight:650}.metis-app .comic-empty-content>.btn{margin-top:18px}.metis-app .comic-empty-dotgrid{--dot-gap:18px;--dot-core:0.5px;--dot-feather:1.6px;--dot-bright:rgb(170 208 255/0.85);--mx:50%;--my:50%;position:absolute;inset:0;z-index:0;pointer-events:auto;contain:paint;mask-image:radial-gradient(ellipse 240px 110px at center,transparent 28%,#0005 55%,#000 100%);-webkit-mask-image:radial-gradient(ellipse 240px 110px at center,transparent 28%,#0005 55%,#000 100%)}.metis-app .comic-dotgrid-base,.metis-app .comic-dotgrid-ripple,.metis-app .comic-dotgrid-spotlight{position:absolute;inset:0;display:block;pointer-events:none;background:radial-gradient(circle,var(--dot-bright) var(--dot-core),transparent var(--dot-feather)) 50% 50% /var(--dot-gap) var(--dot-gap)}.metis-app .comic-dotgrid-base{opacity:.22}.metis-app .comic-dotgrid-ripple{opacity:0;mask-image:radial-gradient(circle,transparent 18%,#0003 32%,#000d 50%,#0003 68%,transparent 82%);-webkit-mask-image:radial-gradient(circle,transparent 18%,#0003 32%,#000d 50%,#0003 68%,transparent 82%);mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;animation:comicDotRipple 4s cubic-bezier(.33,0,.2,1) infinite}.metis-app .comic-dotgrid-ripple-delay{animation-delay:-2s}@keyframes comicDotRipple{0%{opacity:0;mask-size:80px 80px;-webkit-mask-size:80px 80px}16%{opacity:1}to{opacity:0;mask-size:1400px 1400px;-webkit-mask-size:1400px 1400px}}.metis-app .comic-dotgrid-spotlight{opacity:0;transition:opacity .22s ease;mask-image:radial-gradient(circle 145px at var(--mx,50%) var(--my,50%),#000 0,#000d 28%,#0005 55%,transparent 72%);-webkit-mask-image:radial-gradient(circle 145px at var(--mx,50%) var(--my,50%),#000 0,#000d 28%,#0005 55%,transparent 72%)}.metis-app .comic-empty-dotgrid[data-hover=true] .comic-dotgrid-spotlight{opacity:1}.metis-app .comic-empty-glow{position:absolute;inset:-24%;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 40%,rgb(109 161 255/.1));filter:blur(20px)}@media (prefers-reduced-motion:reduce){.metis-app .comic-dotgrid-ripple{animation:none;opacity:.25;mask-size:480px 480px;-webkit-mask-size:480px 480px}.metis-app .comic-dotgrid-ripple-delay,.metis-app .comic-dotgrid-spotlight{display:none}}