/* Readability correction: 2026-10-05. Pastel decoration, opaque reading surfaces. */
body.wf-cute{font-family:"Malgun Gothic","Apple SD Gothic Neo","Noto Sans CJK KR",Arial,sans-serif!important;font-size:17px!important;font-weight:400;color:#20232b!important;line-height:1.8}
body.wf-cute :is(h1,h2,h3,h4,h5){font-family:inherit!important;font-weight:700!important;letter-spacing:-.025em!important;color:#191c24!important}
body.wf-cute :is(p,label,legend,li,td,th,small,.note,.sub,.hint,.block-label,.field-help){color:#343843!important;opacity:1}
body.wf-cute :is(.panel,.topic-picker,.question-picker,.wf-result-card,.wf-consumer-topic,.wf-explanation,.wf-reading-section,.reading-context){background:#fff!important;color:#20232b!important;border-color:#d6d3dd!important}
body.wf-cute :is(.topic-picker,.question-picker) :is(p,label,small,span){color:#343843!important;font-size:16px!important}
body.wf-cute .card .block.reading{background:#fff!important;color:#20232b!important}
body.wf-cute .card .block.reading :is(p,h4,.block-label,.reading-keyword),body.wf-cute .wf-summary :is(p,span,h3),body.wf-cute .wf-narrator :is(p,span,h3,h4){color:#20232b!important}
body.wf-cute :is(.wf-consumer-lead,.wf-consumer-topic p,.photo-story-card p,.wf-detailed-saju p){font-size:17px!important;line-height:1.95!important;color:#252a33!important}
body.wf-cute :is(input,select,textarea){color:#20232b!important;font-family:inherit!important;font-size:17px!important}
body.wf-cute input::placeholder,body.wf-cute textarea::placeholder{color:#626674!important;opacity:1!important}
body.wf-cute :is(.dark-button,button[type=submit],.button-primary,.primary){background:#694188!important;color:#fff!important;font-weight:700!important}
body.wf-cute .secondary,body.wf-cute summary{color:#443057!important;font-weight:600}
body.wf-cute .slot,body.wf-cute .slot small,body.wf-cute .slot.filled{color:#403448!important}
body.wf-cute #results :is(p,span),body.wf-cute #whole-summary :is(p,span){color:#252a33!important;font-size:17px!important}
body.wf-cute .wf-consumer-scope,body.wf-cute .wf-result-note{color:#4b4f5a!important;font-size:14px!important}
body.wf-cute .wf-time-keypad{display:flex;align-items:center;gap:12px;max-width:360px}
body.wf-cute .wf-time-keypad label{display:flex;flex-direction:column;flex:1;min-width:0}
body.wf-cute .wf-time-keypad input{width:100%;text-align:center;min-height:52px;font-size:22px!important;font-variant-numeric:tabular-nums}
body.wf-cute .wf-time-separator{font-size:26px;font-weight:700}
body.wf-cute.wf-tarot main{width:min(100%,1000px)!important;max-width:1000px!important;margin:0 auto!important;padding:0 20px 50px!important}
body.wf-cute.wf-tarot .room{width:100%;border-radius:22px;min-height:0}
body.wf-cute.wf-tarot .intro{height:auto;min-height:300px;padding:44px 32px}
body.wf-cute.wf-tarot .intro h1{font-size:clamp(28px,3.4vw,44px)!important}
body.wf-cute.wf-tarot .intro>p:last-child{color:#252a33!important}
body.wf-cute.wf-tarot .table{padding:28px 20px;background:#fff!important}
body.wf-cute.wf-tarot .topic-picker,body.wf-cute.wf-tarot .question-picker{max-width:620px;text-align:left}
body.wf-cute .wf-detailed-saju{margin-top:30px;text-align:left}
body.wf-cute .wf-saju-contents{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}
body.wf-cute .wf-saju-contents a{background:#f1eaf6;color:#443057;padding:8px 12px;border-radius:10px;font-size:14px}
body.wf-cute .wf-reading-section{padding:24px;margin:18px 0;border:1px solid #d6d3dd;border-radius:16px;scroll-margin-top:80px}
body.wf-cute .wf-reading-section h3{font-size:21px!important;margin:0 0 16px}
body.wf-cute .wf-reading-section p{margin:12px 0}
body.wf-cute .wf-reading-section .wf-saju-anchor{font-size:14px!important;color:#51545d!important;border-bottom:1px solid #e2e0e6;padding-bottom:12px}
body.wf-cute .wf-element-row{display:grid;grid-template-columns:65px 1fr 60px;align-items:center;gap:12px;margin:12px 0}
body.wf-cute .wf-element-row meter{width:100%;height:24px;accent-color:#694188}
@media(max-width:600px){body.wf-cute.wf-tarot main{padding:0 12px 40px!important}body.wf-cute.wf-tarot .intro{padding:28px 20px;min-height:240px}body.wf-cute.wf-tarot .table{padding:24px 12px}body.wf-cute .wf-reading-section{padding:20px 16px}}

body.wf-cute .slot:disabled{opacity:1!important;background:#f6f3f8!important;color:#403448!important}

body.wf-cute #time-wrap > :is(span,.wf-time-keypad,.field-help){grid-column:1/-1} body.wf-cute #time-wrap{display:block} body.wf-cute #time-wrap[hidden]{display:none} body.wf-cute .wf-time-keypad{margin-top:10px} body.wf-cute .wf-time-keypad input::placeholder{color:#626674!important}

/* 2026-10-11: clear mobile reading and persistent controls. */
body.wf-cute .wf-reading-section>summary{font-weight:700;font-size:18px;color:#20212b;cursor:pointer;line-height:1.6}
body.wf-cute .wf-reading-section:not([open]):is(details){padding:16px 20px;margin:10px 0}
body.wf-cute .wf-site-nav .brand{display:flex;flex-direction:column;gap:5px;text-decoration:none;line-height:1.3}
body.wf-cute .wf-site-nav .brand span{display:block;margin:0;font-size:12px;color:#51465d}
body.wf-cute .wf-language a{color:#49335e;text-decoration:none;padding:6px 8px}
body.wf-cute .wf-language a[aria-current=page]{background:#efe5f5;border-radius:8px;font-weight:700}
@media(max-width:600px){body.wf-cute{padding-bottom:96px}body.wf-cute .wf-site-nav{padding:12px 16px;gap:10px}body.wf-cute .wf-site-nav .brand{font-family:system-ui,sans-serif;font-size:16px;min-width:0}body.wf-cute .wf-narrator-stage{max-height:120px}body.wf-cute .wf-narrator-body{max-height:48vh;overflow:auto}body.wf-cute .wf-narrator{max-height:90vh}body.wf-cute .wf-narrator .wf-reading-art{max-width:160px;margin:8px auto}body.wf-cute .wf-narrator-bubble{padding:16px}}

/* Crisp typography: use native Korean/Chinese fonts without external font downloads. */
body.wf-cute{font-weight:600!important;font-size:18px!important;color:#191c24!important}
html[lang=zh-Hans] body.wf-cute{font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif!important}
html[lang=zh-Hant] body.wf-cute{font-family:"Microsoft JhengHei","PingFang TC","Noto Sans CJK TC",sans-serif!important}
body.wf-cute :is(p,label,legend,li,td,th,summary,a,small,h1,h2,h3,h4,button){text-shadow:none!important;opacity:1!important}
body.wf-cute :is(p,label,legend,li,td,th){font-weight:600!important;color:#252731!important}
body.wf-cute :is(.wf-consumer-lead,.wf-consumer-topic p,.photo-story-card p,.wf-detailed-saju p,.wf-summary-note,.wf-narrator-body p){font-size:18px!important;color:#20222c!important}
body.wf-cute :is(h1,h2,h3,h4,.wf-summary-keyword,.reading-keyword){font-weight:800!important}
body.wf-cute :is(.note,.hint,.field-help,.wf-consumer-scope,.wf-result-note,small){font-size:15px!important;color:#42434e!important}
body.wf-cute :is(.language-nav a,.wf-language a,.primary-nav a,.wf-nav-links>a,.wf-nav-links summary){color:#443052!important;font-weight:600!important}
body.wf-cute .language-nav{flex-wrap:wrap;white-space:nowrap;font-size:14px;gap:6px}
@media(max-width:600px){body.wf-cute .header-inner{flex-wrap:wrap}body.wf-cute .language-nav{width:100%;justify-content:flex-end;padding-left:0;border-left:0}}

html[lang="ja"] body{font-family:"Yu Gothic","Hiragino Sans",Meiryo,system-ui,sans-serif}html[lang="en"] body{font-family:system-ui,"Segoe UI",sans-serif}.language-nav,[data-lang-switch]{flex-wrap:wrap;gap:.55rem}

html[lang="ja"] .wf-saju-hero-copy{min-width:0}html[lang="ja"] body.wf-cute h1{word-break:normal!important;overflow-wrap:anywhere}
/* 2026-10-11: readable supporting copy, including the home labels. */
body .hero-trust,body .hero-help,body .hero-help button,body .cosmic-core>small,body .promise-band,body .promise-band span{font-size:18px!important;line-height:1.7!important;font-weight:650!important;letter-spacing:0!important}
body .section-heading>p,body .comparison-copy>p:not(.eyebrow),body .scope-grid p{font-size:19px!important;line-height:1.8!important;font-weight:600!important}
body .hero-bottom,body .eyebrow,body .card-kicker,body .small-link,body .home-footer,body .home-footer nav,body .home-footer small{font-size:16px!important;line-height:1.7!important}
body.wf-cute :is(.note,.hint,.field-help,.wf-consumer-scope,.wf-result-note,small,.wf-saju-anchor){font-size:17px!important;line-height:1.75!important}
body.wf-cute .wf-site-nav .brand span{font-size:15px!important;line-height:1.5}
body .wf-music-status,body .wf-music details,body .wf-music button{font-size:17px!important;line-height:1.65!important}
@media(max-width:800px){body .promise-band{flex-wrap:wrap;align-items:flex-start;gap:14px!important;padding:20px 16px!important}body .promise-band span{flex:1 1 140px!important;font-size:17px!important}body .hero-trust{max-width:100%}body .hero-help{max-width:none}body .section-heading>p{font-size:18px!important}body .hero-bottom{flex-wrap:wrap;gap:12px}body .home-footer nav{flex-wrap:wrap}body .cosmic-core>small{font-size:17px!important}body .wf-music-controls{gap:8px}}

/* 2026-10-11: bold brand and readable mobile result controls. */
body.wf-cute .home-brand{font-size:26px!important;font-weight:800!important;letter-spacing:1px!important;color:#332343!important;gap:12px}
body.wf-cute .home-brand b{font-weight:800!important}
body.wf-cute .home-brand .brand-star{display:block;flex:none;width:56px;height:56px;font-size:0!important;background:url('favicon.svg?v=20261011j') center/contain no-repeat}
body.wf-cute .wf-site-nav .brand{font-size:22px!important;font-weight:800!important;color:#332343!important}
body.wf-cute .wf-reading-section .wf-saju-anchor,body.wf-cute .wf-saju-contents a,body.wf-cute .wf-reading-art figcaption,body.wf-cute #result .slot,body.wf-cute #result .elements{font-size:17px!important;line-height:1.75!important}
body.wf-cute :is(#result,#results,.wf-tarot-reading,.story) :is(button,summary,a){min-height:44px;box-sizing:border-box}
body.wf-cute .wf-saju-contents a{display:flex;align-items:center;max-width:100%;overflow-wrap:anywhere}
@media(max-width:800px){body.wf-cute .home-brand{font-size:20px!important;gap:9px}body.wf-cute .home-brand .brand-star{width:48px;height:48px}body.wf-cute .wf-site-nav .brand{font-size:18px!important}body.wf-cute :is(#result,#results) :is(button,a){white-space:normal;overflow-wrap:anywhere;max-width:100%}body.wf-cute .wf-reading-section>summary{display:list-item;min-height:44px}}

body.wf-cute #reading :is(.en,.position,.card-credit),body.wf-cute #results figcaption{font-size:17px!important;line-height:1.75!important}
body.wf-cute #reading :is(button,a,summary){min-height:44px;white-space:normal;overflow-wrap:anywhere}
@media(max-width:800px){body.wf-cute.wf-tarot .deck[data-rows]:not([data-rows="0"]){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;height:auto!important;max-width:100%;padding:12px 0;margin:16px auto}body.wf-cute.wf-tarot .deck[data-rows]:not([data-rows="0"]) .card{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:96px!important;transform:none!important;transition:none!important;box-shadow:0 3px 8px #34204420}body.wf-cute.wf-tarot .deck .card.chosen{opacity:1!important;background:#d8c4e8!important;border:2px solid #694188!important}body.wf-cute.wf-tarot .deck .card.chosen .symbol{color:#694188!important}body.wf-cute #reading{padding:32px 16px!important}body.wf-cute #whole-summary{padding:22px 18px!important}}

/* Photo intrinsic width must not enlarge a mobile grid track and clip controls. */
body.wf-cute .workspace>:is(.photo-panel,.controls){min-width:0;max-width:100%;box-sizing:border-box}
body.wf-cute #story-details h3{font-size:19px!important;line-height:1.6!important}
@media(max-width:800px){body.wf-cute .workspace{grid-template-columns:minmax(0,1fr)!important}body.wf-cute .workspace>:is(.photo-panel,.controls){width:100%;overflow-wrap:anywhere}body.wf-cute #photo-wrap{min-width:0;max-width:100%}body.wf-cute #photo{max-width:100%;object-fit:contain}body.wf-cute .controls :is(button,.button,select){max-width:100%;white-space:normal;min-height:44px}body.wf-cute #story-preview{min-width:0;max-width:100%}}
body.wf-cute .wf-saju-hero-copy,body.wf-cute .wf-saju-hero-art{min-width:0;max-width:100%}body.wf-cute .wf-saju-hero-copy>p:last-child{font-size:18px!important}@media(max-width:800px){body.wf-cute .wf-saju-hero{grid-template-columns:minmax(0,1fr)!important}body.wf-cute .wf-saju-hero-copy{overflow-wrap:anywhere}}

/* Keep category navigation and all five languages in independent rows. */
body.wf-cute :is(.wf-site-nav,.header-inner){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;height:auto;align-items:center}
body.wf-cute :is(.wf-site-nav>.brand,.header-inner>.home-brand){grid-column:1;grid-row:1;justify-self:start;min-width:0}
body.wf-cute :is(.wf-site-nav>.wf-language,.header-inner>.language-nav){grid-column:2;grid-row:1;justify-self:end;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;border:0;width:auto;max-width:100%}
body.wf-cute :is(.wf-site-nav>.wf-nav-links,.header-inner>.primary-nav){grid-column:1 / -1;grid-row:2;justify-self:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 28px;width:100%;margin:0;padding:8px 0 0;border-top:1px solid #ded0e9;min-width:0}
body.wf-cute :is(.wf-nav-toggle,.menu-toggle){display:none}
body.wf-cute .wf-nav-links details:last-of-type>div{left:auto;right:0}
body.wf-cute :is(.wf-language a,.language-nav a){min-height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap}
@media(max-width:1100px){
 body.wf-cute :is(.wf-site-nav,.header-inner){grid-template-columns:minmax(0,1fr) auto;padding:14px 20px;gap:10px 12px}
 body.wf-cute :is(.wf-nav-toggle,.menu-toggle){display:block;grid-column:2;grid-row:1;margin:0;min-height:44px;justify-self:end}
 body.wf-cute :is(.wf-site-nav>.wf-language,.header-inner>.language-nav){grid-column:1 / -1;grid-row:2;justify-self:end;justify-content:flex-end;width:100%;margin:0}
 body.wf-cute :is(.wf-site-nav>.wf-nav-links,.header-inner>.primary-nav){display:none;grid-row:3;justify-self:stretch;flex-direction:column;align-items:stretch;gap:4px;padding-top:10px}
 body.wf-cute :is(.wf-site-nav>.wf-nav-links,.header-inner>.primary-nav).is-open{display:flex}
 body.wf-cute .wf-nav-links details>div{position:static;min-width:0;box-shadow:none}
 body.wf-cute :is(.primary-nav>a,.wf-nav-links>a,.wf-nav-links summary){white-space:normal;overflow-wrap:anywhere;min-height:44px}
}
@media(max-width:420px){body.wf-cute :is(.wf-site-nav,.header-inner){padding:12px 16px;gap:8px}body.wf-cute :is(.wf-language,.language-nav){gap:2px}}
@media(max-width:360px){body.wf-cute :is(.wf-nav-toggle,.menu-toggle){grid-column:1 / -1;grid-row:2}body.wf-cute :is(.wf-site-nav>.wf-language,.header-inner>.language-nav){grid-row:3}body.wf-cute :is(.wf-site-nav>.wf-nav-links,.header-inner>.primary-nav){grid-row:4}}
