/* Copyright (c) 2026 JackCan.Dev. All rights reserved. The scroll, follow buttons, your-algorithm box. */
.jcdf{max-width:none;margin:0;padding:0}
.jcdf__top{max-width:720px;margin:0 auto;padding:12px 16px 6px}
.jcdf__top h1{font-size:22px;margin:0 0 2px}.jcdf__top p{margin:0 0 8px;color:var(--color-muted,#6b7280);font-size:14px}
.jcdf__algo-fold summary{cursor:pointer;font:700 12px/1.2 inherit;letter-spacing:.06em;text-transform:uppercase;padding:6px 0;list-style:none}.jcdf__algo-fold summary::before{content:"▸ ";color:#2400fe}.jcdf__algo-fold[open] summary::before{content:"▾ "}.jcdf__algo-fold .jcdf-algo{margin-top:6px}
.jcdf__scroll{height:calc(100dvh - 64px);overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;background:#0b0b0c}
.jcdf-card{position:relative;height:calc(100dvh - 64px);scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:flex-end;overflow:hidden;color:#fff;max-width:720px;margin:0 auto}
.jcdf-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}
.jcdf-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.85) 100%)}
.jcdf-card__body{position:relative;z-index:1;padding:24px 20px 28px;width:100%}
.jcdf-card__kick{display:inline-block;font:700 10px/1 inherit;letter-spacing:.08em;text-transform:uppercase;background:#fef200;color:#111;padding:3px 6px;border-radius:3px;margin-bottom:8px}
.jcdf-live{font-style:normal;background:#e5484d;color:#fff;padding:2px 5px;border-radius:3px;margin-left:6px}
.jcdf-card h2{font-size:clamp(24px,5vw,38px);line-height:1.1;margin:0 0 8px;letter-spacing:-.01em}.jcdf-card h2 a{color:#fff;text-decoration:none}
.jcdf-card p{margin:0 0 8px;font-size:16px;opacity:.9}.jcdf-card__meta{display:block;font-size:13px;opacity:.75;margin-bottom:12px}.jcdf-card__meta em{font-style:normal;color:#fef200}
.jcdf-card__acts{display:flex;gap:8px;flex-wrap:wrap}
.jcdf-btn{appearance:none;border:1px solid transparent;background:#fef200;color:#111;font:700 12px/1 inherit;letter-spacing:.06em;text-transform:uppercase;padding:10px 12px;border-radius:4px;cursor:pointer;text-decoration:none}
.jcdf-btn--quiet{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.25)}.jcdf-btn.is-on{outline:2px solid #fef200;outline-offset:2px}
.jcdf-follow{appearance:none;border:1px solid #2400fe;background:#fff;color:#2400fe;font:700 12px/1 inherit;letter-spacing:.06em;text-transform:uppercase;padding:9px 12px;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-flex;gap:5px;align-items:center}
.jcdf-follow.is-on{background:#2400fe;color:#fff}.jcdf-follow--login{text-decoration:none}
.jcdf-follow-wrap{display:inline-block;margin-left:10px;vertical-align:middle;font-size:0}
.jcdf-algo{border:1px solid var(--color-line,#e5e7eb);border-radius:12px;padding:14px 16px;margin:10px 0 14px;background:var(--color-bg,#fff)}
.jcdf-algo h3{margin:0 0 6px;font-size:16px}.jcdf-algo p{margin:0 0 10px;font-size:14px}.jcdf-algo__choices{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.jcdf-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--color-line,#e5e7eb);border-radius:4px;padding:4px 8px;font:700 11px/1.2 inherit;letter-spacing:.05em;text-transform:uppercase}.jcdf-chip__x{border:0;background:none;cursor:pointer;font-size:14px;line-height:1}
.jcdf-algo__privacy{font-size:12px;color:var(--color-muted,#6b7280);margin:0}
.jcdf__more{text-align:center;padding:12px;color:var(--color-muted,#6b7280)}
@media (min-width:900px){.jcdf__scroll{height:calc(100vh - 72px)}.jcdf-card{height:calc(100vh - 72px);border-radius:16px;margin-bottom:12px;scroll-snap-align:center}}
@media (max-width:899px){.jcdf__top h1{display:none}.jcdf__top>p{display:none}.jcdf__scroll,.jcdf-card{height:calc(100dvh - 140px)}}