body:has(.draw-page){margin:0;background:#211c35}body:has(.draw-page) .floating-actions{display:none!important}.draw-page{min-height:100svh;padding:0 20px 48px;position:relative;isolation:isolate;overflow:hidden;color:#fff5fc;font-family:Noto Sans JP,Hiragino Sans,sans-serif;background:radial-gradient(ellipse at 50% 25%,#85588377,transparent 45%),radial-gradient(ellipse at 100% 65%,#45617a66,transparent 55%),linear-gradient(165deg,#221d35,#302540 55%,#211e37)}.draw-page *{box-sizing:border-box}.draw-stars{position:absolute;inset:0;z-index:-1;opacity:.6;background-image:radial-gradient(circle,#fff4d7 1px,transparent 1.5px),radial-gradient(circle,#f3b5d7 1px,transparent 2px);background-size:79px 103px,137px 173px;background-position:8px 12px,40px 67px;-webkit-mask-image:linear-gradient(#000,#0006 65%,transparent);mask-image:linear-gradient(#000,#0006 65%,transparent)}.draw-nav{max-width:880px;margin:auto;min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #ffffff20}.draw-nav a{color:#f5e9f6;font-size:14px;text-decoration:none;padding:12px 0}.draw-nav>span{font-family:Georgia,serif;font-size:22px}.draw-heading{text-align:center;margin:28px auto 0}.draw-label{color:#edcba2;font-size:13px;letter-spacing:.12em}.draw-heading h1{font-size:clamp(23px,4vw,32px);margin:12px 0;letter-spacing:.04em}.draw-heading p{font-size:14px;line-height:1.8;color:#e2d3e6;margin:0}.draw-stage{width:100%;max-width:440px;height:285px;margin:12px auto 0;position:relative;display:grid;place-items:center;perspective:1000px}.draw-halo{position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid #eec5e350;background:radial-gradient(circle,#f6c1e12b,transparent 68%);box-shadow:0 0 65px #f4bdd926,inset 0 0 42px #fae0c318}.draw-halo:after{content:"";position:absolute;inset:15px;border:1px dashed #f6d5b43b;border-radius:50%}.draw-feature{width:144px;aspect-ratio:2/3;position:relative;padding:4px;border:1px solid #fae6c9b3;border-radius:10px;background:#fff2ed40;box-shadow:0 0 28px #e8b3de40,0 20px 35px #0006;transform:rotate(-5deg)}.draw-cover{display:block;width:100%;height:100%;border-radius:5px;background:#e9bcd4 url(/tarot/kaleidoscope-back-v1.webp) 50%/100% 100%}.draw-daily .draw-cover{filter:hue-rotate(220deg) saturate(.85)}.draw-mind .draw-cover{filter:sepia(.6) hue-rotate(165deg) saturate(1.5)}.draw-feature.face-up{transform:none;width:158px;aspect-ratio:auto;background:#fff8ec}.draw-art{width:100%;aspect-ratio:2/3;border-radius:5px;background-image:url(/tarot/major-arcana-stained-glass-v1.webp);background-size:600% 400%}.draw-art.reversed{transform:rotate(180deg)}.draw-card-title{display:block;text-align:center;color:#4c3648;font:11px/1.5 Georgia,serif;padding:7px 2px}.draw-spark{position:absolute;color:#ffe9c4;text-shadow:0 0 18px #ffb8ea;font-size:28px}.draw-spark.s1{left:18%;top:20%}.draw-spark.s2{right:16%;bottom:19%;font-size:36px}.draw-content{max-width:680px;margin:auto;position:relative}.draw-status{text-align:center;min-height:30px;font-size:14px;color:#f4d9ec;margin:8px 0 16px}.draw-deck{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:14px 10px;padding:20px;border:1px solid #ffffff2e;border-radius:22px;background:linear-gradient(135deg,#ffffff12,#ffffff05);box-shadow:inset 0 1px 0 #ffffff30}.draw-option{min-width:0;padding:0;border:0;border-radius:5px;background:none;color:#e9dce9;font:inherit;cursor:pointer;transition:transform .2s,opacity .2s}.draw-option .draw-cover{aspect-ratio:2/3;height:auto;border:1px solid #fff4dc99;box-shadow:0 4px 10px #0003}.draw-number{display:block;font-size:11px;padding-top:5px}.draw-option.selected{transform:translateY(-8px);filter:drop-shadow(0 0 8px #ffe9bd)}.draw-option:disabled:not(.selected){opacity:.4;cursor:default}.draw-note{text-align:center;font-size:12px;line-height:1.9;color:#cdbfd6;margin-top:22px}.draw-result{background:#ffffff12;border:1px solid #ffffff30;padding:24px;border-radius:22px}.draw-result h2{margin:0 0 12px;font-size:24px}.draw-result h2 span{margin-left:12px;font-size:13px;font-weight:400;color:#efc6dc}.draw-result p{font-size:16px;line-height:1.95;margin:0 0 24px}.draw-primary{display:block;padding:16px 12px;text-align:center;background:linear-gradient(125deg,#f6dce9,#e4d5fa);color:#3c2945;text-decoration:none;font-size:15px;font-weight:700;border-radius:12px;box-shadow:inset 0 1px 0 #fff}.draw-result small{display:block;text-align:center;margin-top:14px;color:#d6c5db;font-size:12px}.draw-error{padding:16px;background:#663449;border:1px solid #e9a5ba;border-radius:12px;margin-bottom:16px;font-size:14px}.draw-error button{padding:12px;font:inherit;border-radius:8px;cursor:pointer}.draw-page :is(a,button):focus-visible{outline:3px solid #ffe1a3;outline-offset:4px}@media (hover:hover){.draw-option:not(:disabled):hover{transform:translateY(-6px)}}@media (max-width:600px){.draw-page{padding:0 16px 32px}.draw-nav{min-height:60px}.draw-heading{margin-top:22px}.draw-stage{height:255px}.draw-feature{width:130px}.draw-feature.face-up{width:144px}.draw-halo{width:225px;height:225px}.draw-deck{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 8px;padding:14px 10px}.draw-result{padding:20px}}@media (max-width:360px){.draw-deck{grid-template-columns:repeat(5,minmax(0,1fr))}.draw-heading h1{font-size:22px}}@media (prefers-reduced-motion:no-preference){.draw-feature:not(.face-up){animation:draw-float 4s ease-in-out infinite}.is-drawing .draw-halo{animation:draw-glow .9s ease-in-out infinite alternate}.draw-feature.face-up{animation:draw-reveal .8s ease both}@keyframes draw-float{50%{transform:translateY(-8px) rotate(3deg)}}@keyframes draw-glow{to{box-shadow:0 0 100px #ffe2bd99;transform:scale(1.1)}}@keyframes draw-reveal{0%{opacity:0;transform:rotateY(85deg) scale(.85)}to{opacity:1;transform:none}}}@media (min-width:601px){.draw-content{max-width:920px}.draw-deck{grid-template-columns:repeat(8,minmax(0,1fr));gap:18px 14px;padding:24px}.draw-number{font-size:14px;padding-top:7px}.draw-feature{width:210px}.draw-feature.face-up{width:230px}.draw-stage{height:360px}.draw-halo{width:330px;height:330px}.draw-card-title{font-size:14px}}@media (min-width:1000px){.draw-content{max-width:1040px}.draw-deck{grid-template-columns:repeat(11,minmax(0,1fr));gap:20px 16px}}.af-pair{max-width:720px;margin:20px auto 28px}.af-pair-stones{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);align-items:center;gap:12px;padding:12px 0 32px}.af-person{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}.af-gem-duo{display:flex;align-items:flex-end;justify-content:center;width:100%;height:clamp(130px,19vw,195px);margin-bottom:16px}.af-gem-duo .af-gem{width:65%;max-width:168px;height:100%;margin:0}.af-gem-secondary{width:35%;max-width:88px;height:65%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 8px #49334412)}.af-subgem-name{margin-top:6px;font-size:14px;color:#665760}.af-gem-name small,.af-subgem-name small{display:inline-block;margin-right:6px;font-size:11px;font-weight:400;color:#75636e}.af-gem{width:clamp(100px,16vw,168px);height:clamp(112px,17vw,180px);max-width:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 12px 12px #49334412);margin-bottom:16px}.af-person-name{font-size:14px;color:#665760;overflow-wrap:anywhere}.af-gem-name{margin-top:6px;font-size:17px;color:#332b31;font-weight:600}.af-pair-link{font:italic 30px Georgia,serif;text-align:center;color:#b9869a;padding-bottom:60px}.af-bars{display:grid;gap:12px}.af-bar-row{--af-accent:#ad5275;--af-tint:#f9eaf0;--af-fill:#dc9db5;border:1px solid #ece5e9;border-radius:16px;background:#fff;overflow:hidden}.af-bar-row[data-face=\53CB\3060\3061]{--af-accent:#477c83;--af-tint:#eaf4f4;--af-fill:#96c8cc}.af-bar-row[data-face=\4ED5\4E8B]{--af-accent:#716397;--af-tint:#f0edf7;--af-fill:#b7a8d6}.af-bar-row[data-face=\5BB6\65CF]{--af-accent:#876b36;--af-tint:#f8f1e4;--af-fill:#dcc18b}.af-bar-row summary{list-style:none;display:grid;grid-template-columns:1fr auto 28px;align-items:center;gap:14px 12px;padding:16px 18px 20px;cursor:pointer}.af-bar-row summary::-webkit-details-marker{display:none}.af-bar-label{color:#4d3b45;font-size:15px;font-weight:600}.af-bar-score{color:#44323d;font:600 23px/1.2 Noto Sans JP,sans-serif;font-variant-numeric:tabular-nums}.af-bar-toggle{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--af-tint);color:var(--af-accent);font-size:18px}.af-bar-row[open] .af-bar-toggle{transform:rotate(45deg)}.af-bar-track{grid-column:1/-1;height:12px;margin-right:5px;background:var(--af-tint);border-radius:8px}.af-bar-track>span{display:block;position:relative;height:100%;border-radius:inherit;background:var(--af-fill)}.af-bar-track>span:after{content:"";position:absolute;right:0;top:50%;width:18px;height:18px;background:var(--af-accent);transform:translate(50%,-50%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S2 15 2 8a5 5 0 0 1 10-1 5 5 0 0 1 10 1c0 7-10 13-10 13Z'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S2 15 2 8a5 5 0 0 1 10-1 5 5 0 0 1 10 1c0 7-10 13-10 13Z'/%3E%3C/svg%3E") center /contain no-repeat}.af-bar-row.is-top{border-color:var(--af-fill)}.af-bar-row .af-bar-score{color:var(--af-accent)}.af-bar-row summary:hover{background:var(--af-tint)}.af-bar-row summary:focus-visible{outline:2px solid #b55078;outline-offset:4px;border-radius:4px}.af-pair .af-bar-comment{margin:0;padding:0 18px 18px;color:#53434d;font-size:15px;line-height:1.9}@media(max-width:600px){.af-pair-stones{gap:8px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}.af-gem-name{font-size:15px}}.td-cta-wrap{margin-top:16px}.td-cta{display:inline-flex;align-items:center;gap:6px;font-family:M PLUS Rounded\ 1c,Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif;font-size:14.5px;font-weight:800;line-height:1.5;color:#2d2a32;background:#ffc93c;border:2.5px solid #2d2a32;border-radius:999px;padding:11px 18px;box-shadow:3px 3px 0 #2d2a32;text-decoration:none;cursor:pointer}.td-cta:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 #2d2a32}.td-cta:disabled{opacity:.6;cursor:default;transform:none;box-shadow:3px 3px 0 #2d2a32}.td-cta-note{font-size:12px;color:#7d7886}.td-cta-error,.td-cta-note{margin:9px 0 0;line-height:1.7}.td-cta-error{font-size:13px;color:#b4304f}.td-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.td-plan-pick{display:flex;flex-direction:column;gap:6px;background:#fff;border:2.5px solid #2d2a32;border-radius:18px;padding:18px 18px 20px;box-shadow:4px 5px 0 #2d2a32}.td-plan-pick>b{font-size:16px}.td-plan-pick>b,.td-plan-price{font-family:M PLUS Rounded\ 1c,Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif;color:#2d2a32}.td-plan-price{align-self:flex-start;font-size:12.5px;font-weight:800;background:#ffc93c;border:2px solid #2d2a32;border-radius:999px;padding:3px 11px}.td-plan-pick>p{margin:2px 0 0;font-size:13.5px;line-height:1.85;color:#4d4954}.td-plan-pick .td-btn{margin-top:auto}.td-plan-best{box-shadow:4px 5px 0 #ffc93c}.td-plan-switch{margin:14px 0 4px}@media (max-width:560px){.td-plans{grid-template-columns:minmax(0,1fr)}}.mysty-site-logo{display:inline-flex;align-items:center;gap:8px;font-family:Fredoka,M PLUS Rounded\ 1c,sans-serif;font-weight:700;font-size:22px;text-decoration:none;line-height:1.4}.mysty-site-logo svg{flex-shrink:0}.mysty-site-logo span{color:#fff;-webkit-text-stroke:1.5px #2d2a32;paint-order:stroke fill;text-shadow:3px 3px 0 #2d2a32}@media(max-width:768px){.mysty-site-logo{font-size:18px}}