@view-transition{navigation: auto;}@keyframes detail-thumb-land{0%{opacity:.5;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes detail-fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@supports not (view-transition-name: none){.detail-preview{animation:detail-thumb-land .55s cubic-bezier(.22,1,.36,1) both}}html.has-vt .detail-preview{animation:none}.detail-meta{animation:detail-fade-up .5s .3s cubic-bezier(.22,1,.36,1) both}.detail-aside{animation:detail-fade-up .5s .45s cubic-bezier(.22,1,.36,1) both}.detail-similar{animation:detail-fade-up .5s .6s cubic-bezier(.22,1,.36,1) both}html.has-vt .detail-meta{animation-delay:.65s}html.has-vt .detail-aside{animation-delay:.8s}html.has-vt .detail-similar{animation-delay:.95s}@media (prefers-reduced-motion: reduce){.detail-preview,.detail-meta,.detail-aside,.detail-similar{animation:none}}.detail-body{background:var(--bg);color:var(--fg)}.detail-preview{padding-top:72px;display:flex;justify-content:center;padding-left:32px;padding-right:32px}.detail-thumb{width:100%;max-width:1200px;aspect-ratio:9 / 5;border-radius:4px;overflow:hidden;box-shadow:0 4px 24px #00000080,0 24px 64px #0006;position:relative}.detail-thumb:before{content:"";position:absolute;top:0;left:0;right:0;height:13%;z-index:1;background:inherit;filter:brightness(1.12)}.detail-thumb:after{content:"";position:absolute;bottom:22%;left:10%;z-index:1;width:48%;height:3px;border-radius:2px;background:currentColor;opacity:.28;box-shadow:0 10px 0 0 currentColor,0 18px 0 0 currentColor}.detail-thumb.has-video:before,.detail-thumb.has-video:after,.detail-thumb.has-thumb:before,.detail-thumb.has-thumb:after{display:none}.detail-layout{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:32px 32px 0;gap:24px;width:100%}.detail-aside{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.detail-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.detail-visit-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}@media (min-width: 860px){.detail-layout{display:grid;grid-template-columns:7fr 3fr;align-items:start;gap:48px;padding-top:40px}.detail-aside{align-items:flex-end}.detail-actions{align-items:flex-end;text-align:right}}.detail-meta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;flex:1;min-width:0;width:100%}@media (min-width: 860px){.detail-meta{align-items:flex-start;text-align:left}}.detail-ft{font-size:12px;font-weight:500;letter-spacing:.1em;word-spacing:.05em;color:#fafafa66;text-transform:uppercase;font-feature-settings:"liga" 0}.detail-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--fg);text-rendering:optimizeLegibility}.detail-visit{display:inline-flex;align-items:center;gap:5px;background:#fafafaeb;color:var(--bg);font-size:14px;font-weight:500;padding:9px 18px;border-radius:999px;transition:background .15s}.detail-visit:hover{background:#fff}.detail-desc{font-size:15px;font-weight:400;line-height:1.65;color:#fafafa73;max-width:60ch;text-align:center;margin-top:4px}@media (min-width: 860px){.detail-desc{text-align:left}}.detail-votes{display:flex;gap:8px;margin-top:12px}.vote-count{opacity:.55;font-variant-numeric:tabular-nums}.vote-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff6;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s,transform .12s}.vote-btn svg{width:15px;height:15px;flex-shrink:0;transition:color .15s}.vote-btn:hover{border-color:#ffffff59;color:#ffffffd9;background:#ffffff0d}.vote-btn.is-liked{border-color:#f8717166;background:#f871711a;color:#f87171}@keyframes votepop{0%{transform:scale(1)}40%{transform:scale(1.12)}70%{transform:scale(.95)}to{transform:scale(1)}}.vote-btn.pop{animation:votepop .28s cubic-bezier(.22,1,.36,1)}.vote-btn.is-cooling{opacity:.45;cursor:default;pointer-events:none}.share-wrap{position:relative;display:flex;justify-content:center}.share-btn{display:inline-flex;align-items:center;gap:5px;background:#fafafaeb;color:var(--bg);font-family:inherit;font-size:14px;font-weight:500;padding:9px 18px;border-radius:999px;border:none;cursor:pointer;transition:background .15s}.share-btn:hover,.share-btn.is-open{background:#fff}.share-btn svg{width:13px;height:13px;flex-shrink:0}.share-pop{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#1c1c1c;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:5px;display:flex;flex-direction:column;min-width:185px;box-shadow:0 8px 32px #000000b3,0 2px 8px #0006;z-index:50;animation:share-in .18s cubic-bezier(.22,1,.36,1) both}@media (min-width: 860px){.share-pop{left:auto;right:0;transform:none;animation-name:share-in-right}}.share-pop[hidden]{display:none}@keyframes share-in{0%{opacity:0;transform:translate(-50%) translateY(5px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes share-in-right{0%{opacity:0;transform:translateY(5px) scale(.97)}to{opacity:1;transform:none}}.share-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;border:none;background:none;color:#fff9;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.01em;cursor:pointer;text-align:left;text-decoration:none;white-space:nowrap;transition:background .12s,color .12s}.share-item:hover{background:#ffffff12;color:#ffffffe6}.share-item svg{width:15px;height:15px;flex-shrink:0;opacity:.65}.share-item--copied{color:#6ee7b7d9!important}.share-divider{height:1px;background:#ffffff12;margin:4px 8px}.detail-tags{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:6px;width:100%;margin-top:16px}.tag-row{display:contents}.tag{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;letter-spacing:.01em;color:#ffffff73;background:#ffffff12;padding:6px 12px;border-radius:999px;transition:background .15s,color .15s;white-space:nowrap}.tag:hover{background:#ffffff1f;color:#ffffffd9}.tag-icon{width:14px;height:14px;opacity:.5;flex-shrink:0}.detail-similar{margin-top:48px;padding:0 32px}.detail-notfound{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;padding:32px;text-align:center}.detail-notfound h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;color:var(--fg)}.detail-notfound p{color:#555;font-size:15px}.detail-notfound a{font-size:14px;font-weight:500;color:var(--fg);text-decoration:underline;text-underline-offset:3px}