/* Warm editorial content, glass controls: 8 px spacing rhythm. */
:root{--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--glass-bg:rgba(255,253,249,.82);--glass-edge:rgba(255,255,255,.94);--glass-shadow:0 8px 24px rgba(74,53,43,.075),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(74,53,43,.05)}
.wrap{max-width:880px;padding-inline:24px;gap:40px;padding-top:24px}
#result{min-width:0}.tabp{padding-block:8px 32px;scroll-margin-top:88px}
.res-intro{max-width:68ch;margin-inline:auto}.res-intro .res-lead{margin:16px 0 32px;line-height:1.8;letter-spacing:-.025em}
#tab-natal .res-h,#tab-flow .blk-h{margin:32px 0 16px;padding-top:24px;line-height:1.55}
.r-prose p,.flow-prose p{max-width:66ch;word-break:keep-all;overflow-wrap:anywhere;line-height:1.9!important;margin-bottom:24px!important}
.r-agree{padding:0!important;margin:0 0 32px}.r-agree li{padding:20px 0!important;gap:16px}.r-agree small{margin-top:8px;line-height:1.65}
.blk{margin-block:32px}.blk-first{margin-top:16px!important}.blk-p{margin:0 0 24px;line-height:1.8}
.bigchart{gap:20px}.bc-cat{padding:20px;border-radius:20px}.trait-quadrant{padding:24px;margin-block:24px 32px}
.action-box{padding:24px}.act-list{gap:16px}.report-cta{margin-block:40px;padding:32px 24px;border-radius:24px}
.res-topics{gap:12px}.res-topics button{padding:16px!important;text-align:left;min-width:0}.res-topics button strong{line-height:1.5}.res-topics button small{display:block;margin-top:6px;line-height:1.6}
.topic-fold-in{gap:16px;padding-block:8px 16px}.topic-intro{padding:24px!important;margin-bottom:24px!important}.topic-intro p{margin-top:12px}.topic-offer{margin-top:32px;padding:24px}
.ask input,.ask select,.chart-form input,.chart-form textarea{min-height:48px;padding:12px 14px;border-radius:14px}.ask{gap:20px 16px}.f label,.f .lb{margin-bottom:8px}.fnote{margin-top:8px;line-height:1.65}
/* Limit translucent layers to navigation and controls, retaining opaque reading surfaces. */
:is(.top-icon,.res-tabs button,.romance-tabs button,.res-topics button,.to-report,.share-buttons button,.question-submit button,.empty-topic button){background:var(--glass-bg)!important;color:var(--fg)!important;border:1px solid var(--glass-edge)!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);border-radius:16px!important;transition:background .18s ease,box-shadow .18s ease,transform .18s ease;min-height:44px}
.res-tabs{padding:5px;gap:4px;border-radius:20px;background:rgba(231,220,207,.4);border:1px solid rgba(255,255,255,.8)}
.res-tabs button{background:transparent!important;box-shadow:none!important;border-color:transparent!important}.res-tabs button[aria-selected=true],.romance-tabs button[aria-selected=true],.res-topics button[aria-selected=true]{background:rgba(255,253,249,.96)!important;box-shadow:var(--glass-shadow)!important;border-color:rgba(255,255,255,.95)!important;color:var(--gold-ink)!important}
#landingStart,.go>button,.report-cta button{background:linear-gradient(160deg,rgba(250,220,157,.96),rgba(232,185,100,.87))!important;color:#4a352b!important;border:1px solid rgba(255,249,225,.95)!important;box-shadow:0 8px 24px rgba(138,90,30,.13),inset 0 1px 0 #fff8e9,inset 0 -1px 0 rgba(138,90,30,.12)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);min-height:52px;padding:14px 24px!important;border-radius:20px!important}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent-ink)!important;outline-offset:3px}
@media(hover:hover){:is(.top-icon,.res-tabs button,.romance-tabs button,.res-topics button,.to-report):hover{background:rgba(255,255,255,.98)!important;transform:translateY(-1px)}}
.bottom-nav{left:16px;right:16px;bottom:calc(8px + env(safe-area-inset-bottom));max-width:520px;margin-inline:auto;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px 6px!important;border:1px solid var(--glass-edge);border-radius:23px;background:var(--glass-bg)!important;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);box-shadow:0 8px 32px rgba(74,53,43,.12),inset 0 1px 0 #fff}
.bottom-nav button{min-height:44px;border-radius:17px;color:var(--muted);transition:background .18s ease}.bottom-nav button[aria-current=page]{background:rgba(232,185,100,.18);color:var(--gold-ink);box-shadow:inset 0 1px 0 #fff9}
body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.site-legal{padding-bottom:88px}
body.nav-ask #result{display:block!important}body.nav-ask .hero,body.nav-ask .res-nav,body.nav-ask #result>.res-top,body.nav-ask .tabp:not(#tab-ask){display:none!important}
body.nav-ask #tab-ask{display:block!important}.nav-ask .question-chat{padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--panel)}.nav-ask textarea{min-height:180px!important;line-height:1.8;resize:vertical}.nav-ask .q-email{margin-top:20px;gap:8px}.nav-ask .question-submit{margin-top:24px;gap:16px;align-items:center}.nav-ask .topic-offer{background:transparent;border:0;padding-inline:0}
.empty-topic{padding:24px;border:1px solid var(--line);border-radius:20px}.empty-topic p{margin-block:16px 24px}
@media(max-width:620px){.wrap{padding-inline:20px;gap:32px}.bigchart{gap:16px}.bc-cat{padding:16px}.report-cta{padding:24px 20px}.topic-intro{padding:20px!important}.nav-ask .question-chat{padding:20px}.res-topics{gap:10px}.res-topics button{padding:14px!important}.r-prose p,.flow-prose p{font-size:15px!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--glass-bg:#fffaf4}}
@media(prefers-reduced-transparency:reduce){:root{--glass-bg:#fffaf4}.bottom-nav,.top-icon,.res-tabs button,.res-topics button{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(prefers-reduced-motion:reduce){button{transition:none!important;transform:none!important}}
@media print{.bottom-nav{display:none!important}}
/* Shared layout contract: 12 px title gap, 20 px card inset, 24 px section gap. */
:root{--ui-inset:20px;--ui-section:24px;--ui-title-gap:12px;--ui-copy-gap:16px}
.wrap{gap:var(--ui-section);padding:20px var(--ui-inset) 24px}
#result{display:flex;flex-direction:column;gap:0}
.tabp{padding:0;margin:var(--ui-section) 0 0}
.res-nav{padding:8px!important;border:1px solid rgba(255,255,255,.86)!important;background:rgba(255,253,249,.60)!important;border-radius:22px;box-shadow:0 4px 16px rgba(74,53,43,.035),inset 0 1px 0 #fff;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
.res-tabs{padding:4px!important;gap:4px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.7)!important;background:rgba(255,250,243,.32)!important}
.res-tabs button{min-height:36px!important;padding:8px 10px!important;font-size:14px!important;line-height:1.3;border-radius:12px!important;color:var(--ink2)!important;background:transparent!important;box-shadow:none!important;border-color:transparent!important}
.res-tabs button[aria-selected=true]{background:rgba(255,251,242,.72)!important;color:var(--gold-ink)!important;border:1px solid rgba(255,255,255,.94)!important;box-shadow:0 2px 8px rgba(74,53,43,.045),inset 0 1px 0 rgba(255,255,255,.95)!important;font-weight:600}
.topic-fold{margin:0!important;border:0!important}.topic-fold>summary{padding:8px!important;min-height:44px}.topic-fold-in{padding:12px 8px 8px!important;gap:12px!important}.res-topics{gap:12px!important}.res-topics button{padding:16px!important;min-height:108px;display:flex!important;flex-direction:column;justify-content:flex-start;align-items:flex-start}.res-topics button strong{margin:0!important;line-height:1.5}.res-topics button small{margin:8px 0 0!important;line-height:1.65}.romance-tabs{gap:8px!important;margin:0!important;padding:0!important}.romance-tabs button{min-height:40px;padding:8px 12px!important}
.tabp>.topic{display:flex;flex-direction:column;gap:var(--ui-section);margin:0!important;padding:0!important}
.tabp>.topic>*{margin:0!important}
.topic-intro,.topic-intro.spouse-answer-heading{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.topic-intro h3,.spouse-answer-heading h3{margin:0!important;line-height:1.5!important;text-align:left!important;font-size:22px}
.topic-intro p{margin:var(--ui-title-gap) 0 0!important;line-height:1.8!important}
.spouse-preview,.topic-offer,.chart-form{padding:var(--ui-inset)!important;border-radius:20px}
.spouse-preview h4{margin:0 0 16px!important;line-height:1.5}.spouse-preview-content{gap:16px!important}.spouse-preview-copy>p{margin:0 0 12px!important}.spouse-preview-copy .spouse-facts{margin:12px 0!important}.spouse-preview-copy button{margin:12px 0 0!important;min-height:44px}
.topic-answers{margin:0!important;gap:0!important}.topic-answer{padding:20px 0!important;margin:0!important}.topic-answer:first-child{padding-top:20px!important}.topic-answer h4{margin:0 0 var(--ui-title-gap)!important;line-height:1.6!important;font-size:16px!important}.topic-answer p{margin:0!important;line-height:1.8!important}.topic-answer p+p{margin-top:12px!important}
.topic-offer .eyebrow{margin:0!important}.topic-offer h4{margin:8px 0 16px!important;line-height:1.5}.topic-offer ul{margin:0!important;gap:8px}.topic-offer-action{margin:20px 0 0!important;gap:12px}.topic-offer .buy-msg:empty{display:none}
.res-intro .res-lead{margin:16px 0 24px!important;line-height:1.7}
#tab-natal .res-h,#tab-flow .blk-h{margin:24px 0 12px!important;padding-top:20px!important;line-height:1.6}
.r-prose p,.flow-prose p{line-height:1.8!important;margin:0 0 16px!important}.r-prose p:last-child,.flow-prose p:last-child{margin-bottom:0!important}.r-agree{margin:0!important}.r-agree li{padding:16px 0!important}.r-agree small{margin-top:6px}.trait-quadrant{margin:16px 0 24px!important;padding:20px}
.past-reading .flow-prose p,#tab-flow .flow-prose p:has(>b){border-top:0!important;padding:8px 0 12px!important;margin-bottom:12px!important}.past-reading .flow-prose p>b:first-child,#tab-flow .flow-prose p>b:first-child{margin-bottom:10px!important}.past-reading .res-h{border-bottom:0!important}
.blk{margin:24px 0!important}.blk-first{margin-top:0!important}.report-cta{margin:24px 0!important;padding:24px 20px}.action-box{padding:20px}
#result>.disclaimer{margin:24px 0 0!important;padding:20px 0 0!important;line-height:1.8;max-width:none}
.site-legal{margin:24px auto 0!important;padding:24px 20px calc(88px + env(safe-area-inset-bottom))!important}.site-legal nav{margin:12px 0!important;gap:4px 16px}.site-legal p{margin:16px 0 0;line-height:1.8}
#landing .landing-shell{padding:32px 24px 24px}.landing-title-accent{color:var(--fg)!important}
#landing .landing-headline{font-size:clamp(30px,7.1vw,46px)!important;color:var(--fg)!important;white-space:normal!important;max-width:20em!important;line-height:1.4!important;letter-spacing:-.035em;margin:0!important;text-wrap:balance}
#landing .landing-grid{margin:24px 0 0!important;gap:20px}#landing .landing-lead{font-family:var(--body);line-height:1.8;margin:0 0 16px}#landing .landing-questions{font-family:var(--body);line-height:1.8;margin:0}#landing .landing-bottom{margin-top:24px!important}
@media(min-width:760px){:root{--ui-inset:24px;--ui-section:28px}.topic-answers{column-gap:24px!important}}
@media(max-width:380px){.res-tabs button{font-size:13px!important;padding-inline:6px!important}#landing .landing-shell{padding-inline:20px}.res-topics button{padding:14px!important;min-height:112px}}

/* Landing story: full-width introduction, large cutout, closing copy and CTA. */
#landing .landing-shell{max-width:820px;padding:28px 24px 32px}
#landing .landing-story{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-top:24px}
#landing .landing-lead,#landing .landing-questions{max-width:none;width:100%;margin:0!important;text-align:left;word-break:keep-all;overflow-wrap:anywhere;font:400 15px/1.85 var(--body)}
#landing .landing-mascot{display:flex;justify-content:center;align-items:center;width:100%;margin:0;padding:0;background:none;border:0;box-shadow:none}
#landing .landing-mascot img{display:block;width:clamp(220px,62vw,340px);max-width:85%;height:auto;object-fit:contain}
#landing .landing-bottom{max-width:none;width:100%;margin:24px 0 0!important}#landing .landing-bottom button{width:100%}
@media(min-width:760px){#landing .landing-shell{padding-block:40px}#landing .landing-story{gap:24px}#landing .landing-lead,#landing .landing-questions{font-size:16px}#landing .landing-mascot img{width:340px}}
@media(max-width:380px){#landing .landing-shell{padding-inline:20px}#landing .landing-story{gap:16px}#landing .landing-mascot img{width:230px}}

/* Tighten the result introduction and remove the legacy white trend wrapper. */
.res-nav{margin-bottom:0!important}#tab-natal{margin-top:12px!important;padding-top:0!important}#tab-natal .res-intro{padding-top:0!important}#tab-natal .res-lead{margin-top:0!important}
#tab-natal #result-gate,#tab-natal #graph-content,#tab-natal .blk.act,#tab-natal #actionBody,#tab-natal .act-v2,#tab-natal .act-hd{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
#tab-natal #result-gate{padding:0!important;margin-top:20px!important}#tab-natal .blk.act{padding:0!important;margin:0 0 20px!important}#tab-natal .act-hd{padding:0!important}.act-v2,.place-v2{margin-bottom:20px!important}
.wrap{padding-bottom:8px!important}#result>.disclaimer{margin-top:16px!important;padding-top:12px!important}.site-legal{margin-top:12px!important;padding-top:16px!important;padding-bottom:calc(68px + env(safe-area-inset-bottom))!important}.site-legal nav{margin:8px 0!important;gap:0 14px}.site-legal button{min-height:30px;padding:4px 0}.site-legal p{margin-top:10px!important}body{padding-bottom:0!important}

/* One traits chapter and a concise home reading, with no explanatory white cards. */
#landing{min-height:0!important}#landing .landing-shell{padding-bottom:12px!important}body:not(.app-entered) .wrap{display:none!important}body:not(.app-entered) .site-legal{margin-top:12px!important}
#tab-natal .past-reading .res-h{margin-bottom:8px!important}#tab-natal .past-reading .flow-prose p{padding:4px 0 8px!important;margin-bottom:8px!important;line-height:1.65!important;letter-spacing:-.015em}#tab-natal .past-reading .flow-prose p>b:first-child{margin-bottom:6px!important;font-weight:500}
#tab-natal .home-habits>.res-h,#tab-natal .home-places>.act-h{font:500 18px/1.6 var(--body)!important;color:var(--gold-ink)!important;margin:20px 0 12px!important;padding:18px 0 0!important;border:0;border-top:1px solid var(--line);background:transparent!important}
.home-habit-list{list-style:none;margin:0;padding:0}.home-habit-list li{display:flex;align-items:flex-start;gap:12px;margin:0;padding:12px 0;border-bottom:1px solid var(--line);background:transparent}.home-habit-list li:last-child{border:0}.home-habit-number{flex:none;font-size:13px;line-height:1.8;color:var(--gold-ink)}.home-habit-list b{display:block;font:500 15px/1.7 var(--body);color:var(--fg)}.home-habit-list small{display:block;margin-top:4px;font:400 12px/1.6 var(--body);color:var(--muted)}
#tab-natal .home-places .sit-list{display:block;list-style:none;margin:0;padding:0}.home-places .sit-list li{display:grid;grid-template-columns:100px minmax(0,1fr);gap:4px 12px;margin:0;padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent!important;box-shadow:none}.home-places .sit-list li>span{grid-row:1/3;color:var(--muted);font-size:13px}.home-places .sit-list b{font:500 15px/1.6 var(--body)}.home-places .sit-list small{font-size:12px}.home-places .sit-more{font:400 12px/1.7 var(--body);margin:12px 0 0;color:var(--muted)}
#tab-natal .report-cta{display:block;background:transparent!important;background-image:none!important;color:var(--fg)!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0;padding:20px 0!important;margin:20px 0!important;box-shadow:none}
/* 2026-11-10: 종합 리포트 안내는 장 목록(.rc-toc)을 보여 준다(예전에 숨기던 규칙 제거). */#tab-natal .report-cta h3{font:500 19px/1.5 var(--body)!important;color:var(--fg)!important;margin:4px 0 16px!important}#tab-natal .report-cta h3 #rcName{color:var(--gold-ink)}#tab-natal .report-cta .comprehensive-price{margin:12px 0!important;color:var(--muted)}#tab-natal .report-cta :is(p,small,span,strong,b){color:var(--fg)}
.trait-quadrant{margin-bottom:16px!important}.trait-quadrant svg text{font-size:12px}

.home-habit-list .home-habit-reason{font:400 14px/1.7 var(--body);margin:6px 0!important;color:var(--ink2)}.home-places .feng-explorer{margin-top:16px}.home-places .cp-map{border-radius:16px}.home-places .cp-info,.home-places .cp-list{background:var(--field)}

body.nav-topics .res-nav{margin-top:14px!important}
#tab-natal .trait-quadrant{max-width:360px;width:100%;margin:16px auto 24px!important;padding:16px}.trait-quadrant svg{max-width:300px;margin:8px auto}.trait-quadrant figcaption{font-size:16px}
.account-sheet:not(:modal){position:fixed;inset:0;max-height:calc(100svh - 120px);margin:auto;z-index:11000;box-shadow:0 16px 80px #4a352b33}.account-sheet:not(:modal)::backdrop{display:none}.bottom-nav,dialog .bottom-nav{z-index:12000}
.account-sheet .acct-pop>span[hidden]{display:none!important}#saveProfileEdits{margin-top:12px;width:100%;min-height:46px;border:1px solid var(--line);border-radius:14px;background:var(--field);color:var(--fg);font:500 15px var(--body)}
/* Account is a regular bottom-tab page, not a floating sheet. */
body.nav-account>.wrap,body.nav-account #landing{display:none!important}
:is(#accountSheet,#guidePage).account-page{position:relative!important;inset:auto!important;z-index:auto!important;max-width:var(--app-w,480px);width:100%;max-height:none!important;overflow:visible!important;margin:0 auto!important;padding:24px 20px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:var(--fg)}
:is(#accountSheet,#guidePage).account-page header{display:block}:is(#accountSheet,#guidePage).account-page h2{font:400 26px/1.5 var(--display);margin:0 0 12px}:is(#accountSheet,#guidePage).account-page>p{font:400 14px/1.8 var(--body);color:var(--muted);margin:0 0 20px}
.account-page #accountMember{width:100%}.account-page .acct-pop{padding:0!important}.account-page #savedRecordsPanel{margin-top:24px}.account-page #savedRecordsPanel h3{font:500 18px/1.6 var(--body);color:var(--gold-ink);margin:24px 0 12px}
.saved-record{padding:16px 0;margin:0 0 16px;border-top:1px solid var(--line)}.saved-record h4{font:500 16px/1.6 var(--body);margin:0 0 12px}.saved-record dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px 12px;font:400 14px/1.7 var(--body);margin:0 0 12px}.saved-record dt{color:var(--muted)}.saved-record dd{margin:0;overflow-wrap:anywhere}.saved-record button{font:500 14px var(--body);padding:10px 16px;min-height:40px;margin-right:8px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--fg)}
#savedPartnersStatus,#savedPersonalRecord{font:400 14px/1.8 var(--body);color:var(--ink2)}

/* Profile editing is a dedicated form view; no old result/question panel underneath. */
body.nav-edit #result{display:none!important}body.nav-edit .hero{display:block!important}body.nav-edit .lede{display:none!important}body.nav-edit .wrap{padding-top:16px!important}
/* One type family and hierarchy across the service. */
:root{--display:var(--body);--latin:var(--body);--type-page:26px;--type-section:18px;--type-subtitle:16px;--type-copy:15px;--type-meta:12px;--text-primary:var(--fg);--text-secondary:var(--ink2);--text-caption:var(--muted);--text-emphasis:var(--gold-ink)}
body,button,input,select,textarea{font-family:var(--body)}
h1,h2,h3,h4,h5,h6,.brandbar-title,.res-lead,.trait-quadrant figcaption{font-family:var(--body)!important;letter-spacing:-.02em}
h1,h2,h3,h4,h5,h6{font-weight:600!important}
#landing .landing-headline{font-family:var(--body)!important;font-weight:600!important}
#brandbar .brandbar-brand{gap:9px!important}#brandbar .brandbar-mark{display:block!important;flex:none;width:36px!important;height:42px!important;background:url('img/mascot.webp') center/contain no-repeat!important}#brandbar .brandbar-title{font-size:18px!important;font-weight:600!important}
#result .blk-h,#result .res-h,#result .act-h,#result .topic-intro h3,#result .topic-offer h4,#result .home-habits>.res-h,#result .home-places>.act-h,#result .report-cta h3{font:600 var(--type-section)/1.6 var(--body)!important;color:var(--text-emphasis)!important;letter-spacing:-.02em}
#result .topic-answer h4,#result .home-habit-list b,#result .home-places h4,#result .spouse-preview h4,.saved-record h4{font:500 var(--type-subtitle)/1.65 var(--body)!important;color:var(--text-emphasis)!important}
#result .r-prose p,#result .flow-prose p,#result .topic-answer p,#result .home-habit-reason,#result .td-prose,#result .td-adv p{font:400 var(--type-copy)/1.8 var(--body)!important;color:var(--text-primary)!important}
#result .res-lead{font-weight:600!important;color:var(--text-primary)}#result .res-lead .destiny-strength{color:var(--text-emphasis)}
#result :is(small,.fine,.r-note,.wk-hint,.td-date,.act-meta){font-family:var(--body)!important;font-size:var(--type-meta)!important;line-height:1.7;color:var(--text-caption)}
#result .home-habit-list{margin:0;padding:0}#result .home-habit-list li{display:block!important;position:relative;padding:4px 0 10px!important;margin:0 0 8px!important;border:0!important;background:transparent!important}.home-habit-number{display:none}.home-habit-list .home-habit-reason{margin:6px 0!important}.home-habit-list small{margin-top:4px}
:is(#accountSheet,#guidePage).account-page h2{font:600 var(--type-page)/1.5 var(--body)!important}:is(#accountSheet,#guidePage).account-page h3{font:600 var(--type-section)/1.6 var(--body)!important;color:var(--text-emphasis)}
#report .r-page h2{font:600 24px/1.5 var(--body)!important}#report .r-page h3{font:600 var(--type-section)/1.6 var(--body)!important}#report .r-page h4{font:500 var(--type-subtitle)/1.6 var(--body)!important}#report .r-page p,#report .r-page li{font:400 var(--type-copy)/1.85 var(--body)!important}#report .r-page :is(b,strong){font-weight:600!important}
.wk-scale{font:11px var(--body);fill:var(--muted)}.wk-v{font-family:var(--body)!important;font-weight:500}.wk-d{font-family:var(--body)!important;font-weight:400}.td-cats b{font-weight:600}

/* Keep the weekly trend close to the daily summary. */
#tab-today #todayHead{margin-bottom:0!important}#tab-today #todayHead+.blk{margin-top:16px!important;padding-top:0!important}#tab-today #weekTitle{margin:0 0 12px!important;padding-top:0!important}#tab-today .week{margin-top:0!important}

/* The editor belongs to the account tab, never the home result container. */
body.nav-edit #accountMember,body.nav-edit #savedRecordsPanel,body.nav-edit #accountSheet>header,body.nav-edit #accountSheet>p,body.nav-edit #accountLogin,body.nav-edit .acct-guide-link{display:none!important}#accountEditor h3{font:600 22px/1.5 var(--body);color:var(--fg);margin:0 0 16px}#accountEditor .askbox{margin:0;width:100%}body.nav-edit>.wrap{display:none!important}
/* Unified birth-information form, including the account-owned editor. */
#askbox{border:1px solid var(--line)!important;border-radius:22px!important;background:rgba(255,253,249,.72)!important;box-shadow:inset 0 1px 0 #fff}
#askbox>summary{padding:14px 18px!important;border-bottom:1px solid var(--line);font:500 14px/1.6 var(--body)}
#ask{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 14px!important;padding:20px!important;align-items:start}
#ask>.f.s2{grid-column:auto!important;min-width:0}#ask>.f.full,#ask>.go{grid-column:1/-1!important}
#ask .f>label:not(.chk),#ask .f>.lb{display:block;margin:0 0 8px!important;font:500 13px/1.5 var(--body);color:var(--fg)}
#ask :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){box-sizing:border-box;display:block;width:100%!important;min-width:0;height:48px!important;min-height:48px!important;padding:11px 12px!important;border:1px solid var(--line2)!important;border-radius:14px!important;background:var(--field)!important;color:var(--fg)!important;font:400 16px/1.5 var(--body)!important;letter-spacing:0!important;box-shadow:inset 0 1px 2px rgba(74,53,43,.025);outline:none}
#ask input:focus-visible,#ask select:focus-visible{border-color:var(--accent-ink)!important;outline:2px solid rgba(31,122,149,.16)!important;outline-offset:2px!important}
#ask input:disabled,#ask select:disabled{opacity:.5;background:rgba(235,227,215,.35)!important}
#ask .seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:rgba(235,227,215,.30);min-height:48px}
#ask .seg label{margin:0!important;min-width:0;cursor:pointer}#ask .seg label>span{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 8px!important;border:0;border-radius:10px;background:transparent;color:var(--ink2);font:500 14px/1.4 var(--body)}
#ask .seg input:checked+span{background:rgba(255,251,243,.94)!important;color:var(--gold-ink)!important;box-shadow:0 2px 6px rgba(74,53,43,.055),inset 0 1px 0 #fff}
#ask .fnote,#ask .conv{display:block;margin:8px 0 0!important;font:400 12px/1.65 var(--body);color:var(--muted)}#ask #romanNote{word-break:keep-all}#ask .sub:empty{display:none}
#ask .birth-date-field,#ask .birth-time-field{grid-column:span 1!important;align-self:start}#ask .birth-time-field #in-time{font-variant-numeric:tabular-nums}#ask .birth-date-field .sub{margin-top:8px}
#ask label.chk{display:flex;align-items:flex-start;gap:8px;margin:10px 0 0!important;padding:0!important;min-height:24px;font:400 12px/1.7 var(--body);color:var(--ink2)}#ask label.chk input{width:16px;height:16px;min-height:16px;flex:none;margin:2px 0 0;accent-color:var(--gold-ink)}#ask label.noplace{margin:0 0 12px!important;flex-wrap:wrap}
#ask #placeBox{display:flex;flex-direction:column;gap:10px}#ask .psearch{width:100%}#ask .psel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0!important}#ask #placeNote{margin:0!important}
#ask .placebar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;margin:0;border-radius:14px;background:rgba(255,251,243,.6);border:1px solid var(--line)}#ask .placebar .pname{font-size:13px;flex:1;min-width:100px}#ask .placebar .coords{display:none}#ask #mapBtn{min-height:36px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--gold-ink);font:500 12px var(--body)}
#ask .go{margin:4px 0 0!important;display:flex;flex-direction:column;gap:12px}#ask .go>button{width:100%;margin:0!important;min-height:48px!important;font:600 15px/1.5 var(--body)}#ask .save-opt{margin:0!important}#ask .account-note:empty{display:none}#ask .account-privacy{margin-top:12px}
.kakao-data-notice{font:400 12px/1.75 var(--body);color:var(--muted);word-break:keep-all;margin:10px 0 16px;max-width:58ch}
#accountLogin,#saveLogin,#loginSaveGo{font:600 14px/1.5 var(--body);min-height:46px;border:1px solid rgba(90,73,0,.08);border-radius:14px;padding:11px 16px;background:#fee500;color:#191919;cursor:pointer}
#saveLogin{width:100%;margin-top:10px}#accountLogin{min-width:160px}.login-save-dialog{border-radius:22px;padding:24px;max-width:440px;background:var(--bg);color:var(--fg)}.login-save-dialog .kakao-data-notice{padding:12px 14px;border-radius:12px;background:var(--field);margin:12px 0 16px}
@media(max-width:360px){#ask{padding:16px!important;gap:18px 10px!important}#ask :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){padding-inline:10px!important}#ask .f>label:not(.chk),#ask .f>.lb{font-size:12px}}
#ask .go .save-opt{flex:none!important;width:100%}#ask .save-guest{display:block;margin-top:0;gap:0}#ask #saveLogin{background:#fee500!important;color:#191919!important;border:1px solid rgba(90,73,0,.08)!important;border-radius:14px!important;padding:11px 16px!important;min-height:46px!important;text-decoration:none!important;font:600 14px/1.5 var(--body)!important;width:100%;margin-top:10px!important}#ask .go>small{margin:0!important;font:400 12px/1.7 var(--body);color:var(--muted)}

/* Name field stays quiet; segmented choices share the bottom navigation material. */
#ask #romanNote{display:none!important}
#ask .seg{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px!important;padding:4px!important;min-height:48px;border:1px solid rgba(255,255,255,.92)!important;border-radius:17px!important;background:rgba(255,253,249,.74)!important;box-shadow:0 3px 14px rgba(74,53,43,.045),inset 0 1px 0 #fff;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);overflow:visible}
#ask .seg label,#ask .seg label:has(input:checked){display:block!important;position:relative;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:13px;background:transparent!important}
#ask .seg label>span{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:38px!important;padding:8px 10px!important;border:1px solid transparent!important;border-radius:13px!important;background:transparent!important;box-shadow:none!important;color:var(--ink2)!important;font:500 14px/1.4 var(--body)!important;transition:background .16s ease,box-shadow .16s ease}
#ask .seg input:checked+span{background:rgba(232,185,100,.18)!important;border-color:rgba(255,255,255,.94)!important;color:var(--gold-ink)!important;box-shadow:inset 0 1px 0 #fff9!important}
#ask .seg label:has(input:focus-visible){outline:2px solid var(--accent-ink);outline-offset:2px}
@media(prefers-reduced-motion:reduce){#ask .seg label>span{transition:none}}

#ask .roman-label-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px;min-height:20px}#ask .roman-label-row label{font:500 13px/1.5 var(--body);color:var(--fg);margin:0}#romanHelpToggle{flex:none;min-height:24px;min-width:24px;padding:0;border:0;background:none;color:var(--muted);font-size:19px;cursor:pointer}#ask .roman-help{font:400 12px/1.7 var(--body);color:var(--muted);padding:10px 12px;background:var(--field);border:1px solid var(--line);border-radius:12px;margin:0 0 8px}
body.nav-edit #accountEditor .askbox:not([open]){margin-bottom:20px}#reportInfoContent .report-method,#reportInfoContent .report-score{padding:16px 0;border:0;box-shadow:none}

#reportAppendix{width:auto;gap:5px;padding-inline:10px;display:inline-flex;align-items:center;font-size:12px}

/* Hand-drawn poses share the detective's linework and ivory palette. */
.pose{display:inline-block;flex:none;width:100px;aspect-ratio:1;background-image:url('img/mascot-poses-handdrawn.png');background-repeat:no-repeat;background-size:300% 300%;background-position:0 0;pointer-events:none;vertical-align:middle;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.pose-detective{background-image:url('img/mascot-poses.png');background-position:0 0}.pose-happy{background-position:50% 0}.pose-care{background-position:100% 0}.pose-heart{background-position:0 50%}.pose-money{background-position:50% 50%}.pose-note{background-position:100% 50%}.pose-lucky{background-position:50% 100%}.pose-rest{background-position:100% 100%}
.landing-mascot>.pose{width:min(260px,68vw);height:auto;display:block;margin:auto}
#topicFold .topic-pose{width:66px;float:right;margin:-4px -6px 2px 6px}#topicFold [role=tab]{overflow:hidden}#topicFold strong,#topicFold small{position:relative}
.question-pose{width:92px;float:right;margin:0 0 12px 14px}.topic-intro:has(.question-pose){display:flow-root}
.report-cover-pose{display:block;width:148px;margin:0 auto 18px}.report-chapter-pose{width:74px;float:right;margin:0 0 12px 16px}.rv3-ch:has(.report-chapter-pose){display:flow-root}
@media(max-width:380px){#topicFold .topic-pose{width:50px}.report-cover-pose{width:126px}}
@media print{.pose{break-inside:avoid}}

#topicFold .res-topics>[role=tab]{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 12px!important;text-align:center;min-height:154px}
#topicFold .res-topics .topic-pose{width:90px!important;float:none;margin:0!important}#topicFold .res-topics strong{display:block;margin:0!important;text-align:center;font-size:16px;line-height:1.4}
/* Clip only the question mark in the source cell, leaving the face intact. */
.question-pose{clip-path:polygon(0 0,68% 0,68% 27%,100% 27%,100% 100%,0 100%)}

/* Isolated white-fur poses prevent neighboring sprite fragments at small sizes. */
.pose{background-size:contain;background-position:center}
.pose-detective{background-image:url('img/pose-white-detective.webp');background-position:center}
.pose-happy{background-image:url('img/pose-white-happy.webp');background-position:center}
.pose-care{background-image:url('img/pose-white-care.webp');background-position:center}
.pose-heart{background-image:url('img/pose-white-heart.webp');background-position:center}
.pose-money{background-image:url('img/pose-white-money.webp');background-position:center}
.pose-note{background-image:url('img/pose-white-note.webp');background-position:center}
.pose-tired{background-image:url('img/pose-white-tired.webp');background-position:center}
.pose-lucky{background-image:url('img/pose-white-lucky.webp');background-position:center}
.pose-rest{background-image:url('img/pose-white-rest.webp');background-position:center}
#brandbar .brandbar-mark{background-image:url('img/pose-white-detective.webp')!important}

.pose-note{clip-path:polygon(0 0,72% 0,72% 31%,100% 31%,100% 100%,0 100%)}

/* Restore the original question mark while keeping the white-fur asset. */
.question-pose,.pose-note{clip-path:none!important}
/* 입력 폼 가독성·높이 통일 (2026-11-09) */
#ask .f>label:not(.chk),#ask .f>.lb,#ask .roman-label-row label{font:600 14px/1.5 var(--body)!important;color:var(--fg)!important;margin:0 0 8px!important}
#ask :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){min-height:52px;font-size:16px;color:var(--fg)}
#ask :is(input,select)::placeholder{color:#a0907f;opacity:1}
#ask .seg,#ask .seg label>span{min-height:52px!important}
#ask .f{display:flex;flex-direction:column;align-items:stretch}
#ask .f>.chk,#ask .f>.sub{margin-top:10px}
#ask .fnote,#ask .roman-help,#ask .conv,.save-guest,.save-guest .kakao-mini,.kakao-data-notice,.account-note,.save-opt .account-privacy,.save-opt .account-privacy summary{font-size:13px!important;line-height:1.7!important}
#ask .fnote,#ask .roman-help,.save-guest,.kakao-data-notice,.account-note{color:var(--muted)!important}
.kakao-data-notice{margin:8px 0 0}
.save-guest{gap:8px;margin-top:12px}

/* 이름/영문 이름 줄 맞춤 + 생년월일 아래 빈 여백 제거 (2026-11-09) */
#ask .roman-label-row{display:flex;align-items:center;gap:6px;min-height:21px;margin:0 0 8px}
#ask .roman-label-row label{margin:0!important}
#ask #romanHelpToggle{min-height:0!important;height:21px;width:21px;padding:0!important;font-size:16px;line-height:1;border-radius:50%}
#ask .birth-date-field .sub{margin-top:0;min-height:0}
#ask .conv:empty{display:none}
#ask .birth-date-field .sub:not(:has(#leapWrap:not([hidden]))):has(.conv:empty){display:none}
#ask{row-gap:16px}

/* 궁합 종류·모임·초대 링크 (2026-11-09) */
.cmp-kind{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;margin:0 0 10px;border:1px solid var(--line);border-radius:14px;background:var(--field)}
.cmp-kind button{min-height:44px;padding:8px 6px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--ink2);font:600 14px/1.3 var(--body);cursor:pointer}
.cmp-kind button[aria-pressed=true]{background:var(--panel);border-color:var(--gold-ink);color:var(--gold-ink)}
.cmp-kind[hidden]{display:none}.cmp-kind-note{margin:0 0 8px;font-size:13px;line-height:1.7;color:var(--muted)}#tab-match .topic-intro{margin-bottom:10px!important}#tab-match .cmp-form{margin-top:4px}
.cmp-head{display:grid;gap:10px;margin:0 0 12px}
.cmp-head h4{margin:0}
.cmp-askshare{width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--gold-ink);border-radius:999px;background:transparent;color:var(--gold-ink);font:600 13px/1.3 var(--body);cursor:pointer}
.cmp-pair:not(:empty){margin:0 0 14px;padding:12px;border-radius:14px;background:var(--field)}
.cmp-link input{width:100%;min-height:44px;font-size:13px}
.cmp-group-list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px}
.cmp-group-list li{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--field)}
.cmp-group-list li small{color:var(--muted);font-size:12.5px}
.cmp-group-list li .cmp-del{margin-left:auto}
.cmp-roles{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.cmp-roles li{padding:10px 12px;border-radius:12px;background:var(--field);font-size:14px}
.cmp-roles li small{display:block;margin-top:4px;color:var(--muted);font-size:12.5px;line-height:1.65}
@media(max-width:420px){.cmp-kind{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.cmp-kind button{font-size:12.5px;padding:8px 2px}}

/* 2026-11-10 종합 리포트 안내: 한 열, 장 목록 바로 아래 버튼 */
#reportCta.report-cta{display:block;text-align:left;padding:24px 20px}
#reportCta h3{margin:6px 0 16px;line-height:1.35}
#reportCta .rc-toc{margin:0 0 18px}
#reportCta .rc-toc li{padding:8px 0 8px 12px}
#reportCta .rc-toc b{font-size:15px}
#reportCta .rc-toc span{font-size:13.5px;line-height:1.6}
#reportCta .comprehensive-price{margin:0 0 12px}
#reportCta #reportOpen{display:block;width:100%;min-height:50px;font-size:16px}
#reportCta .rc-fine{margin:12px 0 0;font-size:12.5px;line-height:1.7;color:var(--muted);max-width:none}
.linklike{font:inherit;color:var(--gold-ink);background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
/* 내 정보 > 안내와 약관 */
.acct-guides{margin-top:28px}.acct-guides h3{font:500 17px/1.5 var(--body);margin:0 0 4px}.acct-guides>p{font-size:13.5px;line-height:1.7;color:var(--muted);margin:0 0 12px}
.acct-guide-list{display:grid;gap:8px}
.acct-guide-list button{display:grid;gap:2px;text-align:left;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--fg);font:inherit;cursor:pointer}
.acct-guide-list button b{font-size:15px}.acct-guide-list button span{font-size:13px;color:var(--muted);line-height:1.5}
.acct-guide-list button:hover{border-color:var(--gold-ink)}
#policyDialog .product-table{overflow-x:auto;margin:8px 0 12px}#policyDialog .product-table table{width:100%;border-collapse:collapse;font-size:13.5px}#policyDialog .product-table th,#policyDialog .product-table td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
#policyDialog .product-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0 0 12px;font-size:14px}#policyDialog .product-dl dt{color:var(--muted)}#policyDialog .product-dl dd{margin:0}
#reportCta .eyebrow{display:inline-block;color:var(--gold-ink);font-size:12px;letter-spacing:.08em}
#reportCta .rc-toc li{border-left:2px solid var(--gold);background:none}
#tab-natal #reportCta button.linklike{display:inline!important;width:auto!important;min-height:0!important;padding:0!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;font:inherit!important;font-weight:600!important;color:var(--gold-ink)!important;text-decoration:underline!important}

/* 내 정보 → 안내와 약관 페이지 */
.acct-guide-link{margin:20px 0 0}.acct-guide-link button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--fg);font:600 15px/1.4 var(--body);text-align:left;cursor:pointer}
.acct-guide-link button small{grid-column:1;display:block;font-size:12.5px;font-weight:400;color:var(--muted);line-height:1.5}.acct-guide-link button span{grid-column:2;grid-row:1/3;color:var(--gold-ink)}
.guide-page header{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px}.guide-back{font:500 14px/1 var(--body);color:var(--gold-ink);background:none;border:0;padding:4px 0;cursor:pointer}
.guide-page .acct-guide-list{margin-top:14px}
.saved-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.saved-head h3{margin:0!important}.saved-close{font:500 13px/1 var(--body);color:var(--muted);background:none;border:1px solid var(--line);border-radius:999px;padding:7px 12px;cursor:pointer}
.pair-consent .fine{font-size:12.5px;color:var(--muted);margin-top:6px}

/* Remove standalone star ornaments from reports; preserve mascot artwork. */
#report .rv3-star,#report .r-gem,#report .pstar{display:none!important}
/* 리포트 표지 발행일: 오른쪽 위에 작게 */
#report .rv3-cover{position:relative}
#report .rv3-date{position:absolute;top:14px;right:18px;margin:0;font:400 12px/1.4 var(--body);color:var(--muted);letter-spacing:.02em}
@media print{#report .rv3-date{top:8px;right:10px}}

/* 로그인 상태에서는 안내와 약관을 메뉴 안(로그아웃 아래)에 두고 별도 상자는 숨긴다 */
.account-sheet:has(#accountMember:not([hidden])) .acct-guide-link{display:none}

/* Friendship/group cast: caption, dog, participant name. Sheets remain unchanged. */
:is(#report,.social-result) .social-cast{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 12px;margin:28px 0 32px;align-items:start}
:is(#report,.social-result) .social-cast:has(> :last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}
:is(#report,.social-result) .social-dog{margin:0;min-width:0;text-align:center;break-inside:avoid}
:is(#report,.social-result) .social-dog-label{font:700 clamp(13px,2vw,17px)/1.5 var(--body);color:var(--ink);min-height:3em;display:flex;align-items:center;justify-content:center;word-break:keep-all;padding:0 3px}
:is(#report,.social-result) .social-dog-window{position:relative;aspect-ratio:1.22;overflow:hidden;background:#fdf8ef;border-radius:14px}
:is(#report,.social-result) .social-dog-sprite{display:block;position:absolute;left:0;top:-22%;width:100%;aspect-ratio:1;background-size:300% 300%;background-repeat:no-repeat;print-color-adjust:exact;-webkit-print-color-adjust:exact}
:is(#report,.social-result) .social-dog-name{display:block;margin-top:12px;font:700 16px/1.5 var(--body);overflow-wrap:anywhere;color:var(--ink)}
@media(max-width:520px){:is(#report,.social-result) .social-cast{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}:is(#report,.social-result) .social-dog-label{font-size:14px}}
@media print{:is(#report,.social-result) .social-cast{grid-template-columns:repeat(3,minmax(0,1fr))}.social-dog-window{print-color-adjust:exact}}

:is(#report,.social-result) .social-dog-row-0{aspect-ratio:1.18}:is(#report,.social-result) .social-dog-row-0 .social-dog-sprite{top:-18%}
:is(#report,.social-result) .social-dog-row-1{aspect-ratio:1.39}:is(#report,.social-result) .social-dog-row-1 .social-dog-sprite{top:-39%}
:is(#report,.social-result) .social-dog-row-2{aspect-ratio:1.30}:is(#report,.social-result) .social-dog-row-2 .social-dog-sprite{top:-30%}

/* Show original handwritten captions with each full cell, then the participant name. */
:is(#report,.social-result) .social-dog-label{display:none}
:is(#report,.social-result) .social-dog-window{aspect-ratio:1!important;background:#fdf8ef;border-radius:0}
:is(#report,.social-result) .social-dog-sprite{top:0!important;aspect-ratio:1}
.social-result{max-width:900px;margin:20px auto;color:var(--ink)}
.social-result .rv3-tw{overflow-x:auto;margin-top:28px}
.social-result .social-role-table{width:100%;table-layout:fixed;border-collapse:collapse;font:400 14px/1.7 var(--body)}
.social-result .social-role-table caption{text-align:left;margin-bottom:12px;font-weight:700}
.social-result .social-role-table th,.social-result .social-role-table td{text-align:left;vertical-align:top;padding:14px 10px;border-bottom:1px solid var(--line);word-break:keep-all;overflow-wrap:anywhere}
.social-result .social-role-table thead th{color:var(--gold);border-top:1px solid var(--line)}
.social-result .social-role-table tbody th{font-weight:700}

/* Compact group controls with separate selection and deletion targets. */
:is(#cmpGroup,.friend-controls) .cmp-form{padding:20px;margin-top:16px;border-radius:18px}
:is(#cmpGroup,.friend-controls) .cmp-form h4{font-size:17px;margin:0 0 14px}
.cmp-kind{max-width:380px;gap:3px;border-radius:12px}
.cmp-kind button{min-height:40px!important;padding:7px 12px!important;font-size:13px!important;margin:0!important}
:is(#cmpGroup,.friend-controls) .cmp-head{gap:10px;align-items:center;flex-wrap:wrap}
:is(#cmpGroup,.friend-controls) .cmp-askshare{width:auto!important;min-height:36px!important;font-size:12px!important;padding:6px 10px!important;margin:0!important}
:is(#cmpGroup,.friend-controls) .cmp-saved ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:260px;overflow-y:auto;padding:2px}
:is(#cmpGroup,.friend-controls) .cmp-saved li{min-width:0;display:flex;gap:3px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--field)}
:is(#cmpGroup,.friend-controls) .cmp-load{flex:1;min-width:0;width:auto!important;min-height:54px!important;margin:0!important;padding:8px!important;border:0!important;border-radius:0!important;font-size:13px!important;box-shadow:none!important;background:transparent!important;gap:1px}
:is(#cmpGroup,.friend-controls) .cmp-load b{overflow-wrap:anywhere;line-height:1.4}:is(#cmpGroup,.friend-controls) .cmp-load small{font-size:11px}
:is(#cmpGroup,.friend-controls) .cmp-load:disabled{opacity:.45;cursor:default}
:is(#cmpGroup,.friend-controls) .cmp-del{flex:none;width:auto!important;min-width:40px;min-height:40px!important;margin:0!important;padding:5px 7px!important;border:0!important;box-shadow:none!important;font-size:11px!important;background:transparent!important}
:is(#cmpGroup,.friend-controls) .cmp-group-list li{padding:8px 10px;flex-wrap:wrap;gap:4px 8px;font-size:13px}
:is(#cmpGroup,.friend-controls) .cmp-group-list li small{font-size:11px}:is(#cmpGroup,.friend-controls) .cmp-group-list .cmp-del{margin-left:auto!important}
:is(#cmpGroup,.friend-controls) [data-gcalc],#group-form>button[type=submit]{width:100%;min-height:42px!important;padding:9px 14px!important;margin:12px 0 0!important;font-size:14px!important}
#group-form .chart-fields{gap:10px}#group-form input,#group-form select{min-height:40px;font-size:14px}
@media(max-width:360px){:is(#cmpGroup,.friend-controls) .cmp-saved ul{grid-template-columns:1fr}}

.group-manual{border-top:1px solid var(--line);padding-top:10px;margin-top:8px}.group-manual summary{cursor:pointer;font:600 13px/1.5 var(--body);padding:10px 2px;color:var(--gold-ink)}.group-manual[open] summary{margin-bottom:10px}

.cmp-kind{width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));box-sizing:border-box}
.cmp-kind button{width:100%;box-sizing:border-box}
.friend-controls .cmp-form{padding:20px;margin-top:16px;border-radius:18px}
.friend-controls .chart-fields{gap:10px}.friend-controls input,.friend-controls select{min-height:40px;font-size:14px}
.friend-controls button[type=submit]{min-height:42px!important;padding:9px 14px!important;font-size:14px!important}

.friend-input-toggle,.group-members-toggle{margin:12px 0;border:1px solid var(--line);border-radius:12px;padding:0 12px}.friend-input-toggle>summary,.group-members-toggle>summary{padding:12px 0;cursor:pointer;font:600 14px/1.5 var(--body);color:var(--gold-ink)}.friend-input-toggle[open],.group-members-toggle[open]{padding-bottom:12px}.friend-input-toggle .cmp-saved{margin-top:8px}

.social-placeholder{text-align:center;padding:24px 12px 20px;border:1px solid var(--line);border-radius:20px;background:var(--panel);margin:16px 0 24px}
.social-placeholder h4{font:700 clamp(16px,3.5vw,21px)/1.6 var(--body);margin:0 0 20px;color:var(--ink)}
.mystery-line{display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));max-width:560px;margin:auto;gap:12px}
.mystery-character b{display:block;font:700 32px/1.2 var(--body);color:var(--gold-ink);margin-bottom:8px}
.mystery-dog{display:block;aspect-ratio:1;background:#28231f;mask-image:var(--mystery-image);-webkit-mask-image:var(--mystery-image);mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;opacity:.9}
#friendRoleOut .social-result,#cmpGroupOut .social-result{margin-top:0}
#cmpGroup>details{border:1px solid var(--line);border-radius:14px;margin:14px 0;overflow:hidden;background:var(--panel)}
#cmpGroup>details>summary{padding:14px 16px;font:600 14px/1.5 var(--body);color:var(--gold-ink);cursor:pointer}
#cmpGroup>details .cmp-form{margin:0;border:0;box-shadow:none}
#cmpGroup .group-add-panel .cmp-head h4{display:none}

.social-card-image{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--line)}
.social-share-button{display:block;width:100%;min-height:46px;margin:14px 0 0;padding:12px;font:700 14px/1.5 var(--body);border:1px solid var(--gold-ink);border-radius:12px;background:var(--panel);color:var(--gold-ink)}
.social-share-status{font-size:13px;color:var(--muted);margin:8px 0}
.askbox.casting form::after{background:transparent url('img/pose-white-note.webp') center/140px 140px no-repeat!important;animation:reading-dog 1.1s ease-in-out!important;z-index:5}
@keyframes reading-dog{0%{opacity:0;transform:translateY(8px)}25%,75%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.askbox.casting form::after{animation:none!important}}

.shared-result-dialog{width:min(900px,94vw);max-height:90vh;overflow:auto;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--ink)}.shared-result-dialog::backdrop{background:#0008}.shared-result-close{display:block;margin-left:auto;padding:8px 14px}.shared-result-dialog a{display:block;margin-top:20px;text-align:center}

.social-reveal{padding:28px;text-align:center;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.social-reveal img{display:block;margin:0 auto 12px;object-fit:contain;animation:blbob 1s ease-in-out infinite}.social-reveal p{font-size:14px;color:var(--muted)}
[data-friend-result],.friend-selection-status{display:none}.friend-controls [data-friend-result]{display:block;width:100%;min-height:44px;margin:10px 0;padding:10px;border-radius:12px;border:1px solid var(--gold-ink);background:var(--panel);color:var(--gold-ink);font:700 14px/1.5 var(--body)}.friend-controls .friend-selection-status{display:block;font-size:13px;color:var(--muted)}.friend-controls .group-manual button[type=submit]{display:none}.friend-controls .cmp-load[aria-pressed=true]{outline:2px solid var(--gold-ink);outline-offset:-2px}
.askbox.casting form::after{background-image:url('img/pose-white-note.png')!important}
@media(prefers-reduced-motion:reduce){.social-reveal img{animation:none}}

.friend-controls .cmp-saved .cmp-load[aria-pressed=true]{background:#f2dbb0!important;box-shadow:inset 0 0 0 2px #915600!important;color:#563000!important;outline:0;position:relative;padding-right:30px!important}
.friend-controls .cmp-load[aria-pressed=true]::after{content:'✓';position:absolute;right:10px;top:12px;font-size:20px;font-weight:800;color:#714500}
.cmp-load:active{transform:scale(.97);transition:transform .1s}
.shared-result-ready{animation:shared-reveal .35s ease-out}@keyframes shared-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.shared-report-chapter{padding:16px 0;border-bottom:1px solid var(--line)}
.askbox.casting form::after{background-image:url('img/pose-white-note.webp')!important}

/* 2026-11-12: 궁합·재회·우정 공통 접기 배치(.cmp-wrap), 모임과 같은 모양 */
.cmp-wrap>details{border:1px solid var(--line);border-radius:14px;margin:14px 0;overflow:hidden;background:var(--panel)}
.cmp-wrap>details>summary{padding:14px 16px;font:600 14px/1.5 var(--body);color:var(--gold-ink);cursor:pointer}
.cmp-wrap>details .cmp-form{margin:0!important;border:0;box-shadow:none;padding:4px 16px 16px!important}
.cmp-wrap .cmp-add-panel .cmp-head h4{display:none}
.cmp-wrap .cmp-head{gap:10px;align-items:center;flex-wrap:wrap}
.cmp-wrap .cmp-saved-h{display:none}
.cmp-wrap .cmp-saved ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:260px;overflow-y:auto;padding:2px;margin:0;list-style:none}
.cmp-wrap .cmp-saved li{min-width:0;display:flex;gap:3px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--field)}
.cmp-wrap .cmp-load{flex:1;min-width:0;width:auto!important;min-height:54px!important;margin:0!important;padding:8px!important;border:0!important;border-radius:0!important;font-size:13px!important;box-shadow:none!important;background:transparent!important;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.cmp-wrap .cmp-load small{font-size:11px}
.cmp-wrap .cmp-del{flex:none;width:auto!important;min-width:40px;min-height:40px!important;margin:0!important;padding:5px 7px!important;border:0!important;box-shadow:none!important;font-size:11px!important;background:transparent!important}
.cmp-wrap .cmp-saved .cmp-load[aria-pressed=true]{background:#f2dbb0!important;box-shadow:inset 0 0 0 2px #915600!important;color:#563000!important;position:relative;padding-right:30px!important}
.cmp-wrap .cmp-load[aria-pressed=true]::after{content:'✓';position:absolute;right:10px;top:12px;font-size:20px;font-weight:800;color:#714500}
.cmp-wrap [data-friend-result]{display:block;width:100%;min-height:44px;margin:12px 0 0!important;padding:10px;border-radius:12px;border:1px solid var(--gold-ink);background:var(--panel);color:var(--gold-ink);font:700 14px/1.5 var(--body)}
.cmp-wrap .friend-selection-status{display:block;font-size:13px;color:var(--muted);margin:8px 0 0}
.friend-empty{display:none;font-size:13px;color:var(--muted);margin:0}
.cmp-wrap .cmp-saved:empty+.friend-empty{display:block}
.cmp-wrap .cmp-saved:empty~[data-friend-result],.cmp-wrap .cmp-saved:empty~.friend-selection-status{display:none!important}
.cmp-wrap .group-manual button[type=submit]{display:block!important;width:100%;min-height:42px!important;margin:12px 0 0!important}
.cmp-wrap .chart-fields{gap:10px}
.cmp-out:not(:empty){padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel);margin:16px 0}
@media(max-width:360px){.cmp-wrap .cmp-saved ul{grid-template-columns:1fr}}
.cmp-out .cmp-open{display:block;width:100%;min-height:46px;margin:14px 0 0;padding:12px;font:700 14px/1.5 var(--body);border:1px solid var(--gold-ink);border-radius:12px;background:var(--panel);color:var(--gold-ink);cursor:pointer}
.cmp-out .cmp-score{text-align:center}