:root{--bg:#fff;--ink:#112755;--muted:#52678b;--purple:#2465ee;--line:#e5ecf7;--accent:#2465ee}body{background:#f6f9ff;color:var(--ink)}header{background:#fff;border-color:var(--line)}.brand{font-weight:800}.brand-mark{background:#2465ee;color:#fff}.start-layout{display:block;padding:0}.welcome{position:relative;max-width:none;min-height:330px;padding:36px 30px 30px;background:#fff;isolation:isolate;overflow:hidden;border-radius:0 0 24px 24px}.welcome .eyebrow{background:none;padding:0;font-size:15px;color:#4f6695;max-width:240px;margin-bottom:15px}.welcome h1{font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.32;color:#112755;max-width:55%;margin-bottom:16px}.welcome h1 span{color:#2465ee}.welcome>p:not(.eyebrow){font-size:15px;max-width:45%;color:#52678b}.welcome .primary{display:none}.welcome .welcome-note{display:none}.hero-mascot{position:absolute;right:0;top:0;width:72%;height:100%;object-fit:cover;object-position:right center;z-index:-1}.daily-shortcut{display:flex;gap:20px;align-items:center;text-align:left;background:#e8f1ff;border:1px solid #dce9ff;border-radius:18px;padding:22px 26px;width:100%;color:var(--ink);font:inherit;margin:24px 0 18px}.daily-shortcut .daily-icon{font-size:38px;color:#c98200;background:#fff4bf;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.daily-shortcut strong{font-size:23px;display:block;margin-bottom:5px}.daily-shortcut p{font-size:15px;margin:0;color:#52678b}.questions{padding:0 0 24px}.questions .section-head{margin-bottom:16px}.questions .section-head h2{font-size:22px}.questions .section-head>p{font-size:14px}.service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.service-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 12px;min-height:134px;border-radius:15px;border:1px solid #e3ebf8;background:white}.service-symbol{font-size:27px;background:#edf3ff!important;color:#2465ee!important;width:48px;height:48px;border-radius:14px;margin-bottom:12px}.service-card:nth-child(4) .service-symbol,.service-card:nth-child(5) .service-symbol{color:#dc4d85!important;background:#fff0f5!important}.service-card:nth-child(7) .service-symbol{color:#ae7600!important;background:#fff6d4!important}.service-card:nth-child(9) .service-symbol{color:#39846e!important;background:#eaf8f0!important}.service-card h3{font-size:17px}.service-card p{display:none}.birth-panel{max-width:740px;margin:28px auto 36px;border-radius:22px;border-color:#dfe8f8;box-shadow:0 10px 34px #1e58b908}.birth-panel h2{color:#112755}.birth-panel form>.primary,.primary{background:#2465ee;border-radius:30px;min-height:50px;box-shadow:none}.primary:hover{background:#1656d7}.principles{background:#edf4ff}.source-grid article{background:#fcfdff!important}.mobile-bottom{display:none}.topic-options button[aria-pressed=true]{background:#2465ee}.notice{background:#edf4ff;color:#355c9b}.pillar-table thead{background:#eaf2ff}.pillar-table tbody tr:first-child td{color:#2465ee}dialog{border-radius:22px}.close{background:#edf3ff;color:#2465ee}#personal-result{background:#fff;border-color:#dfe8f8}.question-discovery{margin-top:20px}.trust-link{font-size:14px;text-align:center;color:#52678b;margin:16px 0 24px}.trust-link a{text-decoration:underline;text-underline-offset:4px}.character-start{display:block;width:min(420px,100%);margin:22px auto 12px;padding:14px 24px;border:0;background:#2465ee;color:#fff;border-radius:30px;font:700 16px 'Noto Sans KR',sans-serif;min-height:50px}.character-start:hover{background:#1656d7}
@media(min-width:900px){main{max-width:1100px}.welcome{min-height:360px;padding:55px 40px}.hero-mascot{width:70%;object-fit:contain;object-position:right center}.welcome h1{font-size:50px}.daily-shortcut{margin-top:28px}.service-card{min-height:150px}.character-start{margin-top:26px}}
@media(max-width:620px){body{background:#fff}header{padding:16px 20px}.brand{font-size:23px}.brand-mark{display:none}header nav .text-btn{font-size:13px}.start-layout{padding:0}.welcome{padding:24px 2px 22px;min-height:292px;border-radius:0}.welcome .eyebrow{font-size:13px;max-width:145px;margin:0 0 14px}.welcome h1{font-size:32px;max-width:69%;margin:0 0 18px;letter-spacing:-1.5px;line-height:1.35}.welcome>p:not(.eyebrow){font-size:13px;max-width:43%;line-height:1.8}.hero-mascot{width:100%;height:100%;object-fit:cover;object-position:center;right:-24px}.welcome .primary,.welcome .welcome-note{display:none}.daily-shortcut{margin:12px 0 20px;padding:16px;gap:12px;border-radius:15px}.daily-shortcut strong{font-size:21px}.daily-shortcut p{font-size:13px;line-height:1.65}.daily-shortcut .daily-icon{width:48px;height:48px;font-size:28px}.questions{padding:0 0 12px}.questions .section-head{margin-bottom:14px}.questions .section-head h2{font-size:20px}.questions .section-head>p{display:none}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.service-card{min-height:92px;padding:12px 6px;border-radius:12px}.service-symbol{background:none!important;width:34px;height:34px;font-size:25px;margin-bottom:5px}.service-card:nth-child(n) .service-symbol{background:none!important}.service-card h3{font-size:14px;margin:0;white-space:nowrap}.service-card p{display:none}.character-start{margin:18px auto 12px}.birth-panel{margin:24px 0 30px;padding:22px 18px;background:#f8fbff;border-radius:18px}.birth-panel h2{font-size:21px}.birth-panel input:not([type=checkbox]),.birth-panel select{background:#fff}.birth-panel form{display:block}.birth-panel .time-fields{display:grid}.principles{padding:24px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:4;background:#ffffffed;backdrop-filter:blur(12px);border-top:1px solid #e6edf7;justify-content:space-around;padding:9px 16px calc(9px + env(safe-area-inset-bottom));gap:12px}.mobile-bottom a,.mobile-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:500 12px 'Noto Sans KR',sans-serif;color:#52678b;background:none;border:0;min-width:60px;min-height:44px}.mobile-bottom span{font-size:20px;line-height:1.1}.mobile-bottom a:first-child{color:#2465ee}footer{padding-bottom:100px}#toast{bottom:85px}html{scroll-padding-bottom:90px}.question-discovery{margin-top:20px}.trust-link{font-size:13px}}
@media(max-width:620px){.hero-mascot{width:125%;right:0;object-fit:contain;object-position:right center}.mobile-bottom a{display:flex!important}.welcome h1{position:relative;z-index:1}}
.fortune-entry .welcome,.fortune-entry .daily-shortcut,.fortune-entry .questions,.fortune-entry .principles,.fortune-entry .sources,.fortune-entry .faq{display:none}.fortune-entry .birth-panel{display:block}.fortune-back{margin-bottom:14px;font-size:14px}.fortune-entry #personal-result{max-width:740px;margin:0 auto 30px}

@media(max-width:620px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.service-card .menu-tiger{display:block;flex-shrink:0;width:84px;height:84px;margin:0 auto 5px;background-image:url(tiger-menu-soft.png);background-repeat:no-repeat;background-size:500% 333.333%;}.service-card h3{font-weight:800;color:#202124}.service-card{min-height:140px;padding:12px}.questions .section-head h2{font-weight:800;color:#202124}@media(max-width:620px){.service-card{min-height:132px;padding:9px 6px}.service-card h3{font-size:16px}.service-card .menu-tiger{width:78px;height:78px;margin-bottom:3px}}
.menu-tiger{clip-path:inset(0 5px)}

.service-card p{display:block;font-size:12px;line-height:1.5;color:#59677c;margin:5px 0 0;word-break:keep-all}.service-card{position:relative;min-height:166px}.menu-coming{position:absolute;top:8px;right:9px;padding:2px 6px;border-radius:6px;background:#f1f4f8;color:#59677c;font-size:10px;line-height:1.5;font-weight:500}@media(max-width:620px){.service-card{min-height:159px}.service-card p{display:block;font-size:11px;line-height:1.5;margin-top:5px;letter-spacing:-.3px}}
.service-card{padding:14px 12px;min-height:182px}.service-card h3{font-size:19px;line-height:1.45;font-weight:800;color:#171d29;margin:3px 0 0}.service-card p{display:block;font-size:14px;font-weight:500;line-height:1.65;color:#354052;letter-spacing:0;margin:7px 0 0;word-break:keep-all;overflow-wrap:break-word}.menu-coming{font-size:12px;font-weight:600;color:#354052;padding:3px 7px}.questions .section-head h2{font-size:24px}@media(max-width:620px){.service-grid{gap:12px}.service-card{padding:12px 9px 15px;min-height:180px}.service-card h3{font-size:18px;line-height:1.45}.service-card p{font-size:14px;line-height:1.6;letter-spacing:0;margin-top:7px}.menu-coming{font-size:11px;top:7px;right:7px}}

.daily-shortcut{padding:14px 20px;gap:13px;margin:20px 0}.daily-shortcut strong{font-size:19px;margin-bottom:2px}.daily-shortcut p{font-size:14px}.daily-shortcut .daily-icon{width:44px;height:44px;font-size:25px}.principle-details{align-self:center;background:#ffffff80;border:1px solid #dce6f6;border-radius:14px;padding:0 16px}.principle-details>summary{cursor:pointer;font-size:15px;font-weight:700;padding:15px 0;color:#263b60}.principle-details .principle-list{margin:0;padding-bottom:16px}.principle-details .principle-list article:last-child{border-bottom:0}.fortune-entry .mobile-bottom{display:none!important}@media(max-width:620px){.welcome{min-height:255px;padding:20px 2px 18px;display:grid;grid-template-columns:54% 46%;grid-template-rows:auto auto 1fr;align-content:start}.welcome .eyebrow{grid-column:1;max-width:none;font-size:12px;margin:0 0 12px}.welcome h1{grid-column:1;max-width:none;font-size:27px;letter-spacing:-1.3px;margin-bottom:12px;line-height:1.4}.welcome>p:not(.eyebrow):not(.welcome-note){grid-column:1;max-width:none;font-size:13px;line-height:1.7;margin:0}.hero-mascot{grid-column:2;grid-row:1/4;position:relative;top:auto;right:auto;align-self:center;width:100%;height:200px;object-fit:cover;object-position:right center;z-index:0}.daily-shortcut{padding:12px 14px;gap:12px;margin:8px 0 20px}.daily-shortcut strong{font-size:18px}.daily-shortcut p{font-size:13px}.daily-shortcut .daily-icon{width:38px;height:38px;font-size:23px}.principle-details{margin-top:19px}.principle-details>summary{font-size:14px}.principle-details .principle-list{margin:0}.fortune-entry footer{padding-bottom:28px}}