.engagement{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;max-width:560px;margin:clamp(28px,5vw,48px) auto;display:flex}.eg-stat,.eg-fav{font-family:var(--sans);border:1px solid var(--hairline-strong);background:var(--paper-card);color:var(--sumi-soft);border-radius:999px;align-items:center;gap:.5em;padding:.7em 1.2em;display:inline-flex}.eg-stat .num,.eg-fav .num{font-variant-numeric:tabular-nums;color:var(--sumi);font-size:1.05rem;font-weight:700}.eg-stat .lbl,.eg-fav .lbl{letter-spacing:.08em;color:var(--ink-muted);font-size:.74rem}.eg-stat.as-link{transition:border-color .2s,color .2s}.eg-stat.as-link:hover{color:var(--shu);border-color:var(--shu)}.eg-fav{cursor:pointer;color:var(--shu);border-color:color-mix(in srgb, var(--shu) 40%, transparent);transition:transform .15s,background .2s,box-shadow .2s}.eg-fav:hover:not(:disabled){box-shadow:0 8px 20px -10px var(--shadow);transform:translateY(-2px)}.eg-fav:disabled{opacity:.6;cursor:default}.eg-fav.on{background:var(--shu);border-color:var(--shu)}.eg-fav.on .num,.eg-fav.on .lbl,.eg-fav.on{color:#fff}.eg-fav.on svg{animation:.3s pop}@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.2)}to{transform:scale(1)}}.comments{max-width:720px;margin:clamp(40px,7vw,80px) auto 0}.comments-head{margin-bottom:1.6rem}.comments-head h2{font-family:var(--serif);letter-spacing:.06em;align-items:baseline;gap:.6em;font-size:clamp(1.4rem,3vw,1.9rem);display:flex}.comments-head .en{font-family:var(--sans);letter-spacing:.32em;color:var(--shu);margin-bottom:.5em;font-size:.7rem;font-weight:600;display:block}.comments-head h2 .count{font-family:var(--sans);color:#fff;background:var(--shu);border-radius:999px;padding:.1em .7em;font-size:.9rem}.comments-head .note{margin-top:.6em;font-size:.84rem}.comment-form{background:var(--paper-card);border:1px solid var(--hairline);border-radius:var(--radius);margin-bottom:2rem;padding:clamp(16px,3vw,24px)}.comment-form .row{gap:10px;display:flex}.comment-form .pen{font-family:var(--sans);border:1px solid var(--hairline-strong);border-radius:var(--radius);background:var(--paper);color:var(--sumi);flex:1;margin-bottom:10px;padding:.7em 1em;font-size:.92rem}.comment-form .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.comment-form .body{width:100%;font-family:var(--serif-body);border:1px solid var(--hairline-strong);border-radius:var(--radius);background:var(--paper);color:var(--sumi);resize:vertical;padding:.8em 1em;font-size:1rem;line-height:1.9}.comment-form .pen:focus,.comment-form .body:focus{border-color:var(--shu);outline:none}.form-foot{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.form-foot .len{font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:.78rem}.form-error{color:var(--shu-deep);font-family:var(--sans);margin:.8em 0 0;font-size:.84rem}.comment-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.comment-list .loading,.comment-list .empty{font-family:var(--sans);padding:1em 0;font-size:.9rem}.comment{background:var(--paper-card);border:1px solid var(--hairline);border-left:3px solid color-mix(in srgb, var(--shu) 50%, transparent);border-radius:var(--radius);padding:1.1em 1.3em}.c-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:.5em;display:flex}.c-name{font-family:var(--sans);color:var(--sumi);font-size:.92rem;font-weight:700}.c-time{font-family:var(--sans);color:var(--ink-muted);font-size:.74rem}.c-body{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.95}.c-foot{justify-content:flex-end;margin-top:.5em;display:flex}.c-report{font-family:var(--sans);letter-spacing:.04em;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:.2em .4em;font-size:.72rem;transition:color .2s}.c-report:hover:not(:disabled){color:var(--shu)}.c-report:disabled{color:var(--ink-muted);cursor:default;opacity:.7}.ranking{gap:10px;margin:0;padding:0;list-style:none;display:grid}.rank-item{align-items:stretch;gap:14px;display:flex}.rank-no{width:40px;font-family:var(--serif);color:var(--ink-muted);font-variant-numeric:tabular-nums;flex:none;place-items:center;font-size:1.4rem;font-weight:800;display:grid}.rank-no.rank-1{color:#b8860b}.rank-no.rank-2{color:#8a8a8a}.rank-no.rank-3{color:#a9743b}.rank-link{background:var(--paper-card);border:1px solid var(--hairline);border-radius:var(--radius);flex-direction:column;flex:1;gap:.35em;padding:.9em 1.2em;transition:border-color .2s,transform .2s;display:flex}a.rank-link:hover{border-color:var(--shu);transform:translate(3px)}.rank-title{font-family:var(--serif);letter-spacing:.04em;color:var(--sumi);font-size:1.1rem}.rank-meta{font-family:var(--sans);color:var(--ink-muted);flex-wrap:wrap;gap:.4em 1em;font-size:.76rem;display:flex}.rank-genre{color:var(--shu)}.rank-stat{font-variant-numeric:tabular-nums}.skeleton{opacity:.5}.skeleton .rank-title{background:var(--hairline);color:#0000;border-radius:4px;width:60%;display:block}@media (max-width:560px){.engagement{gap:8px}.eg-stat,.eg-fav{padding:.6em .9em}}