:root{color:#211d19;background:#faf8f4;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:#faf8f4;min-width:320px;margin:0}button,input,select{font:inherit}.app{width:min(920px,100% - 32px);margin:auto;padding:16px 0 64px}.tool-nav{background:#fff;border:1px solid #e4dfd8;border-radius:8px;gap:4px;width:max-content;max-width:100%;margin-bottom:34px;padding:4px;display:flex;overflow:auto}.tool-nav a{color:#756d64;text-align:center;white-space:nowrap;border-radius:6px;min-width:58px;padding:8px 13px;font-size:.9rem;font-weight:750;text-decoration:none}.tool-nav .active{color:#fff;background:#b04e35}h1,h2,p{letter-spacing:0;margin:0}h1{margin:7px 0 10px;font-size:clamp(2.4rem,7vw,4.4rem);line-height:1}h2{font-size:1.14rem}.hero{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.hero p{color:#a1432e;font-weight:800}.hero>div>span{color:#756d64}.today{background:#fff;border:1px solid #e6ddd4;border-radius:8px;grid-template-columns:auto auto;align-items:center;gap:2px 8px;min-width:138px;padding:14px;display:grid}.today svg{color:#ce762c;grid-row:1/3}.today span{color:#80766c;font-size:.82rem}.fortune-card,.profile-panel,.score-grid article,.advice-card,.seo-card{background:#fff;border:1px solid #e5dfd8;border-radius:8px;box-shadow:0 10px 30px #422e1f0f}.fortune-card{color:#fff;background:#38342f;padding:28px}.card-top{justify-content:space-between;gap:10px;display:flex}.card-top span{align-items:center;gap:6px;display:flex}.card-top em{color:#e9d8c8;font-size:.83rem;font-style:normal}.fortune-card>p{color:#d7cec6;margin-top:30px;font-weight:700}.fortune-card>strong{margin:4px 0 14px;font-size:clamp(3.8rem,11vw,6.4rem);line-height:1;display:block}.fortune-card>strong small{font-size:1.1rem}.fortune-card h2{max-width:700px;font-size:clamp(1.35rem,4vw,2rem);line-height:1.5}.lucky-row{gap:8px;margin-top:24px;display:flex}.lucky-row span{color:#ddd5ce;border:1px solid #625c55;border-radius:7px;padding:9px 12px;font-size:.88rem}.lucky-row b{color:#fff}.ad-unit{background:#fdfcf9;border:1px dashed #ddd6ce;border-radius:8px;min-height:96px;margin:18px 0;overflow:hidden}.ad-unit ins{width:100%}.profile-panel,.advice-card,.seo-card{padding:24px}.section-title{align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.section-title svg{color:#b04e35}.section-title p{color:#82796f;margin-top:5px;font-size:.85rem}.profile-grid{grid-template-columns:1.5fr 1fr 1fr;gap:12px;display:grid}.profile-grid label{color:#5f574f;gap:7px;font-size:.9rem;font-weight:750;display:grid}.profile-grid input,.profile-grid select{color:#211d19;background:#fff;border:1px solid #ded7cf;border-radius:8px;width:100%;height:50px;padding:0 13px}.profile-grid input:focus,.profile-grid select:focus{border-color:#b04e35;outline:3px solid #b04e351c}.score-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.score-grid article{gap:12px;padding:20px;display:grid}.score-grid article>div{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.score-grid svg{color:#b04e35}.score-grid strong{font-size:1.5rem}.score-grid p{color:#766e66;font-size:.88rem;line-height:1.55}.score-grid progress{border:0;width:100%;height:7px}.score-grid progress::-webkit-progress-bar{background:#eee9e3;border-radius:99px}.score-grid progress::-webkit-progress-value{background:#c45e42;border-radius:99px}.advice-card{gap:10px;display:grid}.advice-card>span{color:#a1432e;font-size:.85rem;font-weight:800}.advice-card h2{font-size:clamp(1.35rem,4vw,1.9rem);line-height:1.45}.button-row{gap:8px;margin-top:10px;display:flex}.button-row button{cursor:pointer;background:#fff;border:1px solid #ded7cf;border-radius:8px;align-items:center;gap:6px;min-height:42px;padding:0 14px;font-weight:750;display:flex}.button-row .primary{color:#fff;background:#b04e35;border-color:#b04e35}.seo-card{gap:10px;margin-top:14px;display:grid}.seo-card p{color:#6d655e;line-height:1.75}@media (width<=700px){.app{width:min(100% - 22px,600px);padding-top:10px}.tool-nav{margin-bottom:24px}.hero{align-items:flex-start}.today{min-width:auto}.today span{display:none}.fortune-card,.profile-panel,.advice-card,.seo-card{padding:19px}.profile-grid,.score-grid{grid-template-columns:1fr}.lucky-row{flex-wrap:wrap}}@media (width<=410px){.tool-nav{width:100%}.tool-nav a{flex:1;min-width:52px;padding-inline:8px}.hero .today{display:none}}.page-nav{z-index:5;background:#fff;border:1px solid #e4dfd8;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px;padding:5px;display:grid;position:sticky;top:8px;box-shadow:0 8px 24px #422e1f14}.page-nav a{color:#786f66;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:42px;font-size:.9rem;font-weight:800;text-decoration:none;display:flex}.page-nav a.active{color:#fff;background:#b04e35}.subpage-head,.choice-card,.friends-card,.related{background:#fff;border:1px solid #e5dfd8;border-radius:8px;box-shadow:0 10px 30px #422e1f0f}.subpage-head{color:#fff;background:#3b2f29;padding:26px}.subpage-head span,.choice-card>span,.related>span{color:#ef9c79;font-size:.86rem;font-weight:900}.subpage-head h2{margin:8px 0;font-size:clamp(1.7rem,5vw,2.7rem)}.subpage-head p{color:#dfd2cb}.zodiac-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.zodiac-grid article{background:#fff;border:1px solid #e5dfd8;border-radius:8px;gap:9px;min-height:130px;padding:18px;display:grid;position:relative}.zodiac-grid article>div{justify-content:space-between;display:flex}.zodiac-grid b{color:#b04e35}.zodiac-grid p{color:#6f665e;padding-right:28px;font-size:.9rem;line-height:1.5}.zodiac-grid button{color:#b04e35;cursor:pointer;background:#faeee9;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:10px;right:10px}.choice-card{padding:30px}.choice-card>h2{margin:9px 0 24px;font-size:clamp(1.7rem,5vw,2.8rem)}.choice-card>div{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.choice-card>div button{color:#4d443d;cursor:pointer;background:#faf8f5;border:1px solid #e2d9d1;border-radius:8px;min-height:100px;padding:14px;font-size:1.05rem;font-weight:850}.choice-card>div button.selected{color:#fff;background:#b04e35;border-color:#b04e35}.choice-card>div b{color:#ad9d91}.choice-card aside{color:#fff;background:#2f2b27;border-radius:8px;gap:7px;margin-top:18px;padding:20px;display:grid}.choice-card aside small{color:#e7b29c}.choice-card aside strong{font-size:1.5rem}.choice-card aside p{color:#ddd4cd}.choice-card aside button{color:#fff;cursor:pointer;background:#b04e35;border:0;border-radius:8px;align-items:center;gap:7px;width:max-content;min-height:42px;margin-top:8px;padding:0 14px;font-weight:800;display:flex}.friends-card{gap:8px;margin-top:12px;padding:22px;display:grid}.friends-card p{color:#746b63;line-height:1.65}.related{margin-top:24px;padding:24px}.related h2{margin:6px 0 16px}.related>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.related a{color:#342d28;background:#fcfaf8;border:1px solid #e9e2dc;border-radius:8px;grid-template-columns:1fr auto;gap:4px;padding:15px;text-decoration:none;display:grid}.related a small{color:#7e746c}.related a svg{grid-area:1/2/3;align-self:center;width:18px}@media (width<=700px){.zodiac-grid{grid-template-columns:1fr 1fr}.subpage-head,.choice-card,.related{padding:19px}.related>div{grid-template-columns:1fr}.page-nav a{font-size:.82rem}}@media (width<=420px){.zodiac-grid,.choice-card>div{grid-template-columns:1fr}.choice-card>div b{text-align:center}.choice-card>div button{min-height:70px}}.menu-head,.menu-controls,.menu-result,.menu-cloud{background:#fff;border:1px solid #e5dfd8;border-radius:8px;box-shadow:0 10px 30px #422e1f0f}.menu-head{color:#fff;background:#204f48;padding:28px}.menu-head span{color:#bde9df;align-items:center;gap:7px;font-weight:850;display:flex}.menu-head h2{margin:8px 0;font-size:clamp(2rem,7vw,3.8rem)}.menu-head p{color:#d3ebe6}.menu-controls{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:12px;padding:18px;display:grid}.menu-controls label{color:#665e57;gap:6px;font-size:.86rem;font-weight:800;display:grid}.menu-controls select{background:#fff;border:1px solid #ded7cf;border-radius:8px;height:42px;padding:0 10px}.segment{background:#f0ece7;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segment button{cursor:pointer;background:0 0;border:0;border-radius:6px;font-weight:800}.segment button.active{color:#fff;background:#204f48}.menu-result{gap:8px;margin-top:12px;padding:28px;display:grid}.menu-result small{color:#44726b;font-weight:850}.menu-result>strong{font-size:clamp(2.7rem,9vw,5rem);line-height:1.05;transition:opacity .2s}.menu-result.rolling>strong{opacity:.35}.menu-result>div:not(.menu-actions){align-items:center;gap:8px;display:flex}.menu-result>div span{color:#206056;background:#e4f3ef;border-radius:6px;padding:5px 8px;font-size:.82rem;font-weight:800}.menu-result p{color:#786f66;font-size:.84rem}.menu-actions{gap:8px;margin-top:10px;display:flex}.menu-actions button{cursor:pointer;background:#fff;border:1px solid #ddd5cd;border-radius:8px;align-items:center;gap:6px;min-height:42px;padding:0 13px;font-weight:800;display:flex}.menu-actions .primary{color:#fff;background:#204f48;border-color:#204f48}.menu-cloud{margin-top:12px;padding:22px}.menu-cloud>div{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.menu-cloud button{color:#4d453f;cursor:pointer;background:#faf8f5;border:1px solid #e4ddd6;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:0 11px;display:flex}.menu-cloud small{color:#91857b}@media (width<=700px){.menu-controls{grid-template-columns:1fr}.menu-head,.menu-result,.menu-cloud{padding:19px}.page-nav a{flex-direction:column;gap:2px;font-size:.72rem}.page-nav a svg{width:16px}.menu-actions{flex-wrap:wrap}}.sync-bar{background:#fff;border:1px solid #dce4df;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;margin:-20px 0 20px;padding:8px 10px 8px 14px;display:flex;box-shadow:0 7px 22px #22392c0d}.sync-bar>div,.sync-actions{align-items:center;gap:8px;display:flex}.sync-bar svg{color:var(--sync-accent,#34705a);flex:none}.sync-bar span{color:#68756d;font-size:.84rem}.sync-bar b{color:#2b3831}.sync-connect{color:#fff;background:var(--sync-accent,#34705a);cursor:pointer;border:0;border-radius:7px;min-height:34px;padding:0 12px;font-size:.84rem;font-weight:850}.sync-actions{gap:4px}.sync-actions button{cursor:pointer;background:#f1f5f2;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.sync-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f18138c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.sync-modal{background:#fff;border-radius:8px;width:min(440px,100%);padding:26px;position:relative;box-shadow:0 24px 80px #00000038}.sync-modal>svg{color:var(--sync-accent,#34705a)}.sync-modal h2{margin:11px 0 7px;font-size:1.45rem}.sync-modal>p{color:#68756d;font-size:.9rem;line-height:1.6}.sync-close{cursor:pointer;background:#f2f4f2;border:0;border-radius:7px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.sync-tabs{background:#eef2ef;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin:18px 0 14px;padding:4px;display:grid}.sync-tabs button{color:#657168;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:38px;font-weight:800}.sync-tabs button.active{color:#fff;background:var(--sync-accent,#34705a)}.sync-modal form{gap:12px;display:grid}.sync-modal label{color:#47534c;gap:6px;font-size:.87rem;font-weight:800;display:grid}.sync-modal input{width:100%;height:48px;font:inherit;border:1px solid #d6ded8;border-radius:8px;padding:0 12px}.sync-modal input:focus{border-color:var(--sync-accent,#34705a);outline:3px solid color-mix(in srgb,var(--sync-accent,#34705a) 14%,transparent)}.sync-submit{color:#fff;background:var(--sync-accent,#34705a);cursor:pointer;border:0;border-radius:8px;min-height:46px;font-weight:900}.sync-submit:disabled{opacity:.6}.sync-error{color:#a23b32;background:#fff1ef;border-radius:7px;padding:9px 11px;font-size:.84rem}.sync-modal>small{color:#849087;margin-top:13px;font-size:.76rem;line-height:1.55;display:block}.sync-toast{z-index:120;color:#fff;background:#25352c;border-radius:8px;padding:11px 15px;font-size:.88rem;font-weight:800;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 30px #0003}@media (width<=600px){.sync-bar{margin-top:-12px}.sync-bar span{font-size:.78rem}.sync-modal{padding:22px}.sync-toast{text-align:center;bottom:11px;left:11px;right:11px}}