.site .jd{--jd-b1:color-mix(in srgb,var(--surface) 88%,var(--sky));--jd-b2:color-mix(in srgb,var(--surface) 76%,var(--sky));display:grid;gap:10px;padding:14px 14px 16px}.site .jd-deck{display:grid;margin-top:24px}.site .jd-card{grid-area:1/1;min-width:0;padding:16px;container:jdcard/inline-size;border-radius:var(--r-l);background:var(--surface);color:var(--fg);display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 0 1px var(--hair),var(--float);transform-origin:50% 0;pointer-events:none}.white .jd-card{box-shadow:0 0 0 1px var(--hair),var(--soft)}.site .jd-card.jd-s0{z-index:4;pointer-events:auto}.site .jd-card.jd-s1{z-index:3;transform:translateY(-12px) scale(.955);background:var(--jd-b1);box-shadow:0 0 0 1px var(--hair),0 12px 24px -20px rgba(16,24,48,.45)}.site .jd-card.jd-s2{z-index:2;transform:translateY(-23px) scale(.91);background:var(--jd-b2);box-shadow:0 0 0 1px var(--hair)}.site .jd-card.jd-s3{z-index:1;transform:translateY(-38px) scale(.87);background:var(--jd-b2);box-shadow:none;opacity:0}.site .jd-card.jd-out{z-index:5;transform:translate(-58%,26px) rotate(-9deg);opacity:0}.site .jd-card:not(.jd-s0):not(.jd-out) .jd-body{opacity:0}.site .jd-row1{display:flex;gap:12px;align-items:center}.site .jd-logo{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;color:#fff;font-weight:800;font-size:15px}.site .jd-logo-haru{background:linear-gradient(140deg,#6b4b2e,#b0814f)}.site .jd-logo-soda{background:linear-gradient(140deg,#2f6b4f,#5fa37f)}.site .jd-logo-moa{background:linear-gradient(140deg,#0f5a63,#2f8a8f)}.site .jd-logo-doda{background:linear-gradient(140deg,#24407a,#4d79c9)}.site .jd-txt{display:grid;gap:2px;min-width:0;flex:1}.site .jd-txt b{font-size:calc(16.5px * var(--fs));font-weight:800;line-height:1.35}.site .jd-txt small{display:flex;flex-wrap:wrap;column-gap:.3em;color:var(--fg2);font-size:calc(13.5px * var(--fs));font-weight:600;line-height:1.45}.site .jd-txt small>span{white-space:nowrap}.site .jd-heart{margin-left:auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,90,95,.1);color:#e0475a;flex-shrink:0;align-self:flex-start}.site .jd-heart svg{width:17px;height:17px}@container jdcard (max-width: 300px){.site .jd-row1{gap:11px}.site .jd-logo{width:42px;height:42px;border-radius:13px;font-size:13.5px}.site .jd-heart{display:none}}.site .jd-reasons{margin-top:12px;padding-top:12px;border-top:1px dashed var(--hair);display:grid;gap:8px}.site .jd-chips{display:flex;flex-wrap:wrap;gap:6px}.site .jd-chips .pill{white-space:normal;height:auto;min-height:28px;padding:3px 10px;line-height:1.35;font-size:calc(12.5px * var(--fs))}.site .jd-chips .pill svg{flex-shrink:0}.site .jd-head{display:flex;align-items:center;gap:8px;min-height:44px}.site .jd-basis{display:grid;flex:1;min-width:0;justify-items:start}.site .jd-pill{grid-area:1/1;justify-self:start;visibility:hidden;white-space:normal;height:auto;min-height:30px;padding:4px 12px;line-height:1.35;font-size:calc(13px * var(--fs));background:var(--surface);box-shadow:0 0 0 1px var(--hair)}.site .jd-pill.on{visibility:visible}.site .jd-pill svg{flex-shrink:0}.site .jd-ctrl{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.site .jd-btn{width:44px;height:44px;border:0;border-radius:50%;padding:0;cursor:pointer;display:grid;place-items:center;background:var(--chip);color:var(--chip-fg);flex-shrink:0}.site .jd-btn svg{width:18px;height:18px;fill:currentColor}.site .jd-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:50%}@media (hover:hover) and (pointer:fine){.site .jd-btn:hover{background:var(--tint-strong)}}.site .jd-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media (prefers-reduced-motion:no-preference){html:not(.pv-rm) .site .jd-card{transition:transform .62s cubic-bezier(.2,.8,.2,1),opacity .45s ease,background-color .45s ease,box-shadow .45s ease}html:not(.pv-rm) .site .jd-card.jd-out{transition:transform .7s cubic-bezier(.3,.1,.25,1),opacity .26s ease-in .28s}html:not(.pv-rm) .site .jd-card .jd-body{transition:opacity .32s ease .34s}html:not(.pv-rm) .site .jd-card:not(.jd-s0):not(.jd-out) .jd-body{transition:opacity .15s ease}html:not(.pv-rm) .site .jd-pill{transition:opacity .35s ease,visibility 0s linear .35s;opacity:0}html:not(.pv-rm) .site .jd-pill.on{transition:opacity .35s ease .15s,visibility 0s;opacity:1}}html.pv-yellow .site .jd{--jd-b1:#000;--jd-b2:#000}html.pv-yellow .site .jd-card{background:#000;box-shadow:0 0 0 2px #ffe600}html.pv-yellow .site .jd-card.jd-s3{box-shadow:none}html.pv-yellow .site .jd-heart,html.pv-yellow .site .jd-logo{background:#000;color:#ffe600;box-shadow:inset 0 0 0 2px #ffe600}html.pv-yellow .site .jd-reasons{border-top-color:#ffe600}html.pv-yellow .site .jd-pill{background:#000;color:#ffe600;box-shadow:0 0 0 2px #ffe600}html.pv-yellow .site .jd-btn{background:#000;color:#ffe600;box-shadow:inset 0 0 0 2px #ffe600}@media (forced-colors:active){.site .jd-card{border:1px solid CanvasText}.site .jd-btn{border:1px solid ButtonText}}