.df-section-title{font-size:var(--font-sm);font-weight:700;color:var(--fs-accent);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-1)}.df-lucky-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.df-lucky-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);background:#ffffff08;border-radius:10px;border:1px solid rgba(212,165,116,.06);min-width:0}.df-lucky-label{font-size:var(--font-xs);color:var(--fs-text-muted)}.df-lucky-value{font-size:var(--font-sm);font-weight:600;color:var(--fs-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-category-bar{height:4px;border-radius:2px;background:#ffffff0f;margin-top:var(--space-2);overflow:hidden}.df-keyword{padding:var(--space-1) var(--space-3);border-radius:16px;background:var(--fs-bg-card);border:var(--fs-card-border);font-size:var(--font-xs);color:var(--fs-text-secondary);white-space:nowrap}.fs-result-section{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-2);padding-bottom:calc(60px + var(--space-10) + var(--safe-bottom))}.fs-score-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) 0}.fs-grade-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-4);border-radius:20px;font-size:var(--font-sm);font-weight:700}.fs-section-title{font-size:var(--font-base);font-weight:700;color:var(--fs-accent);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.fs-detail-item{padding:var(--space-3) 0;border-bottom:1px solid rgba(212,165,116,.08);font-size:var(--font-sm);color:var(--fs-text-secondary);line-height:1.6}.fs-detail-item:last-child{border-bottom:none}.fs-guardian-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gutter)}.fs-guardian-card{background:#ffffff08;border:1px solid rgba(212,165,116,.08);border-radius:12px;padding:var(--space-3);text-align:center}.fs-guardian-card .label{font-size:var(--font-xs);color:var(--fs-text-muted);margin-bottom:var(--space-1)}.fs-guardian-card .score{font-size:var(--font-xl);font-weight:700}.fs-guardian-card .bar{height:4px;border-radius:2px;background:#ffffff0f;margin-top:var(--space-2);overflow:hidden}.fs-recommendation{padding:var(--space-3);background:#4caf5014;border-left:3px solid var(--grade-good);border-radius:0 8px 8px 0;font-size:var(--font-sm);line-height:1.6;color:var(--fs-text-secondary)}.fs-warning{padding:var(--space-3);background:#ff980014;border-left:3px solid var(--grade-caution);border-radius:0 8px 8px 0;font-size:var(--font-sm);line-height:1.6;color:var(--fs-text-secondary)}.fs-action-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gutter);margin-top:var(--space-2)}.login-root{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0f0c29,#302b63 55%,#24243e);padding:24px 16px;padding-top:calc(env(safe-area-inset-top,0px) + 24px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px)}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px}.login-logo{text-align:center;padding:20px 0 6px;color:#fff;display:flex;flex-direction:column;align-items:center;gap:10px}.login-logo svg{color:#c9a84c}.login-logo h1{font-size:26px;font-weight:700;letter-spacing:.08em;margin:0;color:#f5f0e8}.login-logo p{font-size:12px;color:#ffffff80;margin:0}.login-inapp-banner{display:flex;gap:10px;align-items:flex-start;background:#ea43351a;border:1px solid rgba(234,67,53,.35);border-radius:12px;padding:14px;color:#f5a8a8;font-size:13px;line-height:1.5}.login-open-external{width:100%;background:#ffffff26!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;font-size:13px!important;font-weight:600;padding:10px!important;border-radius:10px!important;cursor:pointer}.login-link-banner{display:flex;gap:10px;align-items:flex-start;background:#c9a84c1f;border:1px solid rgba(201,168,76,.35);border-radius:12px;padding:12px 14px;color:#f5dfa0;font-size:13px;line-height:1.5;overflow:hidden}.login-link-banner svg{flex-shrink:0;margin-top:2px}.login-link-banner div{flex:1}.login-link-banner strong{display:block;font-size:13px;margin-bottom:4px}.login-link-banner p{margin:0;color:#f5dfa0d9}.login-link-banner em{font-style:normal;font-weight:600}.login-banner-close{background:none;border:none;color:#f5dfa099;cursor:pointer;padding:2px;flex-shrink:0;display:flex;align-items:center}.login-socials{display:flex;flex-direction:column;gap:9px}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;border-radius:12px;border:none;font-size:15px;font-weight:600;cursor:pointer;position:relative;transition:opacity .15s,transform .1s;letter-spacing:-.01em}.login-btn:active:not(:disabled){transform:scale(.98);opacity:.9}.login-btn:disabled{cursor:not-allowed}.login-btn--google{background:#fff;color:#3c4043}.login-btn--apple{background:#000;color:#fff}.login-btn--kakao{background:#fee500;color:#3a1d1d}.login-btn--naver{background:#03c75a;color:#fff}.login-btn--email{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.18)}.login-btn--submit{background:#c9a84c;color:#1a1209;font-size:15px;font-weight:700;margin-top:2px}.login-btn--disabled{opacity:.38}.login-badge{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;background:#0003;color:inherit;letter-spacing:0}.login-badge--suggested{background:#c9a84c40;color:#c9a84c;border:1px solid rgba(201,168,76,.4)}.login-btn--google .login-badge--suggested{color:#b8860b;background:#c9a84c26}.login-divider{display:flex;align-items:center;gap:10px;margin:2px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff1f}.login-divider span{font-size:12px;color:#ffffff59}.login-email-form{display:flex;flex-direction:column;gap:9px;overflow:hidden}.login-input{width:100%;height:48px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#fff;font-size:15px;padding:0 14px;outline:none;box-sizing:border-box;transition:border-color .2s}.login-input::placeholder{color:#ffffff4d}.login-input:focus{border-color:#c9a84c8c}.login-input[readonly]{opacity:.65}.login-input-wrap{position:relative}.login-input-wrap .login-input{padding-right:44px}.login-pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff59;cursor:pointer;padding:4px;display:flex;align-items:center}.login-toggle-link{background:none;border:none;color:#ffffff73;font-size:13px;cursor:pointer;text-align:center;padding:4px;text-decoration:underline;text-underline-offset:3px}.login-error{display:flex;align-items:flex-start;gap:8px;background:#ef44441f;border:1px solid rgba(239,68,68,.28);border-radius:10px;padding:10px 14px;color:#fca5a5;font-size:13px;line-height:1.5}.login-error svg{flex-shrink:0;margin-top:1px}.login-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;border-radius:50%;animation:login-spin .65s linear infinite;flex-shrink:0}@keyframes login-spin{to{transform:rotate(360deg)}}:root{--app-max-width: 430px;--grid-columns: 4;--grid-margin: 16px;--grid-gutter: 12px;--grid-column-width: calc((min(100vw, var(--app-max-width)) - var(--grid-margin) * 2 - var(--grid-gutter) * 3) / 4);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--font-xs: 11px;--font-sm: 13px;--font-base: 15px;--font-lg: 17px;--font-xl: 20px;--font-2xl: 24px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--fs-earth: #8B6914;--fs-wood: #2D5016;--fs-fire: #C23616;--fs-metal: #7F8C8D;--fs-water: #1A3C5E;--fs-bg-primary: #0D1117;--fs-bg-secondary: #1A2332;--fs-bg-card: rgba(255, 255, 255, .06);--fs-bg-card-hover: rgba(255, 255, 255, .1);--fs-text-primary: #F0E6D3;--fs-text-secondary: #A09080;--fs-text-muted: #6B5E50;--fs-accent: #D4A574;--fs-accent-light: #E8C9A0;--fs-accent-dark: #B08050;--fs-card-radius: 14px;--fs-card-border: 1px solid rgba(212, 165, 116, .15);--oh-wood: #4CAF50;--oh-fire: #F44336;--oh-earth: #FFC107;--oh-metal: #9E9E9E;--oh-water: #2196F3;--grade-excellent: #FFD700;--grade-good: #4CAF50;--grade-neutral: #2196F3;--grade-caution: #FF9800;--grade-poor: #9E9E9E}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;background:#000}body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:var(--font-base);line-height:1.5;background:linear-gradient(180deg,var(--fs-bg-primary) 0%,var(--fs-bg-secondary) 100%);color:var(--fs-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;display:flex;justify-content:center}#root{width:100%;max-width:var(--app-max-width);min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;position:relative;box-shadow:0 0 60px #000c}a{color:var(--fs-accent);text-decoration:none}input,button,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--fs-text-muted);border-radius:2px}.fs-container{width:100%;max-width:var(--app-max-width);margin:0 auto;padding-left:var(--grid-margin);padding-right:var(--grid-margin)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gutter)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--grid-gutter)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gutter)}.grid-span-full{grid-column:1 / -1}.grid-span-2{grid-column:span 2}.grid-span-3{grid-column:span 3}.fs-card{background:var(--fs-bg-card);border:var(--fs-card-border);border-radius:var(--fs-card-radius);padding:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fs-card:active{background:var(--fs-bg-card-hover)}.fs-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:52px;padding:0 var(--space-5);border-radius:var(--fs-card-radius);font-size:var(--font-base);font-weight:600;transition:all .2s}.fs-btn-primary{background:linear-gradient(135deg,var(--fs-accent) 0%,var(--fs-accent-dark) 100%);color:var(--fs-bg-primary)}.fs-btn-primary:active{transform:scale(.98);opacity:.9}.fs-btn-secondary{background:var(--fs-bg-card);border:var(--fs-card-border);color:var(--fs-accent)}.fs-input{width:100%;height:48px;padding:0 var(--space-4);background:#ffffff0d;border:1px solid rgba(212,165,116,.2);border-radius:12px;color:var(--fs-text-primary);font-size:16px;outline:none;transition:border-color .2s}.fs-input:focus{border-color:var(--fs-accent)}.fs-input::placeholder{color:var(--fs-text-muted)}.fs-input[type=date],.fs-input[type=time]{padding-left:44px}.fs-label{display:block;font-size:var(--font-xs);color:var(--fs-text-secondary);margin-bottom:var(--space-2);font-weight:500}.fs-title{font-size:var(--font-2xl);font-weight:700;color:var(--fs-text-primary);letter-spacing:-.3px}.fs-subtitle{font-size:var(--font-sm);color:var(--fs-text-secondary);line-height:1.6}.oh-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:20px;font-size:var(--font-xs);font-weight:600;white-space:nowrap}.oh-wood{background:#4caf5026;color:var(--oh-wood)}.oh-fire{background:#f4433626;color:var(--oh-fire)}.oh-earth{background:#ffc10726;color:var(--oh-earth)}.oh-metal{background:#9e9e9e26;color:var(--oh-metal)}.oh-water{background:#2196f326;color:var(--oh-water)}@media(max-width:350px){:root{--grid-margin: 12px;--grid-gutter: 8px;--font-base: 14px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 22px;--fs-card-radius: 12px}.fs-btn{height:48px;font-size:var(--font-sm)}.fs-input{height:44px}}