:root,[data-theme=dark]{--panel-bg: rgba(10, 12, 20, .72);--panel-text: #e8eaf0;--panel-text-soft: rgba(255, 255, 255, .82);--panel-text-dim: rgba(255, 255, 255, .66);--panel-eyebrow: rgba(255, 255, 255, .45);--panel-border: rgba(255, 255, 255, .08);--panel-shadow: rgba(0, 0, 0, .5);--chip-bg: rgba(255, 255, 255, .07);--chip-border: rgba(255, 255, 255, .1);--chip-text: rgba(255, 255, 255, .78);--link-bg: #fff;--link-text: #0a0c14;--close-bg: rgba(8, 10, 16, .55);--close-border: rgba(255, 255, 255, .16)}[data-theme=light]{--panel-bg: rgba(248, 250, 252, .82);--panel-text: #14161c;--panel-text-soft: rgba(0, 0, 0, .78);--panel-text-dim: rgba(0, 0, 0, .6);--panel-eyebrow: rgba(0, 0, 0, .45);--panel-border: rgba(0, 0, 0, .08);--panel-shadow: rgba(0, 0, 0, .18);--chip-bg: rgba(0, 0, 0, .05);--chip-border: rgba(0, 0, 0, .1);--chip-text: rgba(0, 0, 0, .7);--link-bg: #14161c;--link-text: #fff;--close-bg: rgba(255, 255, 255, .7);--close-border: rgba(0, 0, 0, .12)}#detail{position:fixed;inset:0;z-index:10;display:flex;justify-content:flex-end;pointer-events:none}.detail-panel{pointer-events:auto;position:relative;width:min(46vw,560px);height:100%;overflow-y:auto;color:var(--panel-text);background:var(--panel-bg);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-left:1px solid var(--panel-border);box-shadow:-30px 0 80px var(--panel-shadow);font:15px/1.6 ui-sans-serif,system-ui,sans-serif}@media (max-width: 720px){.detail-panel{width:100%}}.detail-bar{position:sticky;top:0;height:0;z-index:3;pointer-events:none}.detail-close{pointer-events:auto;position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:999px;border:1px solid var(--close-border);background:var(--close-bg);backdrop-filter:blur(8px);color:var(--panel-text);font-size:22px;line-height:1;cursor:pointer;transition:background .2s}.detail-close:hover{background:var(--chip-bg)}.detail-cover{width:100%;aspect-ratio:16 / 10;background:var(--bg);overflow:hidden}.detail-cover img,.detail-cover video,.detail-cover canvas{display:block;width:100%;height:100%;object-fit:cover}.detail-body{padding:28px 36px 48px}.detail-eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--panel-eyebrow)}.detail-title{margin:0 0 12px;font-size:34px;line-height:1.1;font-weight:700}.detail-summary{margin:0 0 18px;font-size:17px;color:var(--panel-text-soft)}.detail-desc{margin:0 0 24px;color:var(--panel-text-dim)}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none}.detail-tags li{padding:5px 11px;font-size:12px;letter-spacing:.04em;border-radius:999px;background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--chip-text)}.detail-links{display:flex;flex-wrap:wrap;gap:12px}.detail-links a{padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;border-radius:10px;background:var(--link-bg);color:var(--link-text);transition:transform .15s,opacity .15s}.detail-links a:hover{transform:translateY(-1px);opacity:.9}