*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbf7f3;color:#5f4a4d;font-family:"Zen Maru Gothic",system-ui,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid #eadfda;background:rgba(251,247,243,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{font-family:Georgia,serif;font-size:26px;letter-spacing:.04em;color:#7b5b61;display:flex;gap:9px;align-items:center}.brand-mark{color:#c8949f}.nav{display:flex;gap:30px;font-size:13px}.nav a:hover{color:#bd7f8c}.hero{min-height:650px;display:grid;place-items:center;text-align:center;padding:80px 20px 100px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#fff 0,#fbf7f3 43%,#f5e9e7 100%)}.hero>*:not(.mirror):not(.sparkle){position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.2em;color:#b28790;font-weight:700}.hero h1,.diagnosis-intro h1{font-family:Georgia,"Yu Mincho",serif;font-weight:400;font-size:clamp(38px,6vw,70px);line-height:1.35;margin:12px 0 20px;color:#5e484c}.hero h1 em,.diagnosis-intro h1 em{font-style:normal;color:#bd7f8c}.hero-copy{font-size:14px;color:#887377;margin-bottom:30px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:0;border-radius:999px;background:#bd8590;color:white;padding:13px 24px;box-shadow:0 8px 22px rgba(139,91,101,.15);cursor:pointer}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px);background:#ad7480}.mirror{position:absolute;width:360px;height:500px;border:1px solid rgba(194,150,159,.18);border-radius:180px 180px 35px 35px;top:80px;left:50%;transform:translateX(-50%);z-index:0}.mirror:before{content:"";position:absolute;inset:13px;border:1px solid rgba(194,150,159,.12);border-radius:inherit}.mirror-inner{position:absolute;inset:0;display:grid;place-items:center;font-family:Georgia,serif;color:rgba(185,125,139,.08);font-size:28px}.mirror-inner span{font-size:180px;font-style:italic}.sparkle{position:absolute;color:#d5a9b2}.s1{top:24%;left:18%}.s2{bottom:22%;right:18%}.section{max-width:1080px;margin:auto;padding:86px 24px}.section-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:34px}.section-heading>span{font-family:Georgia,serif;color:#c79aa4;font-size:12px;border-bottom:1px solid #d7b3ba;padding-bottom:4px}.section-heading p{margin:0;color:#b38a92;font-size:9px;letter-spacing:.2em}.section-heading h2{margin:2px 0;font-family:Georgia,"Yu Mincho",serif;font-weight:400;font-size:30px}.door-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.door{background:#fff;border:1px solid #eadeda;border-radius:18px;padding:30px 22px;min-height:205px;transition:.2s}.door:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(110,77,82,.08);border-color:#d9b6bd}.door-icon{font-size:27px;color:#c58f9a}.door h3{font-size:17px;margin:16px 0 5px}.door p,.door small{display:block;margin:0;color:#9a8588;font-size:12px}.door small{margin-top:14px;color:#bd8e97}.feature-card{display:grid;grid-template-columns:1fr 1.25fr;background:#fff;border:1px solid #eadeda;border-radius:24px;overflow:hidden}.feature-art{min-height:360px;background:linear-gradient(145deg,#f3dedf,#f9eee8);display:grid;place-items:center;position:relative}.mini-mirror{width:160px;height:220px;border:2px solid rgba(170,116,128,.3);border-radius:90px 90px 24px 24px;display:grid;place-items:center;font-size:55px;color:#b9818d;background:rgba(255,255,255,.3)}.tag{position:absolute;top:20px;left:20px;font-size:9px;letter-spacing:.15em;background:white;border-radius:999px;padding:5px 10px}.feature-copy{padding:52px}.category{font-size:9px;letter-spacing:.2em;color:#bd8590}.feature-copy h3{font-family:Georgia,"Yu Mincho",serif;font-size:31px;font-weight:400;margin:8px 0}.feature-copy>p{font-size:13px;color:#887377}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.chips span,.soon-pill{font-size:10px;border:1px solid #e3cdd1;border-radius:999px;padding:5px 10px;background:#fff9f8;color:#9c7079}.secondary-button{font-size:12px;padding:11px 20px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.content-card{border:1px solid #eadeda;border-radius:18px;background:#fff;text-align:left;padding:24px;color:#604b4e;min-height:170px}.content-card .emoji{display:block;font-size:25px;margin-bottom:15px}.content-card b,.content-card small,.content-card i{display:block}.content-card small{color:#9b8589;margin-top:7px}.content-card i{font-style:normal;font-size:8px;letter-spacing:.12em;color:#bf8b95;margin-top:18px}.soft-band{background:#f2e4e3;border-top:1px solid #ead5d4;border-bottom:1px solid #ead5d4;text-align:center}.compact{padding-top:65px;padding-bottom:65px}.compact h2,.fortune h2{font-family:Georgia,"Yu Mincho",serif;font-size:30px;font-weight:400;margin:5px}.compact>p:not(.eyebrow),.fortune>p:not(.eyebrow){font-size:13px;color:#897478}.soon-pill{display:inline-block;margin-top:18px}.fortune{text-align:center;padding-top:95px;padding-bottom:105px}.fortune-symbol{font-size:38px;color:#b57e89}.fortune h2{margin-top:10px}footer{text-align:center;border-top:1px solid #eadfda;padding:55px 20px;color:#9c8589;font-size:11px}.footer-brand{justify-content:center}.diagnosis-shell{min-height:calc(100vh - 74px);background:radial-gradient(circle at top,#fff,#f8eeeb);padding:40px 20px}.back-link{display:block;max-width:850px;margin:auto;font-size:12px;color:#a27c83}.diagnosis-intro{max-width:700px;margin:70px auto;text-align:center}.diagnosis-intro h1{font-size:clamp(38px,7vw,64px)}.status-card{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid #eadeda;border-radius:18px;padding:20px;margin:35px auto;max-width:480px;font-size:13px}.fake-start{font-size:13px}.dev-note{font-size:10px!important;color:#ad989b;margin-top:18px}@media(max-width:800px){.nav{gap:14px}.nav a:nth-child(3){display:none}.hero{min-height:610px}.mirror{width:270px;height:410px}.door-grid{grid-template-columns:1fr 1fr}.feature-card{grid-template-columns:1fr}.feature-art{min-height:240px}.feature-copy{padding:30px}.card-grid{grid-template-columns:1fr}.section{padding:65px 18px}}@media(max-width:480px){.site-header{height:64px;padding:0 18px}.brand{font-size:23px}.nav{font-size:11px}.hero{padding-top:65px}.hero h1{font-size:42px}.door-grid{gap:9px}.door{padding:22px 15px;min-height:180px}.door h3{font-size:15px}.feature-copy h3{font-size:26px}}
.header-note{font-size:9px;letter-spacing:.2em;color:#9b8388}.hidden{display:none!important}.quiz-page{min-height:calc(100vh - 74px);padding:55px 18px 90px;background:radial-gradient(circle at 50% 0,#fff,#f7efec 60%,#f2eceb)}.quiz-card{max-width:760px;margin:auto;background:rgba(255,255,255,.8);border:1px solid #e8ddda;border-radius:28px;padding:clamp(28px,6vw,58px);box-shadow:0 18px 60px rgba(91,65,70,.06)}.intro-card{text-align:center}.intro-card h1{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(38px,7vw,62px);line-height:1.35;font-weight:400;margin:10px 0}.intro-card h1 em{font-style:normal;color:#a57991}.fineprint{font-size:10px;color:#9c8a8d;margin-top:22px}.quiz-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#9b7e87}.progress{height:4px;background:#eee5e4;border-radius:99px;margin:14px 0 50px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#a27a92,#74809c);transition:.3s}.question-kicker{font-size:9px;letter-spacing:.2em;color:#ad8792}.quiz-card h2{font-family:Georgia,"Yu Mincho",serif;font-weight:400;font-size:clamp(22px,4vw,30px);line-height:1.7;min-height:100px}.answer-stack{display:grid;gap:9px;margin-top:28px}.answer-button{border:1px solid #e5d9d7;background:#fff;border-radius:14px;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;color:#6a5559;cursor:pointer;text-align:left;transition:.15s}.answer-button:hover,.answer-button.selected{border-color:#b895a3;background:#faf2f4;transform:translateX(2px)}.answer-button i{font-style:normal;color:#a98291}.quiz-actions{display:flex;justify-content:space-between;margin-top:28px}.text-button{border:0;background:none;color:#8f747a;font-size:11px;cursor:pointer;padding:8px}.text-button:disabled{opacity:.3}.result-page{background:#faf6f2;min-height:100vh}.result-hero{text-align:center;padding:80px 20px 55px;background:radial-gradient(circle,#fff,#f2e8e8)}.result-hero h1{font-family:Georgia,"Yu Mincho",serif;font-weight:400;font-size:clamp(30px,5vw,48px)}.type-pair{display:flex;align-items:center;justify-content:center;gap:clamp(16px,5vw,50px);margin:40px auto 25px}.type-pair>div{width:220px;background:rgba(255,255,255,.75);border:1px solid #e4d5d5;border-radius:22px;padding:25px 15px}.type-pair small{font-size:9px;letter-spacing:.15em}.type-pair strong{display:block;font-family:Georgia,serif;font-size:45px;color:#765967;letter-spacing:.05em}.type-pair p{font-size:11px;margin:0}.change-copy{font-size:13px;color:#826d72}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.result-panel{background:#fff;border:1px solid #e8ddda;border-radius:22px;padding:30px}.result-panel h2{font-family:Georgia,"Yu Mincho",serif;font-weight:400;margin-top:4px}.love-panel{background:#fcf7fa}.axis{margin:24px 0}.axis>div:first-child{display:grid;grid-template-columns:1fr auto 1fr;font-size:10px;align-items:center}.axis>div:first-child span:last-child{text-align:right}.axis>div:first-child b{font-size:11px;margin:0 10px}.axis-track{height:7px;background:#dedee6;border-radius:99px;overflow:hidden;margin-top:7px}.axis-track i{display:block;height:100%;background:#a98191;border-radius:99px}.summary-panel{margin-top:18px}.summary-panel>p:not(.category){font-size:13px;color:#806d70}.coming-detail{display:flex;flex-direction:column;gap:5px;background:#f7f1ef;border-radius:14px;padding:18px;margin-top:24px;font-size:11px}.coming-detail span{color:#99868a}.result-actions{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:28px}@media(max-width:650px){.quiz-page{padding:25px 12px 60px}.quiz-card{border-radius:20px;padding:28px 20px}.quiz-card h2{min-height:125px}.result-grid{grid-template-columns:1fr}.type-pair{gap:8px}.type-pair>div{width:46%;padding:20px 8px}.type-pair strong{font-size:35px}.type-pair>span{font-size:11px}}
.story-panel{margin-top:18px;background:linear-gradient(135deg,#fff,#f7f1f7)}.story-panel>p:not(.category){font-size:14px;line-height:2;color:#725f65}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.detail{position:relative;min-height:220px}.detail-icon{position:absolute;right:24px;top:22px;color:#c1a3ad;font-size:22px}.detail>p:not(.category){font-size:12px;color:#806e72}.work-panel,.romance-panel{margin-top:18px}.work-panel>p:not(.category){font-size:13px;color:#7e6b70}.work-panel h3{font-size:12px;margin-top:26px}.job-chips{display:flex;gap:8px;flex-wrap:wrap}.job-chips span{background:#f1eef4;border:1px solid #ddd5e1;border-radius:999px;padding:7px 12px;font-size:11px}.reason{background:#f8f4f0;border-radius:14px;padding:18px;margin-top:22px!important}.romance-panel{background:linear-gradient(145deg,#fff,#faf3f6)}.romance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.romance-grid>div{background:rgba(255,255,255,.8);border:1px solid #eadde1;border-radius:16px;padding:20px}.romance-grid b{font-size:12px;color:#8c6574}.romance-grid p{font-size:12px;color:#806d72;margin-bottom:0}.romance-grid .wide{grid-column:1/-1}.result-disclaimer{text-align:center;color:#aa999c;font-size:9px;margin:35px auto;max-width:680px}@media(max-width:650px){.detail-grid,.romance-grid{grid-template-columns:1fr}.romance-grid .wide{grid-column:auto}.detail{min-height:auto}}
.one-panel{margin-top:18px;text-align:center;background:#f6f1f7}.one-panel h2{font-size:14px}.one-panel>p:last-child{font-family:Georgia,"Yu Mincho",serif;font-size:19px;color:#6f5864}.cheeky{background:#fffaf1}.bad-work{margin-top:22px;border-top:1px dashed #ddced1;padding-top:18px}.bad-work b{font-size:11px;color:#916d75}.bad-work p{font-size:12px;color:#806e72}.bug-panel,.manual-panel{margin-top:18px}.bug-panel{background:#4e4856;color:#f7f0f2;border-color:#4e4856}.bug-panel .category{color:#d7bdc9}.bug-panel h2{color:white}.bug-panel>p:not(.category){font-size:13px}.bug-panel small{display:block;margin-top:18px;color:#cdbfc5;font-size:10px}.manual-panel{background:#f4f0e9}.manual-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.manual-list>div{display:flex;gap:10px;background:rgba(255,255,255,.75);border-radius:12px;padding:13px 15px}.manual-list span{color:#9b7b8a}.manual-list p{font-size:11px;margin:0;color:#75666a}@media(max-width:650px){.manual-list{grid-template-columns:1fr}.one-panel>p:last-child{font-size:16px}}
.balance-label{display:block;text-align:center;margin-top:5px;font-size:9px;color:#9a858d}.axis{margin-bottom:19px}
.share-zone{margin-top:34px;text-align:center;background:linear-gradient(145deg,#f7f1f5,#f5f1ea);border:1px solid #e3d6dc;border-radius:24px;padding:32px}.share-zone h2{font-family:Georgia,"Yu Mincho",serif;color:#67545d}.share-zone canvas{display:block;width:min(100%,540px);height:auto;margin:24px auto;border-radius:18px;box-shadow:0 12px 35px rgba(80,55,68,.10)}.share-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.share-note{font-size:9px;color:#a18e95;margin-top:14px}.profile-teaser{margin-top:18px;border:1px solid #e4d8dd;border-radius:20px;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff}.profile-teaser p{font-size:11px;color:#8a767d}.profile-link{font-size:11px;color:#806a74;text-decoration:none;margin-left:auto}.profile-page{min-height:100vh}.profile-hero{text-align:center;padding:90px 20px 50px}.profile-hero h1{font-family:Georgia,"Yu Mincho",serif;font-size:42px;color:#62515a;margin:10px}.profile-hero>p:last-child{font-size:12px;color:#9b878e}.empty-profile{text-align:center;padding:70px 20px;border:1px dashed #d9c9d0;border-radius:24px}.empty-profile>span{font-size:35px;color:#c0a5b1}.profile-main-card{max-width:760px;margin:auto;background:linear-gradient(145deg,#fff,#f7f1f5);border:1px solid #e3d7dc;border-radius:28px;padding:40px;text-align:center}.profile-types{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:28px 0}.profile-types strong{display:block;font-size:55px;color:#64515a}.profile-types small{font-size:9px;color:#a38b96}.profile-types p{font-size:12px;color:#806a74}.profile-main-card>#pOne{font-family:Georgia,"Yu Mincho",serif;color:#725e67}.profile-main-card>#pDate{display:block;color:#ac999f;margin:20px}.collection-title{text-align:center;font-family:Georgia,"Yu Mincho",serif;margin:55px 0 20px;color:#68555e}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.collection-card{border:1px dashed #dfd2d7;border-radius:18px;padding:25px 10px;text-align:center;color:#aa999f}.collection-card span,.collection-card b,.collection-card small{display:block}.collection-card span{font-size:24px;margin-bottom:10px}.collection-card b{font-size:12px}.collection-card small{font-size:8px;margin-top:8px}.collection-card.active{border-style:solid;background:#fff;color:#765f69}@media(max-width:650px){.profile-teaser{display:block}.profile-teaser .secondary-button{display:inline-block;margin-top:10px}.collection-grid{grid-template-columns:1fr 1fr}.profile-types{gap:8px}.profile-types strong{font-size:38px}.profile-main-card{padding:25px 15px}.profile-hero h1{font-size:34px}}
/* v0.7 — diagnosis layout stabilization */
.quiz-shell{
width:min(100%,760px);
margin-inline:auto;
}
#quizCard,.quiz-card{
display:flex;
flex-direction:column;
}
.question-wrap,.question-area{
min-height:190px;
display:flex;
flex-direction:column;
justify-content:center;
}
#questionText,.question-text{
min-height:96px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
line-height:1.9;
overflow-wrap:anywhere;
word-break:auto-phrase;
text-wrap:pretty;
}
#questionNo,.question-no,.question-count{
min-height:24px;
display:flex;
align-items:center;
justify-content:center;
}
.answer-list,.answers,#answers{
display:grid;
grid-template-columns:1fr;
gap:10px;
min-height:300px;
align-content:start;
}
.answer-button,.answer-btn,#answers button{
box-sizing:border-box;
width:100%;
min-height:52px;
height:52px;
padding:0 18px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
line-height:1.35;
border-width:1px;
font-weight:500;
transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .12s ease;
}
.answer-button:hover,.answer-btn:hover,#answers button:hover{
transform:translateY(-1px);
}
.answer-button:active,.answer-btn:active,#answers button:active{
transform:translateY(0);
}
.answer-button.selected,.answer-btn.selected,#answers button.selected,
.answer-button[aria-pressed="true"],.answer-btn[aria-pressed="true"],#answers button[aria-pressed="true"]{
border-width:1px;
font-weight:500;
box-shadow:inset 0 0 0 1px rgba(128,101,113,.18);
}
.progress-wrap,.quiz-progress{
min-height:34px;
}
@media(max-width:650px){
.question-wrap,.question-area{min-height:174px}
#questionText,.question-text{min-height:112px;font-size:clamp(15px,4.2vw,17px);line-height:1.75;padding-inline:4px}
.answer-list,.answers,#answers{min-height:290px;gap:8px}
.answer-button,.answer-btn,#answers button{height:50px;min-height:50px;padding:0 12px;font-size:12px}
}
@media(max-width:380px){
.question-wrap,.question-area{min-height:184px}
#questionText,.question-text{min-height:122px;font-size:14px}
}
/* v0.7.1 — readable Japanese question text */
#questionText,.question-text{
width:min(100%,620px);
margin-inline:auto;
justify-content:flex-start;
text-align:left;
word-break:normal;
overflow-wrap:normal;
line-break:strict;
text-wrap:pretty;
hanging-punctuation:allow-end;
}
@media(max-width:650px){
#questionText,.question-text{
width:100%;
padding-inline:8px;
text-align:left;
word-break:normal;
overflow-wrap:normal;
line-break:strict;
}
}
/* v0.8 values check */
.values-page{width:min(92%,780px);margin:0 auto;padding:42px 0 80px}.values-back{display:inline-block;margin-bottom:22px;color:inherit;text-decoration:none;opacity:.65}
.values-card{background:rgba(255,252,248,.9);border:1px solid rgba(119,91,102,.16);border-radius:26px;padding:clamp(22px,5vw,42px);box-shadow:0 18px 55px rgba(78,58,68,.06);margin-bottom:18px}
.values-intro{text-align:center}.values-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.55}.values-icon{font-size:38px;margin:14px}.values-intro h1,.values-result-head h1{font-size:clamp(25px,5vw,38px);margin:8px 0 16px}
.values-intro p{line-height:1.9}.values-note{margin:24px auto;padding:14px;border-radius:16px;background:rgba(188,151,166,.08);line-height:1.7}
.values-primary,.values-secondary{border-radius:999px;padding:14px 22px;border:1px solid rgba(111,81,94,.22);cursor:pointer;font:inherit}.values-primary{background:#755664;color:#fff;border-color:#755664}.values-secondary{background:transparent;color:inherit}.values-link{text-decoration:none;display:inline-flex;align-items:center}
.values-top{display:flex;justify-content:space-between;font-size:13px}.values-progressbar{height:5px;background:rgba(117,86,100,.1);border-radius:99px;margin:12px 0 30px;overflow:hidden}.values-progressbar i{display:block;height:100%;background:#9b7184;border-radius:99px;transition:width .2s}
.values-theme{font-size:13px;opacity:.65;margin-bottom:12px}.values-quiz h2{min-height:96px;display:flex;align-items:center;font-size:clamp(18px,3vw,23px);line-height:1.8;margin:0;text-align:left}
.values-scale-labels{display:flex;justify-content:space-between;font-size:11px;opacity:.55;margin:18px 2px 8px}.values-answers{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}
.values-answer{height:72px;border:1px solid rgba(117,86,100,.18);border-radius:15px;background:#fffaf8;color:inherit;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:4px}.values-answer strong{font-size:18px}.values-answer small{font-size:9px;opacity:.55}.values-answer:hover,.values-answer.selected{background:rgba(184,142,160,.12);border-color:#9b7184}
.values-result-head{text-align:center}.values-match{display:flex;flex-direction:column;margin:20px}.values-match strong{font-size:56px;font-weight:500}.values-match span{font-size:12px;opacity:.6}
.theme-result-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.theme-result-title h2{margin:0;font-size:20px}.theme-result-title span{font-size:11px;border:1px solid rgba(117,86,100,.18);padding:6px 10px;border-radius:99px;white-space:nowrap}.theme-result>p{opacity:.65;font-size:13px}
.pair-bars{margin:20px 0 8px;display:grid;gap:11px}.pair-bars label{position:relative;height:26px;background:rgba(117,86,100,.07);border-radius:99px;overflow:hidden;padding-left:10px;display:flex;align-items:center;font-size:11px}.pair-bars i{position:absolute;left:0;top:0;bottom:0;background:rgba(155,113,132,.18);border-radius:99px;z-index:0}.pair-bars label{isolation:isolate}.pair-bars label::first-line{position:relative;z-index:2}
.talk-card{padding:15px 0;border-bottom:1px solid rgba(117,86,100,.1)}.talk-card:last-child{border-bottom:0}.talk-card p{margin:7px 0 0;line-height:1.7;font-size:14px}.values-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:25px}.values-disclaimer{text-align:center;font-size:11px;opacity:.5;line-height:1.7}
@media(max-width:600px){.values-page{padding-top:24px}.values-card{border-radius:20px;padding:22px 18px}.values-answers{gap:4px}.values-answer{height:66px;border-radius:12px}.values-answer small{display:none}.values-scale-labels{font-size:10px}.values-quiz h2{min-height:118px;font-size:17px}}
.values-home-card{width:min(92%,900px);margin:30px auto;padding:28px;border:1px solid rgba(117,86,100,.15);border-radius:24px;background:rgba(255,250,247,.75);display:flex;justify-content:space-between;align-items:end;gap:25px}.values-home-card small{opacity:.55}.values-home-card h2{margin:8px 0}.values-home-card p{margin:0;opacity:.7;line-height:1.7}.values-home-card a{white-space:nowrap;color:inherit}@media(max-width:650px){.values-home-card{display:block}.values-home-card a{display:inline-block;margin-top:18px}}
/* v0.8.1 remote values invite */
.values-mode-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.share-link-box{display:flex;gap:8px;margin:24px 0 12px}.share-link-box input{min-width:0;flex:1;border:1px solid rgba(117,86,100,.18);border-radius:14px;background:#fff;padding:12px;font:inherit;font-size:12px;color:inherit}.share-link-box .values-primary{white-space:nowrap}
.values-privacy{font-size:11px!important;opacity:.52;line-height:1.7!important;margin-top:20px}
@media(max-width:600px){.share-link-box{display:grid}.share-link-box .values-primary{width:100%}.values-mode-buttons{display:grid}.values-mode-buttons button{width:100%}}
.share-help{font-size:11px!important;opacity:.5;margin:9px 0 0!important}
/* v0.9 compatibility */
.compat-page{width:min(92%,820px);margin:auto;padding:42px 0 80px}.compat-hero{text-align:center}.compat-hero h1,.compat-result-head h1{font-size:clamp(26px,5vw,39px)}.compat-hero p,.compat-result-head p{line-height:1.9}
.compat-person{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compat-heading{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin-bottom:5px}.compat-heading>span{font-size:30px;opacity:.18}.compat-heading small{font-size:9px;letter-spacing:.18em;opacity:.5}.compat-heading h2{margin:0}.compat-person label{display:grid;gap:7px;font-size:12px;opacity:.8}.compat-person select{width:100%;padding:13px;border:1px solid rgba(117,86,100,.18);border-radius:13px;background:#fffaf8;color:inherit;font:inherit}.compat-divider{text-align:center;font-size:25px;opacity:.3;margin:20px}.compat-run{display:block;margin:30px auto 0}.compat-error{text-align:center;color:#9a5062;font-size:12px}.profile-autofill{grid-column:1/-1;font-size:11px;padding:10px 12px;background:rgba(155,113,132,.08);border-radius:12px}
.compat-result-head{text-align:center}.pair-types{display:flex;align-items:center;justify-content:center;gap:18px;margin:24px 0}.pair-types span{display:grid;gap:3px;font-size:22px}.pair-types small{font-size:10px;opacity:.6}.pair-types b{font-size:10px;font-weight:500}.pair-types i{font-size:22px;opacity:.35}.compat-score{display:flex;flex-direction:column;margin:18px}.compat-score strong{font-size:58px;font-weight:500}.compat-score span{font-size:11px;opacity:.55}.compat-notice{font-size:10px;opacity:.5}
.compat-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compat-dim{margin:0;padding:20px}.compat-dim>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.compat-dim>div strong{font-size:17px}.compat-dim>i{display:block;height:5px;background:rgba(117,86,100,.08);border-radius:99px;margin-top:13px;overflow:hidden}.compat-dim>i b{display:block;height:100%;background:rgba(155,113,132,.55);border-radius:99px}.compat-story p,.compat-manual p{line-height:1.9}.compat-manual p{padding-bottom:12px;border-bottom:1px solid rgba(117,86,100,.08)}.compat-fun{text-align:center;background:rgba(155,113,132,.08)}.compat-fun small{opacity:.55}.compat-fun p{font-size:17px;line-height:1.8}
@media(max-width:600px){.compat-page{padding-top:24px}.compat-person{grid-template-columns:1fr}.compat-heading,.profile-autofill{grid-column:auto}.compat-dimensions{grid-template-columns:1fr}.pair-types{gap:10px}.pair-types span{font-size:17px}}
/* v1.0 numa */
.numa-page{width:min(92%,760px);margin:auto;padding:42px 0 80px}.numa-intro,.numa-result-head{text-align:center}.numa-intro h1,.numa-result-head h1{font-size:clamp(27px,6vw,42px);line-height:1.35}.numa-intro p,.numa-copy{line-height:1.9}.numa-heart{font-size:35px;margin:13px;color:#956377}.numa-question{min-height:110px;display:flex;align-items:center;font-size:clamp(19px,4vw,25px);line-height:1.7}
.numa-choices{display:grid;gap:12px;margin:22px 0}.numa-choice{min-height:88px;text-align:left;display:flex;align-items:center;gap:15px;padding:16px 18px;border:1px solid rgba(117,86,100,.17);border-radius:17px;background:#fffaf8;color:inherit;font:inherit;cursor:pointer}.numa-choice:hover,.numa-choice.selected{background:rgba(155,113,132,.09);border-color:#9b7184}.numa-choice small{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:rgba(155,113,132,.1)}.numa-choice span{line-height:1.6}
.numa-label{font-size:12px;opacity:.55;margin-bottom:4px}.numa-meter{display:grid;gap:10px;margin-top:25px;text-align:left}.numa-meter>div>span{font-size:10px;opacity:.65}.numa-meter i{display:block;height:5px;background:rgba(117,86,100,.08);border-radius:99px;margin-top:5px;overflow:hidden}.numa-meter b{display:block;height:100%;background:rgba(149,99,119,.6);border-radius:99px}.numa-list{display:grid;gap:9px;line-height:1.7}.numa-list div{padding:12px 14px;border-radius:13px;background:rgba(155,113,132,.06)}.numa-warning{border-style:dashed}.numa-fun{text-align:center;background:rgba(155,113,132,.08)}.numa-fun small{opacity:.5}.numa-fun p{font-size:17px;line-height:1.8}
@media(max-width:600px){.numa-page{padding-top:24px}.numa-question{min-height:125px}.numa-choice{min-height:82px}}
/* v1.0.1 numa share */
.numa-share{text-align:center}.numa-share h2{margin:8px 0 22px}.numa-share canvas{display:block;width:min(100%,430px);height:auto;margin:0 auto;border-radius:20px;box-shadow:0 12px 35px rgba(78,58,68,.08);border:1px solid rgba(117,86,100,.1)}
/* Yuneria brand */
.yuneria-tagline{margin-top:10px;letter-spacing:.08em;opacity:.68}
/* v1.2 Yuneria header / hero rebalance */
header,.site-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:12px;padding-bottom:12px}
header .logo,.site-header .logo,header .brand,.site-header .brand{line-height:1;letter-spacing:.06em}
header nav,.site-header nav{display:flex;align-items:center;gap:clamp(12px,2.4vw,28px);flex-wrap:wrap;justify-content:flex-end}
.hero{position:relative;overflow:hidden}
.hero::before{content:"Y";position:absolute;z-index:0;left:50%;top:48%;transform:translate(-50%,-50%);font-family:Georgia,"Times New Roman",serif;font-size:clamp(260px,43vw,620px);font-weight:400;line-height:.75;color:rgba(149,99,119,.045);pointer-events:none}
.hero>*{position:relative;z-index:1}
@media(max-width:650px){header,.site-header{min-height:64px;gap:12px}header nav,.site-header nav{gap:10px;font-size:12px}.hero::before{font-size:300px}}
/* v1.2 numarase */
.numarase-page{width:min(92%,760px);margin:auto;padding:42px 0 80px}.numarase-intro,.numarase-result-head{text-align:center}.numarase-intro h1,.numarase-result-head h1{font-size:clamp(27px,6vw,42px);line-height:1.35}.numarase-intro p,.numarase-copy{line-height:1.9}.numarase-mark{font-size:34px;margin:13px;color:#956377}.numarase-question{min-height:110px;display:flex;align-items:center;font-size:clamp(19px,4vw,25px);line-height:1.7}.numarase-choices{display:grid;gap:12px;margin:22px 0}.numarase-choice{min-height:88px;text-align:left;display:flex;align-items:center;gap:15px;padding:16px 18px;border:1px solid rgba(117,86,100,.17);border-radius:17px;background:#fffaf8;color:inherit;font:inherit;cursor:pointer}.numarase-choice:hover,.numarase-choice.selected{background:rgba(155,113,132,.09);border-color:#9b7184}.numarase-choice small{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:rgba(155,113,132,.1)}.numarase-list{display:grid;gap:9px}.numarase-list div{padding:12px 14px;border-radius:13px;background:rgba(155,113,132,.06);line-height:1.7}.numarase-share{text-align:center}.numarase-share canvas{display:block;width:min(100%,430px);height:auto;margin:0 auto;border-radius:20px;box-shadow:0 12px 35px rgba(78,58,68,.08);border:1px solid rgba(117,86,100,.1)}
/* v1.2.1 final Yuneria motif cleanup */
.mirror-inner span{font-size:170px;font-style:italic;text-transform:uppercase;letter-spacing:-.06em}
/* =========================================================
Yuneria v1.3 — Sparkle Top
========================================================= */
body{background:
radial-gradient(circle at 18% 4%,rgba(255,221,235,.33),transparent 28rem),
radial-gradient(circle at 85% 16%,rgba(221,216,255,.26),transparent 27rem),
#fffaf7}
.yuneria-hero{
position:relative;min-height:clamp(570px,78vh,790px);display:grid;place-items:center;
overflow:hidden;padding:82px 24px 70px;text-align:center;
background:
radial-gradient(circle at 50% 48%,rgba(255,255,255,.96) 0 16%,rgba(255,241,247,.72) 36%,transparent 68%),
linear-gradient(135deg,rgba(255,249,244,.94),rgba(250,239,248,.72) 48%,rgba(241,241,255,.76));
isolation:isolate
}
.yuneria-hero::before{
content:"";position:absolute;inset:8% 10%;z-index:-1;border-radius:50%;
background:conic-gradient(from 70deg,rgba(255,255,255,0),rgba(255,211,230,.22),rgba(215,223,255,.24),rgba(255,247,210,.18),rgba(255,255,255,0));
filter:blur(35px);animation:yuneriaAura 14s linear infinite
}
.yuneria-hero::after{content:none!important}
.yuneria-hero-copy{position:relative;z-index:3;max-width:780px;margin:auto}
.yuneria-eyebrow{font-size:11px;letter-spacing:.28em;color:#9a7c89;margin:0 0 22px}
.yuneria-wordmark{font-family:Georgia,"Times New Roman",serif;font-size:clamp(17px,2vw,22px);letter-spacing:.46em;color:#70525f;margin:0}
.yuneria-twinkle{margin:18px 0 12px;color:#c9a7b6;letter-spacing:1.2em;font-size:16px}
.yuneria-twinkle span{font-size:23px;color:#9c7186;text-shadow:0 0 18px rgba(255,185,220,.72)}
.yuneria-hero h1{font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;font-size:clamp(39px,6.2vw,72px);line-height:1.42;letter-spacing:.07em;color:#59434c;margin:12px 0 23px;text-wrap:balance}
.yuneria-lead{font-size:clamp(14px,1.8vw,17px);line-height:2.05;letter-spacing:.13em;color:#816a74;margin:0 auto 34px}
.yuneria-scroll{display:inline-flex;align-items:center;gap:12px;padding:13px 22px;border:1px solid rgba(128,92,109,.18);border-radius:999px;background:rgba(255,255,255,.52);backdrop-filter:blur(12px);color:#765665;text-decoration:none;font-size:13px;letter-spacing:.06em;box-shadow:0 12px 35px rgba(114,80,97,.06);transition:.25s ease}
.yuneria-scroll:hover{transform:translateY(-2px);background:rgba(255,255,255,.82);box-shadow:0 15px 38px rgba(114,80,97,.1)}
.yuneria-scroll span{animation:yuneriaDown 1.8s ease-in-out infinite}
.spark-field{position:absolute;inset:0;pointer-events:none;z-index:1}
.sp{position:absolute;font-style:normal;color:rgba(157,112,134,.52);text-shadow:0 0 16px rgba(255,207,230,.95);animation:yuneriaSpark 3.6s ease-in-out infinite}
.s1{left:12%;top:23%;font-size:20px}.s2{left:22%;top:67%;font-size:13px;animation-delay:.8s}.s3{left:34%;top:16%;font-size:18px;animation-delay:1.6s}.s4{right:13%;top:28%;font-size:15px;animation-delay:.3s}.s5{right:22%;top:68%;font-size:23px;animation-delay:1.2s}.s6{right:36%;top:13%;font-size:13px;animation-delay:2s}.s7{left:8%;top:52%;font-size:11px;animation-delay:2.4s}.s8{right:8%;top:50%;font-size:12px;animation-delay:1.8s}
.glow{position:absolute;border-radius:50%;filter:blur(1px);background:rgba(255,255,255,.9);box-shadow:0 0 25px 10px rgba(255,212,231,.24)}
.g1{width:7px;height:7px;left:28%;top:32%}.g2{width:5px;height:5px;right:29%;top:38%}.g3{width:6px;height:6px;left:44%;bottom:19%}
@keyframes yuneriaSpark{0%,100%{opacity:.25;transform:scale(.72) rotate(0)}50%{opacity:1;transform:scale(1.22) rotate(16deg)}}
@keyframes yuneriaAura{to{transform:rotate(360deg)}}
@keyframes yuneriaDown{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
/* Give homepage diagnosis cards a soft glass / jewel edge without affecting quiz pages. */
.home-grid .card,.category-card,.values-home-card{
position:relative;overflow:hidden;
background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,248,251,.72));
border:1px solid rgba(174,132,151,.14);
box-shadow:0 14px 42px rgba(106,78,92,.055);
backdrop-filter:blur(9px);
transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease
}
.home-grid .card::after,.category-card::after,.values-home-card::after{
content:"✦";position:absolute;right:16px;top:13px;color:rgba(167,119,143,0);font-size:14px;
text-shadow:0 0 13px rgba(255,198,226,.85);transition:.24s ease
}
.home-grid .card:hover,.category-card:hover,.values-home-card:hover{transform:translateY(-4px);border-color:rgba(174,132,151,.27);box-shadow:0 20px 50px rgba(106,78,92,.09)}
.home-grid .card:hover::after,.category-card:hover::after,.values-home-card:hover::after{color:rgba(167,119,143,.75)}
.mirror-wrap,.mirror-inner{display:none!important}
@media(max-width:650px){
.yuneria-hero{min-height:620px;padding:74px 20px 58px}
.yuneria-eyebrow{font-size:9px;letter-spacing:.19em}
.yuneria-wordmark{letter-spacing:.34em}
.yuneria-hero h1{font-size:clamp(37px,11vw,51px);letter-spacing:.035em}
.yuneria-lead{font-size:13px}
.s1{left:8%}.s4{right:8%}.s3,.s6{top:12%}
}
@media(prefers-reduced-motion:reduce){.sp,.yuneria-hero::before,.yuneria-scroll span{animation:none!important}}
/* Yuneria Tarot v1.4 */
.tarot-body{min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(240,221,245,.55),transparent 34rem),linear-gradient(145deg,#fffaf7,#f8f2f8 55%,#f2f3ff);color:#5b4650}
.tarot-header{height:68px;padding:0 clamp(18px,5vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(120,88,105,.1);background:rgba(255,255,255,.45);backdrop-filter:blur(14px);position:relative;z-index:10}.tarot-header a{text-decoration:none;color:#705461;font-size:12px}.tarot-brand{letter-spacing:.34em!important;font-family:Georgia,serif}
.tarot-shell{width:min(1120px,92%);margin:auto;padding:55px 0 100px}.tarot-hero-mini{text-align:center;padding:38px 10px 45px}.tarot-stars{color:#b68da1;font-size:20px;letter-spacing:.7em;text-shadow:0 0 18px #ffdbea}.tarot-hero-mini>p,.tarot-kicker{font-size:11px;letter-spacing:.28em;color:#a17f8f}.tarot-hero-mini h1,.tarot-stage h1,.tarot-result>h1{font-family:Georgia,"Yu Mincho",serif;font-weight:500;font-size:clamp(35px,6vw,62px);line-height:1.45;letter-spacing:.05em;margin:12px 0 17px}.tarot-hero-mini>span{font-size:14px;color:#8a737e}
.tarot-tabs{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:25px}.tarot-tabs button{border:1px solid rgba(133,97,115,.13);background:rgba(255,255,255,.55);border-radius:999px;padding:11px 18px;color:#7a5b69;cursor:pointer}.tarot-tabs button.active{background:#765564;color:white;border-color:#765564}
.tarot-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.tarot-menu-card{text-align:left;border:1px solid rgba(132,96,113,.12);border-radius:22px;padding:25px;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,246,251,.67));box-shadow:0 13px 35px rgba(100,70,86,.05);color:inherit;cursor:pointer;transition:.25s}.tarot-menu-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(100,70,86,.09);border-color:rgba(172,122,148,.27)}.tarot-menu-card span{font-size:10px;letter-spacing:.18em;color:#b08b9d}.tarot-menu-card h2{font-size:20px;margin:8px 0}.tarot-menu-card p{font-size:13px;line-height:1.8;color:#8a737e}.tarot-menu-card i{font-style:normal;font-size:12px;color:#9b7084}
.tarot-stage{text-align:center;min-height:650px;padding:45px 0}.tarot-focus p:not(.tarot-kicker){font-family:Georgia,"Yu Mincho",serif;font-size:21px;margin:18px 0 10px}.tarot-focus small{line-height:2;color:#89727d}.tarot-orb{width:120px;height:120px;margin:35px auto;display:grid;place-items:center;border-radius:50%;font-size:29px;color:#a77a90;background:radial-gradient(circle,#fff 0 18%,#faeaf3 44%,#e8e8ff);box-shadow:0 0 65px rgba(233,183,216,.48),inset 0 0 28px white;animation:orbPulse 3s ease-in-out infinite}.tarot-primary,.tarot-secondary{display:inline-flex;justify-content:center;align-items:center;margin:30px 6px 0;padding:14px 24px;border-radius:999px;text-decoration:none;cursor:pointer;font:inherit;font-size:13px}.tarot-primary{border:0;background:#765564;color:white;box-shadow:0 10px 28px rgba(102,70,86,.13)}.tarot-secondary{border:1px solid rgba(120,86,103,.18);background:white;color:#765564}.tarot-back{border:0;background:none;color:#98798a;cursor:pointer}
.shuffle-deck{height:290px;position:relative;margin:25px auto;width:210px}.shuffle-deck div{position:absolute;inset:0;border-radius:17px;background:linear-gradient(145deg,#684c62,#9a7188);border:2px solid rgba(255,235,245,.75);box-shadow:0 13px 35px rgba(74,48,64,.17)}.shuffle-deck div:nth-child(2){transform:translate(5px,4px)}.shuffle-deck div:nth-child(3){transform:translate(-5px,8px)}.shuffle-deck div:nth-child(4){transform:translate(3px,12px)}.shuffle-deck div:nth-child(5){transform:translate(-3px,16px)}.shuffle-deck.mixing div:nth-child(1){animation:shuffleL 1.1s ease}.shuffle-deck.mixing div:nth-child(2){animation:shuffleR 1.1s ease}.card-fan{display:flex;justify-content:center;align-items:flex-end;min-height:310px;margin:25px auto 15px;padding:30px 0;overflow-x:auto;overflow-y:hidden}.tarot-back-card{flex:0 0 84px;height:145px;margin-left:-51px;border-radius:10px;border:2px solid rgba(255,236,246,.75);background:linear-gradient(145deg,#674b60,#9d758b);box-shadow:0 8px 22px rgba(76,52,65,.14);color:#fbeaf2;transform:rotate(calc((var(--i) - var(--mid,8.5)) * 2.2deg)) translateY(calc(var(--dist,0) * 1px));cursor:pointer;transition:.22s}.tarot-back-card:first-child{margin-left:0}.tarot-back-card span{display:block;font-size:20px}.tarot-back-card small{font:italic 34px Georgia}.tarot-back-card:hover,.tarot-back-card.picked{transform:translateY(-25px) scale(1.08);z-index:3;box-shadow:0 14px 35px rgba(76,52,65,.22)}
.tarot-flip{width:260px;height:430px;margin:25px auto;position:relative;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.75,.25,1)}.tarot-flip.open{transform:rotateY(180deg)}.flip-back,.flip-front{position:absolute;inset:0;backface-visibility:hidden;border-radius:18px}.flip-back{display:grid;place-content:center;gap:13px;background:linear-gradient(145deg,#684c62,#9a7188);border:3px solid #f5dce8;color:#fae9f1;box-shadow:0 20px 50px rgba(74,48,64,.18)}.flip-back span{font-size:33px}.flip-back b{font:italic 64px Georgia}.flip-front{transform:rotateY(180deg)}
.tarot-face{width:190px;height:310px;border-radius:14px;padding:8px;background:linear-gradient(145deg,#f8dfe9,#ece8ff,#fff2da);box-shadow:0 14px 35px rgba(80,55,68,.13);margin:auto}.tarot-face.large{width:260px;height:430px;padding:10px}.tarot-face-inner{height:100%;border-radius:10px;background:#fffaf7;border:1px solid rgba(110,76,94,.17);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.tarot-face img{width:100%;height:100%;object-fit:cover}.tarot-face em{font-style:normal;font-size:9px;letter-spacing:.15em}.tarot-face strong{font-family:Georgia,"Yu Mincho",serif;font-size:14px;margin-top:8px}.major-fallback{position:absolute;inset:0;place-content:center;background:radial-gradient(circle,#fff 0,#f8edf4 58%,#edeaff);font-family:Georgia}.major-fallback span{font-size:13px;letter-spacing:.2em}.major-fallback b{font-size:50px;margin:15px}.minor-design>span{font-size:30px;color:#a77890}.minor-design>b{font:50px Georgia;margin:28px 0 8px}.minor-design>i{font-style:normal;font-size:25px;color:#c29caf}.tarot-face.is-reversed .tarot-face-inner{transform:rotate(180deg)}#revealMeaning{max-width:620px;margin:18px auto;line-height:1.9}#revealMeaning .orientation{font-size:11px;letter-spacing:.2em;color:#a57d91}
.tarot-result{max-width:900px;margin:auto;text-align:center}.tarot-result-intro{color:#8d7681}.tarot-result-cards{display:grid;gap:18px;margin:38px 0}.tarot-result-item{display:grid;grid-template-columns:210px 1fr;gap:28px;align-items:center;text-align:left;padding:25px;border:1px solid rgba(124,89,106,.12);border-radius:22px;background:rgba(255,255,255,.65)}.tarot-result-item .tarot-face{grid-row:1/3}.tarot-result-item h2{font-size:21px}.tarot-result-item h2 small{font-size:11px;font-weight:400;color:#a18190}.tarot-result-item p{line-height:1.9;font-size:14px}.tarot-position{font-size:11px!important;letter-spacing:.16em;color:#a67e91}.tarot-reading-box{margin:18px 0;padding:30px;text-align:left;border-radius:22px;background:rgba(255,255,255,.65);border:1px solid rgba(124,89,106,.1)}.tarot-reading-box h2{font-size:18px}.tarot-reading-box p{line-height:2}.tarot-note{margin:45px auto 15px;padding:26px;border-top:1px solid rgba(124,89,106,.13);border-bottom:1px solid rgba(124,89,106,.13);line-height:2;color:#8c7580;font-family:Georgia,"Yu Mincho",serif}
@keyframes orbPulse{50%{transform:scale(1.04);box-shadow:0 0 85px rgba(233,183,216,.6),inset 0 0 35px white}}@keyframes shuffleL{45%{transform:translateX(-130px) rotate(-12deg)}75%{transform:translateX(20px)}}@keyframes shuffleR{45%{transform:translateX(130px) rotate(12deg)}75%{transform:translateX(-20px)}}
@media(max-width:650px){.tarot-shell{width:91%;padding-top:30px}.tarot-menu-grid{grid-template-columns:1fr}.tarot-hero-mini{padding-top:25px}.tarot-result-item{grid-template-columns:1fr;text-align:center}.tarot-result-item .tarot-face{grid-row:auto}.card-fan{justify-content:flex-start;padding-left:55px}.tarot-back-card{flex-basis:72px;height:128px;margin-left:-43px}.tarot-face{width:170px;height:280px}.tarot-result-item p{text-align:left}.tarot-result-item .tarot-position{text-align:center}}
@media(prefers-reduced-motion:reduce){.tarot-orb,.shuffle-deck div{animation:none!important}.tarot-flip{transition:none}}
/* v1.4.1 replaceable tarot card back */
.tarot-back-card,.flip-back{position:relative;overflow:hidden}
.tarot-back-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;z-index:4}
/* =========================================================
Yuneria Home v1.5 — consolidated homepage
========================================================= */
.home-v15{background:#fcf9fa;color:#5c4750}
.home-header{background:rgba(252,249,250,.78);border-color:rgba(121,88,104,.08);backdrop-filter:blur(18px)}
.home-brand{font-size:14px;letter-spacing:.28em}.home-v15 .profile-link{font-size:11px}
.home-hero{min-height:680px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 43%,rgba(255,255,255,.98) 0 18%,rgba(250,240,247,.68) 48%,rgba(242,241,252,.72) 100%);padding:85px 20px}
.home-hero:before{content:"Y";position:absolute;left:50%;top:50%;transform:translate(-50%,-51%);font:italic clamp(300px,42vw,620px)/.7 Georgia;color:rgba(128,89,110,.025)}
.home-aurora{position:absolute;border-radius:50%;filter:blur(20px);opacity:.58}.home-aurora.a1{width:420px;height:270px;background:rgba(244,199,224,.34);left:-80px;top:90px;transform:rotate(-20deg)}.home-aurora.a2{width:430px;height:280px;background:rgba(203,205,255,.28);right:-80px;bottom:30px;transform:rotate(18deg)}
.home-sparks i{position:absolute;font-style:normal;color:rgba(174,124,150,.55);text-shadow:0 0 18px rgba(255,192,226,.7)}.home-sparks i:nth-child(1){top:21%;left:17%;font-size:22px}.home-sparks i:nth-child(2){top:34%;right:18%;font-size:15px}.home-sparks i:nth-child(3){bottom:25%;left:25%}.home-sparks i:nth-child(4){bottom:18%;right:26%;font-size:18px}.home-sparks i:nth-child(5){top:17%;right:32%}.home-sparks i:nth-child(6){bottom:38%;left:13%}
.home-hero-inner{position:relative;z-index:2}.home-overline{font-size:9px;letter-spacing:.34em;color:#a88494}.home-logo{font:500 13px Georgia;letter-spacing:.58em;color:#735766}.home-starline{margin:20px 0 8px;color:#bd8da4;letter-spacing:.4em}.home-hero h1{font-family:Georgia,"Yu Mincho",serif;font-weight:500;font-size:clamp(42px,6.4vw,76px);line-height:1.38;letter-spacing:.055em;margin:10px 0 20px;color:#57414b}.home-hero-inner>p:last-of-type{font-size:14px;line-height:2;color:#8a737e}.home-main-cta{display:inline-flex;gap:24px;align-items:center;margin-top:28px;padding:12px 22px;border:1px solid rgba(125,88,107,.17);border-radius:999px;background:rgba(255,255,255,.6);font-size:12px;transition:.2s}.home-main-cta:hover{background:#fff;transform:translateY(-2px)}
.home-container{width:min(1080px,91%);margin:auto}.home-chooser{padding:90px 0 80px}.home-section-title.centered{text-align:center;margin-bottom:38px}.home-section-title p,.home-category-head p,.home-tarot-copy>p{font-size:9px;letter-spacing:.25em;color:#ad8498;margin:0}.home-section-title h2,.home-category-head h2{font-family:Georgia,"Yu Mincho",serif;font-size:32px;font-weight:500;margin:6px 0}.home-section-title span{font-size:12px;color:#99838d}
.home-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.home-choice{min-height:165px;padding:27px 20px;border-radius:22px;border:1px solid rgba(126,91,108,.1);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(253,245,250,.72));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 13px 35px rgba(90,63,77,.04);transition:.24s}.home-choice:hover{transform:translateY(-5px);border-color:rgba(174,128,151,.25);box-shadow:0 18px 45px rgba(90,63,77,.08)}.home-choice i{font-style:normal;font:27px Georgia;color:#b57e99}.home-choice b{font-size:16px;margin:10px 0 4px}.home-choice small{font-size:11px;color:#99818c}
.home-category{padding:82px 0}.home-category-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:24px;border-bottom:1px solid rgba(121,88,104,.1);margin-bottom:27px}.home-category-head>span{font-size:12px;color:#95808a;max-width:390px;text-align:right}
.home-feature-card{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid rgba(124,88,106,.1);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.75);box-shadow:0 18px 50px rgba(89,62,76,.05)}.home-feature-visual{min-height:360px;display:grid;place-content:center;position:relative;background:radial-gradient(circle,#fff 0 18%,#f7eaf1 50%,#ecebff)}.home-feature-visual span{font:italic 92px Georgia;color:#7b5c6b}.home-feature-visual i{position:absolute;right:27%;top:25%;font-style:normal;color:#bd8da4;font-size:22px}.home-feature-copy{padding:50px}.home-feature-copy small,.home-content-card>small{font-size:9px;letter-spacing:.2em;color:#a97e92}.home-feature-copy h3{font-family:Georgia,"Yu Mincho",serif;font-size:30px;font-weight:500;margin:8px 0 13px}.home-feature-copy p{font-size:13px;color:#846f79;line-height:1.9}.home-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.home-tags span{font-size:10px;padding:5px 10px;border-radius:999px;border:1px solid rgba(130,91,111,.13);background:#fff}.home-feature-copy>a,.home-content-card>b{font-size:12px;color:#956c80}
.home-content-grid.two{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.home-content-card{position:relative;min-height:260px;padding:32px;border:1px solid rgba(124,88,106,.1);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(251,244,248,.7));box-shadow:0 15px 40px rgba(89,62,76,.04);transition:.24s;overflow:hidden}.home-content-card:after{content:"✦";position:absolute;right:25px;bottom:17px;font-size:50px;color:rgba(174,128,151,.06)}.home-content-card:hover{transform:translateY(-4px);border-color:rgba(174,128,151,.25);box-shadow:0 19px 48px rgba(89,62,76,.08)}.card-symbol{display:block;font:26px Georgia;color:#b27e97;margin-bottom:16px}.home-content-card h3{font-family:Georgia,"Yu Mincho",serif;font-size:23px;font-weight:500;margin:7px 0 10px}.home-content-card p{font-size:12px;line-height:1.9;color:#88737d;min-height:70px}.home-next-note{text-align:center;font-size:10px;letter-spacing:.13em;color:#b093a0;margin:25px 0 0}
.home-tarot-section{position:relative;overflow:hidden;margin-top:70px;padding:110px 0;background:linear-gradient(145deg,#5c4657,#756072 55%,#55526d);color:#fff}.home-tarot-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(255,214,237,.16),transparent 28%),radial-gradient(circle at 20% 80%,rgba(207,207,255,.14),transparent 30%)}.home-tarot-glow{position:absolute;width:500px;height:500px;border-radius:50%;right:-180px;top:-180px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 100px rgba(255,211,236,.1)}.home-tarot-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.home-tarot-copy>p{color:#e4bed0}.tarot-mini-stars{margin:20px 0;color:#f3d9e6;letter-spacing:.4em}.home-tarot-copy h2{font-family:Georgia,"Yu Mincho",serif;font-size:48px;font-weight:500;margin:0 0 8px}.home-tarot-copy h3{font-family:Georgia,"Yu Mincho",serif;font-size:24px;font-weight:400;line-height:1.7;margin:0 0 17px}.home-tarot-copy>p:not(:first-child){font-size:13px;line-height:2;color:#e8dfe4}.home-tags.dark span{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:#f5eaf0}.home-tarot-button{display:inline-flex;gap:25px;align-items:center;margin-top:13px;padding:13px 22px;border-radius:999px;background:#fff;color:#674d5d;font-size:12px}.home-tarot-cards{height:440px;position:relative}.tc{position:absolute;width:210px;height:350px;border-radius:18px;border:2px solid rgba(255,239,247,.7);background:linear-gradient(145deg,#8b6b7d,#5e4a62);box-shadow:0 25px 50px rgba(32,21,29,.2);display:grid;place-content:center;text-align:center}.tc i{font-style:normal;font-size:25px;color:#f8dce9}.tc b{font:italic 60px Georgia;margin-top:10px}.tc.c1{left:10%;top:50px;transform:rotate(-13deg)}.tc.c2{left:32%;top:20px;transform:rotate(2deg);z-index:2}.tc.c3{left:53%;top:60px;transform:rotate(15deg)}
.home-profile-band{padding:70px 0;background:#f5eef3}.home-profile-band>.home-container{display:flex;align-items:center;justify-content:space-between;gap:30px}.home-profile-band small{font-size:9px;letter-spacing:.25em;color:#a17a8d}.home-profile-band h2{font-family:Georgia,"Yu Mincho",serif;font-weight:500;font-size:27px;margin:5px 0}.home-profile-band p{font-size:12px;color:#88737d}.home-profile-band a{font-size:12px;padding:11px 18px;border-radius:999px;background:#fff;border:1px solid rgba(120,85,103,.1)}
.home-footer{text-align:center;padding:65px 20px;background:#fff}.home-logo.small{font-size:11px}.home-footer>p:not(.home-logo){font-size:11px;color:#9a858e}.home-footer small{font-size:9px;color:#baa6af}
@media(max-width:760px){.home-header .nav{display:none}.home-header{padding:0 16px}.home-brand{font-size:11px}.home-hero{min-height:610px;padding:65px 18px}.home-hero h1{font-size:clamp(39px,11vw,53px)}.home-choice-grid{grid-template-columns:repeat(2,1fr)}.home-choice{min-height:145px;padding:20px 10px}.home-category{padding:62px 0}.home-category-head{display:block}.home-category-head>span{display:block;text-align:left;margin-top:7px}.home-feature-card,.home-tarot-inner{grid-template-columns:1fr}.home-feature-visual{min-height:230px}.home-feature-copy{padding:30px 25px}.home-content-grid.two{grid-template-columns:1fr}.home-tarot-section{padding:75px 0}.home-tarot-copy h2{font-size:39px}.home-tarot-cards{height:300px;margin-top:15px}.tc{width:145px;height:240px}.tc.c1{left:8%;top:40px}.tc.c2{left:31%;top:10px}.tc.c3{left:54%;top:42px}.home-profile-band>.home-container{display:block}.home-profile-band a{display:inline-flex;margin-top:12px}}
.tarot-question-title{font-family:Georgia,"Yu Mincho",serif;font-weight:400;font-size:18px;margin:-4px 0 16px;color:#755d68}
/* =========================================================
Yuneria Home v1.5.1 — five-content cute redesign
========================================================= */
.home-v151{background:#fffafd;color:#59434e;font-family:"Zen Maru Gothic",sans-serif}
.simple-home-header{height:68px;padding:0 clamp(18px,5vw,64px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;top:0;left:0;right:0}.simple-home-header a{text-decoration:none}.simple-logo{font:500 12px Georgia;letter-spacing:.5em;color:#705361}.simple-profile{font-size:11px;color:#8d6c7c;padding:9px 14px;border:1px solid rgba(134,93,114,.12);border-radius:999px;background:rgba(255,255,255,.46);backdrop-filter:blur(12px)}.simple-profile span{color:#c491aa}
.cute-hero{min-height:650px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;background:linear-gradient(155deg,#fffafd 5%,#fbf1f8 43%,#f3f1ff 100%);padding:95px 20px 70px}.cute-hero:after{content:"";position:absolute;width:900px;height:900px;border:1px solid rgba(190,143,167,.07);border-radius:50%;top:-570px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 150px rgba(255,255,255,.02)}
.glow{position:absolute;border-radius:50%;filter:blur(5px);opacity:.65}.glow.g1{width:360px;height:240px;background:radial-gradient(ellipse,rgba(255,210,232,.43),transparent 68%);left:-70px;top:140px}.glow.g2{width:420px;height:280px;background:radial-gradient(ellipse,rgba(207,205,255,.35),transparent 68%);right:-80px;bottom:40px}.glow.g3{width:300px;height:180px;background:radial-gradient(ellipse,rgba(255,237,199,.23),transparent 68%);left:40%;bottom:-40px}
.sparkles i{position:absolute;font-style:normal;color:rgba(178,128,153,.55);text-shadow:0 0 18px rgba(255,190,226,.75)}.sparkles i:nth-child(1){left:15%;top:29%;font-size:20px}.sparkles i:nth-child(2){right:19%;top:25%}.sparkles i:nth-child(3){left:26%;bottom:22%}.sparkles i:nth-child(4){right:28%;bottom:25%;font-size:20px}.sparkles i:nth-child(5){left:37%;top:18%;font-size:10px}.sparkles i:nth-child(6){right:12%;bottom:37%}.sparkles i:nth-child(7){left:9%;bottom:39%;font-size:10px}.sparkles i:nth-child(8){right:38%;top:17%;font-size:12px}
.cute-hero-inner{position:relative;z-index:2}.tiny-stars{font-family:Georgia;color:#bd8ba4;letter-spacing:.42em;font-size:15px;text-shadow:0 0 17px rgba(255,185,222,.65)}.hero-brand{font:500 12px Georgia;letter-spacing:.65em;margin:20px 0 22px;color:#785a69}.cute-hero h1{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(42px,6vw,72px);font-weight:500;line-height:1.4;letter-spacing:.055em;margin:0;color:#55404a}.cute-hero h1 em{font-style:normal;background:linear-gradient(90deg,#745664,#a16f88,#777395);-webkit-background-clip:text;color:transparent}.hero-copy{font-size:13px;line-height:2;color:#8d7580;margin:22px 0}.down-pill{display:inline-flex;align-items:center;gap:22px;margin-top:16px;padding:11px 18px 11px 21px;border-radius:999px;border:1px solid rgba(131,91,111,.13);background:rgba(255,255,255,.7);box-shadow:0 9px 30px rgba(91,60,76,.04);font-size:11px;color:#7c5d6c}.down-pill span{font-size:16px}
.five-menu{width:min(1040px,91%);margin:auto;padding:95px 0 105px}.menu-intro{text-align:center;margin-bottom:42px}.menu-intro h2{font-family:Georgia,"Yu Mincho",serif;font-weight:500;font-size:34px;margin:9px 0 5px}.menu-intro p{font-size:12px;color:#9a828d}
.main-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.main-menu-card{min-height:280px;display:grid;grid-template-columns:190px 1fr;align-items:center;gap:22px;padding:28px;border-radius:28px;border:1px solid rgba(127,90,108,.1);background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(252,245,249,.75));box-shadow:0 16px 45px rgba(89,60,75,.045);transition:.25s;position:relative;overflow:hidden}.main-menu-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(89,60,75,.085);border-color:rgba(179,127,153,.23)}.main-menu-card.tarot-main{grid-column:1/-1;min-height:330px;background:linear-gradient(125deg,#fffafd,#f7edf7 52%,#eeedff)}.main-menu-card.numa-main{grid-column:1/-1;background:linear-gradient(130deg,#fff,#fff1f7 55%,#f7f1ff)}
.menu-art{height:205px;border-radius:23px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#fff 0 17%,#f8eaf2 57%,#efedff);overflow:hidden}.tarot-main .menu-art{height:250px}.menu-copy .eyebrow{font:500 9px Georgia;letter-spacing:.24em;color:#b07e96}.menu-copy h3{font-family:Georgia,"Yu Mincho",serif;font-weight:500;font-size:27px;margin:7px 0 10px}.menu-copy p{font-size:12px;line-height:1.9;color:#88727d;margin:0 0 18px}.menu-copy>b{font-size:11px;color:#966b80}.menu-copy>b i,.numa-buttons i{font-style:normal;margin-left:6px}
.tarot-art{display:block}.mini-card{position:absolute;width:86px;height:145px;border-radius:10px;border:2px solid rgba(255,238,247,.8);background:linear-gradient(145deg,#725467,#9c748a);display:grid;place-items:center;color:#f8ddea;font:25px Georgia;box-shadow:0 14px 30px rgba(81,54,68,.14)}.mini-card.mc1{left:23%;top:54px;transform:rotate(-14deg)}.mini-card.mc2{left:40%;top:37px;transform:rotate(1deg);z-index:2}.mini-card.mc3{left:57%;top:56px;transform:rotate(14deg)}
.type-art>span{font:italic 69px Georgia;color:#765868}.orbit{position:absolute;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.75);box-shadow:0 8px 22px rgba(91,60,76,.08);color:#b67e99;font-style:normal}.orbit.o1{right:29px;top:31px}.orbit.o2{left:31px;bottom:31px}
.compat-art .ring{position:absolute;width:85px;height:85px;border-radius:50%;border:2px solid rgba(180,126,153,.42)}.compat-art .r1{transform:translateX(-28px)}.compat-art .r2{transform:translateX(28px)}.compat-art b{font:38px Georgia;color:#876879;z-index:2}
.values-art{display:flex;align-items:center;justify-content:center;gap:12px}.values-art span{font:32px Georgia;color:#ad7993}.values-art i{width:48px;height:1px;background:linear-gradient(90deg,#c89bb1,#aaa8d4);position:relative}.values-art i:after{content:"✦";position:absolute;left:19px;top:-9px;font-style:normal;color:#aa8195;background:#f8eef4}
.numa-art{display:flex;gap:20px;align-items:center;justify-content:center}.numa-art span{font:50px Georgia;color:#b57996}.numa-art span:last-child{transform:rotate(12deg);color:#8d789d}.numa-art i{font-style:normal;color:#d4a1b9;text-shadow:0 0 16px #ffd7e9}
.numa-buttons{display:flex;flex-wrap:wrap;gap:8px}.numa-buttons a{font-size:11px;padding:9px 13px;border-radius:999px;border:1px solid rgba(130,91,111,.12);background:#fff;color:#825f70}
.my-yuneria-mini{padding:55px 20px;background:linear-gradient(100deg,#f8eff4,#f2f1fb)}.my-yuneria-mini>div{width:min(900px,91%);margin:auto;display:flex;align-items:center;gap:20px}.my-yuneria-mini>div>span{font-size:26px;color:#b9829d}.my-yuneria-mini small{font:500 8px Georgia;letter-spacing:.24em;color:#a67b90}.my-yuneria-mini h2{font-family:Georgia,"Yu Mincho",serif;font-size:21px;font-weight:500;margin:4px 0}.my-yuneria-mini a{margin-left:auto;font-size:11px;padding:10px 15px;background:#fff;border:1px solid rgba(130,91,111,.1);border-radius:999px}
.simple-footer{text-align:center;padding:55px 20px;background:#fff}.simple-footer p{font:500 10px Georgia;letter-spacing:.55em;color:#765968}.simple-footer span{display:block;font-size:10px;color:#a08a94;margin:8px}.simple-footer small{font-size:8px;color:#c0adb5}
@media(max-width:800px){.cute-hero{min-height:600px}.main-menu-grid{grid-template-columns:1fr}.main-menu-card,.main-menu-card.tarot-main,.main-menu-card.numa-main{grid-column:auto;grid-template-columns:145px 1fr;min-height:245px;padding:20px}.menu-art,.tarot-main .menu-art{height:190px}.mini-card{width:62px;height:106px}.mini-card.mc1{left:16%;top:48px}.mini-card.mc2{left:35%;top:35px}.mini-card.mc3{left:54%;top:49px}.menu-copy h3{font-size:23px}}
@media(max-width:570px){.simple-home-header{height:60px}.simple-logo{font-size:10px;letter-spacing:.4em}.simple-profile{font-size:9px}.cute-hero{min-height:570px;padding-top:85px}.hero-brand{font-size:10px}.cute-hero h1{font-size:42px}.five-menu{padding:70px 0}.main-menu-card,.main-menu-card.tarot-main,.main-menu-card.numa-main{display:block;padding:18px;min-height:0}.menu-art,.tarot-main .menu-art{height:155px;margin-bottom:20px}.mini-card{width:55px;height:92px}.mini-card.mc1{left:27%;top:36px}.mini-card.mc2{left:41%;top:25px}.mini-card.mc3{left:55%;top:37px}.menu-copy h3{font-size:22px}.my-yuneria-mini>div{display:grid;grid-template-columns:auto 1fr}.my-yuneria-mini a{grid-column:1/-1;margin:0;text-align:center}.numa-buttons{display:grid;grid-template-columns:1fr 1fr}.numa-buttons a{text-align:center}}
/* v1.5.2 homepage balance */
.layout-v152 .feature-wide{grid-column:1/-1;min-height:320px;background:linear-gradient(125deg,#fffafd,#f8edf5 54%,#efefff)}
.layout-v152 .feature-wide .menu-art{height:250px}
.layout-v152 .feature-wide .type-art>span{font-size:86px}
.layout-v152 .tarot-main,.layout-v152 .numa-main{grid-column:auto;min-height:280px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(252,245,249,.75))}
.layout-v152 .compact-card{grid-template-columns:165px 1fr;gap:20px}
.layout-v152 .compact-card .menu-art{height:195px}
.layout-v152 .compact-card .mini-card{width:58px;height:100px}
.layout-v152 .compact-card .mini-card.mc1{left:20%;top:52px}
.layout-v152 .compact-card .mini-card.mc2{left:36%;top:39px}
.layout-v152 .compact-card .mini-card.mc3{left:52%;top:53px}
.jealousy-main{position:relative;background:linear-gradient(145deg,#fffafd,#fff0f6 60%,#f6f1ff)!important}
.prepare-badge{position:absolute;right:18px;top:16px;z-index:3;font-size:9px;letter-spacing:.1em;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid rgba(145,100,122,.11);color:#a47b8f}
.jealousy-art{background:radial-gradient(circle,#fff 0 16%,#faeaf2 52%,#eeeaff)}
.jealous-heart{font:64px Georgia;color:#b67d99;position:relative;z-index:2}
.jealous-orbit{position:absolute;width:92px;height:92px;border:1px solid rgba(167,117,142,.28);border-radius:50%;transform:rotate(-20deg)}
.jealous-orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#a987a8;right:5px;top:15px;box-shadow:0 0 12px #e5bad0}
.jealous-art i{position:absolute;right:28%;top:24%;font-style:normal;color:#d09db6}
.muted-action{color:#af8d9d!important;font-weight:500!important}
.layout-v152 .numa-buttons{gap:6px}.layout-v152 .numa-buttons a{padding:8px 10px}
@media(max-width:800px){.layout-v152 .feature-wide{grid-column:auto}.layout-v152 .compact-card,.layout-v152 .feature-wide{grid-template-columns:145px 1fr;min-height:245px}.layout-v152 .feature-wide .menu-art,.layout-v152 .compact-card .menu-art{height:190px}}
@media(max-width:570px){.layout-v152 .compact-card,.layout-v152 .feature-wide{display:block;min-height:0}.layout-v152 .feature-wide .menu-art,.layout-v152 .compact-card .menu-art{height:155px}.layout-v152 .compact-card .mini-card.mc1{left:27%;top:37px}.layout-v152 .compact-card .mini-card.mc2{left:41%;top:25px}.layout-v152 .compact-card .mini-card.mc3{left:55%;top:38px}}
/* v1.5.3 — two primary experiences */
.layout-v152 .tarot-feature{grid-column:1/-1;min-height:320px;background:linear-gradient(125deg,#fffafd,#f7edf7 52%,#eeedff)}
.layout-v152 .tarot-feature .menu-art{height:250px}
.layout-v152 .tarot-feature .mini-card{width:86px;height:145px}
.layout-v152 .tarot-feature .mini-card.mc1{left:23%;top:54px}
.layout-v152 .tarot-feature .mini-card.mc2{left:40%;top:37px}
.layout-v152 .tarot-feature .mini-card.mc3{left:57%;top:56px}
@media(max-width:800px){
.layout-v152 .tarot-feature{grid-column:auto;grid-template-columns:145px 1fr;min-height:245px}
.layout-v152 .tarot-feature .menu-art{height:190px}
.layout-v152 .tarot-feature .mini-card{width:62px;height:106px}
.layout-v152 .tarot-feature .mini-card.mc1{left:16%;top:48px}
.layout-v152 .tarot-feature .mini-card.mc2{left:35%;top:35px}
.layout-v152 .tarot-feature .mini-card.mc3{left:54%;top:49px}
}
@media(max-width:570px){
.layout-v152 .tarot-feature{display:block;min-height:0}
.layout-v152 .tarot-feature .menu-art{height:155px}
.layout-v152 .tarot-feature .mini-card{width:55px;height:92px}
.layout-v152 .tarot-feature .mini-card.mc1{left:27%;top:36px}
.layout-v152 .tarot-feature .mini-card.mc2{left:41%;top:25px}
.layout-v152 .tarot-feature .mini-card.mc3{left:55%;top:37px}
}
/* Tarot v1.6.1 result readability + X share */
.tarot-result-v161{scroll-margin-top:74px;outline:none}.result-spark{text-align:center;color:#bd86a1;letter-spacing:.45em;font-family:Georgia;font-size:18px;margin-bottom:8px;text-shadow:0 0 18px rgba(246,177,212,.55)}
.tarot-result-v161>.tarot-kicker,.tarot-result-v161>h1,.tarot-result-v161>.tarot-result-intro{text-align:center}.tarot-result-v161>h1{margin-bottom:8px}
.result-card-panel{margin-top:28px;padding:27px;border:1px solid rgba(133,93,113,.11);border-radius:27px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,241,247,.82));box-shadow:0 18px 50px rgba(87,58,73,.055)}
.result-label{display:block;font-size:8px;letter-spacing:.23em;color:#ad7b93;margin-bottom:10px}.result-card-panel>.result-label{text-align:center}
.result-reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.result-reading-grid .tarot-reading-box{margin:0;min-height:100%;border-radius:22px;border:1px solid rgba(133,93,113,.1);background:rgba(255,255,255,.86);box-shadow:0 12px 34px rgba(87,58,73,.04)}
.result-reading-grid .tarot-reading-box h2{font-family:Georgia,"Yu Mincho",serif;font-weight:500}.result-reading-grid .tarot-reading-box p{line-height:1.95}
.tarot-share-box{margin-top:15px;padding:23px 25px;border:1px solid rgba(133,93,113,.1);border-radius:22px;background:linear-gradient(110deg,#fff,#f8eff5);display:flex;align-items:center;justify-content:space-between;gap:20px}.tarot-share-box h2{font-family:Georgia,"Yu Mincho",serif;font-size:18px;font-weight:500;margin:0 0 5px}.tarot-share-box p{font-size:10px;color:#99808c;margin:0}.tarot-x-share{border:0;border-radius:999px;background:#5c4653;color:#fff;padding:12px 18px;white-space:nowrap;cursor:pointer;font-family:inherit;font-size:11px;box-shadow:0 8px 22px rgba(77,50,64,.13);transition:.2s}.tarot-x-share:hover{transform:translateY(-2px);background:#4d3945}
@media(max-width:720px){.result-reading-grid{grid-template-columns:1fr}.result-card-panel{padding:19px 13px}.tarot-share-box{display:block;text-align:center}.tarot-x-share{width:100%;margin-top:15px}.tarot-result-v161{scroll-margin-top:62px}}
/* v1.6.2 fixed — reveal is single-fire */
#revealBtn:disabled{pointer-events:none!important;opacity:.48;cursor:default}
/* v1.7.0 — detailed, supportive tarot reading */
.tarot-flow-box{margin-top:14px!important;border-radius:22px!important;border:1px solid rgba(133,93,113,.1)!important;background:linear-gradient(120deg,rgba(255,255,255,.9),rgba(249,241,247,.76))!important}
.tarot-caution{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(248,244,239,.75))!important}
.tarot-advice-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:9px}.tarot-advice-list li{position:relative;padding-left:20px;line-height:1.8;font-size:12px;color:#735f69}.tarot-advice-list li:before{content:"✦";position:absolute;left:0;color:#b9849e;font-size:9px;top:3px}
.tarot-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:15px}.tarot-metrics>div{padding:17px 16px;border:1px solid rgba(133,93,113,.1);border-radius:18px;background:rgba(255,255,255,.82);text-align:center}.tarot-metrics span{display:block;font-size:9px;color:#9c818e;margin-bottom:7px}.tarot-metrics strong{font-family:Georgia;color:#b27b96;letter-spacing:.08em;font-size:13px}.tarot-metrics b{font-size:12px;font-weight:500;color:#654c59}
.yuneria-reading-message{margin-top:15px;padding:25px 28px;border-radius:22px;background:linear-gradient(110deg,#f7eaf2,#efeffb);border:1px solid rgba(142,101,122,.08);text-align:center}.yuneria-reading-message p{margin:5px auto 0;max-width:660px;font-family:Georgia,"Yu Mincho",serif;font-size:14px;line-height:2;color:#674f5c}
@media(max-width:720px){.tarot-metrics{grid-template-columns:1fr}.yuneria-reading-message{padding:22px 18px}}
/* v1.8.0 homepage visual alignment */
.down-pill .home-chevron{
display:inline-flex!important;align-items:center!important;justify-content:center!important;
width:16px!important;height:16px!important;line-height:1!important;margin-left:3px!important;
position:relative!important;top:-1px!important;vertical-align:middle!important;
}
.tarot-art-aligned,.jealousy-art-aligned{
display:flex!important;align-items:center!important;justify-content:center!important;
}
.tarot-art-aligned{transform:translateY(0)!important}
.jealousy-art-aligned{transform:translateY(0)!important}
.love-type-main{position:relative}
.love-type-art{position:relative;display:flex!important;align-items:center!important;justify-content:center!important}
.love-type-heart{font-family:Georgia,serif;font-size:46px;line-height:1;color:#b77f9b}
.love-type-art>span{position:absolute;font-family:Georgia,serif;font-size:18px;color:#8d6c7d}
.love-type-art>i{position:absolute;right:20%;top:20%;font-style:normal;font-size:10px;color:#c6a3b5}
.new-badge{background:linear-gradient(110deg,#f8e8f1,#efecff)!important;color:#946d83!important}
/* v1.8.1 exact alignment */
.down-pill .home-chevron{
display:inline-block!important;width:7px!important;height:7px!important;
border:0!important;border-right:1.5px solid currentColor!important;border-bottom:1.5px solid currentColor!important;
transform:rotate(45deg)!important;margin:0 0 4px 7px!important;
position:static!important;top:auto!important;line-height:0!important;vertical-align:middle!important;
}
.tarot-art-aligned{
display:grid!important;place-items:center!important;
transform:none!important;margin:0!important;padding:0!important;
}
.tarot-art-aligned>*{margin-left:auto!important;margin-right:auto!important}
.tarot-art-aligned .tarot-moon{left:50%!important;transform:translateX(-50%)!important}
.tarot-art-aligned .tarot-star{left:50%!important;transform:translateX(-50%)!important}
/* v1.8.2 — actual tarot icon group centering */
.layout-v152 .tarot-feature .tarot-art-aligned{
display:flex!important;align-items:center!important;justify-content:center!important;
position:relative!important;
}
.layout-v152 .tarot-feature .tarot-art-aligned .mini-card{
position:absolute!important;left:50%!important;top:50%!important;
transform-origin:50% 72%!important;margin:0!important;
}
.layout-v152 .tarot-feature .tarot-art-aligned .mini-card.mc1{transform:translate(-86%,-43%) rotate(-14deg)!important}
.layout-v152 .tarot-feature .tarot-art-aligned .mini-card.mc2{transform:translate(-50%,-53%) rotate(1deg)!important;z-index:2}
.layout-v152 .tarot-feature .tarot-art-aligned .mini-card.mc3{transform:translate(-14%,-43%) rotate(14deg)!important}
@media(max-width:570px){
.layout-v152 .tarot-feature .tarot-art-aligned .mini-card.mc1{transform:translate(-90%,-42%) rotate(-14deg)!important}
.layout-v152 .tarot-feature .tarot-art-aligned .mini-card.mc2{transform:translate(-50%,-52%) rotate(1deg)!important}
.layout-v152 .tarot-feature .tarot-art-aligned .mini-card.mc3{transform:translate(-10%,-42%) rotate(14deg)!important}
}
/* =========================================================
v1.9.0 Yuneria Diagnosis System
Shared visual language for all non-tarot diagnoses.
========================================================= */
body.yuneria-diagnosis{
--diag-accent:#b77e9a;--diag-accent2:#b8b4df;--diag-ink:#5e4652;--diag-soft:#9b818e;
min-height:100vh;color:var(--diag-ink);
background:
radial-gradient(circle at 8% 18%,rgba(255,211,231,.40),transparent 25%),
radial-gradient(circle at 92% 34%,rgba(202,199,255,.34),transparent 28%),
linear-gradient(155deg,#fffafd 0%,#fbf1f7 48%,#f0efff 100%);
}
body.yuneria-diagnosis:before{content:"✦";position:fixed;left:9%;top:21%;color:rgba(183,126,154,.32);font:12px Georgia;text-shadow:0 0 18px #ffd8e9;pointer-events:none}
body.yuneria-diagnosis:after{content:"✧";position:fixed;right:10%;top:17%;color:rgba(151,142,197,.30);font:18px Georgia;text-shadow:0 0 18px #ddd9ff;pointer-events:none}
.yuneria-diagnosis header,.yuneria-diagnosis .topbar,.yuneria-diagnosis .site-header{background:transparent!important;box-shadow:none!important}
.yuneria-diagnosis main{position:relative;z-index:1}
.yuneria-diagnosis .container,.yuneria-diagnosis .quiz-wrap,.yuneria-diagnosis .diagnosis-wrap,.yuneria-diagnosis .result-wrap{max-width:820px}
.yuneria-diagnosis h1,.yuneria-diagnosis h2,.yuneria-diagnosis .result-title{font-family:Georgia,"Yu Mincho",serif;color:#58414d;font-weight:500}
.yuneria-diagnosis h1{letter-spacing:.03em}
.yuneria-diagnosis .eyebrow,.yuneria-diagnosis .kicker,.yuneria-diagnosis .question-count{font-family:Georgia,serif;letter-spacing:.2em;color:var(--diag-accent);font-size:9px}
.yuneria-diagnosis .card,.yuneria-diagnosis .panel,.yuneria-diagnosis .quiz-card,.yuneria-diagnosis .question-card,.yuneria-diagnosis .result-card,.yuneria-diagnosis .glass-card{
border:1px solid rgba(140,100,120,.10)!important;border-radius:28px!important;
background:linear-gradient(145deg,rgba(255,255,255,.89),rgba(255,250,253,.68))!important;
box-shadow:0 26px 75px rgba(90,60,80,.075)!important;backdrop-filter:blur(20px);
}
.yuneria-diagnosis .progress,.yuneria-diagnosis .progress-bar-wrap,.yuneria-diagnosis .bar-bg{
height:5px!important;border-radius:99px!important;background:rgba(222,202,213,.45)!important;overflow:hidden!important
}
.yuneria-diagnosis .progress>*,.yuneria-diagnosis .progress-bar,.yuneria-diagnosis .bar-fill{
height:100%!important;border-radius:99px!important;background:linear-gradient(90deg,var(--diag-accent),var(--diag-accent2))!important;
box-shadow:0 0 14px rgba(209,157,185,.35)
}
.yuneria-diagnosis button:not(.plain):not(.icon-btn),.yuneria-diagnosis .option,.yuneria-diagnosis .answer-btn,.yuneria-diagnosis .choice{
border:1px solid rgba(145,105,125,.11);border-radius:16px;background:rgba(255,255,255,.78);color:#755d69;
transition:transform .18s,background .18s,border-color .18s,box-shadow .18s
}
.yuneria-diagnosis button:not(.plain):not(.icon-btn):hover,.yuneria-diagnosis .option:hover,.yuneria-diagnosis .answer-btn:hover,.yuneria-diagnosis .choice:hover{
transform:translateY(-1px);background:#fff;border-color:rgba(183,126,155,.24);box-shadow:0 9px 25px rgba(90,60,80,.055)
}
.yuneria-diagnosis .primary,.yuneria-diagnosis .btn-primary,.yuneria-diagnosis .start-btn,.yuneria-diagnosis .share-btn{
border:0!important;border-radius:999px!important;background:linear-gradient(110deg,#765667,#927087)!important;color:#fff!important;
box-shadow:0 12px 28px rgba(103,72,88,.14)!important
}
.yuneria-diagnosis .result-section,.yuneria-diagnosis .detail-block,.yuneria-diagnosis .result-block{
border:1px solid rgba(144,102,123,.08);border-radius:19px;background:rgba(255,255,255,.63);padding:18px
}
body.diag-type{--diag-accent:#aa83b3;--diag-accent2:#b6b5df}
body.diag-values{--diag-accent:#c287a3;--diag-accent2:#d8b1c3}
body.diag-numa{--diag-accent:#b47d9a;--diag-accent2:#aaa8d7}
body.diag-numarase{--diag-accent:#a97b95;--diag-accent2:#c9a4b9}
@media(max-width:600px){
.yuneria-diagnosis .card,.yuneria-diagnosis .panel,.yuneria-diagnosis .quiz-card,.yuneria-diagnosis .question-card,.yuneria-diagnosis .result-card,.yuneria-diagnosis .glass-card{border-radius:23px!important}
}
/* v1.9.2 — REAL unified diagnosis result system */
.yuneria-diagnosis{
--yr-card:linear-gradient(145deg,rgba(255,255,255,.90),rgba(255,250,253,.69));
--yr-border:rgba(140,100,120,.10);--yr-shadow:0 26px 75px rgba(90,60,80,.075);
}
.yuneria-diagnosis .result-page,
.yuneria-diagnosis .values-page,
.yuneria-diagnosis .numa-page,
.yuneria-diagnosis .numarase-page,
.yuneria-diagnosis .compat-page{max-width:820px!important;margin:0 auto!important;padding:72px 20px 90px!important}
/* One common result hero */
.yuneria-diagnosis .result-hero,
.yuneria-diagnosis .values-result-head,
.yuneria-diagnosis .numa-result-head,
.yuneria-diagnosis .numarase-result-head,
.yuneria-diagnosis .compat-result-head,
.yuneria-diagnosis .lt-result{
text-align:center!important;padding:38px clamp(22px,5vw,44px)!important;margin:24px auto!important;
border:1px solid var(--yr-border)!important;border-radius:30px!important;background:var(--yr-card)!important;
box-shadow:var(--yr-shadow)!important;backdrop-filter:blur(20px)!important;
}
.yuneria-diagnosis .result-hero:before,
.yuneria-diagnosis .values-result-head:before,
.yuneria-diagnosis .numa-result-head:before,
.yuneria-diagnosis .numarase-result-head:before,
.yuneria-diagnosis .compat-result-head:before{
content:"✦";display:block;margin:0 auto 10px;font:14px Georgia;color:var(--diag-accent);
text-shadow:0 0 18px rgba(215,171,194,.7)
}
.yuneria-diagnosis .result-hero h1,
.yuneria-diagnosis .values-result-head h1,
.yuneria-diagnosis .numa-result-head h1,
.yuneria-diagnosis .numarase-result-head h1,
.yuneria-diagnosis .compat-result-head h1{
font-family:Georgia,"Yu Mincho",serif!important;font-weight:500!important;color:#58414d!important;
font-size:clamp(28px,5vw,39px)!important;line-height:1.45!important;margin:8px 0 10px!important;
}
.yuneria-diagnosis .category,.yuneria-diagnosis .values-kicker{
font:500 8px Georgia!important;letter-spacing:.23em!important;color:var(--diag-accent)!important;text-transform:uppercase
}
/* Every detail/result section becomes the same sibling card */
.yuneria-diagnosis .result-panel,
.yuneria-diagnosis #valuesResult>.values-card:not(.values-result-head),
.yuneria-diagnosis #numaResult>.values-card:not(.numa-result-head),
.yuneria-diagnosis #nrResult>.values-card:not(.numarase-result-head),
.yuneria-diagnosis #compatResult>.values-card:not(.compat-result-head){
border:1px solid rgba(144,102,123,.08)!important;border-radius:20px!important;
background:rgba(255,255,255,.64)!important;box-shadow:none!important;
padding:21px!important;margin:11px 0!important;
}
.yuneria-diagnosis .result-panel h2,
.yuneria-diagnosis #valuesResult>.values-card h2,
.yuneria-diagnosis #numaResult>.values-card h2,
.yuneria-diagnosis #nrResult>.values-card h2,
.yuneria-diagnosis #compatResult>.values-card h2{
font-family:Georgia,"Yu Mincho",serif!important;font-size:15px!important;font-weight:500!important;
color:#705563!important;margin:0 0 9px!important;line-height:1.6!important;
}
.yuneria-diagnosis .result-panel p,
.yuneria-diagnosis #valuesResult>.values-card p,
.yuneria-diagnosis #numaResult>.values-card p,
.yuneria-diagnosis #nrResult>.values-card p,
.yuneria-diagnosis #compatResult>.values-card p{
font-size:11px!important;line-height:1.95!important;color:#88717c!important;
}
/* Normalize old 16-type giant panels into the same compact system */
.yuneria-diagnosis .result-grid,
.yuneria-diagnosis .detail-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px!important;margin:11px 0!important}
.yuneria-diagnosis .result-grid .result-panel,
.yuneria-diagnosis .detail-grid .result-panel{margin:0!important}
.yuneria-diagnosis .romance-panel,.yuneria-diagnosis .work-panel,.yuneria-diagnosis .story-panel,
.yuneria-diagnosis .bug-panel,.yuneria-diagnosis .manual-panel,.yuneria-diagnosis .one-panel{margin:11px 0!important}
/* Common metrics / chips */
.yuneria-diagnosis .chips,.yuneria-diagnosis .job-chips,.yuneria-diagnosis .compat-tags{
display:flex!important;flex-wrap:wrap!important;gap:7px!important
}
.yuneria-diagnosis .chips>*,.yuneria-diagnosis .job-chips>*,.yuneria-diagnosis .compat-tags>*{
border-radius:999px!important;background:rgba(250,240,246,.82)!important;border:1px solid rgba(155,109,132,.08)!important;
padding:7px 10px!important;font-size:9px!important;color:#987587!important
}
/* One common share zone */
.yuneria-diagnosis .share-zone,
.yuneria-diagnosis .numa-share,
.yuneria-diagnosis .numarase-share,
.yuneria-diagnosis .values-share,
.yuneria-diagnosis .compat-share{
text-align:center!important;margin:22px 0 0!important;padding:25px!important;border-radius:22px!important;
border:1px solid rgba(144,102,123,.08)!important;background:rgba(255,255,255,.61)!important;
}
.yuneria-diagnosis .share-actions,.yuneria-diagnosis .values-actions,.yuneria-diagnosis .result-actions{
display:flex!important;justify-content:center!important;gap:9px!important;flex-wrap:wrap!important;margin-top:16px!important
}
.yuneria-diagnosis .share-actions button,.yuneria-diagnosis .values-actions button,.yuneria-diagnosis .result-actions button,
.yuneria-diagnosis .result-actions a{
border-radius:999px!important;padding:11px 19px!important;font-size:10px!important;min-height:0!important
}
.yuneria-diagnosis canvas{max-width:100%!important;height:auto!important;border-radius:18px!important}
/* Common disclaimer and bottom rhythm */
.yuneria-diagnosis .values-disclaimer,.yuneria-diagnosis .result-disclaimer,.yuneria-diagnosis .share-note{
max-width:620px!important;margin:20px auto!important;text-align:center!important;font-size:9px!important;line-height:1.9!important;color:#aa909d!important
}
@media(max-width:620px){
.yuneria-diagnosis .result-grid,.yuneria-diagnosis .detail-grid{grid-template-columns:1fr!important}
.yuneria-diagnosis .result-hero,.yuneria-diagnosis .values-result-head,.yuneria-diagnosis .numa-result-head,
.yuneria-diagnosis .numarase-result-head,.yuneria-diagnosis .compat-result-head{border-radius:24px!important;padding:28px 19px!important}
}
/* ==========================================================
v2.0 — ONE diagnosis component system
Love Type is the canonical UI. Existing pages map to it.
========================================================== */
.yuneria-diagnosis:not(.love-type-page) .quiz-shell,
.yuneria-diagnosis:not(.love-type-page) .values-shell,
.yuneria-diagnosis:not(.love-type-page) .numa-shell,
.yuneria-diagnosis:not(.love-type-page) .numarase-shell,
.yuneria-diagnosis:not(.love-type-page) .compat-shell{
max-width:760px!important;margin:0 auto!important;padding:34px 20px 90px!important;
}
.yuneria-diagnosis:not(.love-type-page) .quiz-header,
.yuneria-diagnosis:not(.love-type-page) .values-header,
.yuneria-diagnosis:not(.love-type-page) .numa-header,
.yuneria-diagnosis:not(.love-type-page) .numarase-header,
.yuneria-diagnosis:not(.love-type-page) .compat-header{
text-align:center!important;margin:0 auto 30px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;
}
.yuneria-diagnosis:not(.love-type-page) .quiz-header h1,
.yuneria-diagnosis:not(.love-type-page) .values-header h1,
.yuneria-diagnosis:not(.love-type-page) .numa-header h1,
.yuneria-diagnosis:not(.love-type-page) .numarase-header h1,
.yuneria-diagnosis:not(.love-type-page) .compat-header h1{
font-family:Georgia,"Yu Mincho",serif!important;font-size:clamp(30px,5vw,44px)!important;font-weight:500!important;
line-height:1.35!important;color:#58414d!important;margin:9px 0 11px!important;
}
.yuneria-diagnosis:not(.love-type-page) .quiz-header p,
.yuneria-diagnosis:not(.love-type-page) .values-header p,
.yuneria-diagnosis:not(.love-type-page) .numa-header p,
.yuneria-diagnosis:not(.love-type-page) .numarase-header p,
.yuneria-diagnosis:not(.love-type-page) .compat-header p{
font-size:12px!important;line-height:2!important;color:#9b818e!important;max-width:560px!important;margin:auto!important
}
/* Canonical question card = Love Type .lt-card */
.yuneria-diagnosis:not(.love-type-page) .quiz-card,
.yuneria-diagnosis:not(.love-type-page) .values-card.question,
.yuneria-diagnosis:not(.love-type-page) .question-card,
.yuneria-diagnosis:not(.love-type-page) .q-card{
position:relative!important;margin:24px auto!important;padding:clamp(25px,5vw,43px)!important;
border:1px solid rgba(140,100,120,.10)!important;border-radius:32px!important;
background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,250,253,.66))!important;
box-shadow:0 28px 80px rgba(90,60,80,.075)!important;backdrop-filter:blur(22px)!important;
}
/* canonical progress */
.yuneria-diagnosis:not(.love-type-page) .quiz-progress,
.yuneria-diagnosis:not(.love-type-page) .values-progress,
.yuneria-diagnosis:not(.love-type-page) .progress-wrap{
height:4px!important;border:0!important;border-radius:99px!important;background:rgba(222,202,213,.42)!important;
overflow:hidden!important;margin:0 0 30px!important;padding:0!important;
}
.yuneria-diagnosis:not(.love-type-page) .quiz-progress>*,
.yuneria-diagnosis:not(.love-type-page) .values-progress>*,
.yuneria-diagnosis:not(.love-type-page) .progress-wrap>*{
height:100%!important;border-radius:99px!important;background:linear-gradient(90deg,#d7a8bf,#b7b3e0)!important;
box-shadow:0 0 15px rgba(209,157,185,.45)!important;
}
/* canonical question counter + question */
.yuneria-diagnosis:not(.love-type-page) .question-number,
.yuneria-diagnosis:not(.love-type-page) .q-count,
.yuneria-diagnosis:not(.love-type-page) .counter{
font:500 8px Georgia!important;letter-spacing:.22em!important;color:#b08399!important;text-transform:uppercase!important
}
.yuneria-diagnosis:not(.love-type-page) .question-text,
.yuneria-diagnosis:not(.love-type-page) .q-text,
.yuneria-diagnosis:not(.love-type-page) .values-question{
font-family:Georgia,"Yu Mincho",serif!important;font-size:21px!important;line-height:1.8!important;
font-weight:500!important;color:#5e4652!important;margin:13px 0 25px!important;text-align:left!important;
}
/* canonical answers = vertical Love Type choices */
.yuneria-diagnosis:not(.love-type-page) .answers,
.yuneria-diagnosis:not(.love-type-page) .options,
.yuneria-diagnosis:not(.love-type-page) .choices,
.yuneria-diagnosis:not(.love-type-page) .values-options{
display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:0!important;
}
.yuneria-diagnosis:not(.love-type-page) .answers button,
.yuneria-diagnosis:not(.love-type-page) .options button,
.yuneria-diagnosis:not(.love-type-page) .choices button,
.yuneria-diagnosis:not(.love-type-page) .values-options button{
width:100%!important;min-height:0!important;position:relative!important;text-align:left!important;
border:1px solid rgba(145,105,125,.10)!important;background:rgba(255,255,255,.74)!important;
border-radius:17px!important;padding:14px 38px 14px 18px!important;color:#755d69!important;
font-family:inherit!important;font-size:11px!important;box-shadow:none!important;transform:none!important;
}
.yuneria-diagnosis:not(.love-type-page) .answers button:after,
.yuneria-diagnosis:not(.love-type-page) .options button:after,
.yuneria-diagnosis:not(.love-type-page) .choices button:after,
.yuneria-diagnosis:not(.love-type-page) .values-options button:after{
content:"›"!important;position:absolute!important;right:17px!important;top:50%!important;transform:translateY(-50%)!important;
color:#c197ac!important;font-size:16px!important;
}
.yuneria-diagnosis:not(.love-type-page) .answers button:hover,
.yuneria-diagnosis:not(.love-type-page) .options button:hover,
.yuneria-diagnosis:not(.love-type-page) .choices button:hover,
.yuneria-diagnosis:not(.love-type-page) .values-options button:hover{
transform:translateX(3px)!important;background:#fff!important;border-color:rgba(183,126,155,.24)!important;
box-shadow:0 9px 24px rgba(90,60,80,.055)!important;
}
/* Hide legacy decorative UI that makes 16-type look like a different app */
.yuneria-diagnosis .axis-legend,
.yuneria-diagnosis .scale-legend,
.yuneria-diagnosis .question-decoration{display:none!important}
/* Result pages use the exact same hierarchy as Love Type */
.diagnosis-result-system:not(.love-type-page) .result-page,
.diagnosis-result-system:not(.love-type-page) .values-page,
.diagnosis-result-system:not(.love-type-page) .numa-page,
.diagnosis-result-system:not(.love-type-page) .numarase-page,
.diagnosis-result-system:not(.love-type-page) .compat-page{
max-width:760px!important
}
.diagnosis-result-system:not(.love-type-page) .result-hero,
.diagnosis-result-system:not(.love-type-page) .values-result-head,
.diagnosis-result-system:not(.love-type-page) .numa-result-head,
.diagnosis-result-system:not(.love-type-page) .numarase-result-head,
.diagnosis-result-system:not(.love-type-page) .compat-result-head{
border-radius:32px!important;padding:clamp(28px,5vw,43px)!important
}
.diagnosis-result-system:not(.love-type-page) .result-panel,
.diagnosis-result-system:not(.love-type-page) #valuesResult>.values-card:not(.values-result-head),
.diagnosis-result-system:not(.love-type-page) #numaResult>.values-card:not(.numa-result-head),
.diagnosis-result-system:not(.love-type-page) #nrResult>.values-card:not(.numarase-result-head),
.diagnosis-result-system:not(.love-type-page) #compatResult>.values-card:not(.compat-result-head){
border-radius:20px!important;padding:20px!important
}
@media(max-width:600px){
.yuneria-diagnosis:not(.love-type-page) .quiz-card,
.yuneria-diagnosis:not(.love-type-page) .values-card.question,
.yuneria-diagnosis:not(.love-type-page) .question-card,
.yuneria-diagnosis:not(.love-type-page) .q-card{border-radius:25px!important;padding:25px 19px!important}
.yuneria-diagnosis:not(.love-type-page) .question-text,
.yuneria-diagnosis:not(.love-type-page) .q-text,
.yuneria-diagnosis:not(.love-type-page) .values-question{font-size:18px!important}
}
/* v2.3.1 — single-card reading: one substantial core interpretation, no redundant deep-reading box */
.tarot-result .result-reading-grid.single-card-reading{
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
}
.tarot-result #overallReading{
white-space:pre-line;
}
.tarot-result .result-reading-grid.single-card-reading .tarot-reading-box{
min-height:0;
}
/* v2.3.2 — the core tarot interpretation is the single primary reading block */
.tarot-result #overallReading{white-space:pre-line;line-height:2.05}
.tarot-result .primary-reading-grid{grid-template-columns:minmax(0,1fr)!important}
/* v2.3.6 — clear "what should I do?" recommendation for every tarot reading */
.tarot-recommend-box{
margin:18px 0 20px;
padding:24px 26px;
border:1px solid rgba(195,139,165,.18);
border-radius:24px;
background:linear-gradient(135deg,rgba(255,246,251,.96),rgba(244,241,255,.90));
box-shadow:0 18px 45px rgba(112,78,96,.07);
}
.tarot-recommend-box h2{
margin:7px 0 11px;
font-family:Georgia,"Yu Mincho",serif;
font-size:18px;
font-weight:500;
color:#684b5a;
}
.tarot-recommend-box p{
margin:0;
font-size:13px;
line-height:1.95;
color:#765d69;
font-weight:500;
}
@media(max-width:600px){
.tarot-recommend-box{padding:20px 18px;border-radius:20px}
.tarot-recommend-box h2{font-size:16px}
.tarot-recommend-box p{font-size:12px}
}
/* v2.3.7 — three-card results skip the redundant combined-reading box */
#overallSection[hidden]{display:none!important}
.tarot-result-cards + .result-reading-grid:has(#overallSection[hidden]){
display:none!important;
}