.pkg-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.pkg-card:hover{transform:translateY(-3px);border-color:var(--color-primary-border);box-shadow:0 12px 32px #0000004d,0 0 0 1px var(--color-primary-border)}.pkg-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pkg-cover{position:relative;height:86px;overflow:hidden;flex-shrink:0}.pkg-cover:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:14px 14px;mask-image:linear-gradient(180deg,black,transparent 90%)}.pkg-cover__initial{position:absolute;left:14px;bottom:-18px;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:22px;font-weight:700;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1;text-shadow:0 1px 8px rgba(0,0,0,.4)}.pkg-cover__count{position:absolute;right:10px;top:10px;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;font-family:var(--font-mono);color:#fff;background:#0000006b;border:1px solid rgba(255,255,255,.18);padding:4px 8px;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1}.pkg-body{display:flex;flex-direction:column;gap:8px;padding:26px 16px 14px;flex:1}.pkg-compact .pkg-body{padding:14px 16px}.pkg-title{margin:0;font-size:15px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.pkg-author{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-secondary)}.pkg-author img{border-radius:999px;border:1px solid var(--color-border)}.pkg-desc{margin:0;font-size:12.5px;color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:37px}.pkg-tags{display:flex;flex-wrap:wrap;gap:6px}.pkg-tag{font-size:10px;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-tertiary);padding:3px 8px;border-radius:999px;text-decoration:none;transition:color .12s ease,border-color .12s ease}a.pkg-tag:hover{color:var(--color-primary);border-color:var(--color-primary-border)}.pkg-foot{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--color-text-tertiary);border-top:1px solid var(--color-border);padding:10px 16px 12px;margin-top:auto}.pkg-foot__stat{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10.5px}.pkg-foot__arrow{margin-left:auto;color:var(--color-text-tertiary);transition:transform .16s ease,color .16s ease;display:grid;place-items:center}.pkg-card:hover .pkg-foot__arrow{transform:translate(4px);color:var(--color-primary)}@keyframes pkg-shimmer{0%{opacity:.45}50%{opacity:.9}to{opacity:.45}}.pkg-sk{background:var(--color-surface-raised);border-radius:6px;animation:pkg-shimmer 1.4s ease-in-out infinite}.pkg-bar{height:6px;background:var(--color-bg);border-radius:999px;overflow:hidden;border:1px solid var(--color-border)}.pkg-bar>div{height:100%;border-radius:999px;transition:width .3s ease}.pkg-linkrow{display:flex;align-items:center;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:12px 14px;transition:border-color .13s ease}.pkg-linkrow:hover{border-color:var(--color-border-hover)}.pkg-linkrow__tile{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0}.pkg-sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.pkg-sectionhead h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.pkg-sectionhead__icon{width:28px;height:28px;display:grid;place-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:9px;color:var(--color-primary);flex-shrink:0}.pkg-owner-actions{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--color-border)}.pkg-confirm{background:#ef444424;border-color:#ef444466;color:#f87171;animation:pkg-shimmer 1s ease-in-out infinite}.pkg-search{width:100%;border-radius:14px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:13px;outline:none;padding:12px 14px 12px 40px;transition:border-color .13s ease,box-shadow .13s ease}.pkg-search::placeholder{color:var(--color-text-tertiary)}.pkg-search:focus{border-color:var(--color-border-strong);box-shadow:0 0 0 3px var(--color-primary-ring)}.pkg-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;padding:8px 13px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all .13s ease}.pkg-chip:hover{color:var(--color-text);border-color:var(--color-border-hover)}.pkg-chip:focus-visible{outline:1px solid var(--color-primary);outline-offset:2px}.pkg-chip--active{background:var(--color-primary-soft);border-color:var(--color-primary-border);color:var(--color-primary);font-weight:600}.pkg-hero{position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--color-border)}.pkg-hero__cover{height:130px;position:relative}.pkg-hero__cover:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px);background-size:16px 16px;mask-image:linear-gradient(180deg,black,transparent 95%)}.pkg-hero__body{background:var(--color-surface);padding:0 24px 24px}.pkg-hero__avatar{width:56px;height:56px;border-radius:16px;border:2px solid var(--color-surface);margin-top:-28px;position:relative;z-index:1;background:var(--color-surface)}.pkg-statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pkg-stat{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:10px 12px;text-align:center}.pkg-stat b{display:block;font-size:15px;font-weight:700;font-family:var(--font-mono);letter-spacing:-.01em}.pkg-stat span{font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em}@media (max-width: 640px){.pkg-statgrid{grid-template-columns:repeat(2,1fr)}.pkg-hero__body{padding:0 16px 20px}}.pkg-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;font-size:13px;font-weight:600;padding:11px 18px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .13s ease}.pkg-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pkg-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pkg-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pkg-btn--dark{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.pkg-btn--dark:hover{opacity:.88}.pkg-btn--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text);font-weight:500}.pkg-btn--ghost:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.pkg-fav{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-tertiary);cursor:pointer;flex-shrink:0;transition:all .13s ease}.pkg-fav:hover{color:#facc15;border-color:#facc1566}.pkg-fav:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pkg-fav--on{color:#facc15;border-color:#facc1573;background:#facc151a}.pkg-previewrow{display:flex;align-items:center;gap:10px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:10px 12px;transition:border-color .12s ease}.pkg-previewrow:hover{border-color:var(--color-border-hover)}