/* couleur Daily Tarot — self-contained Cocoon-compatible styles. */
.ct-tarot{--ct-ink:#453b3e;--ct-muted:#908388;--ct-rose:#ae7d89;--ct-blush:#f7efef;--ct-line:#e9dee0;--ct-gold:#b6966c;background:#fff;color:var(--ct-ink);border:1px solid var(--ct-line);box-sizing:border-box;padding:26px 20px 20px;max-width:100%;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.8;text-align:center}
.ct-tarot *{box-sizing:border-box}
.ct-tarot .ct-tarot__eyebrow{font-family:Georgia,"Times New Roman",serif;letter-spacing:.19em;font-size:10px;color:var(--ct-rose);margin:0 0 9px}
.ct-tarot .ct-tarot__heading{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap;margin:0}
.ct-tarot .ct-tarot__title{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:21px;font-weight:500;line-height:1.5;letter-spacing:.09em;color:var(--ct-ink);margin:0;padding:0;border:0;background:none}
.ct-tarot .ct-tarot__date{font-family:Georgia,serif;color:var(--ct-muted);font-size:10px;letter-spacing:.08em;white-space:nowrap;margin:0}
.ct-tarot .ct-tarot__intro{font-size:11px;color:var(--ct-muted);line-height:1.8;margin:8px 0 22px}
.ct-tarot .ct-tarot__card{display:block;width:min(100%,200px);aspect-ratio:5 / 7.8;border:none;border-radius:0;background:transparent;padding:0;margin:0 auto;cursor:pointer;perspective:1000px;box-shadow:none;-webkit-tap-highlight-color:transparent;color:inherit}
.ct-tarot .ct-tarot__card:hover,.ct-tarot .ct-tarot__card:focus{background:transparent;opacity:1;box-shadow:none}
.ct-tarot .ct-tarot__card:focus-visible{outline:2px solid var(--ct-rose);outline-offset:5px}
.ct-tarot .ct-tarot__card-inner{display:block;position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.1,1);transform-style:preserve-3d}
.ct-tarot.ct-tarot--revealed .ct-tarot__card-inner{transform:rotateY(180deg)}
.ct-tarot .ct-tarot__card-side{display:flex;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--ct-rose);box-shadow:0 9px 28px rgba(116,83,86,.12);overflow:hidden}
.ct-tarot .ct-tarot__card-side::before{content:"";position:absolute;inset:8px;border:1px solid rgba(179,146,150,.65);pointer-events:none}
.ct-tarot .ct-tarot__card-back{background:linear-gradient(155deg,#f8f2ef 0%,#eadce0 50%,#f8f4f1 100%);color:#a47a86}
.ct-tarot .ct-tarot__card-back::after{content:"";position:absolute;width:68%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(176,134,145,.32);box-shadow:0 0 0 12px rgba(255,255,255,.14),0 0 0 23px rgba(176,134,145,.075)}
.ct-tarot .ct-tarot__corner{position:absolute;font-size:19px;line-height:1;z-index:2}.ct-tarot .ct-tarot__corner--top{top:18px}.ct-tarot .ct-tarot__corner--bottom{bottom:18px}
.ct-tarot .ct-tarot__ornament{font-family:Georgia,serif;font-size:86px;font-weight:normal;line-height:1;z-index:2;text-shadow:0 2px 10px rgba(255,255,255,.5)}
.ct-tarot .ct-tarot__card-mark{font-family:Georgia,serif;font-size:21px;font-style:italic;letter-spacing:.04em;z-index:2}
.ct-tarot .ct-tarot__card-front{background:radial-gradient(circle at 50% 38%,#fff 0%,#fcf8f4 65%,#f6e9e7 100%);color:#927080;transform:rotateY(180deg)}
.ct-tarot .ct-tarot__front-top{position:absolute;top:22px;font:10px Georgia,serif;letter-spacing:.24em}
.ct-tarot .ct-tarot__card-glyph{font:normal 81px/1 Georgia,"Times New Roman",serif;margin-top:15px;text-shadow:0 3px 14px rgba(184,137,145,.15)}
.ct-tarot .ct-tarot__front-number{font:12px Georgia,serif;letter-spacing:.16em;margin:18px 0 7px}
.ct-tarot .ct-tarot__front-name{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:17px;letter-spacing:.1em}
.ct-tarot .ct-tarot__front-en{font:9px Georgia,serif;letter-spacing:.17em;margin-top:8px}
.ct-tarot .ct-tarot__tap-hint{font-size:11px;color:var(--ct-rose);margin:16px 0 4px;line-height:1.7}
.ct-tarot .ct-tarot__reading{margin-top:17px;text-align:left;animation:ct-tarot-fade .45s ease both}
.ct-tarot .ct-tarot__reading[hidden]{display:none!important}
.ct-tarot .ct-tarot__position{color:var(--ct-rose);font-size:11px;letter-spacing:.08em;text-align:center;margin:2px 0 5px}
.ct-tarot .ct-tarot__reading-title{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;color:var(--ct-ink);font-size:16px;font-weight:500;line-height:1.6;text-align:center;margin:0 0 11px;padding:0;border:0;background:none}
.ct-tarot .ct-tarot__message{font-size:13px;line-height:2.0;margin:0;color:#55494b}
.ct-tarot .ct-tarot__divider{text-align:center;color:#c5a9b1;font-size:13px;margin:12px 0}
.ct-tarot .ct-tarot__fortunes{border-top:1px solid var(--ct-line);border-bottom:1px solid var(--ct-line);padding:11px 0;display:grid;gap:5px}
.ct-tarot .ct-tarot__fortune{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:0}
.ct-tarot .ct-tarot__fortune>span:first-child{color:var(--ct-muted)}
.ct-tarot .ct-tarot__fortune>span:last-child{letter-spacing:.04em;color:#b79467;font-size:14px}
.ct-tarot .ct-tarot__mini{font-size:12px;line-height:1.9;color:#65575b;margin:12px 0 16px}
.ct-tarot .ct-tarot__action{background:var(--ct-blush);padding:13px 13px 12px;margin:0;display:flex;flex-direction:column;gap:3px}
.ct-tarot .ct-tarot__action strong{font-size:11px;letter-spacing:.04em;color:var(--ct-rose);font-weight:600}
.ct-tarot .ct-tarot__action span{font-size:13px;color:#51484a}
.ct-tarot .ct-tarot__color{font-size:11px;color:var(--ct-muted);margin:13px 0 0}
.ct-tarot .ct-tarot__footer{font-size:10px;color:var(--ct-muted);margin:22px 0 0;line-height:1.9}
.ct-tarot.ct-tarot--full{width:100%;max-width:680px;margin:0 auto;padding:42px clamp(20px,6%,58px) 28px}
.ct-tarot.ct-tarot--full .ct-tarot__title{font-size:28px}
.ct-tarot.ct-tarot--full .ct-tarot__card{width:min(100%,250px)}
.ct-tarot.ct-tarot--full .ct-tarot__message{font-size:15px}
.ct-tarot.ct-tarot--full .ct-tarot__intro{font-size:13px}
.ct-tarot.ct-tarot--full .ct-tarot__reading{max-width:510px;margin:24px auto 0}
@keyframes ct-tarot-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){.ct-tarot{padding:23px 16px 19px}.ct-tarot .ct-tarot__title{font-size:19px}.ct-tarot .ct-tarot__card{width:min(100%,190px)}.ct-tarot.ct-tarot--full .ct-tarot__card{width:min(100%,220px)}}
@media(prefers-reduced-motion:reduce){.ct-tarot .ct-tarot__card-inner{transition:none}.ct-tarot .ct-tarot__reading{animation:none}}