#jcls-book-vote{--blue:#4464a3;--blue-dark:#08354f;--blue-pale:#C4DEE3;--gold:#f2b544;--green:#3e8b59;--ink:#17323b;--muted:#5d6f75;--border:#C4DEE3;--wash:#f2f7f8;color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:17px;line-height:1.5}
#jcls-book-vote *,#jcls-book-vote *::before,#jcls-book-vote *::after{box-sizing:border-box; }
#jcls-book-vote { box-shadow: 0 6px 16px rgba(13, 71, 104, 0.22); padding: 20px; border-radius: 20px;  background-color: white;}
#jcls-book-vote button{font:inherit}
.jcls-vote__inner{margin:0 auto; margin-top: 100px;  box-shadow: 0 6px 16px rgba(13, 71, 104, 0.22);}
.jcls-vote__header{margin-bottom:1.35rem;max-width:720px}
.jcls-vote__eyebrow{color:var(--blue);font-size:.76rem;font-weight:800;letter-spacing:.13em;margin:0 0 .3rem;text-transform:uppercase}
.jcls-vote h2,.jcls-vote h3,.jcls-vote h4{color:var(--ink);letter-spacing:-.025em;line-height:1.12}
.jcls-vote__header>p:last-child{color:var(--muted);margin:0}
.jcls-vote__tabs{display:grid;gap:.65rem;grid-template-columns:repeat(3,1fr);margin:1.6rem 0 1rem}
.jcls-vote__tab,.jcls-vote__button{align-items:center;background:#fff;border:2px solid var(--blue);border-radius:999px;color:var(--blue-dark);cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:800;justify-content:center;letter-spacing:.045em;min-height:48px;padding:.7rem 1rem;transition:background .18s ease,color .18s ease,transform .18s ease}
.jcls-vote__tab:hover,.jcls-vote__tab[aria-selected=true]{background:var(--blue);color:#fff}
.jcls-vote__tab:focus-visible,.jcls-vote__button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.jcls-vote__status{align-items:center;background:var(--blue-pale);border-left:5px solid var(--blue);border-radius:12px;display:none;font-size:.9rem;gap:.65rem;margin:1rem 0 2rem;padding:.72rem .9rem}
.jcls-vote__status.is-error{background:#fff0ed;border-color:#b94732}
.jcls-vote__status-dot{background:var(--blue);border-radius:50%;height:8px;width:8px}
.jcls-vote__status.is-loading .jcls-vote__status-dot{animation:jcls-pulse .9s infinite alternate}
.jcls-vote__top{ box-shadow: 0 18px 40px rgba(13, 71, 104, 0.16);border-radius:18px;margin:0 0 3rem; margin-top: 50px;padding:clamp(1.15rem,3vw,2rem)}
.jcls-vote__section-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:1rem}
.jcls-vote__section-heading h3{font-size:clamp(1.55rem,4vw,2.1rem);margin:0}
.jcls-vote__section-heading>span{color:var(--muted);font-size:.88rem;font-weight:700}
.jcls-vote__top-grid{display:grid;gap:.7rem;grid-template-columns:repeat(5,minmax(0,1fr))}
.jcls-vote__leader{background:#fff;border:1px solid var(--border);border-radius:14px;min-width:0;overflow:hidden;padding:.65rem;position:relative}
.jcls-vote__rank{align-items:center;background:#e7af13;border:2px solid #fff;border-radius:50%;color:var(--blue-dark);display:flex;font-size:1.2rem;font-weight:900;height:60px;justify-content:center;left:.0rem;position:absolute;top:-.05rem;width:60px;z-index:2}
.jcls-vote__leader-cover,.jcls-vote__cover{background:linear-gradient(145deg,var(--blue-pale),#dce8ea);overflow:hidden;position:relative}
.jcls-vote__leader-cover{aspect-ratio:2/3;border-radius:9px;margin-bottom:.6rem}
.jcls-vote__leader-cover img,.jcls-vote__cover img{height:100%;object-fit:cover;width:100%}
.jcls-vote__leader h4{display:-webkit-box;font-size:.86rem;margin:0 0 .25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.jcls-vote__leader-meta{color:var(--muted);font-size:.74rem;margin:0}
.jcls-vote__ballot-head{align-items:end;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}
.jcls-vote__ballot-head h3{font-size:clamp(1.6rem,4vw,2.25rem);margin:0}
.jcls-vote__ballot-total{color:var(--muted);font-size:.88rem;font-weight:700}
.jcls-vote__voted-note{background:#edf7f0;border-left:4px solid var(--blue);border-radius:10px;color:#275f3b;display:none;font-size:.9rem;margin:0 0 1rem;padding:.7rem .9rem}
.jcls-vote__ballot.has-voted .jcls-vote__voted-note{display:block}
.jcls-vote__grid{display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.jcls-vote__book{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 10px rgba(13,71,104,.06);display:grid;gap:.9rem;grid-template-columns:82px minmax(0,1fr);min-height:156px;overflow:hidden;padding:.75rem;transition:border-color .18s,box-shadow .18s,transform .18s}
.jcls-vote__book:hover{border-color:#8db4be;box-shadow:0 7px 20px rgba(13,71,104,.1);transform:translateY(-2px)}
.jcls-vote__book.is-choice{border:2px solid var(--blue)}
.jcls-vote__cover{align-self:stretch;border-radius:9px;min-height:130px}
.jcls-vote__cover-placeholder{align-items:center;color:var(--blue-dark);display:flex;font-size:.68rem;font-weight:800;height:100%;justify-content:center;letter-spacing:.06em;padding:.5rem;text-align:center;text-transform:uppercase}
.jcls-vote__book-info{display:flex;flex-direction:column;min-width:0}
.jcls-vote__book-title{font-size:1rem;margin:0 0 .15rem}
.jcls-vote__author{color:var(--muted);font-size:.82rem;margin:0 0 .65rem}
.jcls-vote__book-actions{align-items:center;display:flex;gap:.7rem;margin-top:auto}
.jcls-vote__button{background:var(--blue);border-radius:999px;color:#fff;min-height:38px;padding:.45rem .9rem}
.jcls-vote__button:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}
.jcls-vote__button:disabled{cursor:default;opacity:.48}
.jcls-vote__book.is-choice .jcls-vote__button{background:var(--blue);border-color:var(--blue);opacity:1}
.jcls-vote__count{color:var(--muted);font-size:.78rem;font-weight:700}
.jcls-vote__track{background:#e8eeee;border-radius:99px;height:6px;margin-top:.55rem;overflow:hidden}
.jcls-vote__bar{background:var(--blue);border-radius:inherit;height:100%;transition:width .45s ease;width:0}
.jcls-vote__book.is-choice .jcls-vote__bar{background:var(--blue)}
.jcls-vote__toast{background:var(--ink);border-radius:12px;bottom:1rem;color:#fff;left:50%;max-width:calc(100% - 2rem);opacity:0;padding:.8rem 1rem;pointer-events:none;position:fixed;transform:translate(-50%,1rem);transition:.2s ease;z-index:99999}
.jcls-vote__toast.is-visible{opacity:1;transform:translate(-50%,0)}
.jcls-vote__notice{background:#fff0ed;border-left:5px solid #b94732;border-radius:12px;padding:1rem}
@keyframes jcls-pulse{to{opacity:.25;transform:scale(.7)}}
@media(max-width:760px){.jcls-vote__top-grid{grid-template-columns:repeat(5,140px);overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory}.jcls-vote__leader{scroll-snap-align:start}.jcls-vote__grid{grid-template-columns:1fr}}
@media(max-width:520px){.jcls-vote__tabs{grid-template-columns:1fr}.jcls-vote__section-heading,.jcls-vote__ballot-head{align-items:start;flex-direction:column;gap:.3rem}.jcls-vote__book{grid-template-columns:72px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){#jcls-book-vote *,#jcls-book-vote *::before,#jcls-book-vote *::after{animation:none!important;transition:none!important}}