@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
:root{
  --rk-bg:#f5f3ee;--rk-bg2:#edeae3;--rk-s:#fff;--rk-s2:#f9f7f4;
  --rk-bd:#e2ddd6;--rk-bd2:#ccc8c0;
  --rk-ac:#e8332a;--rk-gn:#1a7f5a;--rk-gd:#c9a227;--rk-or:#e07020;
  --rk-tx:#1a1814;--rk-tx2:#4a4640;--rk-mu:#9a9590;
  --rk-sh:0 1px 3px rgba(0,0,0,.07),0 4px 12px rgba(0,0,0,.05);
  --rk-shh:0 6px 20px rgba(0,0,0,.1),0 12px 40px rgba(0,0,0,.07);
  --rk-r:14px;
}
.rankit-wrap{font-family:'Inter',sans-serif;color:var(--rk-tx);max-width:820px;margin:0 auto;padding:2rem 0 3rem}
/* Header */
.rk-header{text-align:center;margin-bottom:2rem}
.rk-title{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,5vw,3.2rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;margin:0 0 .5rem}
.rk-subtitle{color:var(--rk-tx2);font-size:.95rem;line-height:1.6;margin:.3rem 0 0}
.rk-pills{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-top:.9rem}
.rk-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .85rem;border-radius:99px;font-size:.74rem;font-family:'JetBrains Mono',monospace}
.rk-pill-live{background:var(--rk-s);border:1px solid var(--rk-bd);color:var(--rk-mu)}
.rk-pill-cd{background:#f0faf5;border:1px solid #a0dcc0;color:var(--rk-gn)}
.rk-pill-cd.used{background:#fff7ed;border-color:#fcd9a0;color:#b45309}
.rk-dot{width:7px;height:7px;border-radius:50%;background:var(--rk-gn);animation:rk-pulse 2s infinite}
@keyframes rk-pulse{0%,100%{opacity:1}50%{opacity:.25}}
/* Vote banner */
.rk-vote-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:#fffbf0;border:1.5px solid #f0d070;border-radius:12px;padding:.9rem 1.1rem;margin-bottom:1.2rem;font-size:.85rem;color:#7a5f00}
.rk-vote-banner strong{display:block;margin-bottom:.15rem}
.rk-slot{width:30px;height:9px;border-radius:99px;background:var(--rk-bd);border:1.5px solid var(--rk-bd2);transition:all .3s}
.rk-slot.filled{background:var(--rk-gd);border-color:#b08000}
.rk-cancel-btn{background:none;border:1px solid #f0d070;color:#a07820;padding:.3rem .75rem;border-radius:7px;cursor:pointer;font-size:.78rem;font-weight:600;font-family:'Inter',sans-serif}
/* List */
.rk-list{display:flex;flex-direction:column;gap:.9rem;margin-bottom:1.2rem}
.rk-item{display:grid;grid-template-columns:58px 110px 1fr auto;background:var(--rk-s);border:1px solid var(--rk-bd);border-radius:var(--rk-r);overflow:hidden;box-shadow:var(--rk-sh);transition:transform .22s,box-shadow .22s,border-color .22s;position:relative}
.rk-item:hover{transform:translateY(-3px);box-shadow:var(--rk-shh);border-color:var(--rk-bd2)}
.rk-item.rk1{border-left:3px solid var(--rk-gd)}.rk-item.rk2{border-left:3px solid #8a929e}.rk-item.rk3{border-left:3px solid #b07040}
.rk-item.rk-sel{border:2px solid var(--rk-gd);box-shadow:0 0 0 3px rgba(201,162,39,.15)}
.rk-item.rk-voted{opacity:.75}
.rk-rank{display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:1.65rem;font-weight:900;color:var(--rk-bd2);border-right:1px solid var(--rk-bd);background:var(--rk-s2)}
.rk1 .rk-rank{color:var(--rk-gd)}.rk2 .rk-rank{color:#8a929e}.rk3 .rk-rank{color:#b07040}
.rk-thumb{width:110px;min-height:110px;background:var(--rk-bg2);border-right:1px solid var(--rk-bd);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.rk-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.rk-thumb-empty{font-size:1.8rem;color:var(--rk-bd2)}
.rk-content{padding:.9rem 1rem;display:flex;flex-direction:column;justify-content:center;gap:.3rem;min-width:0}
.rk-content h4{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.rk-content p{font-size:.78rem;color:var(--rk-tx2);line-height:1.5;margin:0}
.rk-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.25rem}
.rk-chip{font-size:.67rem;color:var(--rk-mu);font-family:'JetBrains Mono',monospace;background:var(--rk-s2);padding:.1rem .45rem;border-radius:99px;border:1px solid var(--rk-bd)}
.rk-chip.voted{color:var(--rk-gn);border-color:#a0dcc0;background:#f0faf5}
.rk-chip.sel{color:#7a5f00;border-color:#f0d070;background:#fef9ec}
.rk-vpanel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem .9rem;gap:.3rem;min-width:76px;border-left:1px solid var(--rk-bd);background:var(--rk-s2);flex-shrink:0}
.rk-vbtn{width:36px;height:36px;border-radius:9px;border:1.5px solid var(--rk-bd);background:var(--rk-s);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .15s;color:var(--rk-mu)}
.rk-vbtn.up:hover,.rk-vbtn.vu{background:#e8f7f1;border-color:#7ecba8;color:var(--rk-gn)}
.rk-vbtn.dn:hover,.rk-vbtn.vd{background:#fdf0ef;border-color:#f0a09a;color:var(--rk-ac)}
.rk-vbtn.vu{box-shadow:0 0 0 2px rgba(26,127,90,.15)}.rk-vbtn.vd{box-shadow:0 0 0 2px rgba(232,51,42,.12)}
.rk-vbtn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}
.rk-score{font-family:'JetBrains Mono',monospace;font-size:.88rem;font-weight:500;color:var(--rk-tx2)}
.rk-score.pos{color:var(--rk-gn)}.rk-score.neg{color:var(--rk-ac)}
.rk-sbar{position:absolute;bottom:0;left:58px;right:76px;height:2.5px;background:var(--rk-bg2)}
.rk-sbar-fill{height:100%;background:var(--rk-gn);border-radius:99px;transition:width .6s ease}
/* Suggest trigger */
.rk-suggest-btn{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;background:var(--rk-s);border:1.5px dashed var(--rk-bd2);border-radius:var(--rk-r);padding:.95rem;cursor:pointer;color:var(--rk-tx2);font-size:.9rem;font-weight:500;font-family:'Inter',sans-serif;transition:all .2s;margin-bottom:1.4rem}
.rk-suggest-btn:hover{border-color:var(--rk-gd);background:#fffbf0;color:#7a5f00}
/* Comments */
.rk-comments{background:var(--rk-s);border:1px solid var(--rk-bd);border-radius:var(--rk-r);overflow:hidden;box-shadow:var(--rk-sh);margin-bottom:1.4rem}
.rk-comments-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.3rem;border-bottom:1px solid var(--rk-bd);cursor:pointer;user-select:none;font-family:'Playfair Display',serif;font-weight:900;font-size:1.1rem}
.rk-comments-head:hover{background:var(--rk-s2)}
.rk-ccount{font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:normal;background:var(--rk-bg2);border:1px solid var(--rk-bd);color:var(--rk-mu);padding:.1rem .5rem;border-radius:99px;margin-left:.4rem}
.rk-chevron{font-size:.85rem;color:var(--rk-mu);transition:transform .25s}.rk-chevron.open{transform:rotate(180deg)}
.rk-comments-body{padding:1.1rem 1.3rem}
.rk-compose{background:var(--rk-s2);border:1.5px solid var(--rk-bd);border-radius:11px;padding:.9rem 1rem;margin-bottom:1.1rem;transition:border-color .2s}
.rk-compose:focus-within{border-color:var(--rk-bd2)}
.rk-compose-ta{width:100%;background:transparent;border:none;outline:none;resize:none;font-family:'Inter',sans-serif;font-size:.9rem;color:var(--rk-tx);line-height:1.55;min-height:58px}
.rk-compose-ta::placeholder{color:var(--rk-mu)}
.rk-compose-foot{display:flex;align-items:center;gap:.65rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--rk-bd);flex-wrap:wrap}
.rk-compose-name-wrap{display:flex;align-items:center;gap:.35rem;background:var(--rk-s);border:1px solid var(--rk-bd);border-radius:8px;padding:.3rem .65rem;flex:1;min-width:120px;max-width:200px}
.rk-compose-name{background:transparent;border:none;outline:none;font-family:'Inter',sans-serif;font-size:.8rem;color:var(--rk-tx2);width:100%}
.rk-compose-name::placeholder{color:var(--rk-mu)}
.rk-cc{font-size:.72rem;color:var(--rk-mu);font-family:'JetBrains Mono',monospace;white-space:nowrap}
.rk-post-btn{background:var(--rk-tx);color:#fff;border:none;border-radius:8px;padding:.42rem 1rem;font-family:'Inter',sans-serif;font-weight:600;font-size:.83rem;cursor:pointer;transition:all .18s}
.rk-post-btn:hover{background:#2d2a26;transform:translateY(-1px)}
.rk-citem{display:flex;gap:.8rem;padding:.85rem 0;border-bottom:1px solid var(--rk-bd)}
.rk-citem:last-child{border-bottom:none;padding-bottom:0}
.rk-cavatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0;margin-top:.1rem}
.rk-cbody{flex:1;min-width:0}
.rk-chead{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap;margin-bottom:.2rem}
.rk-cauthor{font-size:.83rem;font-weight:700}.rk-ctime{font-size:.68rem;color:var(--rk-mu);font-family:'JetBrains Mono',monospace}
.rk-ctext{font-size:.865rem;color:var(--rk-tx2);line-height:1.6;word-break:break-word}
.rk-clike{display:inline-flex;align-items:center;gap:.3rem;margin-top:.4rem;background:none;border:1px solid var(--rk-bd);color:var(--rk-mu);border-radius:99px;padding:.15rem .55rem;font-size:.7rem;cursor:pointer;font-family:'Inter',sans-serif;transition:all .15s}
.rk-clike:hover,.rk-clike.liked{border-color:#f0a09a;color:var(--rk-ac);background:#fdf0ef}
.rk-no-comments{text-align:center;padding:1.8rem 1rem;color:var(--rk-mu);font-size:.88rem}
.rk-more-btn{display:block;width:100%;margin-top:.9rem;background:var(--rk-s2);border:1px solid var(--rk-bd);color:var(--rk-tx2);border-radius:9px;padding:.5rem;font-family:'Inter',sans-serif;font-size:.83rem;font-weight:500;cursor:pointer;transition:all .18s}
.rk-more-btn:hover{background:var(--rk-bg2)}
/* Share */
.rk-share{background:var(--rk-s);border:1px solid var(--rk-bd);border-radius:var(--rk-r);padding:1.4rem;text-align:center;box-shadow:var(--rk-sh)}
.rk-share strong{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:900}
.rk-share p{color:var(--rk-mu);font-size:.83rem;margin:.3rem 0 1rem}
.rk-share-btns{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}
.rk-sbtn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:9px;border:none;cursor:pointer;font-family:'Inter',sans-serif;font-size:.83rem;font-weight:600;transition:all .18s}
.rk-sbtn:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.12)}
.rk-tw{background:#000;color:#fff}.rk-wa{background:#25d366;color:#fff}.rk-fb{background:#1877f2;color:#fff}.rk-tg{background:#2aabee;color:#fff}
.rk-cp{background:var(--rk-s2);color:var(--rk-tx);border:1px solid var(--rk-bd)}
/* Modal */
.rk-modal{position:fixed;inset:0;z-index:99999;background:rgba(26,24,20,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .25s}
.rk-modal.open{opacity:1;pointer-events:all}
.rk-modal-box{background:var(--rk-s);border:1px solid var(--rk-bd);border-radius:18px;width:100%;max-width:500px;box-shadow:0 24px 80px rgba(0,0,0,.18);transform:translateY(14px) scale(.97);transition:transform .3s cubic-bezier(.34,1.4,.64,1);overflow:hidden}
.rk-modal.open .rk-modal-box{transform:translateY(0) scale(1)}
.rk-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;border-bottom:1px solid var(--rk-bd)}
.rk-modal-head h3{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:900;margin:0}
.rk-modal-head button{background:none;border:1px solid var(--rk-bd);color:var(--rk-mu);width:30px;height:30px;border-radius:7px;cursor:pointer;font-size:.85rem}
.rk-modal-body{padding:1.3rem 1.4rem;max-height:65vh;overflow-y:auto}
.rk-modal-foot{padding:.9rem 1.4rem;border-top:1px solid var(--rk-bd);display:flex;justify-content:flex-end;gap:.6rem}
.rk-notice{background:#fffbf0;border:1px solid #f0d070;border-radius:9px;padding:.8rem 1rem;margin-bottom:1rem;font-size:.82rem;color:#7a5f00;line-height:1.55}
.rk-notice strong{display:block;font-size:.87rem;margin-bottom:.15rem}
.rk-fields{display:flex;flex-direction:column;gap:.75rem}
.rk-fields label{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--rk-mu);font-family:'JetBrains Mono',monospace;margin-bottom:-.4rem}
.rk-fields input,.rk-fields textarea{background:var(--rk-s2);border:1.5px solid var(--rk-bd);color:var(--rk-tx);border-radius:9px;padding:.6rem .9rem;font-family:'Inter',sans-serif;font-size:.9rem;resize:none;outline:none;transition:border-color .18s;width:100%}
.rk-fields input:focus,.rk-fields textarea:focus{border-color:var(--rk-tx2)}
.rk-btn-pri{background:var(--rk-tx);color:#fff;border:none;border-radius:9px;padding:.65rem 1.3rem;font-family:'Inter',sans-serif;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .18s}
.rk-btn-pri:hover{background:#2d2a26;transform:translateY(-1px)}
.rk-btn-sec{background:var(--rk-s2);border:1.5px solid var(--rk-bd);color:var(--rk-tx2);border-radius:9px;padding:.62rem 1.1rem;font-family:'Inter',sans-serif;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .18s}
.rk-btn-sec:hover{background:var(--rk-bg2)}
.rk-suggest-ok{text-align:center;padding:1.4rem 1rem}
.rk-suggest-ok .rk-ok-icon{font-size:2.5rem;margin-bottom:.6rem}
.rk-suggest-ok h3{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:900;margin:0 0 .5rem}
.rk-suggest-ok p{font-size:.85rem;color:var(--rk-tx2);line-height:1.6;margin:0}
.rk-loading{text-align:center;padding:2rem;color:var(--rk-mu);font-size:.9rem}
@media(max-width:560px){.rk-item{grid-template-columns:46px 90px 1fr auto}.rk-thumb{width:90px;min-height:90px}.rk-thumb img{width:90px;height:90px;object-fit:contain;background:#f9f7f4}.rk-vpanel{min-width:62px;padding:.6rem .6rem}}

/* ── AdSense block between items ── */
.rk-ad-wrap{
  background:var(--rk-s);border:1px solid var(--rk-bd);
  border-radius:var(--rk-r);overflow:hidden;
  box-shadow:var(--rk-sh);
  padding:.6rem .6rem .5rem;
  text-align:center;
}
.rk-ad-label{
  font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;
  color:var(--rk-mu);font-family:'JetBrains Mono',monospace;
  margin-bottom:.4rem;
}
.rk-ad-wrap ins{min-height:90px}