*{box-sizing:border-box}html,body{margin:0;padding:0}.ci{max-width:820px}.ci h2{letter-spacing:-.04em;color:var(--text);margin:0 0 12px;font-size:26px;font-weight:800;line-height:1.15}.ci .ci-lead{color:#c7cfcb;max-width:62ch;margin:0 0 12px;font-size:15.5px;line-height:1.55}.ci-box{border:1px solid var(--line2);background:var(--panel);border-radius:6px;padding:26px 28px}.ci-progress{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex}.ci-dots{gap:6px;display:flex}.ci-dots i{background:var(--line2);border-radius:3px;width:22px;height:5px;display:block}.ci-dots i.on{background:var(--green)}.ci-dots i.now{background:var(--text)}.ci-found{margin-bottom:18px}.ci-earlier{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.ci-earlier button,.ci-earlier span{border:1px solid var(--line);color:#b4beb9;background:var(--panel);text-align:left;border-radius:6px;padding:4px 10px;font-size:12.5px}.ci-earlier button:hover{border-color:var(--green);color:var(--green-x)}.ci-card{background:var(--panel);border:1px solid var(--line);border-radius:6px;grid-template-columns:minmax(0,220px) minmax(0,1fr);display:grid;overflow:hidden}.ci-card.fresh{border-color:var(--green);animation:.45s ease-out both ci-rise}.ci-thumb{background:var(--panel2);width:100%;min-height:124px;padding:0;display:block;position:relative;overflow:hidden}.ci-img{background-position:50%;background-size:cover;position:absolute;inset:0}.ci-body{flex-direction:column;gap:5px;min-width:0;padding:14px 18px 16px;display:flex}.ci-badge{font-family:var(--font-m);letter-spacing:.14em;text-transform:uppercase;color:var(--green-x);font-size:10px}.ci-title{letter-spacing:-.02em;text-align:left;font-size:17px;font-weight:700;line-height:1.25;display:block}.ci-title:hover{color:var(--green-x)}.ci-meta{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-size:10px}.ci-hook{color:#d5dbd8;margin:2px 0 0;font-size:14.5px;line-height:1.5}.ci-acts{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ci-list{gap:12px;margin:10px 0 12px;display:grid}.ci-group h3{letter-spacing:-.02em;margin:24px 0 2px;font-size:19px;font-weight:700}.ci-sec{margin:26px 0 8px}.ci-qcard{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:clamp(14px,3vw,26px)}.ci-opts{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ci-opt{border:1px solid var(--line);background:var(--bg);border-radius:8px;min-width:0;transition:opacity .2s,border-color .2s,transform .2s;overflow:hidden}.ci-opt .motif{aspect-ratio:16/6;width:100%}.ci-opt .ci-ot{padding:12px 16px 14px}.ci-opt h3{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:700;line-height:1.25}.ci-opt p{color:var(--mute);margin:6px 0 0;font-size:13.5px;line-height:1.45}.ci-opt.lean{border-color:var(--green);transform:translateY(-2px)}.ci-opt.dim{opacity:.5}.ci-opt.solo{grid-column:1/-1}.ci-opt.solo h3{text-align:center;padding:8px 0 2px;font-size:clamp(20px,3.2vw,28px)}.ci-dialwrap{margin:22px 0 4px}.ci-dialtitle{text-align:center;margin-bottom:6px}.ci-dial{touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(5,1fr);height:76px;display:grid;position:relative}.ci-rail{background:var(--line2);pointer-events:none;border-radius:3px;height:6px;margin-top:-3px;position:absolute;top:50%;left:10%;right:10%}.ci-thumbknob{background:var(--green);width:46px;height:46px;top:50%;left:calc(10% + var(--i,2) * 20%);pointer-events:none;opacity:.35;border:3px solid #132000;border-radius:50%;margin:-23px 0 0 -23px;transition:left .16s ease-out,opacity .15s;position:absolute;box-shadow:0 2px 10px #00000073}.ci-dial.set .ci-thumbknob{opacity:1}.ci-notch{border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.ci-notch:before{content:"";background:var(--bg);border:3px solid var(--line2);border-radius:50%;width:12px;height:12px}.ci-notch[aria-checked=true]:before{opacity:0}.ci-dlabels{text-align:center;color:var(--mute);grid-template-columns:repeat(5,1fr);gap:4px;font-size:13px;line-height:1.25;display:grid}.ci-dlabels span.on{color:var(--text);font-weight:700}.ci-stack{gap:8px;margin:12px 0 0;display:grid}.ci-pick{text-align:left;border:1px solid var(--line2);background:var(--bg);border-radius:10px;align-items:center;gap:14px;width:100%;min-height:58px;padding:10px 16px;display:flex}.ci-pick:before{content:"";border:3px solid var(--line2);background:var(--bg);border-radius:50%;flex:none;width:20px;height:20px}.ci-pick .ct{flex-direction:column;min-width:0;display:flex}.ci-pick b{font-size:16px;font-weight:700;line-height:1.25}.ci-pick small{color:var(--mute);overflow-wrap:anywhere;margin-top:1px;font-size:13.5px;line-height:1.3}.ci-pick[aria-checked=true]{border-color:var(--green);background:var(--panel2)}.ci-pick[aria-checked=true]:before{background:var(--green);box-shadow:0 0 0 2px var(--green);border-color:#132000}.ci-pick.neither{background:0 0;border-style:dashed;margin-top:4px}.ci-neither{color:var(--mute);text-underline-offset:3px;min-height:44px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:underline}.ci-neither[aria-pressed=true]{color:var(--green-x)}.ci-actions{justify-content:center;margin-top:20px;display:flex}.ci-lock{justify-content:center;min-height:52px;padding:0 30px;font-size:16px}.ci-lock[disabled]{opacity:.4;cursor:not-allowed}.ci-thread{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:0 8px 8px 0;margin:0 0 8px;padding:16px 18px;font-size:16px;line-height:1.55}.ci-chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ci-chip{border:1px solid var(--line2);background:var(--panel);border-radius:99px;min-height:44px;padding:9px 16px;font-size:14px;font-weight:600}.ci-chip.on{border-color:var(--green);color:var(--green-x)}.ci-chip:hover{border-color:var(--text)}.ci-note{border:1px solid var(--line);background:var(--panel);color:#b4beb9;border-radius:8px;padding:12px 16px;font-size:14px}.ci-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;display:flex}.ci-load{color:var(--mute);align-items:center;gap:11px;padding:30px 0;display:flex}@keyframes ci-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=700px){.ci-box{padding:20px 18px}.ci-opts,.ci-card{grid-template-columns:1fr}.ci-thumb{aspect-ratio:16/8;min-height:0}.ci-dlabels{font-size:11.5px}.ci-lock,.ci-row .btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.ci *{transition:none!important;animation:none!important}}