:root{--bg:#111a25;--deep:#0b131e;--paper:#f4f0e7;--ink:#25313d;--gold:#cdb27a;--muted:#a9b1b9;--line:#ffffff23}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--paper);font:15px/1.9 system-ui,-apple-system,"Noto Sans JP",sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}header{max-width:1320px;margin:auto;padding:26px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;font:italic 35px Georgia,serif;letter-spacing:1px}.brand small{display:block;font:9px system-ui;letter-spacing:3px;margin-top:7px}.brand-icon{font-size:45px;color:var(--gold)}nav{display:flex;gap:34px;align-items:center;font-size:12px;letter-spacing:1px}.text-button{border:0;background:none;color:inherit;padding:10px 0}.nav-cta{border:1px solid #cdb27a88;padding:9px 20px}.nav-cta span{margin-left:30px}.hero{position:relative;max-width:1320px;margin:auto;padding:52px 6% 80px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.7px;color:var(--gold);font-weight:600}.hero h1{font:clamp(34px,4.1vw,59px)/1.65 "Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.06em;margin:23px 0}.hero h1 em{font-style:normal;color:#e4ca94}.lead{font-size:14px;line-height:2.3;color:#c4c9cd;margin-bottom:30px}.primary{border:1px solid var(--gold);background:var(--gold);color:#19202a;display:inline-flex;align-items:center;justify-content:space-between;gap:48px;padding:17px 25px;font-size:14px;font-weight:600;transition:background .2s}.primary:hover{background:#e3cfa5}.primary:disabled{opacity:.6;cursor:wait}.hero-note{font-size:10px;color:var(--muted);margin-top:14px;letter-spacing:1px}.portrait{position:relative;max-width:510px;margin-left:auto;width:100%;border:1px solid #cdb27a55;padding:9px;border-radius:210px 210px 4px 4px}.portrait:before{content:'';position:absolute;inset:-13px;border:1px solid #cdb27a26;border-radius:230px 230px 4px 4px;pointer-events:none}.portrait img{display:block;width:100%;height:575px;object-fit:cover;object-position:50% 40%;border-radius:200px 200px 0 0}.portrait:after{content:'';position:absolute;inset:55% 9px 9px;background:linear-gradient(transparent,#101723e6)}.portrait-caption{position:absolute;bottom:28px;left:32px;right:25px;z-index:1}.portrait-caption span{font:16px "Yu Mincho",serif;letter-spacing:3px}.portrait-caption strong{display:block;font:italic 44px Georgia,serif;margin-top:15px}.portrait-caption small{font-size:8px;letter-spacing:3px;color:var(--gold)}.portrait-tag{position:absolute;right:-36px;top:45%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:var(--gold)}.hero-bottom{position:absolute;bottom:24px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#8b949e}.intro{background:var(--paper);color:var(--ink);padding:85px 8%;text-align:center}.intro .eyebrow{color:#907442}h2{font:30px/1.8 "Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.06em}.intro>p:not(.eyebrow){font-size:14px;color:#627079;line-height:2.2}.features{max-width:1020px;margin:52px auto 0;display:grid;grid-template-columns:repeat(3,1fr)}.features article{padding:10px 20px;border-right:1px solid #27313a20}.features article:last-child{border:0}.features span{color:#9b814d;font:italic 24px Georgia}.features h3{font:18px "Yu Mincho",serif;margin:18px 0}.features p{color:#627079;font-size:12px;line-height:2}.consult{max-width:1120px;margin:auto;padding:95px 6%;display:grid;grid-template-columns:.9fr 1.3fr;gap:70px}.consult-heading>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:2.2}.mini-profile{display:flex;gap:14px;align-items:center;margin-top:35px}.mini-profile img{width:55px;height:55px;object-fit:cover;object-position:50% 35%;border-radius:50%;border:1px solid var(--gold)}.mini-profile strong{display:block;font:italic 24px Georgia}.mini-profile span{font-size:9px;color:var(--muted)}form{border:1px solid var(--line);background:#182330;padding:30px}fieldset{border:0;padding:0;margin:0 0 26px}legend,label{display:block;font-size:12px;letter-spacing:.3px}label span{font-size:10px;display:block;color:var(--muted);margin-top:4px}.topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.topics button{border:1px solid #ffffff25;background:none;color:#bfc6ce;padding:6px 13px;border-radius:2px;font-size:12px}.topics button.selected{background:#cdb27a1c;color:#ead7ad;border-color:#cdb27a}textarea{display:block;width:100%;margin-top:14px;border:1px solid #ffffff2b;color:var(--paper);background:#101a26;padding:15px;resize:vertical;font-size:13px;line-height:1.9;border-radius:2px}textarea::placeholder{color:#8c98a4}.input-meta{display:flex;justify-content:space-between;font-size:9px;color:#a5afb9;margin:8px 0 22px}form .primary{width:100%}.form-note{font-size:10px;text-align:center;color:#aab3bd;margin-bottom:0}.error{font-size:12px;color:#ffbcb0}.progress{text-align:center;max-width:850px;margin:0 auto 70px;padding:45px 25px;border:1px solid var(--line)}.progress p{font-size:13px;color:#bdc5cd}.orbit{font-size:45px;color:var(--gold);animation:glow 3s ease-in-out infinite}.muted{color:var(--muted)!important;font-size:11px!important}@keyframes glow{50%{opacity:.35;transform:rotate(15deg)}}.result{background:var(--paper);color:var(--ink);padding:65px 7%}.result-heading{text-align:center;max-width:750px;margin:auto}.result-heading .eyebrow{color:#8c7345}.result-heading>p:last-child{font-size:13px;color:#69757c;white-space:pre-wrap}.reading-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:650px;margin:35px auto}.reading-card{background:var(--bg);color:var(--gold);padding:24px 10px;text-align:center;border:5px double var(--gold);border-radius:80px 80px 4px 4px;min-height:220px;display:flex;flex-direction:column;justify-content:center}.reading-card .symbol{font-size:45px;line-height:1.6}.reading-card small{font-size:9px;letter-spacing:2px}.reading-card h3{font:19px "Yu Mincho",serif;margin:14px 0 7px}.letter{position:relative;background:#fffdf8;max-width:800px;margin:40px auto 0;padding:45px 60px;border:1px solid #22313b17;line-height:2.2;font-size:14px}.letter-star{font-size:30px;color:#a78b50}.letter h3{font:19px "Yu Mincho",serif;margin:30px 0 14px}.letter p{white-space:pre-wrap}.actions{background:#f1ede3;padding:5px 25px 20px;margin:30px 0}.actions ol{padding-left:20px}.actions li{padding-left:6px;margin:12px 0}.signature{text-align:right;font-family:"Yu Mincho",serif}.result-controls{display:flex;justify-content:center;gap:30px;align-items:center;margin-top:30px;font-size:12px}.outline{border:1px solid currentColor;background:none;color:inherit;padding:12px 20px;display:inline-block}.closing-panel{text-align:center;background:#0d1621;padding:55px 20px}.closing-panel span{font-size:30px;color:var(--gold)}.closing-panel p{font:21px/2 "Yu Mincho",serif;letter-spacing:3px}footer{max-width:1200px;margin:auto;padding:35px 5%;display:flex;align-items:center;gap:40px;justify-content:space-between}footer .brand{display:block;font-size:27px}footer p{font-size:9px;line-height:1.9;color:#9ca7b3}footer>span{font-size:8px;color:var(--muted);letter-spacing:1px}dialog{width:min(620px,92vw);max-height:80vh;border:1px solid #cdb27a70;background:var(--bg);color:var(--paper);padding:25px}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:23px}.dialog-head button{color:inherit;background:none;border:0;font-size:30px}.history-item{display:block;text-align:left;width:100%;padding:18px 5px;background:none;color:inherit;border:0;border-top:1px solid var(--line)}.history-item span{display:block;color:var(--muted);font-size:10px}html:has(dialog[open]){overflow:hidden}@media(max-width:750px){header{padding:18px 6%}.brand{font-size:29px}.brand-icon{font-size:34px}nav{gap:17px;font-size:10px}nav>a:first-child{display:none}.nav-cta{padding:7px 10px}.nav-cta span{margin-left:8px}.hero{gap:30px;padding-top:35px;grid-template-columns:1fr 1fr}.hero h1{font-size:28px;margin-top:16px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.lead{font-size:11px;line-height:2}.hero .primary{padding:12px 14px;font-size:11px;gap:15px}.hero-note{font-size:8px}.portrait img{height:380px}.portrait{padding:5px}.portrait:before{inset:-7px}.portrait:after{inset:55% 5px 5px}.portrait-caption{left:17px;bottom:20px}.portrait-caption span{font-size:10px;letter-spacing:0}.portrait-caption strong{font-size:30px}.portrait-tag{display:none}.intro{padding:55px 6%}h2{font-size:25px}.features{gap:12px;margin-top:30px}.features article{padding:5px}.features h3{font-size:14px}.features p{font-size:10px}.consult{grid-template-columns:1fr;gap:20px;padding:55px 6%}.consult-heading h2 br{display:none}.consult-heading>p:not(.eyebrow){display:none}.mini-profile{margin:16px 0}.mini-profile img{width:42px;height:42px}form{padding:23px}.letter{padding:25px}.reading-cards{gap:12px}.reading-card{min-height:180px;padding:18px 5px}.reading-card h3{font-size:14px}.reading-card small{font-size:8px;letter-spacing:0}.reading-card .symbol{font-size:32px}.result{padding:45px 6%}.result h2{font-size:23px}.result-controls{gap:15px;flex-wrap:wrap}footer{flex-wrap:wrap;gap:15px}footer p{width:100%;order:3}footer>span{margin-left:auto}.progress{margin:0 6% 40px}}@media(max-width:430px){.hero{grid-template-columns:1fr;gap:26px;padding-top:26px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:37px;line-height:1.6}.hero .eyebrow{font-size:8px}.lead{font-size:13px}.hero .primary{padding:15px 20px;font-size:13px;width:100%}.portrait{max-width:310px;margin:0 auto}.portrait img{height:360px}.hero-note{text-align:center}.features{grid-template-columns:1fr;text-align:left}.features article{border:0;border-bottom:1px solid #27313a20;display:grid;grid-template-columns:35px 1fr;gap:0 10px;padding:14px 0}.features span{grid-row:span 2}.features h3{margin:0 0 8px;font-size:17px}.features p{margin:0;font-size:12px}.features p br{display:none}.result-controls{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit{animation:none}}

.paywall{max-width:800px;margin:35px auto;text-align:center;background:#fffdf8;border:1px solid #25313d20;padding:35px}.paywall .eyebrow{color:#927744}.paywall h3{font:25px/1.8 "Yu Mincho",serif}.paywall #free-preview{font-size:14px;line-height:2;text-align:left;border-bottom:1px solid #25313d20;padding-bottom:25px}.paywall-description{font-size:13px;color:#68737b}.plans{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.plan{display:flex;flex-direction:column;align-items:center;gap:13px;background:#fffdf8;border:1px solid #b5aa91;color:#25313d;padding:23px 10px}.plan span{font-size:11px}.plan strong{font:37px Georgia,serif}.plan small{font:10px system-ui;margin-left:5px}.plan b{font-size:12px;border-top:1px solid #9c8c6e55;padding-top:15px;width:100%}.plan.featured{background:#172331;color:#e1ca9a;border-color:#172331}.paywall .form-note{color:#6f747a}.preview-notice{font-size:10px;color:#7a6131;margin:25px 0 0}.owner-preview{font-size:11px;margin-top:18px;color:#6f747a}.owner-preview summary{cursor:pointer}.owner-preview button{font-size:10px;margin:12px 3px}#payment-error{color:#973e28;font-size:12px}@media(max-width:550px){.paywall{padding:24px 16px}.plans{grid-template-columns:1fr}.paywall h3{font-size:22px}}

/* Sayaka: the reading ritual and illustrated result. */
.progress{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#34435855,transparent 66%),#101a27;border-color:#cdb27a44;border-radius:180px 180px 8px 8px;padding-top:32px;isolation:isolate}.tarot-ritual{height:225px;position:relative;max-width:350px;margin:0 auto}.ritual-halo{position:absolute;left:50%;top:8px;width:210px;height:210px;border:1px solid #cdb27a44;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 60px #b9934a15,inset 0 0 45px #b9934a12;animation:halo-breathe 5s ease-in-out infinite}.ritual-halo:before,.ritual-halo:after{content:'';position:absolute;inset:12px;border:1px dashed #cdb27a33;border-radius:50%;animation:ritual-turn 40s linear infinite}.ritual-halo:after{inset:-12px;border-style:dotted;animation-direction:reverse}.ritual-deck{position:absolute;inset:45px 20px;display:flex;justify-content:center;align-items:center;perspective:800px;gap:10px}.ritual-card{width:77px;height:125px;display:grid;place-items:center;flex-shrink:0;border:4px double #cdb27a;background:repeating-linear-gradient(45deg,#ffffff03 0 1px,transparent 1px 9px),linear-gradient(135deg,#26394d,#101b2b);border-radius:5px;color:#e7ca88;font:36px Georgia;box-shadow:0 10px 25px #0006;animation:card-float 4s ease-in-out infinite;transform:rotate(-10deg)}.ritual-card:nth-child(2){animation-delay:-1.3s;transform:translateY(-13px);z-index:2}.ritual-card:nth-child(3){animation-delay:-2.6s;transform:rotate(10deg)}.ritual-stars{position:absolute;inset:4px -5px;display:flex;justify-content:space-around;color:#ddc58a;font-size:20px;animation:star-shimmer 3s ease-in-out infinite}.ritual-stars span{align-self:center;font-size:13px;transform:translateY(30px)}.ritual-spark{position:absolute;bottom:0;left:48%;font-size:22px;color:var(--gold);animation:star-shimmer 2s ease-in-out infinite}.progress h2{font-size:27px;margin:8px 0 20px}.progress .eyebrow{font-size:9px;letter-spacing:3px}.progress .muted{padding:0 10px}.result{background:radial-gradient(ellipse at top,#e4d4af55,transparent 60%),#f4f0e7}.result-heading h2{font-size:clamp(26px,4vw,40px);margin:12px 0}.reading-cards{max-width:820px;gap:28px;margin:45px auto 55px;perspective:1000px}.reading-card{border:1px solid #baa36e;border-radius:5px;padding:12px 12px 17px;background:linear-gradient(145deg,#253448,#0d1826);box-shadow:0 15px 30px #15213020,0 0 0 4px #f4f0e7,0 0 0 5px #b8a27555;animation:card-reveal 1s both;animation-delay:var(--card-delay,0ms);justify-content:flex-start;transition:transform .35s,box-shadow .35s}.reading-card:hover{transform:translateY(-7px);box-shadow:0 23px 40px #15213030,0 0 0 4px #f4f0e7,0 0 0 5px #b8a27588}.reading-card>small:first-child{letter-spacing:2px;padding:5px 0 13px;color:#ead6a7}.tarot-art{width:100%;aspect-ratio:2/3;background-image:url('tarot-atlas.png');background-size:600% 400%;background-repeat:no-repeat;border:1px solid #cdb27a88;border-radius:2px}.reading-card h3{font-size:21px;margin:15px 0 8px}.reading-card>small:last-child{font-size:8px;letter-spacing:1px;color:#9fa89d}.letter{max-width:860px;padding:65px 65px 45px;background:linear-gradient(90deg,#cfb78209,transparent 20%,transparent 80%,#cfb78209),#fffdf8;border:1px solid #c9b886;box-shadow:0 15px 50px #25201008;outline:1px solid #c9b88666;outline-offset:-9px}.letter-seal{position:absolute;top:-26px;left:calc(50% - 26px);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#f1d594;background:linear-gradient(135deg,#23354a,#101e2d);border:3px double #bc9f60;font-size:28px;box-shadow:0 5px 15px #0002}.letter>.eyebrow{text-align:center;color:#96743b;font-size:9px}.letter-title{text-align:center;font-size:25px;margin:15px 0}.letter-star{display:block;text-align:center;font-size:19px}.letter #summary{font-size:16px;line-height:2.3;margin:24px 0 35px}.reading-chapter{position:relative;border-top:1px solid #b6a27955;padding:30px 0 10px 52px}.chapter-number{position:absolute;top:32px;left:0;font:italic 32px Georgia;color:#baa274}.reading-chapter .chapter-position{font-size:10px;letter-spacing:2px;color:#998052;margin:0}.reading-chapter h3{font-size:24px;margin:5px 0 15px}.reading-chapter>p:last-child{line-height:2.3;margin-bottom:20px}.letter .actions{background:linear-gradient(135deg,#e9e0cc66,#f3eee3);border-left:2px solid #b49b65;padding:12px 25px 20px}.actions h3{color:#6e5832}.signature{font-size:17px;margin-top:30px}.paywall{border-color:#c9b886;box-shadow:0 12px 40px #25201008}.paywall h3{font-size:29px}.result-controls{margin-bottom:20px}
@keyframes ritual-turn{to{transform:rotate(360deg)}}@keyframes halo-breathe{50%{opacity:.5;box-shadow:0 0 80px #b9934a33}}@keyframes star-shimmer{50%{opacity:.35;filter:drop-shadow(0 0 8px #e7ce91)}}@keyframes card-float{50%{translate:0 -12px;filter:brightness(1.15)}}@keyframes card-reveal{from{opacity:0;transform:translateY(20px) rotateY(-45deg)}to{opacity:1;transform:translateY(0) rotateY(0)}}
@media(max-width:600px){.reading-cards{gap:10px;margin:30px auto 40px}.reading-card{padding:5px 5px 11px}.reading-card h3{font-size:14px;margin:10px 0 4px}.reading-card>small:first-child{font-size:8px;letter-spacing:0;padding-bottom:7px}.reading-card>small:last-child{font-size:6px;letter-spacing:0}.letter{padding:50px 24px 25px}.letter-title{font-size:21px}.letter #summary{font-size:14px}.reading-chapter{padding-left:35px}.chapter-number{font-size:24px}.reading-chapter h3{font-size:21px}.progress{border-radius:120px 120px 5px 5px}.progress h2{font-size:24px}.paywall h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.tarot-ritual *,.tarot-ritual *:before,.tarot-ritual *:after,.reading-card{animation:none!important;transition:none!important}.reading-card:hover{transform:none}}

/* Illustrated reading folio and explicit reveal action. */
.reveal-reading{display:flex;width:min(340px,100%);margin:26px auto 18px;justify-content:center;border-radius:3px;min-height:58px;font-size:16px}.reveal-reading:disabled{background:#243244;color:#adb6bf;border-color:#647183;opacity:1;cursor:wait}.is-ready .reveal-reading{background:linear-gradient(115deg,#b89754,#eed9a6,#c4a15f);box-shadow:0 0 28px #d6b97533;animation:invitation-glow 3s ease-in-out infinite}.is-ready .ritual-card{box-shadow:0 0 25px #d6b97530}.reading-jump{display:flex;align-items:center;justify-content:space-between;gap:25px;width:fit-content;max-width:100%;margin:-18px auto 65px;padding:16px 28px;background:#1a2a3c;color:#ead5a5;border:1px solid #b79a5c;border-radius:3px;box-shadow:0 5px 16px #1a2a3c17;font-size:14px}.reading-jump:hover{background:#2a3d52}.reading-chapter{display:flow-root;min-height:245px;padding:34px 0 30px 46px}.chapter-art{float:right;width:150px;margin:0 0 20px 28px;box-shadow:0 0 0 4px #fffdf8,0 0 0 5px #bca16b88,0 14px 25px #30261822;transform:rotate(2deg)}.reading-chapter:nth-child(even) .chapter-art{transform:rotate(-2deg)}.reading-chapter>p:last-child{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;line-height:2.4;font-size:15px}.letter:before,.letter:after{content:'✧';position:absolute;bottom:16px;color:#b29861;font-size:20px}.letter:before{left:20px}.letter:after{right:20px}.letter #summary,.free-reading #free-preview{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:16px;line-height:2.5}.free-reading{margin-top:0}.free-next{clear:both;text-align:center;border-top:1px solid #b6a27955;padding-top:24px}.free-next p{font-family:"Yu Mincho",serif;font-size:15px;line-height:2.1}.free-next .primary{font-size:14px;gap:20px;margin-top:10px;background:linear-gradient(120deg,#bc9c5f,#e4ce9d);border-color:#ae8b4d}.free-next small{display:block;font-size:11px;color:#85734f;margin:10px 0 8px}.included-reading{display:grid;grid-template-columns:1fr 1fr 1fr;margin:28px 0;text-align:left;border-top:1px solid #b6a27955;border-bottom:1px solid #b6a27955;padding:22px 0}.included-reading>div{padding:0 16px;border-right:1px solid #b6a27944}.included-reading>div:last-child{border:0}.included-reading span{display:block;font:italic 24px Georgia;color:#ae925c;margin-bottom:8px}.included-reading strong{font:16px "Yu Mincho",serif}.included-reading p{font-size:11px;line-height:1.9;color:#6b7378;margin:10px 0 0}.paywall{margin-top:38px;padding:40px}.paywall h3{font-size:28px}.plan{transition:transform .2s,box-shadow .2s}.plan:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2c241518}.plan b{background:#1b2b3e;color:#ead5a5;padding:13px 8px;border:1px solid #b19a68}.plan.featured b{background:linear-gradient(115deg,#bea065,#ead6a7);color:#1b2b3e}.plan strong{font-size:43px}.reading-cards{margin-bottom:45px}@keyframes invitation-glow{50%{box-shadow:0 0 35px #d6b97566}}
@media(max-width:600px){.reading-jump{font-size:12px;padding:14px 19px;margin-top:0;margin-bottom:50px}.chapter-art{width:105px;margin:3px 0 18px 18px}.reading-chapter{padding-left:0;padding-top:30px}.chapter-number{position:static;display:inline-block;font-size:24px;margin:0 8px 12px 0}.reading-chapter .chapter-position{display:inline;font-size:9px;letter-spacing:1px}.reading-chapter h3{font-size:22px}.reading-chapter>p:last-child{font-size:14px;line-height:2.3;clear:both}.free-reading #free-preview{font-size:14px}.free-next .primary{font-size:12px;gap:12px;padding:15px 12px;width:100%;justify-content:center}.free-next p{font-size:13px}.paywall{padding:25px 18px}.included-reading{grid-template-columns:1fr;gap:17px}.included-reading>div{border-right:0;padding:0 0 0 42px;position:relative}.included-reading span{position:absolute;left:0;top:0;font-size:22px}.included-reading p{margin-top:6px}.reveal-reading{font-size:14px}}
@media(prefers-reduced-motion:reduce){.is-ready .reveal-reading{animation:none}.plan{transition:none}}

/* Warm parchment folio: quiet grain and softly aged edges. */
.letter{background-color:#f5ecd6;background-image:radial-gradient(ellipse at 0% 8%,#ac783621,transparent 38%),radial-gradient(ellipse at 100% 90%,#a7733020,transparent 40%),radial-gradient(ellipse at 55% 45%,#fffdf68c,transparent 70%),repeating-linear-gradient(3deg,#8b623308 0px,#8b623308 1px,transparent 1px,transparent 5px),repeating-linear-gradient(93deg,#fffaf21a 0px,#fffaf21a 1px,transparent 1px,transparent 7px);border-color:#bca16d;outline-color:#aa8b4b55;box-shadow:inset 0 0 45px #90642b18,inset 0 0 8px #8d64251c,0 16px 45px #35271312;color:#3d382f}.letter .chapter-art{box-shadow:0 0 0 4px #f5ecd6,0 0 0 5px #bca16b88,0 14px 25px #30261822}.letter .actions{background:linear-gradient(130deg,#d9c69840,#fff8e539);border-left-color:#ae8a48}.letter .reading-chapter,.letter .free-next{border-color:#a8864b45}.letter .letter-title{color:#343b3b}.letter .free-next .primary{box-shadow:0 4px 12px #70542018}

.signature{display:flex;align-items:center;justify-content:flex-end;gap:12px}.signature-quill{width:78px;height:78px;color:#a7894b;flex:none}@media(max-width:600px){.signature-quill{width:58px;height:58px}}

.logo-brand img{display:block;width:132px;height:auto}header:has(.logo-brand){padding-top:12px;padding-bottom:12px}footer .logo-brand img{width:150px}@media(max-width:600px){.logo-brand img{width:100px}header:has(.logo-brand){gap:12px}header .nav-cta{font-size:10px}footer .logo-brand img{width:120px}}

.hero h1.hero-headline{font-size:clamp(25px,3.45vw,48px);letter-spacing:.035em}.hero-headline>span,.hero-headline>em{display:block;white-space:nowrap}@media(max-width:750px) and (min-width:431px){.hero h1.hero-headline{font-size:clamp(18px,3.35vw,25px)}}@media(max-width:430px){.hero h1.hero-headline{font-size:clamp(25px,8vw,34px)}}

.ayaka-profile{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;max-width:1040px;margin:0 auto;text-align:left}.profile-portrait{position:relative;padding:9px;border:1px solid #bda571;border-radius:180px 180px 3px 3px;max-width:370px;width:100%}.profile-portrait>img{display:block;width:100%;height:475px;object-fit:cover;object-position:50% 35%;border-radius:170px 170px 0 0}.profile-portrait:after{content:'';position:absolute;inset:55% 9px 9px;background:linear-gradient(transparent,#101c2ee6)}.profile-name{position:absolute;z-index:1;bottom:30px;left:0;right:0;text-align:center;font:italic 43px Georgia;color:#ead3a0}.profile-name span{display:block;font:9px system-ui;letter-spacing:4px;margin-top:8px}.profile-copy h2{font-size:27px;margin:18px 0 25px}.profile-copy>p:not(.eyebrow){font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:14px;line-height:2.2;color:#535e62}.profile-experience{border-top:1px solid #b9a77966;border-bottom:1px solid #b9a77966;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;margin:24px 0}.profile-experience>span{font-size:10px;color:#7d6b48;letter-spacing:1px}.profile-experience strong{font:18px "Yu Mincho",serif;color:#8a6d35;white-space:nowrap}.profile-experience b{font:48px Georgia}.profile-copy .profile-signature{text-align:right;font-size:12px!important;margin-top:25px}.profile-signature span{font:italic 31px Georgia;color:#93753c;margin-left:12px}.profile-consult{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid #a88d55;padding:8px 0;font-size:12px;color:#66512c}.profile-consult:hover{color:#263a4c}@media(max-width:750px){.ayaka-profile{grid-template-columns:1fr;gap:30px}.profile-portrait{max-width:270px;margin:auto}.profile-portrait>img{height:340px}.profile-copy{max-width:500px;margin:auto;width:100%}.profile-copy h2{font-size:clamp(20px,5.5vw,26px)}.profile-experience{gap:10px}.profile-experience>span{font-size:9px}.profile-experience b{font-size:42px}}

@font-face{font-family:SayakaSignature;src:url('Allura-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}.signature-words{display:flex;flex-direction:column;align-items:center;gap:0}.signature-words small{font:12px "Yu Mincho",serif;letter-spacing:2px}.handwritten-signature,.profile-signature span{display:inline-block;font:64px/1.1 SayakaSignature,cursive;transform:rotate(-5deg);color:#866936;letter-spacing:0}.signature{gap:20px;padding-top:14px}.profile-signature span{font-size:52px}.profile-experience{display:block;padding:18px 0}.profile-experience>span{display:block;font-size:9px;letter-spacing:3px;margin-bottom:10px}.profile-experience strong{display:block;font:20px/1.9 "Yu Mincho",serif;white-space:normal;letter-spacing:.05em;color:#7b653d}.experience-break{display:none}@media(max-width:600px){.profile-experience strong{font-size:18px}.experience-break{display:block}.handwritten-signature{font-size:57px}.profile-signature span{font-size:48px}}

.consult .mini-profile{display:block;width:min(240px,100%);margin-top:30px}.consult .mini-profile img{display:block;width:100%;height:280px;object-fit:cover;object-position:50% 35%;border-radius:110px 110px 3px 3px;border:1px solid #bfa46d;padding:5px;background:#142030}.consult .mini-profile>div{text-align:center;margin-top:12px}.consult .mini-profile strong{font:42px/1.2 SayakaSignature,cursive;color:#dbc38d}.consult .mini-profile span{font-size:9px;letter-spacing:1px}@media(max-width:750px){.consult .mini-profile{display:flex;width:auto;gap:20px;align-items:center;margin:22px 0}.consult .mini-profile img{width:120px;height:150px;border-radius:65px 65px 3px 3px}.consult .mini-profile>div{text-align:left;margin:0}}

.letter .signature{gap:3px}.letter .signature-quill{width:66px;height:66px;margin-right:-7px;transform:translateY(10px)}@media(max-width:600px){.letter .signature{gap:0}.letter .signature-quill{width:56px;height:56px;margin-right:-8px;transform:translateY(8px)}}

.reading-progress{max-width:430px;margin:25px auto 8px;padding:0 5px}.progress-labels{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#d9c498;margin-bottom:12px;align-items:center}#stage-count{white-space:nowrap;font-size:10px;color:#a2afbb}#reading-progress-bar{display:block;appearance:none;-webkit-appearance:none;border:0;width:100%;height:7px;border-radius:6px;overflow:hidden;background:#ffffff12}#reading-progress-bar::-webkit-progress-bar{background:#ffffff12;border-radius:6px}#reading-progress-bar::-webkit-progress-value{background:linear-gradient(100deg,#967741,#ead4a1,#b99551);border-radius:6px;transition:width 1s ease;box-shadow:0 0 12px #d5b77d77}#reading-progress-bar::-moz-progress-bar{background:linear-gradient(100deg,#967741,#ead4a1,#b99551);border-radius:6px}.progress-steps{display:flex;justify-content:space-between;gap:10px;padding:0;margin:11px 0 0;list-style:none;font-size:9px;color:#68798b}.progress-steps li.reached{color:#d8c296}.progress-steps li.reached:before{content:'✧ ';color:#d8c296}.is-ready .reading-progress{filter:drop-shadow(0 0 8px #cdb27a22)}@media(prefers-reduced-motion:reduce){#reading-progress-bar::-webkit-progress-value{transition:none}}

.tarot-art.reversed{transform:rotate(180deg)}
/* Ayaka: rose, ivory and antique gold. Reading folio and rituals retained. */
:root{--bg:#392735;--deep:#291c28;--paper:#fff8ef;--ink:#49353d;--gold:#bfa16a;--muted:#b9a8b2;--line:#d5bbcd44}body{background:#fcf7f1;color:#49353d}header{border-color:#c7ac8b55}header .wordmark,footer .wordmark{font:64px/1 SayakaSignature,cursive;color:#805364}.wordmark small{font:8px/1.5 system-ui;letter-spacing:4px;text-align:center;margin-top:4px}.hero{max-width:1400px;padding-top:65px;padding-bottom:100px;background:radial-gradient(ellipse at 80% 45%,#ead3d6aa,transparent 65%)}.hero h1 em{color:#ae6079}.hero .lead{color:#806771}.hero .hero-note{color:#8a7474}.hero .primary,form .primary{background:linear-gradient(120deg,#a75e76,#88485f);color:#fff8ed;border-color:#b67d83;border-radius:3px;box-shadow:0 8px 24px #96597020}.hero .primary{gap:24px}.portrait{max-width:440px;border-radius:230px 230px 8px 8px;box-shadow:0 24px 65px #70444c16}.portrait img{height:560px;object-position:50% 45%}.portrait:after{background:linear-gradient(transparent,#422c3cda)}.portrait-caption{color:#fff5e8}.portrait-caption strong{font:78px/1.2 SayakaSignature,cursive;color:#f7dfb4}.portrait-tag{color:#9d7d50}.hero-bottom{color:#9a7c85}.eyebrow{color:#9a7546}.primary:hover{filter:brightness(1.08)}.invitation{padding:80px 8%;text-align:center;background:#f5e7e7;border-top:1px solid #dcc3bd}.feeling-list{max-width:880px;margin:35px auto 0;text-align:left}.feeling-list a{display:block;padding:23px 6px;border-bottom:1px solid #c4a79666;font-family:'Yu Mincho',serif;font-size:19px}.feeling-list span{display:inline-block;width:135px;font:9px system-ui;letter-spacing:2px;color:#a07860}.feeling-list b{float:right;font-weight:400;color:#a07860}.sample-reading{padding:85px 8%;display:grid;grid-template-columns:200px 1fr;gap:75px;max-width:1100px;margin:auto;align-items:center}.sample-reading .sample-art{width:200px;aspect-ratio:2/3;background-position:100% 66.666667%;box-shadow:0 0 0 6px #f9f0de,0 0 0 7px #c4a165,0 20px 40px #543e4926;transform:rotate(-7deg);border-radius:3px}.sample-reading p:not(.eyebrow){line-height:2.2;color:#806b73}.sample-reading small{font-size:10px;color:#917c83;display:block}.intro{background:#f6eee5;border-block:1px solid #d2bc9b55}.profile-copy h2{font-size:25px}.profile-portrait>img{height:430px}.profile-experience strong{font-size:18px}.consult{color:#fff6ee;background:#392735;max-width:none;padding-inline:max(6%,calc((100% - 1100px)/2));gap:55px}.consult .eyebrow{color:#dfc48f}.consult form{background:#442f3e;border-color:#c9aa9266}.consult textarea{background:#30212e;color:#fff8ef;border-color:#cba9bb66}.consult .mini-profile img{background:#392735}.progress{background:radial-gradient(ellipse at 50% 10%,#56384a,#30232f);color:#fff4e8;margin-top:55px}.progress .eyebrow{color:#dfc48f}.result{background:#f8efe7}.reading-card{background:linear-gradient(140deg,#493443,#2a202b)}.closing-panel{background:#392735;color:#f7e8dc}.offering{padding:80px 6%;text-align:center;background:#f2e0e2}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1120px;margin:35px auto}.menu-grid article{padding:35px 23px;border:1px solid #c8a98a;background:#fffbf4}.menu-grid article>span{font-size:9px;letter-spacing:2px;color:#a07860}.menu-grid h3{font:21px 'Yu Mincho',serif}.menu-grid strong{font:38px Georgia;color:#9c5b72}.menu-grid strong small{font:12px system-ui}.menu-grid p{font-size:12px;color:#8b7479}.menu-grid article>small{display:block;font-size:10px;margin-top:14px}.menu-grid .primary{font-size:12px;gap:10px;background:#a36179;color:white}.menu-grid .outline{font-size:12px}.menu-note{font-size:11px;color:#806872}footer{color:#76606a}.form-note{color:#857281}.consult .form-note{color:#c9b9c4}.paywall .preview-notice{color:#855b60}dialog{color:#49353d;background:#fff9f0;max-width:min(560px,92vw);border:1px solid #bfa16a}dialog::backdrop{background:#30202bb3}.history-item{color:#49353d}.nav-cta{border-radius:2px}.hero h1.hero-headline{font-size:clamp(29px,3.6vw,49px)}
@media(max-width:750px){header{padding:15px 5%}header .wordmark{font-size:46px}nav{gap:15px}nav>a:first-child{display:none}.hero{grid-template-columns:1fr;padding:35px 7% 60px;gap:35px}.hero-copy{text-align:center}.hero h1.hero-headline{font-size:clamp(26px,7.4vw,40px);line-height:1.7}.hero .lead{font-size:12px}.portrait{max-width:340px;margin:auto}.portrait img{height:390px}.portrait-caption strong{font-size:65px}.hero-bottom{font-size:7px}.hero .primary{font-size:12px;padding:15px 18px;gap:20px}.invitation{padding:50px 6%}.invitation h2,.sample-reading h2{font-size:23px}.feeling-list a{font-size:15px;padding:20px 0}.feeling-list span{display:block;width:auto;margin-bottom:8px}.sample-reading{grid-template-columns:1fr;gap:35px;padding:55px 8%}.sample-reading .sample-art{width:140px;margin:auto}.sample-reading>div:last-child{text-align:center}.sample-reading p:not(.eyebrow){font-size:13px}.consult{padding:55px 6%;gap:30px}.menu-grid{grid-template-columns:1fr}.offering{padding:50px 6%}.offering h2{font-size:23px}.profile-portrait>img{height:340px}.result{padding-inline:5%}footer .wordmark{font-size:58px}.progress{margin-inline:4%}.hero-headline>span,.hero-headline>em{white-space:normal;text-wrap:nowrap}}
/* Ayaka: a bright contemporary love salon, independent from Sayaka's antique room. */
:root{--gold:#8b72b6;--muted:#756d83}body{background:#fcfaff;color:#393345;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}header{background:#ffffffed;border-color:#e7e0f0}.wordmark{color:#77609c!important}h1,h2,h3{color:#42374f}header .wordmark{font-family:SayakaSignature,cursive}.hero{background:#f6f1fb;min-height:700px;gap:6%;padding:65px 8% 60px}.hero h1.hero-headline{font-family:'Yu Gothic',sans-serif;font-weight:600;letter-spacing:.04em;line-height:1.7}.hero h1 em{color:#9476ba;font-style:normal}.hero .lead{color:#695f75;line-height:2.2}.portrait{border:0;padding:0;border-radius:28px;overflow:hidden;box-shadow:18px 18px 0 #e6ddf0}.portrait img{border-radius:28px;height:560px;object-position:center 28%}.portrait:after{background:linear-gradient(transparent,#32294480)}.portrait-caption strong{color:white}.portrait-tag{display:none}.primary{background:#8061a8;color:#fff;border:1px solid #8061a8;border-radius:30px;box-shadow:0 7px 18px #8061a81a}.primary:hover{background:#694c8d}.eyebrow{color:#7c669c}.invitation{background:#fff}.feeling-list a{border-color:#e4dcec;color:#504460}.feeling-list span{color:#8b72b6}.sample-reading{background:#f5f0fb}.intro{background:#fff}.profile-portrait,.profile-portrait>img{border-radius:24px}.profile-portrait{border-color:#ddd2eb}.profile-name{color:white}.profile-copy>p:not(.eyebrow){font-family:inherit;color:#60566d}.profile-experience{border-color:#ddd2eb}.profile-experience strong{font-family:inherit;color:#77608e}.consult{background:#f3edf9;color:#393345}.consult h2,.consult-heading p,.consult label,.consult legend{color:#493c59}.consult .eyebrow{color:#7f669d}.consult .mini-profile img{background:white;border-color:#d2c1e3;border-radius:24px}.consult .mini-profile strong{color:#77609c}.consult .mini-profile span{color:#675877}#reading-form{background:white;border:1px solid #e6dcef;border-radius:24px;box-shadow:0 10px 40px #65517d08}textarea,input[type=date],input[type=time],input[type=search],#relationship,select{box-sizing:border-box;width:100%;max-width:100%;min-width:0;background:#fcfaff;color:#393345;border:1px solid #cec2dc;border-radius:10px;font:14px inherit;padding:12px}textarea:focus,input:focus,select:focus{outline:2px solid #987bbb;outline-offset:2px}.topics{display:flex;flex-wrap:wrap;gap:8px}.topics button{color:#62516f;border:1px solid #dbd0e5;background:#fff;border-radius:20px}.topics button.selected{background:#eee4f8;color:#60447f;border-color:#9c80bc}.birth-fields{border:0;border-top:1px solid #e8e0ef;padding:22px 0;margin:20px 0}.birth-fields legend{font-weight:600}.birth-fields label{display:block;font-size:12px;line-height:1.7;margin:10px 0}.birth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.birth-note,.consult .form-note{font-size:11px;line-height:1.9;color:#75677e}.partner-toggle{display:flex!important;align-items:center;gap:10px;font-size:13px!important}.partner-toggle input{width:18px;height:18px;accent-color:#8061a8}.consult .input-meta{color:#82718e}.progress{background:#f0e9f9;border:1px solid #dbcee9;border-radius:28px;color:#554364}.progress h2,.progress .muted{color:#554364}.ritual-card{background:#fdfaff;border-color:#aa90c8;color:#9476b9;box-shadow:0 8px 20px #735d8f18}.ritual-halo{border-color:#b99fd4}.progress.is-ready #reveal-reading{background:#8061a8;color:white}.result{background:#fcfaff}.reading-card{background:#fff;border-color:#d7c9e4;color:#604a75;border-radius:16px}.reading-card h3{color:#6b5281}.reading-card small{color:#776788}.letter,.free-reading.letter{background:#fff;outline:none;border:1px solid #dfd2ec;border-radius:22px;box-shadow:0 12px 35px #8061a80d;color:#42384e}.letter:before,.letter:after{display:none}.letter-seal{background:#ede3f7;border-color:#c6afdc;color:#8061a8}.letter .chapter-art{box-shadow:0 0 0 4px #faf7fe,0 0 0 5px #d7c9e4}.letter .actions{background:#f6f0fb;border-color:#b298ca}.letter #summary,.free-reading #free-preview,.reading-chapter>p:last-child{font-family:inherit}.letter .reading-chapter{border-color:#e1d5ed}.letter .signature-quill{display:none}.handwritten-signature{color:#8061a8}.paywall,.offering{background:#f1eaf8}.paywall h2,.offering h2{color:#493b59}.menu-grid article{border-color:#dbcee7;border-radius:20px}.menu-grid strong{color:#8260a5}.closing{background:#ece3f5;color:#69537e}.closing h2{color:#69537e}footer{background:#fff}.data-credit{font-size:10px;line-height:1.9;color:#80718e;text-align:center}.chart-details{max-width:860px;margin:30px auto;padding:20px;background:#f2edf8;border:1px solid #d8cbe5;border-radius:16px;text-align:left}.chart-details summary{cursor:pointer;color:#664b82;font-weight:600}.chart-details h3{font-size:17px}.chart-details ul{font-size:13px;line-height:2;columns:2}.chart-details p{font-size:12px;line-height:1.9}.profile-consult{color:#8061a8;border-color:#bca6d0}.profile-signature span{color:#8061a8}dialog{background:#fff;color:#493b59;border-color:#c9b5dd;border-radius:20px}
@media(max-width:750px){.hero{padding:35px 7% 55px;min-height:0}.hero h1.hero-headline{font-size:clamp(25px,7vw,36px)}.portrait{box-shadow:10px 10px 0 #e6ddf0}.portrait img{height:400px}.birth-grid{grid-template-columns:1fr}.chart-details ul{columns:1}.consult{padding:45px 5%}#reading-form{padding:22px 18px}.profile-portrait>img{height:360px}.letter-title{font-size:20px}.topics button{font-size:12px}}
.consult textarea{background:#fcfaff;color:#393345;border-color:#cec2dc}.consult .primary,.hero .primary{background:#8061a8;color:#fff;border-radius:30px;border-color:#8061a8}.reading-card>small{color:#78618c!important}.astro-letter{max-width:820px;margin:30px auto;padding:30px;background:white;border:1px solid #e2d7ed;border-radius:24px;text-align:left}.astro-letter h2{font-size:23px}.astro-letter>p:last-child{line-height:2.2;white-space:pre-wrap;font-size:15px;color:#50445d}.consult .form-note{color:#75677e}
#submit,#reveal-reading,.hero a.primary,.menu-grid a.primary{background:#8061a8;color:#fff;border-color:#8061a8;border-radius:30px}#question{background:#fcfaff;color:#42374f;border-color:#cec2dc}#question::placeholder{color:#867791}.progress .muted,.progress #progress-text,.progress #stage-label,.progress #stage-count{color:#675279}.progress progress{accent-color:#9272b8}.reading-card small{color:#68517e}.closing-note{background:#ece3f5;color:#69537e}.closing-note h2{color:#69537e}
.closing-panel{background:#ece3f5;color:#69537e}.closing-panel p,.closing-panel span{color:#69537e}.progress [data-stage]{color:#705986}.progress .eyebrow{color:#705986}
.faq{padding:65px 8%;max-width:1100px;margin:auto}.faq h2{font-size:28px;margin-bottom:30px}.faq details{border-bottom:1px solid #e1d6eb;padding:20px 0}.faq summary{cursor:pointer;font-size:15px;color:#59436f;line-height:1.8}.faq details p{max-width:750px;font-size:13px;line-height:2;color:#73637f}.faq summary:focus-visible{outline:2px solid #987bbb;outline-offset:5px}@media(max-width:750px){.faq{padding:40px 7%}.faq h2{font-size:24px}.faq summary{font-size:14px}}

/* Explain the combined reading before the consultation. */
.reading-method{padding:76px 7%;background:#faf6ff;text-align:center;color:#493c59}.reading-method h2{font-size:clamp(25px,3vw,36px);font-weight:400;line-height:1.6}.method-lead{color:#74627f}.method-grid{max-width:1150px;margin:36px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.method-grid article{padding:28px;background:#fff;border:1px solid #e1d5ed;border-radius:20px}.method-number{font-size:11px;letter-spacing:1.4px;color:#9474ac}.method-grid h3{font-size:19px;font-weight:500}.method-grid p{font-size:14px;line-height:2}.method-grid small{display:block;border-top:1px solid #eee5f4;padding-top:16px;color:#81708d;line-height:1.8}.method-note{max-width:780px;margin:24px auto;font-size:12px;color:#81708d}.reading-method>.primary{display:inline-flex;margin-top:12px}.hero .eyebrow{line-height:1.8}@media(max-width:750px){.reading-method{padding:45px 6%}.method-grid{grid-template-columns:1fr;gap:14px}.method-grid article{padding:24px}.reading-method>.primary{max-width:100%;font-size:13px}}

/* Lead with the combined reading concept, with uncropped artwork. */
.hero{max-width:1500px;grid-template-columns:.9fr 1.25fr;gap:4%;padding:48px 5% 65px;background:radial-gradient(ellipse at 80% 25%,#ffe9f1,transparent 65%),#f7f1fb}
.hero h1.hero-headline{font-size:clamp(27px,3.1vw,46px);line-height:1.65;letter-spacing:.02em}
.hero h1.hero-headline span,.hero h1.hero-headline em{display:block;white-space:nowrap}
.hero .primary{gap:20px}.hero-concept{margin:0;min-width:0}.concept-art{position:relative;overflow:hidden;border-radius:28px;border:1px solid #ead9ea;box-shadow:0 24px 65px #a375a529}.concept-art>img{display:block;width:100%;height:auto}.concept-chart-labels{position:absolute;top:4%;left:13%;right:13%;display:flex;justify-content:space-between;gap:20px}.concept-chart-labels span{background:#fff9;padding:3px 15px;border-radius:20px;color:#73517a;font-size:12px;backdrop-filter:blur(8px)}.concept-art-label{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);background:#fffD;border:1px solid #dcbfd3;border-radius:25px;padding:7px 24px;color:#78547f;white-space:nowrap;font-size:14px;letter-spacing:1px}.hero-concept figcaption{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;color:#604871;text-align:center;font-size:14px}.hero-concept figcaption small{display:block;font-size:10px;color:#9b7da5;letter-spacing:1px}.hero-concept figcaption b{font-size:20px;font-weight:300;color:#b192bd}.concept-footnote{text-align:center;font-size:10px;color:#84708e;margin-top:16px}.hero .hero-bottom{bottom:15px}
@media(max-width:750px){.hero{display:flex;flex-direction:column;gap:23px;padding:26px 6% 44px}.hero-copy{width:100%}.hero h1.hero-headline{font-size:clamp(25px,7.1vw,40px);margin:15px 0}.hero .lead{font-size:12px;line-height:2;margin-bottom:18px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.hero .primary{width:100%;font-size:12px;padding:15px 17px}.hero-note{margin-bottom:0}.hero-concept{width:100%}.concept-art{border-radius:18px}.concept-chart-labels span{font-size:9px;padding:2px 9px}.concept-art-label{font-size:11px;padding:4px 14px}.hero-concept figcaption{gap:11px;font-size:12px;margin-top:15px}.concept-footnote{font-size:9px}.hero-bottom{font-size:7px}}

/* A welcoming face alongside the astrology and tarot concept. */
.hero{background:radial-gradient(ellipse at 75% 10%,#ffdae9,transparent 55%),radial-gradient(ellipse at 25% 85%,#e7d6fa,transparent 65%),#fff6fb}
.concept-stage{position:relative;padding:12px 0 0}.concept-stage .concept-art{width:100%;border:2px solid #f3d9b9;box-shadow:0 22px 70px #b775b53b,0 0 0 7px #fff8}.concept-stage .concept-art>img{width:100%}.hero-ayaka{position:absolute;right:-12px;bottom:7px;width:32%;aspect-ratio:3/4;overflow:hidden;border:5px solid #fff5f9;border-radius:140px 140px 24px 24px;box-shadow:0 12px 35px #88608b40;z-index:2;background:#f8eaf4}.hero-ayaka>img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}.hero-ayaka:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#4f315cbb)}.hero-ayaka-name{position:absolute;z-index:1;bottom:12px;left:0;right:0;text-align:center;color:white;font:46px/1 Allura,Georgia,serif}.hero-ayaka-name small{display:block;font:8px/2 system-ui;letter-spacing:3px}.hero-welcome{min-height:135px;padding:23px 33% 5px 10px;color:#694771}.hero-welcome>span{font-size:9px;letter-spacing:2px;color:#a26b91}.hero-welcome p{font-size:15px;line-height:1.9;margin:8px 0}.hero-welcome>a{font-size:10px;border-bottom:1px solid #bfa1c6;padding-bottom:3px}.salon-spark{position:absolute;color:#c79a53;z-index:3;pointer-events:none;text-shadow:0 0 20px white}.spark-one{top:-24px;right:25px;font-size:60px}.spark-two{bottom:72px;right:30%;font-size:32px}.hero-concept figcaption{padding:16px 10px;background:#fff9;border:1px solid #edcfe6;border-radius:18px;margin-top:12px;box-shadow:0 8px 30px #bb8cb31a}.hero .primary{background:linear-gradient(110deg,#a361a5,#7b62b4);box-shadow:0 8px 24px #9c69ac30}
@media(max-width:750px){.hero{gap:18px}.concept-stage{padding-top:8px}.hero-ayaka{right:-5px;bottom:14px;width:34%;border-width:3px;border-radius:90px 90px 16px 16px}.hero-ayaka-name{font-size:31px;bottom:8px}.hero-ayaka-name small{font-size:6px;letter-spacing:2px}.hero-welcome{padding:17px 34% 0 2px;min-height:125px;text-align:left}.hero-welcome>span{font-size:7px;letter-spacing:1px}.hero-welcome p{font-size:11px;line-height:1.9}.hero-welcome>a{font-size:9px}.spark-one{font-size:40px;top:-17px;right:10px}.spark-two{font-size:23px;bottom:85px;right:31%}.concept-stage .concept-art{box-shadow:0 12px 35px #b775b530,0 0 0 4px #fff9}.hero-concept figcaption{margin-top:4px;padding:12px 6px}.concept-footnote{line-height:1.7}}

.result-controls{flex-wrap:wrap;gap:16px}#export-dialog{width:min(700px,94vw)}#export-note,#export-status{font-size:12px;line-height:1.9}#export-images article{margin:20px 0}#export-images img{display:block;width:100%;height:auto;border:1px solid #e3d1e7;border-radius:12px}#export-images a{margin:12px 0;display:inline-flex}#export-share{width:100%;margin-top:15px}

/* Small production credit in the footer. */
footer .production-credit{display:block;margin-top:8px;font-size:10px;line-height:1.5;letter-spacing:.04em;text-transform:none}