.qc{--rx:0deg;--ry:0deg;--mx:50%;--my:0%;--qs:#d97706;border:1px solid hsl(var(--border));min-width:0;color:hsl(var(--foreground));background:linear-gradient(170deg, hsl(var(--card)), hsl(var(--card) / .9));transform:perspective(1200px) rotateX(calc(var(--rx) * .5)) rotateY(calc(var(--ry) * .5));isolation:isolate;border-radius:22px;gap:12px;padding:18px 18px 16px 22px;transition:transform .9s cubic-bezier(.22,1,.36,1),box-shadow .6s,border-color .6s,translate .7s cubic-bezier(.22,1,.36,1);display:grid;position:relative;box-shadow:inset 0 1px #ffffffbf,0 14px 30px -24px #0f172a73}@media (min-width:640px){.qc{gap:14px;padding:22px 24px 18px 28px}}.dark .qc{background:linear-gradient(170deg,#1e293bd9,#0f172ab8);box-shadow:inset 0 1px #ffffff0f,0 18px 36px -26px #000000d9}.qc[data-status=solved]{--qs:#059669}.qc[data-status=answered]{--qs:#7c3aed}.qc[data-pinned]{border-color:#d9770673}.qc:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(var(--qs), var(--qs)) left 0 top 18px / 4px calc(100% - 36px) no-repeat, radial-gradient(70% 90% at 100% 0%, color-mix(in srgb, var(--c2,#6366f1) 13%, transparent), transparent 65%);position:absolute;inset:0}.qc:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(380px circle at var(--mx) var(--my), #ffffff4d, transparent 45%);transition:opacity .6s;position:absolute;inset:0}.dark .qc:after{background:radial-gradient(380px circle at var(--mx) var(--my), #ffffff14, transparent 45%)}.qc:hover,.qc:focus-within{border-color:color-mix(in srgb, var(--c2,#6366f1) 50%, hsl(var(--border)));box-shadow:0 1px 0 #ffffffbf inset, 0 26px 46px -26px color-mix(in srgb, var(--c2,#6366f1) 55%, transparent);translate:0 -2px}.qc:hover:after{opacity:1}.qc[data-tilting]{transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s,border-color .6s,translate .7s}.qc-note{color:hsl(var(--muted-foreground));font-size:12px;font-weight:700}.qc-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.qc-chips{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.qc-chip{white-space:nowrap;text-overflow:ellipsis;max-width:100%;min-height:30px;color:var(--c2,hsl(var(--foreground)));background:color-mix(in srgb, var(--c2,#6366f1) 10%, hsl(var(--card)));border:1px solid color-mix(in srgb, var(--c2,#6366f1) 26%, transparent);border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 4px;font-size:11.5px;font-weight:750;display:inline-flex;overflow:hidden}.dark .qc-chip{color:var(--c1,hsl(var(--foreground)))}.qc-chip .sd-ico{border-radius:999px;width:22px;height:22px}.qc-chip .sd-ico>svg{width:12px;height:12px}a.qc-chip{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}a.qc-chip:hover{box-shadow:0 8px 16px -10px var(--c2,#6366f1);transform:translateY(-1px)}.qc-bounty{color:#92400e;background:linear-gradient(#fef3c7,#fde68a);border-color:#d9770673;padding:0 10px;box-shadow:0 6px 14px -8px #d97706b3}.dark .qc-bounty{color:#fde68a;background:linear-gradient(#78350f99,#92400e66)}.qc-bounty svg{width:14px;height:14px}.qc .qc-bm{border-radius:14px;flex:none;min-width:44px;min-height:44px}.qc-title{letter-spacing:-.01em;font-size:16.5px;font-weight:850;line-height:1.35}@media (min-width:640px){.qc-title{font-size:18px}}.qc-link{color:inherit;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.qc-link:after{content:"";z-index:1;border-radius:22px;position:absolute;inset:0}.qc-link:focus-visible{outline:none}.qc-link:focus-visible:after{outline:2px solid hsl(var(--ring));outline-offset:3px}.qc:hover .qc-link{color:color-mix(in srgb, var(--c2,hsl(var(--primary))) 80%, hsl(var(--foreground)))}.qc-raise{z-index:2;position:relative}.qc-excerpt{color:hsl(var(--muted-foreground));-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}@media (min-width:640px){.qc-excerpt{-webkit-line-clamp:3}}.qc-answer{background:hsl(var(--muted) / .5);border:1px solid hsl(var(--border) / .7);color:hsl(var(--foreground) / .85);border-radius:14px;padding:10px 12px}.qc-stats{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.qc-status{color:#fff;background:linear-gradient(145deg, var(--c1), var(--c2));min-height:30px;box-shadow:inset 0 1px 0 #fff6, 0 8px 16px -10px var(--c2);border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.qc-status svg{width:14px;height:14px}.qc-stat{min-height:30px;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .55);border:1px solid hsl(var(--border) / .8);border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.qc-stat b{color:hsl(var(--foreground));font-variant-numeric:tabular-nums;font-weight:850}.qc-stat svg{width:14px;height:14px}.qc-foot{border-top:1px solid hsl(var(--border) / .7);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.qc-tags{flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.qc-tag{min-height:32px;color:hsl(var(--muted-foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:10px;align-items:center;padding:0 10px;font-size:12px;font-weight:650;transition:color .2s,border-color .2s,transform .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.qc-tag:before{content:"";position:absolute;inset:-6px -2px}.qc-tag:hover{color:hsl(var(--foreground));border-color:color-mix(in srgb, var(--c2,#6366f1) 45%, hsl(var(--border)));transform:translateY(-1px)}.qc-tag-more{min-height:32px;color:hsl(var(--muted-foreground));align-items:center;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.qc-by{align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.qc-author{background:hsl(var(--muted) / .5);border:1px solid hsl(var(--border) / .8);border-radius:999px;align-items:center;gap:8px;min-width:0;min-height:44px;padding:4px 12px 4px 4px;transition:border-color .2s,background-color .2s;display:inline-flex}.qc-author:hover{border-color:color-mix(in srgb, var(--c2,#6366f1) 45%, hsl(var(--border)));background:hsl(var(--muted))}.qc-avatar{border:2px solid hsl(var(--card));width:30px;height:30px;box-shadow:0 0 0 1px color-mix(in srgb, var(--c2,#6366f1) 45%, transparent);background:hsl(var(--muted));border-radius:999px;flex:none;position:relative;overflow:hidden}.qc-author-name{align-items:center;gap:4px;max-width:160px;font-size:12.5px;font-weight:800;display:flex}.qc-author-name svg{color:#059669;flex:none;width:13px;height:13px}.qc-author-meta{color:hsl(var(--muted-foreground));white-space:nowrap;font-size:11px;font-weight:600;display:block}.qc-time{color:hsl(var(--muted-foreground));white-space:nowrap;font-size:11.5px;font-weight:600}.qc-stats .qc-time{margin-left:auto}.qc a:focus-visible,.qc button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}@media (prefers-reduced-motion:reduce){.qc,.qc-tag,a.qc-chip,.qc-author{transition:none}.qc{transform:none}.qc,.qc:hover,.qc:focus-within{translate:none}a.qc-chip:hover,.qc-tag:hover{transform:none}}