.room-scene.wolha>img,.guide-card .room-scene.wolha>img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;right:auto;bottom:auto}.rooms .room-scene{aspect-ratio:1.8}.guide-card .room-scene.wolha{aspect-ratio:1.3}.guide-card .room-scene.wolha>img{object-fit:cover;object-position:50% 50%}.question-picker{margin-top:12px}.question-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.question-categories .chip{font-size:.875rem;padding:8px 12px;min-height:40px}.question-options{display:grid;gap:9px}.question-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:7px;background:var(--paper);font-size:.9375rem;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}.question-option:hover{border-color:var(--green)}.question-option.selected{border-color:var(--green);background:#e7eee5;color:#244d40}.question-option.selected svg{stroke-width:2}.question-options+.field{margin-top:25px}.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:26px 0 15px}.pillar{display:flex;align-items:center;flex-direction:column;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:16px 6px}.pillar.day{background:#e7eee5;border-color:#849d89}.pillar>span{font-size:.875rem;color:var(--muted)}.pillar strong{font-family:serif;font-size:2.1rem;line-height:1.5;letter-spacing:.07em}.pillar b{font-size:1rem}.pillar small{font-size:.75rem;color:var(--muted);text-align:center}.calendar-note{display:flex;align-items:flex-start;gap:7px;line-height:1.7}.calendar-note svg{margin-top:5px}.element-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0}.element-counts>div{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 8px;border-radius:6px;background:#edf0e5}.element-counts strong{font-size:1.35rem}.element-counts [data-element="화"]{background:#f5e8e3}.element-counts [data-element="토"]{background:#f2ebd8}.element-counts [data-element="금"]{background:#ecebe5}.element-counts [data-element="수"]{background:#e2edf0}.method{margin:20px 0;font-size:.875rem;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}.method summary{cursor:pointer;color:var(--ink)}.method p{margin:12px 0 0}.consultation-thread{margin:32px 0}.consultation-answer{scroll-margin-top:25px;margin:28px 0}.asked{background:#eee9df;padding:18px 20px;border-radius:10px 10px 0 10px;margin:0 0 16px 26px;line-height:1.8}.asked>span{display:block;color:var(--muted);font-size:.75rem;margin-bottom:7px;letter-spacing:.08em}.answer{border-left:3px solid #849d89;padding:4px 0 0 20px}.answer h3{margin-top:10px}.small-action{padding:17px 20px;background:var(--paper);border-radius:7px}.small-action>b{font-size:.875rem;color:var(--green)}.small-action p{margin:6px 0 0}.followup{border-top:1px solid var(--line);padding-top:26px;margin-top:30px}.followup .question-option{font-size:.875rem}.personal-note{white-space:pre-wrap;overflow-wrap:anywhere}.account-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:40px;max-width:950px;margin:0 auto}.account-portrait{align-self:start;position:sticky;top:25px}.account-portrait .room-scene{margin:0;aspect-ratio:1}.account-portrait blockquote{font-family:'Gowun Batang',serif;font-size:1.7rem;line-height:1.7;margin:25px 8px}.consent-check{display:flex;gap:10px;align-items:flex-start;line-height:1.7;margin:18px 0}.consent-check input{width:19px;height:19px;flex-shrink:0;margin-top:4px;accent-color:var(--green)}.social-status{border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.social-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;margin:10px 0;background:var(--paper);border:1px solid var(--line);border-radius:7px}.social-row>span:last-child{font-size:.875rem;color:var(--muted)}.social-logo{font-size:.9375rem;font-weight:700}.social-logo.kakao{background:#fee500;color:#191919;padding:3px 7px;border-radius:3px}.social-logo.naver{color:#00883e;letter-spacing:.04em}.account-shortcut{font-size:.8125rem}.desktop-nav{gap:22px}.form-intro{overflow-wrap:anywhere}fieldset{min-width:0}.notice span{min-width:0}.account-layout .form-actions{flex-wrap:wrap}.privacy-line{font-size:.8125rem}
@media(max-width:1000px){.brand-sub,.brand-divider{display:none}.app-header{gap:18px}.desktop-nav{gap:18px}}
@media(max-width:800px){.account-layout{grid-template-columns:1fr;max-width:640px}.account-portrait{display:none}.guide-card .room-scene.wolha{aspect-ratio:auto}.app-header .account-shortcut{display:none}}
@media(max-width:560px){.app-header .account-shortcut{display:block;font-size:.75rem;letter-spacing:0;white-space:normal;max-width:126px;padding:8px 10px}.brand-sub,.brand-divider{display:none}.guide-card .room-scene.wolha{aspect-ratio:auto}.guide-card .room-scene.wolha>img{object-position:50% 50%}.question-option{padding:12px;font-size:.875rem}.pillars{gap:5px}.pillar{padding:12px 3px}.pillar strong{font-size:1.75rem}.pillar small{font-size:.75rem}.element-counts{gap:5px}.element-counts>div{gap:7px;padding:12px 4px}.answer{padding-left:14px}.asked{margin-left:12px;padding:16px}.small-action{padding:15px}.mobile-nav button{padding:4px 6px;font-size:.75rem}.mobile-nav{gap:2px}.question-categories{gap:6px}.question-categories .chip{font-size:.8125rem;padding:8px 10px}.account-layout .consult-content{padding:23px 19px}}
@media(prefers-reduced-motion:reduce){.page{animation:none}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* A quieter form and a continuous consultation workspace. */
.birth-time-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.birth-time-fields select{width:100%;min-height:54px;padding:12px 16px;cursor:pointer;background-color:#fffdf8;border:1px solid #c7cabe;border-radius:8px;font-size:1.05rem}.birth-time-fields>span{color:#868a7d;font-size:1.35rem}.birth-time-fields select:disabled{cursor:default;background:#edece5;color:#96968c}.field input:not([type=checkbox]),.field select,.field textarea{border-radius:8px}.field-heading{align-items:center;margin-bottom:12px}.inline-check{font-size:.875rem}.question-count{font-size:.8125rem;color:var(--muted);margin:8px 0 12px}.question-options{grid-template-columns:repeat(2,minmax(0,1fr))}.question-option{padding:12px 14px;font-size:.875rem}.consult-content>form>fieldset{margin-top:26px}.result-tools{margin:30px 0;padding:24px;border:1px solid #bccbbd;border-radius:10px;background:#f2f5ed}.result-tools-heading h3{margin:8px 0 17px}.result-tool-buttons{display:flex;flex-wrap:wrap;gap:9px}.result-tool-buttons .button{font-size:.875rem;padding:12px 15px}.result-tools>p{margin:15px 0 0}.history-account-link{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.history-heading h1{margin:8px 0 12px}.usage-strip{padding:14px 18px;margin:10px 0 24px;background:#e9eee4;color:#2b4b3b;border-radius:7px;font-size:.9375rem}.history-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}.history-sidebar{border:1px solid var(--line);background:var(--white);border-radius:10px;padding:20px}.history-sidebar>h3{font-size:1rem}.history-item{display:block;width:100%;text-align:left;padding:15px 12px;border-top:1px solid var(--line);border-left:3px solid transparent}.history-item.active{background:#edf1e7;border-left-color:var(--green)}.history-item>span,.history-item>small{display:block;color:var(--muted);font-size:.75rem}.history-item>b{font-size:.9375rem;line-height:1.7;display:block;margin:6px 0;overflow-wrap:anywhere}.history-item:hover{background:#f3f3eb}.chat-workspace{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:30px}.chat-heading{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:25px}.chat-heading h2{font-size:1.5rem;margin:12px 0;overflow-wrap:anywhere}.danger{color:#96544c}.chat-messages{display:flex;flex-direction:column;gap:23px}.chat-message{border-left:3px solid #b6c5b3;padding:5px 0 5px 18px;max-width:100%;overflow-wrap:anywhere}.chat-message>span{font-size:.8125rem;color:var(--muted)}.chat-message p{white-space:pre-wrap;line-height:1.9;margin:9px 0 0}.chat-message.user{background:#eeeee5;border:0;border-radius:10px 10px 0 10px;padding:16px 20px;align-self:flex-end;max-width:92%}.chat-message.user>span{color:#40583f}#chat-form{border-top:1px solid var(--line);padding-top:25px;margin-top:32px}#chat-form>label:first-child{display:block;font-weight:600;margin-bottom:12px}#chat-form textarea,.memory-settings textarea,.share-content textarea{width:100%;background:#fffdf7;border:1px solid #c6cabe;border-radius:8px;padding:14px;line-height:1.8;resize:vertical;color:var(--ink)}.memory-settings{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:.875rem;line-height:1.8}.memory-settings summary{cursor:pointer;font-weight:600}.memory-settings textarea{font-size:.875rem}.history-empty{padding:35px 8px}.share-content{padding:16px 8px}.share-content>h2{padding-right:18px}.share-preview{padding:28px;background:#f5efdf;border:1px solid #b6beaa;border-radius:8px;margin:24px 0}.share-preview>span{font-size:.8125rem;letter-spacing:.07em}.share-preview blockquote{font-family:'Gowun Batang',serif;font-size:1.55rem;line-height:1.8;margin:27px 0;white-space:pre-wrap;overflow-wrap:anywhere}.share-preview>b{font-size:.9375rem;color:#76514e}.share-content>label{display:block;margin-bottom:10px}.share-content .form-actions{flex-wrap:wrap}.question-option>span:not(.question-number){flex:1;min-width:0}.question-option svg{width:15px}
@media(max-width:900px){.history-layout{grid-template-columns:240px minmax(0,1fr);gap:18px}.chat-workspace{padding:23px}.history-sidebar{padding:16px}.question-options{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.history-layout{grid-template-columns:1fr}.history-sidebar{max-height:430px;overflow:auto}.chat-workspace{padding:22px 18px}.history-heading{align-items:start}.history-heading h1{font-size:1.65rem}.history-heading .text-button{font-size:.8125rem;white-space:nowrap}.question-options{grid-template-columns:1fr}.result-tools{padding:20px 16px}.result-tool-buttons{display:grid;grid-template-columns:1fr 1fr}.result-tool-buttons>.button:first-child{grid-column:1/-1}.result-tool-buttons>.button{padding:12px 10px}.chat-message p{font-size:.9375rem}.share-preview blockquote{font-size:1.35rem}.share-content{padding:12px 0}.history-empty .button{margin-bottom:10px}.usage-strip{font-size:.875rem}}

/* Shared illustrated back, used consistently before the cards are revealed. */
.card-fan .card-back{aspect-ratio:474/830;padding:0;overflow:hidden;background:#20352f;border-color:#bba16b}
.card-fan .card-back::before{display:none}
.card-back-image{display:block;width:100%;height:100%;object-fit:cover}
.card-fan .card-number{bottom:5px;right:4px;min-width:19px;border-radius:3px;background:#172f29e8;color:#f4e2b9;font-size:.75rem;line-height:1.5;padding:0 3px}
.chosen-slot .slot{aspect-ratio:474/830}
.chosen-card-back{display:block;width:100%;height:100%;object-fit:cover}
.footer{flex-wrap:wrap;row-gap:10px}.footer .copyright{flex-basis:100%;font-size:.75rem;letter-spacing:.02em}

/* A readable, continuous consultation report beside the original card spread. */
.tarot-ai-reading{margin:30px 0 22px;padding:30px;background:var(--white);border:1px solid var(--line);border-top:4px solid #76514e;border-radius:10px;scroll-margin-top:24px;min-width:0}
.tarot-ai-reading .advisor-heading{margin-bottom:22px}.tarot-ai-reading h2{font-size:1.5rem;margin:9px 0 0;line-height:1.6}
.reading-intro{font-size:1rem;line-height:1.9}.reading-outline{margin:18px 0 22px;padding:14px 16px;background:#f3eee4;border-radius:6px;font-size:.875rem;line-height:1.8;color:#76514e}
.reading-body{min-width:0;overflow-wrap:anywhere;font-size:1rem;line-height:1.95}
.reading-body .reading-section-title{font-family:'Gowun Batang',serif;font-size:1.1875rem;line-height:1.7;color:var(--ink);margin:32px 0 16px;padding-top:24px;border-top:1px solid var(--line);word-break:keep-all;overflow-wrap:anywhere}
.reading-body .reading-section-title:first-child{margin-top:0;padding-top:0;border-top:0}
.reading-body .reading-paragraph{font-size:1rem;line-height:1.95;white-space:pre-wrap;margin:0 0 18px;word-break:normal}
.reading-label{display:block;font-family:inherit;font-size:.875rem;font-weight:600;letter-spacing:.015em;color:#76514e;margin-bottom:5px}
.reading-footnote,.reading-saved{font-size:.875rem;line-height:1.8;color:var(--muted);margin:24px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.reading-progress{display:flex;align-items:flex-start;gap:12px;padding:18px 0;line-height:1.8}.reading-progress p{margin:0}.reading-progress-dot{display:inline-block;width:40px;height:40px;border:3px solid #d7ddce;border-top-color:#294d44;border-right-color:#294d44;border-radius:50%;background:transparent;flex-shrink:0;margin-top:5px;animation:consultation-spin 1s linear infinite}
.tarot-ai-reading .consent-check{font-size:.875rem;line-height:1.8}.tarot-ai-reading .small{font-size:.875rem}.tarot-ai-reading form>.button{margin-top:12px}
.basic-card-note{margin:0 0 26px}.basic-card-note summary{font-size:.875rem}
@keyframes reading-pulse{50%{opacity:.3}}
@media(prefers-reduced-motion:reduce){.reading-progress-dot{animation:none}}
@media(max-width:620px){.tarot-ai-reading{padding:22px 18px}.tarot-ai-reading h2{font-size:1.25rem}.reading-body .reading-section-title{font-size:1.125rem;margin-top:26px}.reading-body .reading-paragraph{font-size:1rem}.reading-outline{padding:12px}.reading-label{font-size:.875rem}}

/* The whole deck stays visible; selection never moves the surrounding layout. */
.spread-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.spread-option{position:relative;display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);border-radius:9px;padding:16px 14px;cursor:pointer;background:#fcfaf3}.spread-option:has(input:checked){border-color:#76514e;background:#f3eae3;box-shadow:inset 0 0 0 1px #76514e}.spread-option input{width:18px;height:18px;accent-color:#76514e}.spread-option b{font-size:1rem}.spread-option small{font-size:.8125rem;line-height:1.65;color:var(--muted)}.spread-option span{font-size:.75rem;color:#76514e}.full-deck-room{max-width:1120px;margin:0 auto;background:#fffdf6;border:1px solid var(--line);border-radius:12px;padding:28px}.draw-title{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.draw-title h2{margin:10px 0;font-size:1.65rem}.draw-title .shuffle{white-space:nowrap}.question-label{overflow-wrap:anywhere;line-height:1.7}.deck-78{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:9px;padding:12px 0 20px}.deck-choice{position:relative;width:100%;aspect-ratio:474/830;padding:0;min-width:0;border:2px solid transparent;border-radius:6px;background:#20392e;overflow:hidden;transition:border-color .15s,box-shadow .15s}.deck-choice img{display:block;width:100%;height:100%;object-fit:cover}.deck-choice:hover:not(:disabled),.deck-choice:focus-visible{border-color:#b29158;box-shadow:0 0 0 2px #d8c795;outline:0}.deck-choice.selected{border-color:#debf78;box-shadow:0 0 0 2px #b09459}.deck-choice.selected img{opacity:.57}.deck-choice:disabled{opacity:.62}.deck-number{position:absolute;bottom:3px;right:3px;border-radius:3px;background:#16362ae8;color:#f3dfb7;padding:0 3px;font-size:.6875rem;line-height:1.5}.pick-order{position:absolute;inset:0;display:grid;place-items:center;color:#ffedc2;font:700 1.65rem 'Gowun Batang',serif;text-shadow:0 1px 4px #172c24}.draw-dock{position:sticky;bottom:12px;z-index:3;border:1px solid #b8c1ad;border-radius:10px;padding:14px 18px;background:#f9f6ecf7;box-shadow:0 6px 24px #23392b14;backdrop-filter:blur(10px);margin-bottom:14px}.selected-positions{display:flex;flex-wrap:wrap;gap:6px}.selected-positions>span{display:flex;align-items:center;gap:5px;padding:4px 7px;color:#828277;background:#eeeae0;border-radius:4px;font-size:.6875rem;line-height:1.4}.selected-positions>span.filled{color:#284d3f;background:#dce8d5}.selected-positions b{font-size:.6875rem}.draw-dock-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.draw-dock .draw-hint{margin:0;font-size:.875rem}.draw-dock .button{padding:12px 18px;white-space:nowrap}.compact-spread{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 10px;align-items:start;margin:20px 0 16px}.compact-spread[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr));max-width:500px;margin-left:auto;margin-right:auto}.compact-spread .spread-card{min-width:0;text-align:center}.compact-spread .spread-position{min-height:38px;font-size:.6875rem;line-height:1.5;display:block;margin-bottom:8px;word-break:keep-all}.compact-spread .spread-card>button{display:block;max-width:126px;margin:0 auto;line-height:0;border-radius:6px;overflow:hidden}.compact-spread .spread-card img{display:block;width:100%;height:auto;aspect-ratio:474/830;object-fit:cover;margin:0;border-radius:6px;box-shadow:none}.compact-spread .spread-card h3{font-size:.875rem;line-height:1.5;margin:10px 0 3px;word-break:keep-all}.compact-spread .spread-card small{font-size:.625rem;line-height:1.5;color:var(--muted)}.composition-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:12px 14px;background:#f3eee4;border-radius:6px;color:#756757;font-size:.75rem;line-height:1.6}.element-counts>.element-illustration{display:flex;flex-direction:column;gap:5px;padding:8px 6px 15px;overflow:hidden}.element-illustration img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%;mix-blend-mode:multiply}.element-illustration>span{font-size:.8125rem}.element-illustration strong small{font-size:.6875rem;font-weight:400;margin-left:3px}.element-illustration .element-meaning{font-size:.6875rem;color:var(--muted);text-align:center;line-height:1.5}.saju-reading{border-top-color:#375744}.share-formats{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0}.share-formats legend{font-size:.875rem;margin-bottom:9px}.share-formats label{display:flex;align-items:center;gap:7px;font-size:.875rem}.share-formats input{width:18px;height:18px;accent-color:var(--green)}.share-canvas-wrap{padding:16px;background:#e9e9df;border-radius:8px;margin:16px 0 22px;display:grid;place-items:center;min-height:250px}.share-canvas-wrap canvas{display:block;width:100%;max-width:300px;height:auto;box-shadow:0 4px 20px #1b302524}.share-content .consent-check{display:flex}.share-content .consent-check input{width:19px}
@media(max-width:1000px){.deck-78{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.compact-spread{gap:15px 8px}.spread-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.full-deck-room{padding:18px 13px}.draw-title{flex-direction:column;gap:4px}.draw-title h2{font-size:1.25rem}.deck-78{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.deck-choice{min-height:70px}.draw-dock{bottom:76px;padding:12px 10px;margin-left:-5px;margin-right:-5px}.draw-dock-actions{gap:7px}.draw-dock .draw-hint{font-size:.75rem;line-height:1.6}.draw-dock .button{padding:11px 12px;font-size:.8125rem}.selected-positions{gap:4px}.selected-positions>span{font-size:.625rem;padding:3px 5px}.compact-spread{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 9px}.compact-spread[data-count="5"]{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-spread .spread-position{font-size:.625rem;min-height:32px}.compact-spread .spread-card h3{font-size:.75rem}.compact-spread .spread-card small{font-size:.625rem}.element-counts>.element-illustration{padding:5px 3px 10px}.element-illustration>span{font-size:.75rem}.element-illustration .element-meaning{font-size:.625rem}.spread-option{padding:12px}.spread-options{gap:8px}.composition-strip{font-size:.6875rem}}
/* Readable labels at every card size. */
.spread-option>span{display:flex;flex-direction:column;gap:7px}.spread-option strong{font-size:1rem;color:var(--ink)}.spread-option strong small{margin-left:7px;font-size:.75rem;font-weight:400}.spread-option b{font-size:.875rem;line-height:1.5;font-weight:500}.spread-option em{font-style:normal;font-size:.8125rem;line-height:1.7;color:var(--muted)}.deck-number,.selected-positions b,.selected-positions>span,.compact-spread .spread-position,.compact-spread .spread-card small,.element-illustration strong small,.element-illustration .element-meaning{font-size:.75rem}.compact-spread .spread-position{min-height:40px}.compact-spread .spread-card h3,.element-illustration>span{font-size:.875rem}.situation-hint{font-size:.875rem;line-height:1.8;color:var(--muted);margin:0}.composition-strip{font-size:.8125rem}
@media(max-width:620px){.spread-options{grid-template-columns:1fr}.spread-option{flex-direction:row;align-items:flex-start;gap:12px}.spread-option input{flex-shrink:0;margin-top:3px}.compact-spread{grid-template-columns:repeat(3,minmax(0,1fr))}.draw-dock .draw-hint{font-size:.8125rem}.draw-dock .button{font-size:.875rem}.element-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.element-illustration img{max-width:88px}.composition-strip{font-size:.75rem}}
@media(max-width:390px){.deck-78{grid-template-columns:repeat(5,minmax(0,1fr))}.draw-dock-actions{flex-direction:column;align-items:stretch}.draw-dock .button{width:100%}}
/* The same stamped Hangul mark is used in the header and app icons. */
.brand .brand-seal{width:44px;height:44px;flex:0 0 auto;border:0;border-radius:0;transform:none;background:transparent}
.brand-seal img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:560px){.brand .brand-seal{width:36px;height:36px}}

/* Account birth profile and owner-selected relationships. */
.profile-section{border-top:1px solid var(--border,#ded7cc);padding-top:26px;margin-top:28px}.profile-section h3{margin:4px 0 12px}.profile-section form{margin-top:20px}.relation-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.relation-heading .button{white-space:nowrap}.relationship-list{display:grid;gap:12px;margin-top:20px}.relationship-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px;border:1px solid #ded7cc;border-radius:10px;background:#fcfaf6;min-width:0}.relationship-card h4{font-size:18px;overflow-wrap:anywhere;margin:10px 0 6px}.relation-actions{display:flex;gap:12px;flex-shrink:0}.relation-empty{padding:22px;background:#f5f1e8;line-height:1.8;border-radius:10px;color:#696b60}.relation-editor{border:1px solid #c9cbb9;border-radius:12px;padding:22px;background:#faf9f4}.relation-editor h4{font-size:20px;margin:0 0 22px}.relation-picker{padding:18px;border:1px solid #ded7cc;border-radius:10px;margin:22px 0}.relation-picker .text-button{margin-top:8px}.selected-relation{padding:12px 16px;border-left:3px solid #758167;background:#f5f4ec;font-size:14px;line-height:1.6}.profile-section .danger{color:#93513f}.profile-section .form-actions{flex-wrap:wrap}.profile-section #delete-birth-profile{margin-top:16px}@media(max-width:540px){.relation-editor{padding:16px}.relationship-card{align-items:flex-start;flex-direction:column}.relation-heading .button{padding:10px 14px}.profile-section .form-row{grid-template-columns:1fr}}

.referral-code-row{display:flex;gap:10px;margin:8px 0 10px}.referral-code-row input{min-width:0;flex:1;font-family:ui-monospace,monospace;text-transform:uppercase}.referral-code-row .button{flex-shrink:0}.talisman-balance{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.talisman-balance h3{margin:0}.talisman-balance strong{color:#294e42}.talisman-balance>span{font-size:14px;color:#696b60}.referral-complete{padding:14px;background:#edf1e5;border-radius:8px;color:#294e42}.withdraw-section{border-top:1px solid #ded7cc;margin-top:32px;padding-top:18px}.button.danger{background:#8b493e;color:#fff}.share-invite-thumbnail{display:block;width:100%;height:auto;margin:20px 0;border-radius:12px}.share-hook{font-size:16px;line-height:1.9}.referral-share-code{background:#edf1e5;padding:15px 18px;border-radius:8px}.referral-share-code strong{font-family:ui-monospace,monospace;letter-spacing:.04em;margin-left:10px}.share-image-editor{border-top:1px solid #d5d5c9;margin-top:28px;padding-top:20px}.share-image-editor summary{cursor:pointer;font-weight:700;margin-bottom:16px}.share-content .form-actions{flex-wrap:wrap}.saju-chart{margin-top:24px}.saju-chart .pillars{margin-top:20px}@media(max-width:540px){.referral-code-row{flex-wrap:wrap}.referral-code-row input{flex-basis:100%}.referral-share-code strong{display:block;margin:7px 0 0}}

@keyframes consultation-spin{to{transform:rotate(360deg)}}
.reading-progress{align-items:center;gap:20px;padding:24px;border:1px solid var(--line);background:#f0f2e9;border-radius:12px;margin:20px 0}
.reading-progress-title{display:block;margin-bottom:7px;font-size:1.1rem;color:var(--ink)}
.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;flex-shrink:0;vertical-align:middle;margin-right:6px;animation:consultation-spin 1s linear infinite}
@media(max-width:540px){.reading-progress{padding:18px;gap:14px}.reading-progress-dot{width:32px;height:32px}.reading-progress-title{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.reading-progress-dot,.loading-spinner{animation:none}}

.account-session{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:0 0 24px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.account-session-info{flex:1 1 150px;min-width:0}.account-session .eyebrow{margin:0 0 6px}.account-session-email{margin:0;font-size:1rem;overflow-wrap:anywhere}.logout-form{margin:0;flex-shrink:0}.account-session .logout-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;border:2px solid var(--green);color:var(--green);font-size:1rem;font-weight:700;white-space:nowrap}.logout-button:focus-visible{outline:3px solid var(--green);outline-offset:3px}