:root{--bg:#F5F3EF;--surface:#FFFFFF;--card:#FFFFFF;--border:#E0DDD6;--primary:#C8872E;--primary-light:#E8A840;--primary-dark:#A06A1A;--accent:#B8963A;--accent-light:#D4AF37;--purple:#6B42A8;--purple-light:#8B62C8;--wood:#27AE60;--fire:#E74C3C;--earth:#F39C12;--metal:#95A5A6;--water:#3498DB;--text:#2A2520;--text-dim:#8A8480;--text-sub:#6B665E;--pink:#C8A97E;--green:#00B894;--shadow:0 2px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 30px rgba(0,0,0,.12)}*{margin:0;padding:0;box-sizing:border-box}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}body{font-family:Noto Sans KR,-apple-system,sans-serif;font-size:18px;background:var(--bg);color:var(--text);min-height:100vh;max-width:480px;margin:0 auto;padding-bottom:90px;overflow-x:hidden}.top-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.logo{font-family:"Noto Serif KR",serif;font-size:1.25em;font-weight:700;color:var(--primary);white-space:nowrap;flex-shrink:0}.logo span{font-size:.55em;font-weight:400;color:var(--text-sub);display:block;margin-top:-2px}.header-icons{display:flex;gap:12px;font-size:1.05em;align-items:center}.header-yeouiju{display:flex;align-items:center;gap:3px;padding:3px 8px;background:#e8a8401a;border-radius:12px;font-size:.78em}.header-login-btn{background:var(--primary);color:#fff;border:none;border-radius:20px;padding:5px 12px;font-size:.78em;font-weight:600;cursor:pointer;font-family:inherit}.header-login-btn:hover{background:var(--primary-light)}.header-user-info{display:flex;align-items:center;gap:8px;cursor:pointer}.header-user-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--primary);object-fit:cover}.header-user-name{font-size:.78em;color:var(--text);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-container{padding:40px 20px;text-align:center}.login-container h2{font-family:"Noto Serif KR",serif;color:var(--primary);margin-bottom:8px;font-size:1.35em}.login-subtitle{color:var(--text-sub);font-size:.82em;margin-bottom:32px}.social-login-btns{display:flex;flex-direction:column;gap:12px;max-width:320px;margin:0 auto}.social-btn{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;border:none;font-size:.85em;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s}.social-btn:hover{opacity:.9}.social-btn img,.social-btn svg{width:22px;height:22px}.social-btn-kakao{background:#fee500;color:#191919}.social-btn-naver{background:#03c75a;color:#fff}.social-btn-google{background:#fff;color:#333;border:1px solid #ddd}.social-btn-email{background:var(--card);color:var(--text);border:1px solid var(--border)}.social-btn-disabled{opacity:.4;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:12px;margin:24px auto;max-width:320px;color:var(--text-dim);font-size:.9em}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.user-menu-dropdown{position:absolute;top:50px;right:16px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:8px 0;min-width:160px;box-shadow:var(--shadow-lg);z-index:200;display:none}.user-menu-dropdown.show{display:block}.user-menu-item{display:block;width:100%;padding:10px 16px;border:none;background:none;color:var(--text);font-size:.82em;text-align:left;cursor:pointer;font-family:inherit}.user-menu-item:hover{background:var(--surface)}.user-menu-item.danger{color:#e74c3c}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;padding:6px 0 env(safe-area-inset-bottom,8px);z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:Noto Sans KR,sans-serif;font-size:.72em;color:var(--text-dim);cursor:pointer;padding:4px 8px;border:none;background:none;transition:color .2s}.nav-item.active{color:var(--primary)}.nav-item .nav-icon{font-size:1.6em}.header-progress{display:flex;align-items:center;gap:2px;margin:0 auto;min-width:0;overflow:hidden}.header-progress .hp-step{font-family:"Noto Serif KR",serif;font-size:.7em;font-weight:400;color:var(--text-dim);white-space:nowrap;letter-spacing:-.02em;transition:all .3s}.header-progress .hp-step.done{font-weight:700;color:var(--primary)}.header-progress .hp-sep{font-size:.65em;color:#8a849859;margin:0 1px}.header-wallet{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;border:1px solid var(--primary);background:#e8a84014;font-size:.75em;font-weight:700}.header-wallet .wallet-yeouiju{color:var(--primary)}.header-wallet .wallet-yeouiju span,.header-wallet .wallet-star span{margin-left:2px}.header-wallet .wallet-divider{color:var(--border);font-size:.8em;font-weight:300}.header-wallet .wallet-star{color:#f0c060;font-size:.9em}.service-card.card-locked{opacity:.45;pointer-events:none;filter:grayscale(.3);position:relative}.service-card.card-locked:after{content:"🔒";position:absolute;top:10px;right:12px;font-size:.9em}.page{display:none}.page.active{display:block}.hero-banner{background:linear-gradient(180deg,#fff,#f0ede6);border:1px solid var(--border);border-radius:16px;margin:12px;padding:16px 0 24px;text-align:center;position:relative;overflow:hidden}.hero-banner-interactive{cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;outline:none}.hero-banner-interactive:hover{transform:translateY(-2px);box-shadow:0 10px 28px #c8872e1f;border-color:var(--primary)}.hero-banner-interactive:focus-visible{box-shadow:0 0 0 3px #c8872e40}.hero-banner-interactive:active{transform:translateY(0)}.hero-easter-hint{position:absolute;bottom:8px;right:12px;font-size:.9em;color:var(--primary);opacity:.35;pointer-events:none;animation:heroSparkle 3.5s ease-in-out infinite;letter-spacing:0}@keyframes heroSparkle{0%,to{opacity:.25;transform:scale(1) rotate(0)}50%{opacity:.75;transform:scale(1.2) rotate(180deg)}}.hero-banner-interactive:hover .hero-easter-hint{opacity:.9;color:var(--primary)}@media(prefers-reduced-motion:reduce){.hero-easter-hint{animation:none}.hero-banner-interactive{transition:none}}.hero-mascot{width:140px;height:140px;margin:8px auto 12px;display:block;object-fit:contain;animation:mascotFloat 3s ease-in-out infinite}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mascot-icon{display:block;margin:0 auto 12px;object-fit:contain}.mascot-sm{width:56px;height:56px}.mascot-md{width:80px;height:80px}.mascot-lg{width:140px;height:140px}.mascot-float{animation:mascotFloat 3s ease-in-out infinite}.mascot-error{filter:saturate(.3) opacity(.7)}.mascot-inline{width:1.2em;height:1.2em;object-fit:contain;vertical-align:-.15em;margin-right:2px}.hero-banner .symbol-emoji{font-size:4em;display:block;margin-bottom:10px}.hero-banner h2{font-family:"Noto Serif KR",serif;font-size:1.25em;color:var(--primary);margin-bottom:0;font-weight:700;text-shadow:none;padding:0 24px;line-height:1.6;letter-spacing:-.02em;word-break:keep-all}.hero-banner p{font-family:Noto Sans KR,sans-serif;color:var(--text-sub);font-size:.85em;line-height:1.5;padding:0 24px}.hero-quote{font-family:"Noto Serif KR",serif!important;font-size:.82em!important;font-weight:600!important;color:#e8a0b0!important;margin-top:10px!important;letter-spacing:.5px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.service-card{background:var(--card);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;border:1px solid var(--border);text-align:center;font-family:inherit;width:100%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px}.service-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c8872e1f;border-color:var(--primary)}.service-card .card-img{display:flex;align-items:center;justify-content:center;font-size:5em;margin-bottom:10px;width:90px;height:90px;border-radius:20px;background:linear-gradient(135deg,#e8a8401a,#7b4fbf14)}.service-card .card-img img{width:72px;height:72px;object-fit:contain}#home-card-brain .card-img,#home-card-growth .card-img{overflow:visible}#home-card-brain .card-img img,#home-card-growth .card-img img{transform:scale(1.32);transform-origin:center}.service-card .card-body{text-align:center}.service-card h3{font-family:"Noto Serif KR",serif;font-size:1.5em;font-weight:700;margin-bottom:6px;color:var(--text);line-height:1.3}.service-card .desc{font-family:Noto Sans KR,sans-serif;font-size:.88em;color:var(--text-sub);margin-bottom:4px;line-height:1.5;word-break:keep-all}.service-card .card-cta{display:inline-block;padding:6px 16px;border-radius:20px;font-family:Noto Sans KR,sans-serif;font-size:.82em;font-weight:500;color:#fff;background:var(--primary)}.service-card.card-wide{grid-column:auto;flex-direction:column}.service-card.card-wide .card-img{width:56px;height:56px;border-radius:16px}.service-card.card-wide .card-body{text-align:center;padding:0}.service-card.card-wide .card-body .card-text{flex:none}.service-card.card-wide .card-body .card-cta{display:none}.card-coming-soon{opacity:.6;position:relative}.card-coming-soon:hover{opacity:.75}.badge-soon{display:inline-block;font-size:.6em;font-weight:500;background:var(--purple);color:#fff;padding:2px 8px;border-radius:10px;vertical-align:middle;margin-left:6px}.free-section{margin:16px 12px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 16px}.free-section-title{font-family:"Noto Serif KR",serif;font-size:1.05em;font-weight:700;color:var(--primary);margin-bottom:14px;display:flex;align-items:center;gap:8px}.free-no-data{text-align:center;padding:40px 20px;color:var(--text-sub)}.free-no-data .icon{font-size:2.5em;margin-bottom:10px}.free-pillar-table{width:100%;border-collapse:collapse;text-align:center;font-size:.95em}.free-pillar-table th{color:var(--text-sub);font-weight:400;font-size:.82em;padding:6px 4px}.free-pillar-table td{padding:8px 4px;font-family:"Noto Serif KR",serif;font-size:1.15em;font-weight:700}.free-pillar-table .stem-row td{border-bottom:1px solid var(--border)}.free-ohang-bar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.free-ohang-label{width:50px;font-size:.95em;color:var(--text-sub);text-align:right}.free-ohang-track{flex:1;height:18px;background:#0000000a;border-radius:9px;overflow:hidden}.free-ohang-fill{height:100%;border-radius:9px;transition:width .6s ease}.free-ohang-val{width:30px;font-size:.82em;color:var(--text-dim)}.free-sipsung-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.free-sipsung-item{display:flex;justify-content:space-between;align-items:center;background:#00000008;border-radius:8px;padding:8px 12px;font-size:.95em}.free-sipsung-item .name{color:var(--text-sub)}.free-sipsung-item .count{color:var(--primary);font-weight:700}.free-fortune-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.free-fortune-scroll::-webkit-scrollbar{height:4px}.free-fortune-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.free-fortune-card{flex:0 0 auto;min-width:80px;background:#00000008;border:1px solid var(--border);border-radius:10px;padding:10px 12px;text-align:center;font-size:.95em}.free-fortune-card.current{border-color:var(--primary);background:#c8872e1a}.free-fortune-card .age{color:var(--text-dim);font-size:.95em}.free-fortune-card .ganji{font-family:"Noto Serif KR",serif;font-size:1.1em;font-weight:700;color:var(--text);margin:4px 0}.free-fortune-card .ten-god{color:var(--text-sub);font-size:.95em}.free-relation-list{display:flex;flex-direction:column;gap:8px}.free-relation-item{display:flex;align-items:center;gap:10px;background:#00000008;border-radius:8px;padding:10px 14px;font-size:.95em}.free-relation-type{font-weight:700;color:var(--primary);min-width:50px}.free-relation-detail{color:var(--text-sub)}.brain-survey-container{padding:20px 16px}.brain-progress{display:flex;align-items:center;gap:10px;margin-bottom:20px}.brain-progress-bar{flex:1;height:6px;background:#0000000f;border-radius:3px;overflow:hidden}.brain-progress-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--primary));border-radius:3px;transition:width .3s ease}.brain-progress-text{font-size:.82em;color:var(--text-sub);white-space:nowrap}.brain-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px 20px;min-height:320px;display:flex;flex-direction:column}.brain-card-area{font-size:.82em;color:var(--purple-light);font-weight:500;margin-bottom:8px}.brain-card-question{font-family:"Noto Serif KR",serif;font-size:1.1em;font-weight:700;color:var(--text);margin-bottom:24px;line-height:1.6}.brain-options{display:flex;flex-direction:column;gap:10px;flex:1}.brain-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#00000008;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;font-size:.92em;color:var(--text-sub)}.brain-option:hover{border-color:var(--purple);background:#7b4fbf14}.brain-option.selected{border-color:var(--primary);background:#e8a8401a;color:var(--text)}.brain-option .radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.brain-option.selected .radio{border-color:var(--primary)}.brain-option.selected .radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary)}.brain-nav{display:flex;gap:12px;margin-top:20px;padding-bottom:20px}.brain-nav button{flex:1;padding:14px;border-radius:12px;font-size:.95em;font-weight:600;cursor:pointer;border:none;transition:all .2s}.brain-btn-prev{background:var(--card);border:1px solid var(--border)!important;color:var(--text-sub)}.brain-btn-prev:hover{border-color:var(--primary)!important}.brain-btn-next{background:var(--primary);color:#fff}.brain-btn-next:disabled{opacity:.4;cursor:not-allowed}.brain-btn-next:not(:disabled):hover{background:var(--primary-light)}.growth-prereq{text-align:center;padding:40px 20px}.growth-prereq .icon{font-size:3em;margin-bottom:16px}.growth-prereq .title{font-family:"Noto Serif KR",serif;font-size:1.15em;font-weight:700;color:var(--text);margin-bottom:12px}.growth-prereq .desc{font-size:.9em;color:var(--text-sub);line-height:1.6;margin-bottom:20px}.growth-prereq .status-row{display:flex;justify-content:center;gap:16px;margin-bottom:24px}.growth-prereq .status-item{display:flex;align-items:center;gap:6px;font-size:.95em}.growth-prereq .status-item .done{color:var(--green)}.growth-prereq .status-item .pending{color:var(--text-dim)}.growth-status-cards{display:flex;gap:10px;margin-bottom:20px;justify-content:center}.growth-status-card{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--card);border:1px solid var(--border);border-radius:12px;flex:1;max-width:180px}.gsc-icon{font-size:1.3em}.gsc-icon .done{color:var(--green,#27AE60)}.gsc-icon .pending{color:var(--text-dim)}.gsc-label{font-size:.85em;font-weight:600;color:var(--text)}.gsc-summary{font-size:.75em;color:var(--text-dim);margin-top:2px}.growth-prereq .go-btn{display:inline-block;padding:12px 28px;border-radius:12px;background:var(--primary);color:#fff;font-weight:600;font-size:.95em;border:none;cursor:pointer}.growth-prereq .go-btn:hover{background:var(--primary-light)}.growth-base-summary{display:flex;flex-direction:column;gap:0;margin-bottom:16px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--card)}.gbs-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.gbs-card:last-child{border-bottom:none}.gbs-icon{font-size:1.4em}.gbs-label{font-size:.75em;color:var(--text-dim)}.gbs-value{font-size:.82em;color:var(--primary);font-weight:600;margin-top:2px}.home-intro{margin:20px 12px 0;text-align:center}.home-intro .intro-title{font-family:"Noto Serif KR",serif;font-size:1.15em;font-weight:700;color:var(--primary);margin-bottom:12px;text-shadow:none}.home-intro .intro-desc{font-size:.95em;color:var(--text-sub);line-height:1.7;max-width:380px;margin:0 auto}.how-section{margin:24px 12px 0;padding:24px 20px 20px;background:linear-gradient(180deg,#ffffffe6,#f0ede699);border:1px solid var(--border);border-radius:16px}.how-section .how-label{font-family:Noto Sans KR,sans-serif;font-size:.72em;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--purple-light);margin-bottom:20px;text-align:center}.how-step{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.how-step:last-child{margin-bottom:0}.how-step .step-num{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Noto Serif KR",serif;font-size:.95em;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 0 12px #c8872e33}.how-step .step-title{font-size:.92em;font-weight:700;color:var(--text);margin-bottom:3px}.how-step .step-desc{font-size:.82em;color:var(--text-dim);line-height:1.5}.page-header{background:var(--primary);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1em}.page-header .close-btn{background:none;border:none;color:#fff;font-size:1.3em;cursor:pointer}.input-section{background:var(--card);margin:0;padding:20px 16px;border-bottom:8px solid var(--bg)}.input-section .section-label{font-size:.95em;font-weight:500;color:var(--text);margin-bottom:8px}.input-section .required{color:var(--accent-light);font-size:.95em;float:right}.input-section .valid-mark{color:var(--green);font-size:.95em;float:right}.text-input{width:100%;border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:1em;font-family:inherit;background:#f5f3ef;color:var(--text);transition:border-color .2s,box-shadow .2s}.text-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c8a97e26}.text-input::placeholder{color:var(--text-dim)}.radio-group{display:flex;gap:16px;padding:12px 0}.radio-item{flex:1;display:flex;align-items:center;gap:6px}.radio-item input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.radio-item label{cursor:pointer;font-size:.95em;color:var(--text)}.relation-chips{display:flex;gap:8px;flex-wrap:wrap}.relation-chip{padding:10px 18px;border-radius:24px;border:1.5px solid var(--border);background:var(--surface);font-size:.92em;font-family:inherit;color:var(--text-sub);cursor:pointer;transition:all .2s}.relation-chip:hover{border-color:var(--primary);color:var(--primary)}.relation-chip.active{border-color:var(--primary);background:var(--primary);color:#fff;font-weight:500}.mbti-axis-group{margin-bottom:10px}.cal-toggle{flex:1;padding:10px 0;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-sub);font-size:.92em;font-weight:600;cursor:pointer;transition:all .2s}.cal-toggle.active{border-color:var(--primary);background:#e8a8401a;color:var(--primary)}.health-input-group{display:flex;flex-direction:column;gap:6px}.health-input-label{font-size:.92em;font-weight:600;color:var(--text)}.health-input-label .required{color:var(--accent-light);font-size:.9em}.health-metric{flex:1;min-width:0;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;text-align:center}.health-metric .hm-value{font-size:1.15em;font-weight:700;margin-bottom:2px}.health-metric .hm-label{font-size:.75em;color:var(--text-dim)}.health-status-card{margin-bottom:16px;padding:18px 16px;background:var(--card);border:1px solid var(--border);border-radius:14px}.health-bar-track{height:8px;background:#0000000a;border-radius:4px;overflow:hidden;position:relative}.health-bar-fill{height:100%;border-radius:4px;transition:width .8s ease-out}.health-bar-marker{position:absolute;top:-3px;width:3px;height:14px;background:var(--text);border-radius:2px;transform:translate(-50%)}.mbti-axis-label{font-size:.88em;font-weight:600;color:var(--primary);letter-spacing:.5px;margin-bottom:6px}.mbti-axis-q{font-weight:400;color:var(--text-dim);font-size:.9em;letter-spacing:0}.mbti-axis-desc{font-size:.82em;color:var(--text-dim);margin-bottom:8px}.mbti-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mbti-option{position:relative;cursor:pointer}.mbti-option input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.mbti-option .mbti-opt-card{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:10px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);transition:all .25s;gap:10px}.mbti-opt-left{display:flex;align-items:center;gap:4px;flex-shrink:0}.mbti-option .mbti-opt-card:hover{border-color:#7f77dd66;background:#7f77dd0a}.mbti-option input:checked+.mbti-opt-card{border-color:#7f77dd;background:#7f77dd14;box-shadow:0 0 0 3px #7f77dd1f}.mbti-opt-letter{font-size:1.2em;font-weight:800;font-family:"Noto Serif KR",serif;color:var(--text);line-height:1}.mbti-option input:checked+.mbti-opt-card .mbti-opt-letter{color:#7f77dd}.mbti-opt-name{font-size:.82em;font-weight:600;color:var(--text)}.mbti-opt-desc{font-size:.75em;color:var(--text-dim);text-align:left}.mbti-result-badge{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;margin-top:12px;border-radius:12px;background:linear-gradient(135deg,#7f77dd1a,#c8a97e14);border:1.5px solid rgba(127,119,221,.25)}.mbti-result-type{font-family:"Noto Serif KR",serif;font-size:1.4em;font-weight:800;color:#7f77dd;letter-spacing:2px}.mbti-result-check{font-size:1.1em;color:#27ae60}.mbti-profile-card{margin:12px;padding:20px 16px;background:linear-gradient(135deg,#f8f5ff,#f0ecf9);border:1.5px solid rgba(127,119,221,.25);border-radius:14px;position:relative;overflow:hidden}.mbti-profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7f77dd,#9b6fdf,#7f77dd)}.mbti-profile-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.mbti-type-badge{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#7f77dd,#9b6fdf);display:flex;align-items:center;justify-content:center;font-family:"Noto Serif KR",serif;font-size:.95em;font-weight:800;color:#fff;letter-spacing:1px;flex-shrink:0}.mbti-profile-info h3{font-family:"Noto Serif KR",serif;font-size:1.05em;font-weight:700;color:var(--text);margin:0 0 4px}.mbti-profile-info .mbti-label-text{font-size:.82em;color:#7f77dd;font-weight:600}.mbti-cognitive-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mbti-cog-item{padding:10px 12px;background:#ffffffb3;border-radius:10px;border:1px solid rgba(127,119,221,.12)}.mbti-cog-rank{font-size:.68em;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.mbti-cog-func{font-size:.92em;font-weight:700;color:var(--text);margin-top:2px}.mbti-cog-desc{font-size:.72em;color:var(--text-sub);margin-top:2px;line-height:1.4}.mbti-ohang-cross{margin:0 12px 12px;padding:18px 16px;background:linear-gradient(135deg,#f8f5ff,#fdf6ea);border:1px solid rgba(127,119,221,.2);border-radius:12px}.mbti-ohang-cross .cross-title{font-family:"Noto Serif KR",serif;font-size:.95em;font-weight:700;color:var(--text);margin-bottom:10px;display:flex;align-items:center;gap:8px}.mbti-ohang-cross .cross-type-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.72em;font-weight:700;letter-spacing:.5px}.cross-badge-resonance{background:#27ae601f;color:#27ae60;border:1px solid rgba(39,174,96,.2)}.cross-badge-tension{background:#7f77dd1f;color:#7f77dd;border:1px solid rgba(127,119,221,.2)}.mbti-ohang-cross .cross-body{font-size:.95em;color:var(--text-sub);line-height:1.75}.mbti-ohang-cross .cross-highlight{color:var(--text);font-weight:600}.checkbox-item{display:flex;align-items:center;gap:8px;padding:8px 0}.checkbox-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.checkbox-item label{cursor:pointer;font-size:.95em;color:var(--text)}.time-confirm{font-size:.9em;color:var(--primary);margin-top:6px}.preview-table{width:100%;border-collapse:collapse;margin-top:12px}.preview-table th,.preview-table td{padding:10px 6px;text-align:center;font-size:.9em;border:1px solid var(--border);background:#f5f3ef;color:var(--text)}.preview-table th{background:var(--border);color:var(--text);font-weight:600}.el-bg-wood{background:#27ae6026!important;color:#27ae60}.el-bg-fire{background:#e74c3c26!important;color:#e74c3c}.el-bg-earth{background:#f39c1226!important;color:#f39c12}.el-bg-metal{background:#95a5a626!important;color:#95a5a6}.el-bg-water{background:#3498db26!important;color:#3498db}.preview-table sub{display:block;font-size:.95em;margin-top:2px}.btn{border:none;border-radius:10px;padding:12px 16px;font-size:1em;font-family:inherit;cursor:pointer;transition:background .2s,transform .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--primary-light);transform:translateY(-1px)}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#e8e4dc;border-color:var(--primary)}.btn-cancel{background:var(--card);color:var(--text);border:1px solid var(--border);flex:1}.btn-cancel:hover:not(:disabled){background:#e8e4dc}.action-row{display:flex;gap:12px;padding:20px 16px 30px;background:var(--card)}.action-row .btn{flex:1}.spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:6px}.result-header{padding:24px 16px;background:linear-gradient(135deg,#fff,#f0ede6);border-bottom:1px solid var(--border);text-align:center}.result-header .headline{font-family:"Noto Serif KR",serif;font-size:1.05em;font-weight:700;color:var(--primary);margin-bottom:10px;word-break:keep-all;line-height:1.5;padding:0 16px}.result-header .hashtags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.hashtag{display:inline-block;padding:8px 18px;background:linear-gradient(135deg,#e8a8401f,#7b4fbf1a);border:1px solid rgba(232,168,64,.3);border-radius:20px;font-family:"Noto Serif KR",serif;font-size:1.1em;font-weight:700;color:var(--primary);letter-spacing:.5px}.ohang-section{padding:20px 16px;background:var(--card);margin:12px;border-radius:12px;border:1px solid var(--border)}.ohang-section .section-title{text-align:center;margin-bottom:16px}.ohang-ring-wrap{display:flex;justify-content:center;align-items:center;padding:8px 0}.ohang-ring-wrap svg{max-width:320px;width:100%;height:auto}.ohang-total{text-align:center;margin-top:16px;padding:10px 0 4px;border-top:1px solid rgba(0,0,0,.04)}.ohang-total-label{font-size:.95em;color:var(--text-dim);margin-right:6px}.ohang-total-value{font-size:1.1em;font-weight:800;color:var(--primary)}.ohang-explanation{margin-top:12px;padding:16px;background:var(--surface);border-radius:12px;border:1px solid var(--border);color:var(--text-sub);font-family:Noto Sans KR,sans-serif;font-size:.95em;line-height:1.85}.ohang-explanation .expl-title{font-family:"Noto Serif KR",serif;font-size:1.15em;font-weight:700;color:var(--purple);margin-bottom:10px;display:block}.ohang-explanation .expl-item{display:flex;align-items:flex-start;gap:6px;margin-bottom:6px}.ohang-explanation .expl-item:last-child{margin-bottom:0}.ohang-explanation .expl-bullet{color:var(--primary);flex-shrink:0;font-weight:700}.ohang-explanation .expl-highlight{color:var(--text);font-weight:600}.ohang-explanation .expl-tie{background:#e8a8400f;border-radius:8px;padding:10px 10px 10px 6px;margin:8px 0;border-left:3px solid var(--primary)}.ohang-explanation .expl-tie-text{font-size:.88em;line-height:1.65;color:var(--text)}.ohang-explanation .expl-sub{display:block;margin-top:6px;font-size:.82em;color:var(--text-sub);line-height:1.55}.ohang-explanation .expl-oneliner{display:block;font-family:"Noto Serif KR",serif;font-size:1.15em;font-weight:700;color:var(--text);text-align:center;line-height:1.7;margin:16px 0 14px;padding:14px 12px;background:linear-gradient(135deg,#fffdf8,#fdf6ea);border:1px solid var(--primary);border-radius:10px;box-shadow:0 1px 8px #c8872e1a}.ohang-explanation .expl-empathy{display:block;margin:14px 0 6px;font-size:.95em;color:var(--text);font-weight:600}.ohang-explanation .expl-question{display:flex;align-items:flex-start;gap:6px;margin-bottom:8px;color:var(--text-sub);font-style:italic}.ohang-explanation .expl-question .q-dot{color:var(--purple);font-style:normal;flex-shrink:0}.ohang-explanation .expl-cta-wrap{text-align:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.ohang-explanation .expl-cta-msg{font-size:.95em;color:var(--text-sub);margin-bottom:12px;line-height:1.6}.ohang-explanation .expl-cta-btn{display:inline-block;padding:12px 28px;border-radius:24px;background:var(--primary);color:#fff;font-family:Noto Sans KR,sans-serif;font-size:.95em;font-weight:600;border:none;cursor:pointer;transition:background .2s}.ohang-explanation .expl-cta-btn:hover{background:var(--primary-light)}.discovery-cards-wrap{overflow:hidden;position:relative}.discovery-slider{display:flex;transition:transform .4s ease;touch-action:none;-webkit-user-select:none;user-select:none}.discovery-card{min-width:100%;padding:24px 20px;text-align:center;box-sizing:border-box}.discovery-card .disc-icon{font-size:2.2em;margin-bottom:12px}.discovery-card .disc-element{font-family:"Noto Serif KR",serif;font-size:.95em;font-weight:700;margin-bottom:10px;letter-spacing:1px}.discovery-card .disc-quote{font-family:"Noto Serif KR",serif;font-size:1.1em;font-weight:700;color:var(--text);line-height:1.7;margin-bottom:14px;padding:0 8px}.discovery-card .disc-desc{font-size:.95em;color:var(--text-sub);line-height:1.6}.discovery-dots{display:flex;justify-content:center;gap:8px;padding:12px 0 4px}.discovery-dot{width:8px;height:8px;border-radius:50%;background:var(--border);border:none;cursor:pointer;transition:background .3s,transform .3s;padding:0}.discovery-dot.active{background:var(--primary);transform:scale(1.3)}.today-insight-card{padding:20px;text-align:center;background:linear-gradient(135deg,#fffdf8,#fdf6ea);border:1.5px solid var(--primary);border-radius:14px;box-shadow:0 2px 12px #c8872e1a;position:relative;overflow:hidden}.today-insight-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-dark),var(--primary-light),var(--primary-dark))}.today-insight-card .today-date{font-size:.9em;color:var(--text-dim);margin-bottom:10px}.today-insight-card .today-label{font-family:"Noto Serif KR",serif;font-size:.9em;color:var(--purple);font-weight:700;margin-bottom:8px}.today-insight-card .today-quote{font-family:"Noto Serif KR",serif;font-size:1.15em;font-weight:700;color:var(--text);line-height:1.6;margin-bottom:12px}.today-insight-card .today-tip{font-size:.95em;color:var(--text-sub);line-height:1.5}.today-insight-card .today-tip strong{color:var(--primary)}.ai-waiting-typo{text-align:center;padding:32px 20px 48px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.ai-waiting-typo .typo-line{font-family:"Noto Serif KR",serif;font-size:1.15em;font-weight:700;color:var(--text);line-height:1.7;opacity:0;transition:opacity .6s ease;position:absolute}.ai-waiting-typo .typo-line.visible{opacity:1}.ai-waiting-typo .typo-sub{font-family:Noto Sans KR,sans-serif;font-size:.82em;font-weight:400;color:var(--text-dim);margin-top:40px;position:absolute;bottom:20px}.ai-waiting-typo .typo-glow{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(200,135,46,.12) 0%,transparent 70%);animation:glowPulse 2.5s ease-in-out infinite;pointer-events:none}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:1}}.yeouiju-crack-progress{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.yeouiju-crack-progress .crack-orb{width:32px;height:32px;position:relative}.yeouiju-crack-progress .crack-glow{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:radial-gradient(circle,rgba(200,135,46,.25) 0%,transparent 70%);opacity:0;transition:opacity .6s}.yeouiju-crack-progress.active .crack-glow{opacity:1}.yeouiju-crack-progress .crack-pct{font-size:.7em;color:var(--text-dim);font-family:Noto Sans KR,sans-serif}.ohang-deep-section{margin-top:12px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface);transition:border-color .4s,box-shadow .4s}.ohang-deep-section+.ohang-deep-section{margin-top:8px}.ohang-deep-header{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;background:var(--surface);border:none;width:100%;text-align:left;font-family:"Noto Serif KR",serif;font-size:1.05em;font-weight:700;color:var(--text);transition:background .2s}.ohang-deep-header:hover{background:#00000005}.ohang-deep-header .deep-arrow{margin-left:auto;font-size:.95em;color:var(--text-dim);transition:transform .3s}.ohang-deep-section.open .deep-arrow{transform:rotate(180deg)}.ohang-deep-header .deep-icon{font-size:1.2em}.ohang-deep-body{max-height:0;overflow:hidden;transition:max-height .4s ease}.ohang-deep-section.open .ohang-deep-body{max-height:2000px}.ohang-deep-content{padding:0 16px 16px;color:var(--text-sub);font-size:1em;line-height:1.85}.ohang-deep-content p{margin-bottom:8px}.ohang-deep-typing:after{content:"▊";animation:blink .7s infinite;color:var(--primary)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.deep-status{font-size:.95em;font-weight:400;color:var(--text-dim);display:flex;align-items:center;gap:4px;white-space:nowrap}.deep-status .status-icon{font-size:1em}.ohang-deep-section.pending{opacity:.5;pointer-events:none}.ohang-deep-section.pending .ohang-deep-header{cursor:default}.ohang-deep-section.streaming{border-color:#e8a8404d;pointer-events:none}.ohang-deep-section.streaming .ohang-deep-body{max-height:80px}.deep-blur-preview{padding:8px 16px 16px;color:var(--text-sub);font-size:.95em;line-height:1.8;filter:blur(4px);-webkit-user-select:none;user-select:none;opacity:.6;overflow:hidden;max-height:60px}@keyframes streamPulse{0%,to{opacity:.5}50%{opacity:1}}.ohang-deep-section.streaming .status-icon{animation:streamPulse 1.5s ease-in-out infinite}.ohang-deep-section.completed{pointer-events:auto;opacity:1}.ohang-deep-section.completed .deep-status{color:#27ae60;margin-left:auto}.ohang-deep-section.completed .deep-arrow{display:none}@keyframes goldFlash{0%{border-color:var(--border);box-shadow:none}30%{border-color:var(--primary);box-shadow:0 0 12px #e8a84059}to{border-color:var(--border);box-shadow:none}}.ohang-deep-section.flash{animation:goldFlash 1s ease-out}.deep-progress-bar{display:flex;flex-direction:column;align-items:center;padding:16px 16px 12px;margin-bottom:4px;gap:6px}.deep-progress-orb{position:relative;width:40px;height:40px}.deep-progress-orb .orb-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:radial-gradient(circle,rgba(200,135,46,.2) 0%,transparent 70%);transition:opacity .6s;opacity:.4}.deep-progress-orb svg{width:40px;height:40px}.deep-progress-meta{display:flex;align-items:center;gap:8px;font-family:Noto Sans KR,sans-serif;font-size:.95em;color:var(--text-dim)}.deep-progress-track{width:120px;height:3px;background:#0000000a;border-radius:2px;overflow:hidden}.deep-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:2px;transition:width .4s ease}.deep-progress-text{white-space:nowrap}@keyframes orbPulse{0%,to{filter:drop-shadow(0 0 4px rgba(200,135,46,.3))}50%{filter:drop-shadow(0 0 10px rgba(200,135,46,.6))}}.deep-progress-orb.cracking svg{animation:orbPulse 2s ease-in-out infinite}.deep-quant-summary{padding:16px;margin-bottom:8px;background:var(--card);border:1px solid var(--border);border-radius:12px}.deep-quant-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-family:"Noto Serif KR",serif;font-size:.9em;font-weight:700;color:var(--text)}.deep-quant-header .quant-icon{font-size:1.3em}.deep-quant-items{display:flex;flex-direction:column;gap:8px}.deep-quant-item{display:flex;align-items:baseline;gap:8px;font-size:.84em;color:var(--text-sub);line-height:1.6}.deep-quant-item .q-label{font-weight:600;color:var(--text);white-space:nowrap;min-width:72px}.deep-quant-item .q-value{color:var(--primary);font-weight:600}.deep-quant-cta{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-size:.9em;color:var(--text-dim);text-align:center;animation:streamPulse 2s ease-in-out infinite}.deep-quant-cta .quant-cta-icon{font-size:1.1em;margin-right:4px}.birth-info-card{margin:12px 12px 0;padding:14px 20px;background:linear-gradient(135deg,#fffdf8,#fdf6ea);border:1.5px solid var(--primary);border-radius:12px;box-shadow:0 2px 12px #c8872e1f,inset 0 1px #fffc;text-align:center;position:relative;overflow:hidden}.birth-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-dark),var(--primary-light),var(--primary-dark))}.birth-info-card .info-detail{font-family:"Noto Serif KR",serif;font-size:1.1em;font-weight:700;color:var(--text);letter-spacing:1.5px}.birth-info-card .info-detail .lunar{display:block;font-family:Noto Sans KR,sans-serif;font-size:.95em;font-weight:400;color:var(--text-dim);letter-spacing:.5px;margin-top:4px}.birth-info-card .gold-accent{color:var(--primary);font-size:.95em;margin:0 6px}.saju-haesul-header{text-align:center;padding:20px 0 8px}.saju-haesul-header h3{font-size:1.3em;color:var(--primary);font-family:"Noto Serif KR",serif;margin:0 0 6px}.saju-haesul-sub{font-size:.82em;color:var(--text-dim);margin:0}.saju-titles-list{display:flex;flex-direction:column;gap:10px;padding:4px 0}.saju-title-item{background:#ffffff08;border:1px solid rgba(0,0,0,.06);border-radius:14px;overflow:hidden;transition:border-color .3s,box-shadow .3s}.saju-title-item:hover{border-color:#c8a97e33}.saju-title-item.active{border-color:#c8a97e59;box-shadow:0 2px 16px #c8a97e14}.saju-title-btn{width:100%;background:none;border:none;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;text-align:left;transition:background .2s}.saju-title-btn:hover{background:#e8a8400a}.saju-title-btn:active{background:#c8872e1a}.saju-title-icon{font-size:1.6em;flex-shrink:0;width:36px;text-align:center}.saju-title-text{flex:1;font-size:1.15em;font-weight:700;color:var(--text);line-height:1.5;letter-spacing:-.02em}.saju-title-arrow{font-size:1.1em;color:var(--text-dim);transition:transform .3s;flex-shrink:0;opacity:.5}.saju-title-item.active .saju-title-arrow{transform:rotate(180deg);color:var(--primary);opacity:1}.saju-title-item.active .saju-title-btn{background:#e8a8400d}.saju-title-item.active .saju-title-text{color:var(--primary)}.saju-detail-body{max-height:0;overflow:hidden;opacity:0;padding:0 20px;color:var(--text-sub);font-size:1.05em;line-height:1.9;border-top:1px solid rgba(0,0,0,.04);transition:max-height .4s ease,opacity .3s ease,padding .4s ease}.saju-detail-body.open{max-height:5000px;opacity:1;padding:0 20px 24px}.saju-detail-body p{margin:12px 0}.saju-detail-body strong{color:var(--primary);font-weight:700}.saju-detail-body em{color:#b08cff}.saju-feedback{margin-top:18px;padding:12px 14px;background:#ffffff0a;border:1px solid var(--border);border-radius:10px;text-align:center}.saju-feedback-label{font-size:.85em;color:var(--text-dim);margin-bottom:8px}.saju-feedback-btns{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.saju-feedback-btns button{padding:6px 12px;font-size:.85em;background:#ffffff0f;border:1px solid var(--border);border-radius:20px;color:var(--text);cursor:pointer;transition:all .2s;font-family:inherit}.saju-feedback-btns button:hover:not(:disabled){background:#e8a84026;border-color:var(--primary)}.saju-feedback-btns button.active{background:var(--primary);color:#0b0a12;border-color:var(--primary);font-weight:600}.saju-feedback-btns button:disabled{cursor:default;opacity:.6}.yeouiju-ritual-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0b0a12eb;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;opacity:0;animation:ritualFadeIn .6s ease forwards}@keyframes ritualFadeIn{to{opacity:1}}.ritual-orb{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f0c060,#9b6fdf,#7b4fbf);box-shadow:0 0 40px #9b6fdf80,0 0 80px #e8a8404d;animation:ritualPulse 1.5s ease-in-out infinite}@keyframes ritualPulse{0%,to{transform:scale(1);box-shadow:0 0 40px #9b6fdf80}50%{transform:scale(1.08);box-shadow:0 0 60px #e8a84099}}.ritual-pillars{display:flex;gap:16px;margin-top:8px}.ritual-pillar{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.2;transition:all .8s ease}.ritual-pillar.lit{opacity:1}.ritual-pillar .rp-hanja{font-family:"Noto Serif KR",serif;font-size:1.4em;font-weight:700;color:#f0ede8;text-shadow:0 0 12px rgba(232,168,64,.6)}.ritual-pillar .rp-label{font-size:.7em;color:#f0ede880}.ritual-pillar.lit .rp-label{color:var(--primary)}.ritual-beam{width:2px;height:0;background:linear-gradient(180deg,rgba(232,168,64,.8),transparent);transition:height .6s ease;margin-bottom:-8px}.ritual-beam.active{height:30px}.ritual-text{font-family:"Noto Serif KR",serif;font-size:.9em;color:#f0ede899;letter-spacing:1px;margin-top:8px}.ritual-crack{animation:ritualCrack .5s ease forwards}@keyframes ritualCrack{0%{transform:scale(1)}50%{transform:scale(1.2);box-shadow:0 0 100px #e8a840e6}to{transform:scale(0);opacity:0}}.typing-reveal{overflow:hidden}.typing-char{opacity:0;animation:charReveal .05s ease forwards}@keyframes charReveal{to{opacity:1}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.saju-title-enter{opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease}.saju-title-item:not(.saju-title-enter){opacity:1;transform:translateY(0)}.saju-progress-loading{padding:24px 20px;text-align:left}.saju-progress-loading .yeouiju-icon{font-size:1.6em;display:inline-block;animation:yeouijuGlow 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(232,168,64,.6));vertical-align:middle;margin-right:8px}.saju-progress-info{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.saju-progress-text{color:var(--primary);font-size:.95em;font-weight:500}.saju-progress-pct{color:var(--primary);font-size:.95em;font-weight:700;min-width:36px;text-align:right}.saju-progress-track{width:100%;height:6px;background:#0000000f;border-radius:3px;overflow:hidden}.saju-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#E8D5B5);border-radius:3px;transition:width .3s ease;box-shadow:0 0 8px #e8a84066}.saju-detail-progress{padding:16px 0 12px}.saju-detail-progress .yeouiju-icon{font-size:1.2em;display:inline-block;animation:yeouijuGlow 1.5s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(232,168,64,.5));vertical-align:middle;margin-right:6px}.saju-detail-progress .saju-progress-info{margin:6px 0}.saju-detail-progress .saju-progress-text,.saju-detail-progress .saju-progress-pct{font-size:.82em}.saju-detail-progress .saju-progress-track{height:4px}@keyframes spin{to{transform:rotate(360deg)}}.saju-title-tag{font-size:.7em;color:var(--primary);background:#c8a97e1f;padding:3px 10px;border-radius:10px;flex-shrink:0;font-weight:500;letter-spacing:.02em}.saju-mini-interp{padding:8px 16px 12px 48px;font-size:.95em;color:var(--text-dim);line-height:1.65;letter-spacing:-.01em;border-bottom:1px solid rgba(200,169,126,.08)}.saju-title-item.active .saju-mini-interp{display:none!important}@keyframes brainPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(123,79,191,.4))}50%{transform:scale(1.08);filter:drop-shadow(0 0 16px rgba(123,79,191,.7))}}@keyframes brainWave{0%{background-position:-200% 0}to{background-position:200% 0}}.brain-pulse-icon{display:inline-block;font-size:2.4em;animation:brainPulse 1.5s ease-in-out infinite}.brain-progress-wave{height:6px;background:linear-gradient(90deg,transparent,var(--purple),var(--purple-light),var(--purple),transparent);background-size:200% 100%;border-radius:3px;animation:brainWave 2s linear infinite}.brain-title-item{background:#7b4fbf0a;border:1px solid rgba(123,79,191,.12);border-radius:14px;overflow:hidden;transition:border-color .3s,box-shadow .3s}.brain-title-item:hover{border-color:#7b4fbf4d}.brain-title-item.active{border-color:#7b4fbf73;box-shadow:0 2px 16px #7b4fbf1f}.brain-title-btn{width:100%;background:none;border:none;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;text-align:left;transition:background .2s}.brain-title-btn:hover{background:#7b4fbf0f}.brain-title-btn:active{background:#7b4fbf1a}.brain-title-icon{font-size:1.6em;flex-shrink:0;width:36px;text-align:center}.brain-title-text{flex:1;font-size:1.1em;font-weight:700;color:var(--text);line-height:1.5;letter-spacing:-.02em}.brain-title-arrow{font-size:1.1em;color:var(--text-dim);transition:transform .3s;flex-shrink:0;opacity:.5}.brain-title-item.active .brain-title-arrow{transform:rotate(180deg);color:var(--purple-light);opacity:1}.brain-title-item.active .brain-title-btn{background:#7b4fbf0f}.brain-title-item.active .brain-title-text{color:var(--purple-light)}.brain-title-tag{font-size:.7em;color:var(--purple-light);background:#7b4fbf26;padding:3px 10px;border-radius:10px;flex-shrink:0;font-weight:500}.brain-mini-interp{padding:8px 16px 12px 48px;font-size:.95em;color:var(--text-dim);line-height:1.55;letter-spacing:-.01em;border-bottom:1px solid rgba(123,79,191,.1)}.brain-title-item.active .brain-mini-interp{display:none!important}.brain-detail-body{max-height:0;overflow:hidden;opacity:0;padding:0 20px;color:var(--text-sub);font-size:.93em;line-height:1.85;border-top:1px solid rgba(123,79,191,.1);transition:max-height .4s ease,opacity .3s ease,padding .4s ease}.brain-detail-body.open{max-height:5000px;opacity:1;padding:0 20px 24px}.brain-detail-body strong{color:var(--purple-light);font-weight:700}.structured-detail{display:flex;flex-direction:column;gap:12px}.sd-block{border-radius:10px;overflow:hidden}.sd-header,.sd-toggle{display:flex;align-items:center;gap:8px;padding:10px 14px;width:100%;background:none;border:none;cursor:pointer;font-size:.88em;font-weight:600;color:var(--text);text-align:left;font-family:inherit}.sd-toggle:hover{background:#00000005}.sd-icon{font-size:1.1em;flex-shrink:0}.sd-label{flex:1}.sd-arrow{font-size:.8em;color:var(--text-dim);transition:transform .3s}.sd-open .sd-arrow{transform:rotate(180deg)}.sd-body{padding:0 14px 14px;font-size:.93em;line-height:1.7;color:var(--text-sub)}.sd-body strong{color:var(--primary)}.sd-body-collapsible{max-height:0;overflow:hidden;opacity:0;padding:0 14px;font-size:.88em;line-height:1.7;color:var(--text-dim);transition:max-height .4s ease,opacity .3s ease,padding .3s ease}.sd-open .sd-body-collapsible{max-height:500px;opacity:1;padding:0 14px 14px}.sd-insight{background:linear-gradient(135deg,#e8a84014,#7b4fbf0f)}.sd-insight .sd-body{font-size:1.05em;font-weight:600;color:var(--text);line-height:1.5}.sd-now{background:#00000005}.sd-action{background:#27ae600d}.sd-action .sd-body{color:var(--text)}.sd-science,.sd-deep{background:#00000005;border:1px dashed rgba(0,0,0,.08)}.brain-title-enter{opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease}.brain-title-item:not(.brain-title-enter){opacity:1;transform:translateY(0)}.growth-title-item{background:#ffffff08;border:1px solid rgba(0,0,0,.06);border-radius:14px;overflow:hidden;transition:border-color .3s,box-shadow .3s}.growth-title-item:hover{border-color:#e8a84033}.growth-title-item.active{border-color:#e8a84059;box-shadow:0 2px 16px #c8872e1a}.growth-title-btn{width:100%;background:none;border:none;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;text-align:left;transition:background .2s}.growth-title-btn:hover{background:#e8a8400a}.growth-title-btn:active{background:#c8872e1a}.growth-title-icon{font-size:1.6em;flex-shrink:0;width:36px;text-align:center}.growth-title-text{flex:1;font-size:1.1em;font-weight:700;color:var(--text);line-height:1.5;letter-spacing:-.02em}.growth-title-arrow{font-size:1.1em;color:var(--text-dim);transition:transform .3s;flex-shrink:0;opacity:.5}.growth-title-item.active .growth-title-arrow{transform:rotate(180deg);color:var(--primary);opacity:1}.growth-title-item.active .growth-title-btn{background:#e8a8400d}.growth-title-item.active .growth-title-text{color:var(--primary)}.growth-title-tag{font-size:.7em;padding:2px 8px;border-radius:10px;background:#e8a8401f;color:var(--primary);white-space:nowrap;flex-shrink:0}.growth-detail-body{max-height:0;overflow:hidden;opacity:0;padding:0 20px;color:var(--text-sub);font-size:.93em;line-height:1.85;border-top:1px solid rgba(232,168,64,.1);transition:max-height .4s ease,opacity .3s ease,padding .4s ease}.growth-detail-body.open{max-height:5000px;opacity:1;padding:12px 20px 24px}.growth-detail-body p{margin:12px 0}.growth-detail-body strong{color:var(--primary);font-weight:700}.subject-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;font-size:.88em}.subject-badge-name{font-weight:700;color:var(--text)}.subject-badge-info{color:var(--text-dim);font-size:.9em}.subject-badge-rel{padding:2px 8px;border-radius:6px;font-size:.78em;font-weight:600;background:#e8a8401f;color:var(--primary)}.subject-badge-self .subject-badge-rel{background:#7b4fbf1f;color:var(--purple-light)}.growth-title-enter{opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease}.growth-title-item:not(.growth-title-enter){opacity:1;transform:translateY(0)}@keyframes growthPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px rgba(232,168,64,.3))}50%{transform:scale(1.15);filter:drop-shadow(0 0 12px rgba(232,168,64,.6))}}.growth-pulse-icon{display:inline-block;animation:growthPulse 1.5s ease-in-out infinite}.analysis-menu{margin:12px;display:flex;flex-direction:column;gap:8px}.analysis-menu-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s;width:100%;text-align:left;color:var(--text);font-family:inherit}.analysis-menu-card:hover{border-color:var(--primary);background:#f0ede6}.analysis-menu-card .menu-icon{font-size:1.3em;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#e8a8401a;border-radius:8px;flex-shrink:0}.analysis-menu-card .menu-body{flex:1}.analysis-menu-card .menu-title{font-weight:700;font-size:1em;margin-bottom:2px}.analysis-menu-card .menu-desc{font-size:.95em;color:var(--text-dim)}.analysis-menu-card .menu-arrow{color:var(--text-dim);font-size:1.2em}.menu-free-badge{font-size:.7em;color:#27ae60;font-weight:600;background:#27ae6014;border:1px solid rgba(39,174,96,.25);border-radius:12px;padding:2px 8px;white-space:nowrap;flex-shrink:0}.menu-star-badge{font-size:.7em;color:var(--primary);font-weight:600;background:#c8872e14;border:1px solid rgba(200,135,46,.25);border-radius:12px;padding:2px 8px;white-space:nowrap;flex-shrink:0}.lucky-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:16px 12px}.lucky-item{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 8px;text-align:center}.lucky-item.lucky-avoid{background:#e74c3c0a;border-color:#e74c3c33}.lucky-icon{font-size:1.6em;display:block;margin-bottom:4px}.lucky-label{font-size:.82em;color:var(--text-sub);margin-bottom:4px;display:block}.lucky-value{font-size:.88em;color:var(--primary);font-weight:600;word-break:keep-all}.lucky-value.avoid-value{color:#e74c3c}.lucky-tip-wrap{margin:0 12px 12px;padding:14px 16px;background:linear-gradient(135deg,#e8a8400f,#7b4fbf0f);border:1px solid var(--border);border-radius:12px;display:flex;align-items:flex-start;gap:8px;line-height:1.6}.lucky-tip-icon{font-size:1.2em;flex-shrink:0}.lucky-tip-text{font-size:.92em;color:var(--text);font-weight:500}.lucky-sub-title{margin:14px 12px 8px;font-size:.85em;font-weight:600;color:var(--text-sub);letter-spacing:.5px}.lucky-cross-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:0 12px 12px}.lucky-cross-item{background:linear-gradient(135deg,#e8a8400a,#7b4fbf0a);border:1px solid var(--border);border-radius:12px;padding:12px 8px;text-align:center}.lucky-cross-icon{font-size:1.4em;display:block;margin-bottom:4px}.lucky-cross-label{font-size:.78em;color:var(--text-sub);margin-bottom:4px;display:block}.lucky-cross-value{font-size:.86em;color:var(--primary);font-weight:600;word-break:keep-all}.lucky-napeum{margin:0 12px 16px;padding:18px 16px;background:linear-gradient(135deg,#e8a8400f,#7b4fbf14);border:1px solid rgba(123,79,191,.15);border-radius:14px}.napeum-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.napeum-badge{font-size:.72em;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent));padding:3px 10px;border-radius:20px;letter-spacing:.5px}.napeum-name{font-family:"Noto Serif KR",serif;font-size:1.1em;font-weight:700;color:var(--text)}.napeum-desc{font-size:.9em;color:var(--text);line-height:1.7;margin-bottom:10px}.napeum-symbol{display:flex;align-items:center;gap:6px;font-size:.85em;color:var(--primary);font-weight:600;padding-top:8px;border-top:1px solid var(--border)}.lucky-jeolgi-wrap{margin:0 12px 12px;padding:12px 16px;background:linear-gradient(135deg,#4caf500d,#e8a8400d);border:1px solid rgba(76,175,80,.15);border-radius:12px;display:flex;align-items:center;gap:10px;font-size:.88em;line-height:1.5}.lucky-jeolgi-badge{font-size:.72em;font-weight:700;color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);padding:2px 8px;border-radius:12px;white-space:nowrap;flex-shrink:0}.lucky-jeolgi-text{color:var(--text);font-weight:500}.lucky-card-btn{background:linear-gradient(135deg,#fff0f3,#fff5f0);color:#c4707a;border:1.5px solid rgba(232,160,176,.35);border-radius:12px;padding:12px 28px;font-size:.92em;font-weight:700;cursor:pointer;letter-spacing:.5px;transition:all .2s;box-shadow:0 2px 8px #e8a0b026}.lucky-card-btn:active{transform:scale(.97);opacity:.9}.result-pillar-section{margin:12px;padding:16px;background:var(--card);border-radius:12px;border:1px solid var(--border)}.insight-progress-wrap{display:flex;align-items:center;gap:0;justify-content:center;padding:8px 0}.insight-step{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;position:relative}.insight-step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72em;font-weight:700;border:2px solid var(--border);background:var(--bg);color:var(--text-dim);transition:all .3s}.insight-step-dot.done{background:var(--primary);border-color:var(--primary);color:#fff}.insight-step-dot.active{border-color:var(--primary);color:var(--primary)}.insight-step-label{font-size:.65em;color:var(--text-dim);white-space:nowrap}.insight-step-label.done{color:var(--primary);font-weight:600}.insight-step-line{flex:0 0 auto;width:40px;height:2px;background:var(--border);margin-bottom:18px}.insight-step-line.done{background:var(--primary)}.insight-locked{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none}.insight-lock-badge{font-size:.65em;color:var(--text-dim);background:var(--bg);border:1px solid var(--border);padding:1px 8px;border-radius:10px;margin-left:auto}.insight-verified{font-size:.65em;color:#4caf50;font-weight:600;margin-left:auto}.insight-cta-btn{display:block;width:100%;padding:12px;border:none;border-radius:12px;font-size:.88em;font-weight:700;cursor:pointer;text-align:center;transition:all .2s}.insight-cta-btn.primary{background:linear-gradient(135deg,var(--primary),#D4942A);color:#fff}.insight-cta-btn.primary:active{transform:scale(.97);opacity:.9}.insight-cta-sub{display:block;font-size:.72em;font-weight:400;opacity:.85;margin-top:2px}.section-title{font-family:"Noto Serif KR",serif;font-size:1.2em;font-weight:700;color:var(--text);margin-bottom:12px}.stem-row,.branch-row{background:#f5f3ef}.dw-current-card{background:linear-gradient(135deg,#faf6f0,#f5f0e8);border:1.5px solid var(--primary);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 12px #c8872e14}.dw-current-ganji{font-family:"Noto Serif KR",serif;font-size:1.6em;font-weight:700;color:var(--text);letter-spacing:2px;line-height:1}.dw-current-info{flex:1;display:flex;flex-direction:column;gap:3px}.dw-current-label{font-size:.95em;color:var(--primary);font-weight:600}.dw-current-meta{font-size:.82em;color:var(--text-sub)}.dw-toggle-btn{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:10px;padding:8px 0;font-size:.9em;color:var(--text-dim);cursor:pointer;border:none;background:none;width:100%;transition:color .2s}.dw-toggle-btn:hover{color:var(--primary)}.dw-toggle-btn .arrow{transition:transform .3s}.dw-toggle-btn.open .arrow{transform:rotate(180deg)}.dw-all-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px;max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:0}.dw-all-grid.open{max-height:600px;opacity:1;margin-top:8px}.dw-card{background:#f5f3ef;border:1px solid var(--border);border-radius:10px;padding:8px 6px;text-align:center;font-size:.9em}.dw-card.is-current{border-color:var(--primary);background:#c8a97e1a}.dw-card .dw-age{color:var(--primary);font-weight:600;font-size:.82em;margin-bottom:2px}.dw-card .dw-gz{color:var(--text);font-size:1em;font-family:"Noto Serif KR",serif}.dw-card .dw-ten-god{color:var(--text-sub);font-size:.72em;margin-top:2px}.dw-card.current-year{border-color:var(--primary);background:#c8a97e1a}.dw-stage{color:var(--text-sub);font-size:.72em;margin-top:1px}.daewoon-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}.interp-section{margin:8px 12px;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.interp-section.open .interp-body{display:block;padding:16px;border-top:1px solid var(--border);background:#f5f3ef}.interp-header{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;color:var(--text);cursor:pointer;transition:background .2s}.interp-header:hover{background:#e8e4dc}.interp-icon{font-size:1.3em;width:30px}.interp-title{flex:1;text-align:left;font-weight:500;font-size:.95em}.interp-body{display:none}.interp-body p{color:var(--text-sub);line-height:1.7;margin-bottom:12px;font-size:.9em}.detail-list{list-style:none;padding-left:0}.detail-list li{color:var(--text-sub);line-height:1.6;font-size:.9em;padding:4px 0}.detail-list li:before{content:"• ";color:var(--primary);margin-right:6px}.arrow{transition:transform .2s;color:var(--text-sub)}.interp-section.open .arrow{transform:rotate(180deg)}.yeouiju-packages{margin:16px 12px}.yeouiju-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 4px}.yeouiju-header h3{font-size:1.1em;color:var(--primary);margin:0}.yeouiju-balance{background:linear-gradient(135deg,#fdf8f0,#f5ede0);border:1px solid var(--primary);border-radius:20px;padding:4px 14px;font-size:.9em;color:var(--primary);font-weight:700}.yeouiju-cost-badge{font-size:.78em;color:var(--primary);font-weight:600;background:#c8872e1a;border:1px solid rgba(200,135,46,.3);border-radius:16px;padding:3px 12px;white-space:nowrap}.yeouiju-bundle{border:1.5px solid var(--border);border-radius:12px;overflow:hidden;background:var(--card)}.yeouiju-bundle .yeouiju-card{border:none;border-radius:0;border-bottom:1px solid var(--border);box-shadow:none;margin:0}.yeouiju-bundle .yeouiju-card:last-of-type{border-bottom:none}.bundle-label{background:linear-gradient(135deg,#c8872e1a,#c8872e0d);padding:8px 14px;font-size:.8em;color:var(--primary-dark);font-weight:600;text-align:center;border-bottom:1px solid var(--border)}.yeouiju-bundle .yeouiju-result{border-radius:0;border:none;border-bottom:1px solid var(--border)}.yeouiju-cards{display:flex;flex-direction:column;gap:8px}.yeouiju-card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.yeouiju-card:hover{border-color:var(--primary);background:#f0ede6}.yeouiju-card.expanded{border-radius:12px 12px 0 0;border-bottom:none;border-color:var(--primary)}.yeouiju-card.purchased{border-color:var(--primary);opacity:.7}.yeouiju-card.purchased .pkg-cost{color:#27ae60;font-size:.9em}.pkg-icon{font-size:1.8em;flex-shrink:0}.pkg-icon img{width:36px;height:36px;object-fit:contain;vertical-align:middle}.pkg-info{flex:1}.pkg-title{font-size:.95em;font-weight:700;color:var(--text);margin-bottom:2px}.pkg-desc{font-size:.95em;color:var(--text-sub)}.pkg-cost{font-size:.82em;color:var(--primary);font-weight:600;white-space:nowrap}.yeouiju-card-lg{padding:18px 16px;gap:14px}.yeouiju-card-lg .pkg-icon img{width:44px;height:44px}.yeouiju-card-lg .pkg-title{font-size:1.02em;margin-bottom:3px}.yeouiju-card-lg .pkg-desc{font-size:.86em;line-height:1.5}.yeouiju-card-lg .pkg-cost{font-size:.9em;padding:6px 14px;background:#e8a8401a;border-radius:8px}.yeouiju-card-set{padding:0}.pkg-set-item{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--border)}.pkg-set-icon{flex-shrink:0}.pkg-set-icon img{width:36px;height:36px;object-fit:contain}.pkg-set-info{flex:1;min-width:0}.pkg-set-title{font-weight:700;font-size:.95em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pkg-set-desc{font-size:.78em;color:var(--text-dim);line-height:1.5;margin-top:2px}.yeouiju-result{margin-top:0;padding:16px;background:var(--card);border:1px solid var(--border);border-top:none;border-radius:0 0 12px 12px;color:var(--text-sub);font-size:.9em;line-height:1.7}.yeouiju-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center}.yeouiju-modal{background:var(--surface);border:1px solid var(--primary);border-radius:16px;padding:28px;max-width:360px;width:90%;text-align:center}.yeouiju-modal h3{color:var(--primary);margin-bottom:12px}.yeouiju-modal p{color:var(--text-sub);font-size:.9em;line-height:1.6;margin-bottom:20px}.yeouiju-modal-btns{display:flex;gap:10px;justify-content:center}.yeouiju-modal-btns button{padding:10px 24px;border-radius:8px;font-size:.9em;font-weight:600;cursor:pointer}.yeouiju-modal-btns .btn-charge{background:var(--primary);color:#fff;border:none}.yeouiju-modal-btns .btn-cancel{background:transparent;color:var(--text-sub);border:1px solid var(--border)}.yeouiju-product-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;background:var(--card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;font-family:inherit;font-size:.95em;color:var(--text)}.yeouiju-product-btn:hover:not(:disabled){border-color:var(--primary);background:#e8a84014;box-shadow:0 0 12px #e8a84026}.btn-timeline-verify{width:100%;padding:14px;background:linear-gradient(135deg,#7b4fbf33,#e8a84033);border:1px solid var(--primary-dim,#C88A28);border-radius:12px;color:var(--primary);font-size:1em;font-weight:600;cursor:pointer;transition:all .3s}.btn-timeline-verify:hover{background:linear-gradient(135deg,#7b4fbf59,#e8a84059);box-shadow:0 0 16px #e8a84033}.timeline-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center}.timeline-modal{background:var(--surface);border:1px solid var(--primary);border-radius:16px;padding:28px;max-width:380px;width:90%}.timeline-modal h3{color:var(--primary);margin-bottom:8px;text-align:center}.timeline-modal p{color:var(--text-sub);font-size:.85em;line-height:1.5;margin-bottom:16px;text-align:center}.timeline-year-inputs{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.timeline-year-inputs label{color:var(--text-sub);font-size:.85em;display:flex;align-items:center;gap:8px}.timeline-year-inputs input{flex:1;padding:10px 12px;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1em;text-align:center}.timeline-year-inputs input::placeholder{color:var(--text-dim)}.timeline-modal-btns{display:flex;gap:10px;justify-content:center}.timeline-modal-btns button{padding:10px 24px;border-radius:8px;font-size:.9em;font-weight:600;cursor:pointer}.timeline-modal-btns .btn-submit{background:var(--primary);color:#fff;border:none}.timeline-modal-btns .btn-submit:disabled{opacity:.4;cursor:not-allowed}.timeline-modal-btns .btn-cancel{background:transparent;color:var(--text-sub);border:1px solid var(--border)}.timeline-result-card{margin-top:16px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:12px;color:var(--text-sub);line-height:1.8;font-size:.95em}.timeline-result-card h2{color:var(--primary);font-size:1.1em;margin:20px 0 8px;font-family:"Noto Serif KR",serif}.timeline-result-card h2:first-child{margin-top:0}.timeline-match-badge{display:inline-block;margin-top:12px;padding:8px 16px;background:linear-gradient(135deg,#e8a84033,#7b4fbf33);border:1px solid var(--primary);border-radius:20px;color:var(--primary);font-weight:700;font-size:.95em}.mbti-upsell-banner{display:flex;align-items:center;gap:12px;margin:12px;padding:14px 16px;background:linear-gradient(135deg,#7b4fbf1f,#e8a84014);border:1px solid rgba(123,79,191,.3);border-radius:12px}.mbti-upsell-icon{font-size:1.4em;color:var(--purple)}.mbti-upsell-body{flex:1}.mbti-upsell-title{font-size:.88em;font-weight:700;color:var(--text);line-height:1.4}.mbti-upsell-desc{font-size:.75em;color:var(--text-sub);margin-top:4px;line-height:1.4}.mbti-upsell-btn{padding:8px 14px;background:var(--purple,#7B4FBF);color:#fff;border:none;border-radius:8px;font-size:.82em;font-weight:600;cursor:pointer;white-space:nowrap}.cross-map-wrap{margin-top:16px;padding:18px 16px;background:var(--card);border:1px solid var(--border);border-radius:14px}.cross-map-header{color:var(--primary);font-family:"Noto Serif KR",serif;font-size:1.05em;font-weight:700;margin-bottom:4px}.cross-map-header-sub{font-size:.82em;color:var(--text-sub);margin-bottom:14px;line-height:1.5}.cross-map-legend{display:flex;justify-content:center;gap:14px;margin-bottom:14px}.cross-map-legend-item{display:flex;align-items:center;gap:4px;font-size:.72em;color:var(--text-dim)}.cross-map-legend-dot{width:10px;height:10px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 2px #0000001a}.cross-map-row{padding:14px;margin-bottom:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.cross-map-row-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cross-map-row-title{font-size:.88em;font-weight:700;color:var(--text)}.cross-map-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:10px;font-size:.75em;font-weight:700}.cross-map-resonance{background:#27ae601f;color:#27ae60}.cross-map-tension{background:#7b4fbf1f;color:#9b6fdf}.cross-map-spectrum{position:relative;height:8px;background:linear-gradient(90deg,#7b4fbf1f,#e8a8401f);border-radius:4px;margin:0 4px}.cross-map-marker{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;border:2.5px solid #fff;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000026;z-index:1}.cross-map-marker-saju{background:var(--primary)}.cross-map-marker-mbti{background:var(--purple)}.cross-map-marker-merged{background:linear-gradient(135deg,var(--primary),var(--purple));width:22px;height:22px;box-shadow:0 0 0 3px #27ae6040,0 1px 4px #00000026}.cross-map-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:.72em;color:var(--text-dim)}.cross-map-row-desc{font-size:.82em;color:var(--text-sub);line-height:1.55;margin-top:10px;padding-top:8px;border-top:1px dashed var(--border)}.cross-map-summary{margin-top:14px;padding:16px;background:linear-gradient(135deg,#e8a8400a,#7b4fbf0a);border:1px solid var(--border);border-radius:12px}.cross-map-summary-title{display:flex;align-items:center;gap:6px;font-size:.88em;font-weight:700;color:var(--text);margin-bottom:8px}.cross-map-summary-text{font-size:.84em;color:var(--text-sub);line-height:1.65}.detail-free-part{line-height:1.8}.detail-blur-lock{position:relative;margin-top:0}.detail-blur-lock .blur-content{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none;line-height:1.8}.detail-blur-lock .lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(transparent 0%,var(--card) 50%);display:flex;align-items:center;justify-content:center}.btn-unlock-detail{padding:12px 24px;background:linear-gradient(135deg,var(--primary),#C88A28);color:#fff;border:none;border-radius:12px;font-size:.95em;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #e8a8404d;transition:all .3s}.btn-unlock-detail:hover{transform:translateY(-2px);box-shadow:0 6px 24px #e8a84066}.ai-section{margin:16px 12px;background:linear-gradient(135deg,#fff,#f0ede6);border:1px solid var(--border);border-radius:12px;padding:16px}.ai-header{margin-bottom:12px;text-align:center}.ai-header h3{font-family:"Noto Serif KR",serif;font-size:1.3em;color:var(--primary);margin-bottom:4px;font-weight:700}.ai-header p{font-size:.9em;color:var(--text-sub)}.ai-status{padding:12px;background:#f5f3ef;border:1px solid var(--border);border-radius:8px;text-align:center;color:var(--text-sub);font-size:.9em;margin-bottom:12px}.ai-card-list{display:flex;flex-direction:column;gap:8px}.ai-accordion{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#f5f3ef}.ai-accordion.active .ai-card{background:#f0ede6;border-color:var(--primary)}.ai-accordion.active .ai-acc-body{display:block}.ai-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:none;border:none;color:var(--text);cursor:pointer;transition:background .2s;text-align:left}.ai-card:hover{background:#f0ede6}.ai-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.5em;flex-shrink:0;background:#c8a97e1a!important}.ai-card-body{flex:1}.ai-card-title{font-weight:600;font-size:.95em;color:var(--text);margin-bottom:2px}.ai-card-sub{font-size:.9em;color:var(--text-sub)}.ai-card-arrow{font-size:1.4em;color:var(--text-dim);transition:transform .2s}.ai-accordion.active .ai-card-arrow{transform:rotate(90deg)}.ai-acc-body{display:none;padding:12px 14px;border-top:1px solid var(--border);background:#f5f3ef;color:var(--text-sub);line-height:1.7;font-size:.9em}.ai-acc-body h3,.ai-acc-body h4{color:var(--primary);margin-top:12px;margin-bottom:6px}.ai-acc-body strong{color:var(--text)}.ai-cursor{display:inline-block;width:2px;height:1em;background:var(--primary);margin-left:2px;animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.dragon-loading{text-align:center;padding:28px 20px}.dragon-loading .dragon-scene{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:14px}.dragon-loading .dragon-char{font-size:3.2em;display:inline-block;animation:dragonFloat 2s ease-in-out infinite}.dragon-loading .yeouiju{font-size:2.2em;display:inline-block;animation:yeouijuGlow 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(232,168,64,.6))}@keyframes dragonFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-2deg)}75%{transform:translateY(4px) rotate(2deg)}}@keyframes yeouijuGlow{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(232,168,64,.6))}50%{transform:scale(1.15);filter:drop-shadow(0 0 18px rgba(232,168,64,.9)) drop-shadow(0 0 30px rgba(123,79,191,.4))}}.dragon-loading .loading-dots{display:flex;justify-content:center;gap:6px;margin-bottom:10px}.dragon-loading .loading-dots span{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:dotPulse 1.4s ease-in-out infinite}.dragon-loading .loading-dots span:nth-child(2){animation-delay:.2s}.dragon-loading .loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.dragon-loading p{color:var(--text-sub);font-size:.92em}.share-bar{display:flex;gap:12px;padding:16px;background:linear-gradient(135deg,#fff,#f0ede6);border-top:1px solid var(--border)}.btn-share{background:var(--primary);color:#fff;font-weight:600;flex:1}.btn-share:hover:not(:disabled){background:var(--primary-light)}.loading-analysis{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:40px 24px;text-align:center}.loading-orb{font-size:3.2em;animation:orbPulse 1.8s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(232,168,64,.4))}@keyframes orbPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 18px rgba(232,168,64,.4))}50%{transform:scale(1.12);filter:drop-shadow(0 0 28px rgba(232,168,64,.6))}}.loading-progress-track{width:80%;max-width:300px;height:6px;background:var(--border);border-radius:3px;margin:20px auto 8px;overflow:hidden}.loading-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:3px;transition:width .3s ease}.loading-percent{font-size:1.05em;color:var(--primary);font-weight:700;font-family:Noto Sans KR,sans-serif;margin-bottom:28px}.loading-lines{width:80%;max-width:320px;text-align:left;margin:0 auto}.loading-lines .load-line{opacity:0;transform:translate(-12px);transition:opacity .5s ease,transform .5s ease;font-size:.92em;color:var(--text);padding:6px 0;border-bottom:1px solid rgba(0,0,0,.04);font-family:Noto Sans KR,sans-serif;display:flex;align-items:center;gap:8px}.loading-lines .load-line.visible{opacity:1;transform:translate(0)}.loading-lines .load-line .line-label{color:var(--text-sub);font-size:.85em;min-width:70px}.loading-lines .load-line .line-value{color:var(--primary-dark);font-weight:600}.loading-message{font-family:"Noto Serif KR",serif;color:var(--primary);font-size:1.1em;margin-top:32px;opacity:0;transition:opacity .8s ease;line-height:1.7;letter-spacing:-.01em}.loading-message.visible{opacity:1}.page-footer{padding:16px;text-align:center;font-size:.75em;color:var(--text-dim);border-top:1px solid var(--border);margin-top:12px;line-height:1.8}.page-footer a{text-decoration:none;transition:color .2s}.page-footer a:hover{color:var(--primary)}.legal-content{padding:16px;font-size:.9em;color:var(--text);line-height:1.8}.legal-content h3{font-family:"Noto Serif KR",serif;font-size:1.05em;font-weight:700;margin:20px 0 8px;color:var(--text);padding-bottom:6px;border-bottom:1px solid var(--border)}.legal-content p{margin-bottom:10px}.legal-content ol,.legal-content ul{padding-left:20px;margin-bottom:10px}.legal-content li{margin-bottom:6px}.legal-content li ul{margin-top:6px}.legal-section{margin-bottom:16px}.legal-date{font-size:.85em;color:var(--text-dim);margin-bottom:16px}.legal-table{width:100%;border-collapse:collapse;margin:8px 0 12px;font-size:.9em}.legal-table th,.legal-table td{padding:8px 10px;border:1px solid var(--border);text-align:left;vertical-align:top}.legal-table th{background:#c8872e0f;font-weight:600;color:var(--text);font-size:.92em}.legal-table td:first-child{font-weight:500;color:var(--text-sub);white-space:nowrap;width:35%}.faq-category{font-family:"Noto Serif KR",serif;font-size:.95em;font-weight:700;color:var(--primary);padding:16px 0 8px;border-bottom:1px solid var(--border);margin-bottom:4px}.faq-item{border-bottom:1px solid rgba(0,0,0,.04);cursor:pointer;transition:background .2s}.faq-item:hover{background:#c8872e0a}.faq-q{padding:14px 24px 14px 0;font-size:.95em;font-weight:500;color:var(--text);position:relative}.faq-q:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.2em;color:var(--text-dim);transition:transform .3s}.faq-open .faq-q:after{content:"−"}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease-out;font-size:.9em;color:var(--text-sub);line-height:1.7;padding:0 0 0 4px}.faq-open .faq-a{padding-bottom:14px}.shared-banner{padding:12px 16px;background:var(--primary);color:#fff;text-align:center;font-weight:600;font-size:.95em}.shared-banner a{color:#fff;text-decoration:none;font-weight:700}.score-section{padding:20px 16px;background:var(--card);margin:12px;border-radius:12px;border:1px solid var(--border);text-align:center}.big-score{font-family:"Noto Serif KR",serif;font-size:2.4em;font-weight:800;color:var(--primary);margin-bottom:16px}.big-score span{font-size:.4em;font-weight:400;color:var(--text-sub)}.score-bars{display:flex;flex-direction:column;gap:10px}.score-bar-item{display:flex;align-items:center;gap:8px}.bar-icon{font-size:1.2em;width:24px;text-align:center;flex-shrink:0}.bar-label{font-size:.9em;font-weight:600;color:var(--text);width:20px;flex-shrink:0}.bar-track{flex:1;height:12px;background:var(--surface);border-radius:6px;overflow:hidden}.bar-fill{height:100%;border-radius:6px;transition:width .5s ease}.bar-value{font-size:.9em;font-weight:700;width:28px;text-align:right;flex-shrink:0}.share-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--card);color:var(--text);padding:12px 20px;border-radius:8px;border:1px solid var(--border);font-size:.9em;z-index:200;opacity:0;transition:opacity .3s;max-width:300px;text-align:center;pointer-events:none}.share-toast.show{opacity:1}.gunghap-rel-selector{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.rel-pill{padding:8px 16px;border-radius:20px;border:1px solid rgba(248,180,200,.4);background:#fff5f799;color:#b85c7a;cursor:pointer;font-size:.95em;transition:all .2s}.rel-pill.active{background:linear-gradient(135deg,#f8b4c8,#e8a0b8);color:#fff;border-color:#f8b4c8;font-weight:600;box-shadow:0 2px 8px #f8b4c84d}.gunghap-persons{display:flex;gap:12px;margin-bottom:20px}.gunghap-person-card{flex:1;background:var(--card);border-radius:12px;padding:16px;border:1px solid var(--border)}.gunghap-person-card{flex:1;background:#fff5f780;border-radius:12px;padding:16px;border:1px solid rgba(248,180,200,.25)}.gunghap-person-card h4{color:#b85c7a;margin:0 0 12px;font-size:.95em}.gunghap-person-card .form-input{width:100%;padding:10px;margin-bottom:10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9em;box-sizing:border-box}.gunghap-person-card .gender-row{display:flex;gap:16px;color:var(--text-sub);font-size:.95em}.gunghap-person-card .gender-row label{display:flex;align-items:center;gap:4px;cursor:pointer}.gunghap-score-ring{width:120px;height:120px;margin:20px auto;position:relative}.gunghap-score-ring .score-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2em;font-weight:700;color:#d4728a}.gunghap-score-label{text-align:center;color:#b85c7a;font-size:1.1em;font-weight:600;margin-bottom:24px}.gunghap-section{background:#fff5f766;border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid rgba(248,180,200,.2)}.gunghap-section h4{color:#b85c7a;margin:0 0 8px;font-size:.95em}.gunghap-section p{color:var(--text-sub);font-size:.95em;line-height:1.6;margin:0}.gunghap-pillar-compare{display:flex;gap:12px;margin-bottom:20px}.gunghap-pillar-compare .pillar-side{flex:1;text-align:center}.gunghap-pillar-compare .pillar-side h5{color:#b85c7a;margin:0 0 8px;font-size:.9em}.gunghap-ai-area{margin-top:20px}.gunghap-ai-area .ai-text{background:var(--surface);border-radius:12px;padding:16px;color:var(--text);font-size:.9em;line-height:1.7;white-space:pre-wrap;min-height:100px;border:1px solid var(--border)}.gh-person-section{background:var(--card);border-radius:14px;padding:18px 16px;border:1px solid var(--border)}.gh-person-title{color:var(--primary);font-size:1em;font-weight:700;margin:0 0 14px}.gh-self-card{padding:14px 16px;background:linear-gradient(135deg,#e8a8401a,#7b4fbf0f);border:1px solid rgba(232,168,64,.3);border-radius:12px}.gh-self-card .gh-self-name{color:var(--primary);font-weight:700;font-size:1.02em}.gh-self-card .gh-self-badge{font-size:.74em;color:var(--primary);background:#e8a8402e;padding:2px 10px;border-radius:10px;font-weight:700}.gh-self-card .gh-self-info{color:var(--text-sub);font-size:.88em;margin-top:6px}.gh-self-card .gh-self-mbti{margin-top:6px;color:var(--purple);font-size:.86em;font-weight:600}.gh-self-card .gh-self-note{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);font-size:.76em;color:var(--text-dim)}.gh-self-missing{padding:18px 16px;background:#e8a84014;border:1px solid rgba(232,168,64,.25);border-radius:12px;text-align:center}.gh-mbti-picker{display:flex;flex-direction:column;gap:8px}.gh-mbti-row{display:flex;gap:8px}.gh-mbti-pill{flex:1;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-sub);font-size:.9em;font-weight:600;cursor:pointer;transition:all .15s}.gh-mbti-pill:hover{border-color:var(--primary);color:var(--text)}.gh-mbti-pill.active{background:linear-gradient(135deg,var(--primary),#F0C060);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #e8a84040}.gh-mbti-result-badge{margin-top:6px;text-align:center;padding:8px 12px;background:#7b4fbf14;border:1px solid rgba(123,79,191,.25);border-radius:10px;color:var(--purple);font-size:.92em;font-weight:700;letter-spacing:.5px}.card-price-tag{font-size:.78em;color:var(--primary);margin:6px 0 0;font-weight:600}.payment-product-card{display:flex;align-items:center;justify-content:space-between;padding:16px;margin-bottom:10px;background:var(--card);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.payment-product-card:active{transform:scale(.98)}.payment-product-card.ppc-popular{border-color:var(--primary);box-shadow:0 0 12px #e8a84026}.payment-product-card.ppc-best{border-color:var(--purple);box-shadow:0 0 12px #7b4fbf26}.payment-product-card .ppc-tag{position:absolute;top:0;right:0;padding:2px 10px;font-size:.65em;font-weight:700;color:#fff;border-radius:0 12px 0 8px}.ppc-popular .ppc-tag{background:var(--primary)}.ppc-best .ppc-tag{background:var(--purple)}.ppc-left{flex:1}.ppc-name{font-size:.92em;font-weight:600;color:var(--text)}.ppc-name .ppc-badge{font-size:.72em;color:var(--primary);font-weight:700;margin-left:4px}.ppc-price{font-size:1.05em;font-weight:700;color:var(--primary);margin-top:4px}.ppc-price .ppc-original{font-size:.75em;color:var(--text-dim);text-decoration:line-through;font-weight:400;margin-left:4px}.ppc-star{font-size:.72em;color:#f0c060;margin-top:3px}.ppc-btn{padding:8px 18px;border-radius:10px;border:none;background:var(--primary);color:#fff;font-weight:700;font-size:.82em;cursor:pointer}.btn-star-exchange:hover{background:#f0c06033}@media(max-width:600px){.gunghap-persons,.gunghap-pillar-compare{flex-direction:column}}@media(max-width:480px){.page{padding:16px 12px}.card,.analysis-card,.result-card{padding:14px 12px}.hero h1{font-size:1.5em}.hero p{font-size:.88em}.bottom-nav button{font-size:.7em}.header-progress .hp-step{font-size:.6em}.header-progress .hp-sep{font-size:.55em}.header-wallet{font-size:.68em;padding:3px 8px}.page-footer{font-size:.72em}}@media(max-width:400px){.top-header{padding:10px 12px}.logo{font-size:1.1em}.header-progress .hp-step{font-size:.52em}.header-progress .hp-sep{font-size:.48em}.header-wallet{font-size:.62em;padding:2px 6px;gap:4px}.header-icons{gap:8px;font-size:.9em}.page-footer{font-size:.65em}}@media(max-width:375px){body{font-size:14px}.page{padding:12px 8px}.card,.analysis-card,.result-card{padding:12px 10px;border-radius:10px}.hero h1{font-size:1.3em}.bottom-nav{padding:6px 0}.bottom-nav button{font-size:.65em;gap:2px}.home-grid{gap:10px}.header-progress .hp-step{font-size:.48em}.header-wallet{font-size:.58em;padding:2px 5px}.page-footer{font-size:.6em}}@media(min-width:768px){body{max-width:600px}.home-grid{grid-template-columns:repeat(2,1fr);gap:20px}.card,.analysis-card,.result-card{padding:20px 24px}.hero h1{font-size:2em}}.result-chat-cta{display:flex;align-items:center;gap:14px;margin:16px 12px 8px;padding:16px 18px;background:linear-gradient(135deg,#c8872e1a,#e8a8400a);border:1px solid rgba(200,135,46,.28);border-radius:14px;cursor:pointer;transition:all .2s}.result-chat-cta:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow)}.result-chat-cta:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.result-chat-cta .chat-cta-icon{font-size:1.7em;flex-shrink:0}.result-chat-cta .chat-cta-body{flex:1;min-width:0}.result-chat-cta .chat-cta-title{font-size:.95em;font-weight:700;color:var(--text);margin-bottom:2px}.result-chat-cta .chat-cta-desc{font-size:.78em;color:var(--text-sub);line-height:1.5}.result-chat-cta .chat-cta-arrow{color:var(--primary);font-size:1.3em;font-weight:700;flex-shrink:0}.star-cost-badge{font-size:.78em;color:var(--primary);font-weight:600;background:#c8872e1f;border:1px solid rgba(200,135,46,.32);border-radius:16px;padding:3px 12px;white-space:nowrap;flex-shrink:0}#page-chat.active{display:flex;flex-direction:column;position:fixed;top:60px;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(100vh - 60px);height:calc(100dvh - 60px);background:var(--bg);z-index:80}.chat-header{flex-shrink:0}.chat-header-actions{display:flex;align-items:center;gap:6px}.chat-clear-btn{background:none;border:none;color:#fff;font-size:1.25em;cursor:pointer;padding:0 6px;line-height:1;opacity:.85;transition:opacity .2s,transform .2s}.chat-clear-btn:hover{opacity:1;transform:rotate(-45deg)}.chat-credits-chip{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;background:linear-gradient(180deg,#e8a84014,#fff0);border-bottom:1px solid var(--border);font-size:.82em;font-weight:600;color:var(--text)}.chat-credits-chip .chat-chip-star{color:var(--primary);display:inline-block;transition:color .2s}.chat-credits-chip .chat-chip-star.pulse{animation:chatStarPulse .7s ease-out}.chat-credits-chip .chat-chip-credits{color:var(--text-sub);font-variant-numeric:tabular-nums}.chat-credits-chip .chat-chip-credits.warn{color:#c8872e;font-weight:700}.chat-credits-chip .chat-chip-credits.empty{color:#c0392b;font-weight:700}.chat-credits-chip .chat-chip-sep{color:var(--border)}.chat-credits-chip .chat-chip-dots{display:inline-flex;align-items:center;gap:5px}.chat-credits-chip .chat-dot{width:8px;height:8px;border-radius:50%;background:transparent;border:1.5px solid var(--border);transition:background .25s ease,border-color .25s ease,transform .3s ease,opacity .3s ease;display:inline-block}.chat-credits-chip .chat-dot.filled{background:var(--primary);border-color:var(--primary);animation:chatDotFadeIn .35s ease-out}.chat-credits-chip .chat-dot.fading{animation:chatDotFadeOut .4s ease-out forwards}@keyframes chatStarPulse{0%{transform:scale(1);color:var(--primary)}35%{transform:scale(1.28);color:#e67e22;text-shadow:0 0 10px rgba(232,168,64,.6)}70%{transform:scale(1.08);color:#c8872e}to{transform:scale(1);color:var(--primary);text-shadow:none}}@keyframes chatDotFadeIn{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes chatDotFadeOut{0%{background:var(--primary);border-color:var(--primary);transform:scale(1);opacity:1}60%{background:#e8a040;border-color:#e8a040;transform:scale(1.3);opacity:.7}to{background:transparent;border-color:var(--border);transform:scale(.85);opacity:1}}.chat-empty-banner{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#c0392b14,#e8a8400f);border-top:1px solid rgba(192,57,43,.2);font-size:.82em;color:#a0301e;font-weight:600;animation:chatBannerSlide .3s ease-out}.chat-empty-banner-btn{flex-shrink:0;background:var(--primary);color:#fff;border:none;border-radius:14px;padding:6px 14px;font-size:.92em;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.chat-empty-banner-btn:hover{background:var(--primary-light);transform:translateY(-1px)}@keyframes chatBannerSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-usage-tag{margin-top:8px;padding-top:6px;border-top:1px dashed rgba(200,135,46,.25);font-size:.72em;color:var(--text-dim);font-weight:500;letter-spacing:.01em}.chat-truncated-tag{margin-top:10px;padding:7px 10px;background:#e8a8401a;border-left:3px solid var(--primary);border-radius:6px;font-size:.78em;color:#8c5e1f;line-height:1.5}.chat-subject-bar{flex-shrink:0;padding:8px 14px;background:var(--surface);border-bottom:1px solid var(--border);font-size:.78em;color:var(--text-sub);text-align:center;display:none}.chat-subject-bar.show{display:block}.chat-subject-bar strong{color:var(--primary);font-weight:600}.chat-messages{flex:1;overflow-y:auto;padding:18px 14px 12px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.chat-empty{text-align:center;padding:36px 16px 20px}.chat-empty .mascot-icon{margin:0 auto 12px;display:block}.chat-empty-title{font-family:"Noto Serif KR",serif;font-size:1.05em;font-weight:700;color:var(--text);margin-bottom:6px}.chat-empty-desc{font-size:.85em;color:var(--text-sub);line-height:1.6;margin-bottom:20px}.chat-suggestions{display:flex;flex-direction:column;gap:8px;max-width:320px;margin:0 auto}.chat-suggestion{padding:10px 14px;background:var(--card);border:1px solid var(--border);border-radius:12px;font-size:.85em;font-family:inherit;color:var(--text-sub);cursor:pointer;text-align:left;transition:all .2s;line-height:1.5}.chat-suggestion:hover{border-color:var(--primary);color:var(--primary);background:#c8872e0a}.chat-bubble{display:flex;margin-bottom:14px;animation:chatFadeIn .25s ease-out}.chat-bubble.user{justify-content:flex-end}.chat-bubble.ai{justify-content:flex-start}.chat-bubble-body{max-width:78%;padding:11px 14px;border-radius:16px;font-size:.92em;line-height:1.65;word-wrap:break-word;white-space:pre-wrap}.chat-bubble.user .chat-bubble-body{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.chat-bubble.ai .chat-bubble-body{background:var(--card);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.chat-bubble.ai .chat-bubble-body strong{color:var(--primary)}.chat-typing{display:inline-flex;gap:4px;align-items:center;padding:4px 0}.chat-typing span{width:6px;height:6px;border-radius:50%;background:var(--text-dim);animation:chatTyping 1.4s infinite ease-in-out}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chatTyping{0%,80%,to{opacity:.3;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-gate{flex:1;display:none;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center}.chat-gate.show{display:flex}.chat-gate-icon{font-size:2.4em;margin-bottom:12px}.chat-gate-title{font-family:"Noto Serif KR",serif;font-size:1.1em;font-weight:700;color:var(--text);margin-bottom:6px}.chat-gate-desc{font-size:.88em;color:var(--text-sub);line-height:1.6;margin-bottom:20px;max-width:280px}.chat-gate .btn{padding:12px 28px;border-radius:12px;font-weight:600;cursor:pointer;border:none}.chat-input-bar{flex-shrink:0;display:flex;gap:8px;align-items:flex-end;padding:10px 12px calc(env(safe-area-inset-bottom,8px) + 70px);background:var(--surface);border-top:1px solid var(--border)}.chat-input{flex:1;border:1px solid var(--border);border-radius:18px;padding:10px 14px;font-size:.95em;font-family:inherit;background:var(--bg);color:var(--text);resize:none;line-height:1.5;max-height:120px;transition:border-color .2s,box-shadow .2s}.chat-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c8a97e26}.chat-input::placeholder{color:var(--text-dim)}.chat-send-btn{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--primary);border:none;color:#fff;font-size:1.3em;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s,opacity .2s}.chat-send-btn:hover:not(:disabled){background:var(--primary-light);transform:translateY(-1px)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.person-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14100c8c;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:ppFade .18s ease-out}@keyframes ppFade{0%{opacity:0}to{opacity:1}}.person-picker-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:340px;padding:24px 22px 18px;box-shadow:0 20px 60px #00000040;position:relative;animation:ppPop .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes ppPop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.person-picker-close{position:absolute;top:14px;right:14px;background:none;border:none;font-size:1.1em;color:var(--text-dim);cursor:pointer;padding:6px;line-height:1;border-radius:6px}.person-picker-close:hover{color:var(--text);background:#0000000a}.person-picker-title{font-family:"Noto Serif KR",serif;font-size:1.15em;font-weight:700;color:var(--text);text-align:center;margin:0 0 6px;letter-spacing:-.01em}.person-picker-subtitle{font-size:.82em;color:var(--text-sub);text-align:center;margin:0 0 16px;line-height:1.5}.person-picker-list{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow-y:auto;margin-bottom:14px;padding-right:2px}.person-picker-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:14px;cursor:pointer;font-family:inherit;text-align:left;width:100%;transition:border-color .15s,background .15s,transform .1s}.person-picker-row:hover{border-color:var(--primary);background:#c8872e0d}.person-picker-row:active{transform:scale(.98)}.person-picker-row.is-current{border-color:var(--primary);background:#c8872e12}.person-picker-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:"Noto Serif KR",serif;font-size:1.1em;font-weight:700;letter-spacing:-.02em;box-shadow:0 2px 8px #00000014}.person-picker-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.person-picker-name{font-size:.95em;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-picker-meta{font-size:.74em;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-picker-trail{flex-shrink:0;font-size:1.1em;color:var(--text-dim);font-weight:600}.person-picker-row.is-current .person-picker-trail{color:var(--primary)}.person-picker-add{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:13px;border:none;border-radius:14px;background:linear-gradient(135deg,#f8b4c8,#e8a0b8);color:#fff;font-family:inherit;font-size:.92em;font-weight:700;cursor:pointer;letter-spacing:.2px;box-shadow:0 4px 14px #f8b4c859;transition:transform .1s,box-shadow .15s}.person-picker-add:hover{box-shadow:0 6px 18px #f8b4c873}.person-picker-add:active{transform:scale(.98)}.person-picker-plus{font-size:1.15em;font-weight:700;line-height:1}