/* Vivid celestial identity; reading surfaces remain quiet and legible. */
:root{--accent:#6174bf;--accent-ink:var(--c-white);--accent-soft:#6577c014;--gold:#bc8333;--border:#465aaa22;--border-strong:#465aaa40;--shadow:0 12px 34px #37478610}
body{background:radial-gradient(ellipse at 10% 0,#f6efe1 0,transparent 46%),radial-gradient(ellipse at 100% 40%,#f8f2e6 0,transparent 42%),#faf7f0;background-attachment:scroll}
.app{background:linear-gradient(180deg,#fefdfaed,#fff9f7ed 70%);box-shadow:0 0 80px #40529c16}
.app-header{background:linear-gradient(110deg,#202a4f,#303e76 65%,#38498a);border-bottom:1px solid #ffe3a357;box-shadow:0 5px 22px #202a5020}
.app-header .mark{background:linear-gradient(110deg,#fff1ba,#f2e7d2 60%,#f3e9d5);background-clip:text;-webkit-background-clip:text;color:transparent!important}
.app-header .sub{color:#f3e9d4}.app-header .header-icon-btn,.app-header .sound-toggle{background:#ffffff0b;border-color:#f6eedf30;color:#f5ecdb}.app-header .sound-toggle.is-on{color:#ffe2a1;border-color:#e9ba6866;background:#e4b55d16}
.journal-hero{background:radial-gradient(ellipse at 84% 25%,#6073be44,transparent 50%),radial-gradient(ellipse at 15% 100%,#5c70d778,transparent 50%),linear-gradient(145deg,#1e2749,#303e75 58%,#2b305b);border:1px solid #bfc7e577;box-shadow:0 16px 40px #2e3b712b;color:#fff6e4}
.journal-hero h1{color:#fff2d1;font-weight:600}.journal-hero .editorial-tag{color:#efe3ca}.journal-hero-copy>p:last-child{color:#eee6d7}.journal-hero:after{border-color:#f3ead736}.atelier-orbits{stroke:#f2e8d4;opacity:.75}.atelier-orbits ellipse{stroke:#c8cfe9}.constellation-dots{fill:#ffe8a3;stroke:#f9d487}.atelier-aura{background:radial-gradient(ellipse,#bfc7e599,#96a2d44d 42%,transparent 74%)}.atelier-glint{color:#ffdea2}.atelier-caption{color:#cbd1ea}
.atelier-card{box-shadow:0 15px 28px #08002066,inset 0 0 0 4px #ffffff33;border-color:#f4d29c;background:linear-gradient(145deg,#f8f3e8,#919ed2)}.card-left{background:linear-gradient(145deg,#ffd1dc,#8695ce)}.card-right{background:linear-gradient(145deg,#d3dfff,#8998dc)}.card-center{background:linear-gradient(145deg,#fff1c3,#d8a65e)}.card-center svg{stroke:#765021}.atelier-card-face{border-color:#45518245}.atelier-card-no{color:#414e83}.atelier-card-line{background:#616d9c}
.curiosity-strip{background:linear-gradient(100deg,#f9f5ec,#faf6ef);border:1px solid #c0c7e5;border-radius:12px}.curiosity-strip span{color:#44528c}
.btn-primary,.unlock-btn{position:relative;isolation:isolate;background:linear-gradient(110deg,#4d63b6,#4559a8)!important;color:white!important;box-shadow:0 7px 20px #4c61b636;border:1px solid #ffffff38;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;overflow:hidden}
.btn-primary:not(:disabled):hover,.unlock-btn:hover{filter:brightness(1.08);box-shadow:0 10px 25px #4c61b648;transform:translateY(-2px)}.btn-primary:not(:disabled):active{transform:scale(.98)}.btn-primary:disabled{background:#ece7dd!important;color:#797e91!important;box-shadow:none}
.seg button.active,.chip-btn.active,.report-cat-chip.active{background:linear-gradient(110deg,#495eb2,#4d5fa8);color:var(--c-white);border-color:transparent;box-shadow:0 3px 10px #5266b52b}
.card{border-color:#b0badf42;box-shadow:0 8px 28px #3747860c;background:linear-gradient(140deg,var(--c-white),#fdfbf7)}.field input:focus,.field select:focus{outline:2px solid #6a7cc2;box-shadow:0 0 0 5px #7283c612}.saju-step-track .active{background:#f8f2e7;color:#4559a8}.personal-traits li:nth-child(2){border-color:#d18a69}.personal-traits li:nth-child(3){border-color:#5d9d9e}
.report-card{position:relative;border:1px solid #b9c1e2;box-shadow:0 9px 24px #42549a13;transition:transform .22s ease,box-shadow .22s ease}.report-card:not(:disabled):hover{transform:translateY(-5px);box-shadow:0 15px 32px #42549a25}.report-card .report-format{font-weight:700;letter-spacing:.06em}.report-card[data-cat="연애"]{border-color:#b4bde0}.report-card[data-cat="연애"] .report-text{background:linear-gradient(150deg,#fdfcfa,#faf6ee)}.report-card[data-cat="연애"] .report-format{color:#4357a5}.report-card[data-cat="재물"]{border-color:#d7bd8b}.report-card[data-cat="재물"] .report-text{background:linear-gradient(150deg,#fffcf4,#f8efd9)}.report-card[data-cat="재물"] .report-format{color:#98692b}.report-card[data-cat="일·진로"]{border-color:#9dc5cb}.report-card[data-cat="일·진로"] .report-text{background:linear-gradient(150deg,#f4fbfd,#e8f2f6)}.report-card[data-cat="일·진로"] .report-format{color:#397b85}.report-card .nm{color:#28335f;font-weight:600}.report-card .tagline{color:#61677e}.report-card .report-discover{color:#41549f}
.tabs-bar{background:linear-gradient(110deg,#1e2543f7,#232d55f7)!important;border-top:1px solid #c7cee860;box-shadow:0 -8px 30px #29356420;backdrop-filter:blur(16px)}.tabs-bar .tab-btn{color:#b4bbd8}.tabs-bar .tab-btn.active{color:#ffe2a6;background:radial-gradient(ellipse at center,#919ed238,transparent 75%);text-shadow:0 0 16px #ffd98c33}.tab-btn.active svg{filter:drop-shadow(0 0 5px #c7cee866)}
.report-page .reader-cover,.report-page .pocha-cover{background:radial-gradient(ellipse at top right,#48548638,transparent 60%),linear-gradient(110deg,#211a39,#202742);border-bottom:1px solid #b2bbdf33}.report-page .reading-point{border-bottom-color:#8b99d028}.report-page .reading-point h3{padding-left:12px;border-left:2px solid #8c9ad0}.report-page .reading-point strong{color:#f4cf94}.report-page .reading-preview>.reader-kicker{color:#adb7de}.report-page .reading-basis{color:#b9bed2}.report-page .reader-offer,.report-page .pocha-offer{background:radial-gradient(ellipse at top right,#46538733,transparent 70%),#1b2032;border-color:#909dd14d;box-shadow:0 14px 35px var(--c-black-a13)}.report-page .reader-offer h2{color:#f4dbb6}.report-page .reader-price-note{color:#c1c6da}.report-page .reading-preview{color:var(--c-gray-soft)}
.ui-ripple{position:absolute;width:14px;height:14px;left:var(--ripple-x);top:var(--ripple-y);margin:-7px;border-radius:50%;background:#fff7d4;pointer-events:none;z-index:4;animation:ui-ripple .55s ease-out forwards}.ui-arrive{animation:ui-arrive .45s cubic-bezier(.2,.7,.3,1) both}.view.ui-enter{animation:ui-enter .3s ease-out both}
@keyframes ui-ripple{from{opacity:.45;transform:scale(0)}to{opacity:0;transform:scale(24)}}@keyframes ui-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-enter{from{opacity:.6;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(hover:none){.btn-primary:not(:disabled):hover,.report-card:not(:disabled):hover{transform:none}}@media(prefers-reduced-motion:reduce){.ui-arrive,.view.ui-enter{animation:none}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.app-header .header-actions .header-icon-btn,.app-header .header-actions .sound-toggle{color:#f5ecdb!important;border-color:#f6eedf30!important;background:#ffffff0b!important}.app-header .header-actions .sound-toggle.is-on{color:#ffe2a1!important;border-color:#e9ba6866!important;background:#e4b55d16!important}
.tabs-bar .tab-btn.active .ico{background:#b4bde024;box-shadow:0 0 0 7px #b4bde024;border-radius:8px}.tabs-bar .tab-btn:not(.active) .ico{background:transparent;box-shadow:none}
.tab-intro{position:relative;border:1px solid #c4cbe7;border-radius:20px;background:radial-gradient(ellipse at top right,#f4ecdb66,transparent 70%),linear-gradient(120deg,#f9f4ea,#fff7ef);overflow:hidden}.tab-intro:after{content:'';position:absolute;right:-20px;top:-22px;width:110px;height:110px;border:1px solid #a4aed64d;border-radius:50%;pointer-events:none}.tab-intro .eyebrow{color:#43559f}.tab-intro h1{color:#2d3a6e}.section-title{color:#364583}
@media(prefers-reduced-motion:reduce){.ui-ripple{display:none!important}}

/* Layout audit: readable type, consistent spacing, compact topic cards. */
:root{--font-body:'Noto Sans KR',sans-serif;--font-heading:'Noto Sans KR',sans-serif}
.content{padding:20px 20px 32px;gap:20px;min-width:0}.view,.card,.field{min-width:0}.card{padding:24px 20px}.tab-intro{padding:20px!important}.tab-intro h1{margin:0!important;font-size:24px!important;line-height:1.4!important;letter-spacing:-.035em}.tab-intro .section-desc{margin-top:10px;font-size:14px!important;line-height:1.8}.section-desc,.saju-input-guide,.saju-intro-desc{font-size:14px;line-height:1.8}.field{gap:8px}.field label{font-size:14px;line-height:1.4}.field input[type=text],.field input[type=date],.field input[type=time],.field select{font-size:16px;min-height:48px;min-width:0;width:100%}.seg button{min-height:44px;font-size:14px}.check-row{min-height:36px;font-size:13px}.saju-step-track span{font-size:12px;line-height:1.4;padding:10px 6px}.saju-form-toggle{min-height:44px;font-size:13px}.saju-story-controls{gap:12px}.btn-primary{min-height:48px;line-height:1.4}.tabs-bar .tab-btn{font-size:12px;line-height:1.4;min-height:64px}.header-icon-btn,.sound-toggle{min-width:40px;min-height:40px}
.report-grid{grid-template-columns:minmax(0,1fr);gap:16px}.report-grid .report-card{display:grid;align-items:stretch;border-radius:18px;overflow:hidden;min-width:0}.report-grid .report-card .report-cover{width:100%;height:100%;min-height:180px;aspect-ratio:auto;border-radius:0}.report-grid .report-card .report-cover img{width:100%;height:100%;object-fit:cover}.report-grid .report-card .report-text{padding:18px 16px;gap:8px;min-width:0}.report-grid .report-card .nm{font-family:var(--font-body);font-size:18px;line-height:1.6;letter-spacing:-.035em;font-weight:700;text-wrap:initial;word-break:keep-all;overflow-wrap:anywhere}.report-grid .report-card .tagline{font-size:14px;line-height:1.8;color:#5a6078}.report-grid .report-format{font-size:12px;line-height:1.4;letter-spacing:0}.report-grid .report-card-footer{padding-top:4px;margin-top:auto}.report-grid .report-discover{font-size:13px;line-height:1.4;min-height:24px}.report-cat-chips{gap:8px;flex-wrap:wrap}.report-cat-chip{min-height:40px;font-size:13px;padding:8px 14px}
.report-page-body{padding-left:16px;padding-right:16px}.report-page .reading-preview>h2{font-family:var(--font-body);font-size:22px;font-weight:700;line-height:1.6;letter-spacing:-.035em}.report-page .reading-point{padding:24px 0}.report-page .reading-point h3{font-family:var(--font-body);font-size:18px;line-height:1.6;margin-bottom:12px}.report-page .reading-point p,.report-page .story-voice,.report-page .report-caption{font-size:16px;line-height:1.8;letter-spacing:-.015em}.report-page .reading-basis,.report-page .reading-note{font-size:13px;line-height:1.8}.report-page .reader-cover p,.report-page .pocha-cover p{font-size:13px;line-height:1.6}.report-page .reader-offer,.report-page .pocha-offer{padding:24px 20px}.report-page .offer-benefits li{font-size:15px;line-height:1.8;margin-bottom:12px}.report-page .reader-price-note{font-size:13px;line-height:1.8}.report-page .story-dialogue p{font-family:var(--font-body);font-size:16px;line-height:1.8}.report-page .pocha-dialogue>p{font-size:18px;line-height:1.8}.report-page .card{background:#151c2d}.everyday-questions b{font-size:15px;line-height:1.6}.everyday-questions small,.technical-details summary small{font-size:13px;line-height:1.6}.everyday-saju>p:not(.editorial-tag){font-size:15px;line-height:1.8}.myroom-head{flex-wrap:wrap;align-items:center}.myroom-empty{font-size:14px;line-height:1.8}.compat-editorial>p{font-size:22px;line-height:1.6}
@media(max-width:374px){.content{padding:16px 14px 28px}.card{padding:20px 16px}.report-grid .report-card .report-text{padding:16px 12px}.report-grid .report-card .nm{font-size:16px}.report-page-body{padding-left:14px;padding-right:14px}.tab-intro{padding:18px!important}}

/* Screenshot review: eight reported surfaces. */
.personal-traits{padding:20px;border:1px solid #c9cfe8;border-radius:20px;margin:24px 0;background:linear-gradient(130deg,#faf6ef,#fcfaf5)}.personal-traits h2{font-size:16px!important;line-height:1.6;margin:0 0 16px}.personal-traits li,.personal-traits li:nth-child(n){border-left:0;border-color:#ede8de;padding:18px 16px;align-items:flex-start;gap:12px}.personal-traits li+li{border-top:1px solid #ede8de}.personal-traits small{font-size:12px;line-height:1.6;color:#616a8e;margin-bottom:6px}.personal-traits li p{font-size:15px;line-height:1.8;color:#3c4360}.personal-traits>.hint{font-size:12px;line-height:1.8;color:#646b87;margin:14px 0 0}
#view-reports .tab-intro{padding:4px 0 0!important;background:none;border:0;border-radius:0;overflow:visible}#view-reports .tab-intro:after{display:none}#view-reports .tab-intro h1{font-size:24px!important}#report-cat-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 4px}.content{padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))}.everyday-title{margin:16px 0}
.lucky-row{gap:10px;align-items:stretch}.lucky-chip{background:#f8f3e9;border:1px solid #cad0e9;padding:18px 10px;border-radius:16px;gap:8px}.lucky-chip .ic{color:#5164b0}.lucky-chip .k{font-size:12px;color:#616885;line-height:1.6}.lucky-chip .v{font-size:15px;color:#30395f;line-height:1.6;margin:0;word-break:keep-all;overflow-wrap:anywhere}
.fortune-grid{grid-template-columns:minmax(0,1fr);gap:12px}.fortune-tile{padding:20px;border-radius:16px;background:#f9f5ee;border:1px solid #ece4d3}.fortune-tile .ttl{font-size:15px;line-height:1.6;color:#415193;margin:0 0 10px}.fortune-tile .body{font-size:16px;line-height:1.8;color:#494e61;word-break:keep-all;overflow-wrap:anywhere}
#myroom-card-wrap .myroom-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}#myroom-card-wrap .myroom-head>div:first-child{width:100%;min-width:0}#myroom-card-wrap .myroom-head-right{width:100%;max-width:none;display:flex;justify-content:flex-start;align-items:center;gap:10px}#myroom-card-wrap .myroom-count{margin-left:auto;white-space:nowrap;font-size:13px;color:#606782}#myroom-card-wrap .myroom-dex-btn{min-height:40px;height:40px;font-size:13px}#myroom-card-wrap .myroom-sort-seg{height:40px;min-height:40px}#myroom-card-wrap .myroom-sort-seg button{height:34px;min-height:34px;font-size:13px}.album-heading{font-size:20px;line-height:1.6;margin:6px 0 0}
.report-page>.reader-cover,.report-page>.pocha-cover{flex:0 0 auto;position:relative;height:auto;min-height:160px;margin:0;padding:24px;overflow:visible}.report-page>.report-page-body{flex:0 0 auto;position:relative;min-height:0;margin:0;padding-top:0}.report-page .reader-cover>div,.report-page .pocha-cover>div{position:static;transform:none;margin:0;min-width:0}.report-page .reader-cover h1,.report-page .pocha-cover h1{position:static;font-family:var(--font-body);font-size:20px;line-height:1.6;letter-spacing:-.035em}.report-page .reading-preview,.report-page .pocha-reader .reading-preview{position:static;clear:both;margin:0;padding:32px 0 24px}.report-page .reading-preview>.reader-kicker{position:static;margin:0 0 10px}.report-page .reading-preview>h2{position:static;margin:0 0 14px}.report-page .reading-basis{margin:0 0 8px}.report-page .reading-point:first-of-type{margin-top:8px}
@media(max-width:374px){.personal-traits{padding:16px}.lucky-row{gap:6px}.lucky-chip{padding:14px 6px}.lucky-chip .v{font-size:14px}#myroom-card-wrap .myroom-head-right{gap:6px}#myroom-card-wrap .myroom-sort-seg button{padding:0 8px}.report-page>.reader-cover,.report-page>.pocha-cover{padding:20px;min-height:148px}}
.everyday-title{position:relative}.everyday-title h1{position:relative;z-index:1;word-break:keep-all}.everyday-title .title-symbol{pointer-events:none}.everyday-title .title-symbol img{display:block}@keyframes saju-orbit-breathe{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}.reading-intro-art{margin:24px 0 8px;border:1px solid #95a1d333;border-radius:16px;overflow:hidden;background:#1c2334}.reading-intro-art img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain}.report-page .reading-intro-art+.reading-point{padding-top:24px}
/* Layered orbit motion and luminous reading introduction. */
.everyday-title{isolation:isolate;overflow:hidden;border:1px solid #c8cee866;border-radius:24px;box-shadow:0 14px 36px #33417b24,inset 0 1px 0 #fff2cf24}.everyday-title h1{color:#fff0d2;font-family:'Noto Serif KR',serif;letter-spacing:-.035em;text-shadow:0 2px 16px #140e3066}.everyday-title .title-symbol{z-index:0}.everyday-title .title-symbol img{animation:none}.everyday-title:before{content:'';position:absolute;inset:-65%;z-index:-1;background:conic-gradient(from 30deg,transparent 0 20%,#a5afda24 25%,transparent 32% 55%,#f9cf8a18 65%,transparent 72%);animation:panel-aurora 26s linear infinite;pointer-events:none}.everyday-title:after{content:'';position:absolute;inset:9px;border:1px solid #f4ebd820;border-radius:17px;pointer-events:none}@keyframes panel-aurora{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.everyday-title:before{animation:none}}
/* Keep the complete orbit inside its own layout cell, including glow. */
.everyday-title{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:12px;padding:24px 20px;min-height:228px;align-items:center;background:radial-gradient(ellipse at 78% 50%,#6274ba4d,transparent 56%),linear-gradient(120deg,#241c3e,#2d365b 65%,#2c2548)}.everyday-title h1{min-width:0;font-size:clamp(20px,4.8vw,25px);line-height:1.8;margin:0}.everyday-title .title-symbol{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:1;max-width:200px;margin:0;transform:none;justify-self:center;isolation:isolate}.everyday-title .title-symbol img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 6px #afb9df35)}.everyday-title:before{display:none}.everyday-title .title-symbol:before{content:'';position:absolute;inset:7%;z-index:0;border-radius:50%;background:conic-gradient(transparent,#b2bbdf33,transparent 40%,#f7d48c22,transparent 75%);filter:blur(8px);animation:panel-aurora 24s linear infinite;pointer-events:none}@media(max-width:374px){.everyday-title{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:6px;padding:22px 16px;min-height:192px}.everyday-title h1{font-size:20px}.everyday-title .title-symbol{width:100%;height:auto;inset:auto}}@media(prefers-reduced-motion:reduce){.everyday-title .title-symbol:before{animation:none}}
/* Consistent display crops for mixed square and landscape source assets. */
.report-grid .report-card{grid-template-columns:132px minmax(0,1fr)}.report-grid .report-card .report-cover img{object-position:50% 30%}.report-card[data-cat="연애"] .report-cover img{object-position:50% 22%}.report-card[data-cat="재물"] .report-cover img{object-position:58% 22%}.report-card[data-cat="일·진로"] .report-cover img{object-position:44% 40%}
.report-page .reader-cover>img,.report-page .pocha-cover>img{width:96px;height:120px;object-fit:cover;object-position:50% 25%}.report-page .pocha-cover>img{object-position:44% 40%}.report-page .reader-cover>img[src*="wealth-"]{object-position:58% 22%}
.report-page .reading-intro-art{aspect-ratio:4/3;overflow:hidden;margin:24px 0 8px}.report-page .reading-intro-art img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 22%}.report-page [data-reading-topic="money"] .reading-intro-art img{object-position:55% 25%}.report-page [data-reading-topic="career"] .reading-intro-art img{object-position:52% 60%}
@media(max-width:374px){.report-grid .report-card{grid-template-columns:108px minmax(0,1fr)}.report-page .reader-cover>img,.report-page .pocha-cover>img{width:76px;height:104px}}

/* 2026-10-24 최소 글자 크기 */
.disclaimer,.album-page-label,.card-back-label,.card-back-brand,.atelier-caption,.myroom-head-right .myroom-count,.card-back small,.reader-cover .reader-kicker,.report-page .reader-kicker{font-size:.6875rem!important}
.card-back-label,.card-back-brand,.album-page-label,.atelier-caption{letter-spacing:.04em!important}