:root{--pan-accent:#0969da}:root[data-theme=dark]{--pan-accent:var(--highlight)}.pan-card{display:flex;align-items:center;gap:14px;margin:1.25rem 0;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--code-bg);transition:border-color .2s ease,box-shadow .2s ease}.pan-card:hover{border-color:var(--pan-accent);box-shadow:0 2px 10px rgba(0,0,0,6%)}.pan-card--tabs{display:block}.pan-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;min-width:0}.pan-name{font-weight:600;color:var(--primary);overflow-wrap:anywhere}.pan-note{font-size:.8rem;color:var(--secondary)}.pan-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 10px}.pan-side{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;min-width:0}.pan-link{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--primary);font-size:.85rem;line-height:1.4;text-decoration:none;transition:color .2s ease}.pan-link,.post-content a.pan-link,.post-content .pan-link{box-shadow:none;text-decoration:none}.post-content a.pan-link:hover,.post-content .pan-link:hover,.pan-link:hover{color:var(--pan-accent);text-decoration:underline}.pan-link__label{display:none}.pan-link__icon{flex:none;font-size:.9rem;line-height:1}.pan-link__url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pan-copy{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:5px;background:0 0;color:var(--secondary);cursor:pointer;transition:color .2s ease,background .2s ease}.pan-copy:hover{color:var(--primary);background:var(--tertiary)}.pan-copy.is-copied{color:var(--pan-accent)}.pan-pwd{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px dashed var(--secondary);border-radius:6px;background:0 0;color:var(--secondary);font-size:.85rem;line-height:1.4;font-family:inherit;white-space:nowrap;cursor:pointer;transition:color .2s ease,border-color .2s ease}.pan-pwd:hover{color:var(--primary);border-color:var(--primary)}.pan-pwd code{padding:0;background:0 0;font-size:.85rem;color:var(--primary)}.pan-pwd.is-copied{border-style:solid;border-color:var(--pan-accent);color:var(--primary)}.pan-tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px;margin-top:10px;border-bottom:1px solid var(--border)}.pan-tab{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px 6px 0 0;background:0 0;color:var(--secondary);font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.4;cursor:pointer;transition:color .2s ease}.pan-tab svg,.pan-tab img{width:16px;height:16px}.pan-tab:hover{color:var(--primary)}.pan-tab.is-active{color:var(--primary)}.pan-tab.is-active::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--pan-accent)}.pan-panels{padding-top:12px}.pan-panel[hidden]{display:none}.pan-panels .pan-panel:not([hidden])+.pan-panel:not([hidden]){margin-top:10px}.pan-link:focus-visible,.pan-pwd:focus-visible,.pan-tab:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}@media screen and (max-width:768px){.pan-card{padding:12px}.pan-link{padding:5px 12px;border-radius:6px;background:var(--primary);color:var(--theme);font-weight:600}.pan-link:hover{color:var(--theme);opacity:.85;text-decoration:none}.pan-link__url{display:none}.pan-link__label{display:inline}}@media(prefers-reduced-motion:reduce){.pan-card,.pan-link,.pan-link svg,.pan-pwd,.pan-tab{transition:none}}