:root{--toss-blue: #3182f6;--bg: #f4f4f9;--card: #ffffff;--text-primary: #191f28;--text-secondary: #4e5968;--text-tertiary: #8b95a1;--border: #f2f2f2;--radius: 16px;--purple: #6c3ce0;--pink: #ff6b9d;--gold: #f59f00}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;background:var(--bg);color:var(--text-primary);max-width:375px;margin:0 auto;min-height:100dvh;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.app{min-height:100dvh;display:flex;flex-direction:column}.screen-content{flex:1;overflow-y:auto;padding:16px 16px 40px}.card{background:var(--card);border-radius:var(--radius);padding:24px 20px;margin-bottom:16px;box-shadow:0 1px 4px #0000000f}.card-title{font-size:20px;text-align:center;margin-bottom:12px}.card-desc{text-align:center;color:var(--text-tertiary);margin-bottom:16px;font-size:14px}.sub-heading{margin:16px 0 8px;font-size:14px;color:var(--text-secondary)}.tds-select{flex:1;padding:10px 8px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text-primary);font-size:15px;outline:none;min-width:0;-webkit-appearance:none}.birth-row{display:flex;align-items:center;gap:4px;margin-bottom:12px}.birth-row span{font-size:14px;color:var(--text-tertiary)}.btn-group{display:flex;flex-direction:column;gap:8px;margin-top:16px}.chip-row{display:flex;gap:8px;justify-content:center;margin-top:12px}.hero{text-align:center;padding:20px 0}.crystal-ball{font-size:72px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-sub{color:var(--text-tertiary);margin-top:8px;font-size:14px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.menu-card{background:var(--card);border-radius:var(--radius);padding:20px 16px;text-align:center;cursor:pointer;transition:transform .2s;box-shadow:0 1px 4px #0000000f}.menu-card:active{transform:scale(.96)}.menu-icon{font-size:36px;margin-bottom:8px}.menu-label{font-size:15px;font-weight:700;margin-bottom:4px}.menu-desc{font-size:11px;color:var(--text-tertiary)}.daily-tip{margin-top:20px;padding:14px;background:#e8f0fe;border-radius:var(--radius);font-size:13px;color:var(--toss-blue);text-align:center}.fortune-cat{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f2f4f6}.cat-icon{font-size:22px;width:32px;text-align:center}.cat-name{font-size:13px;color:var(--text-tertiary);min-width:36px}.cat-bar{flex:1;height:6px;background:#f2f4f6;border-radius:3px;overflow:hidden}.cat-fill{height:100%;border-radius:3px;transition:width 1s ease}.cat-score{font-size:13px;font-weight:700;min-width:30px;text-align:right}.fortune-msg{margin-top:12px;padding:12px;background:#e8f0fe;border-radius:12px;font-size:14px;line-height:1.6}.fortune-lucky{margin-top:12px;text-align:center}.fortune-lucky span{display:inline-block;margin:4px 8px;padding:4px 12px;background:#fff8e1;border-radius:20px;font-size:12px;color:var(--gold)}.tarot-deck{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0;max-height:300px;overflow-y:auto}.tarot-back{width:50px;height:75px;border-radius:8px;background:linear-gradient(135deg,var(--purple),#1a0a3e);border:2px solid #d5dce4;display:flex;align-items:center;justify-content:center;font-size:18px;color:#c77dff;cursor:pointer;transition:.2s}.tarot-back.selected{border-color:var(--gold);box-shadow:0 0 12px #f59f004d;transform:scale(1.05)}.tarot-result-cards{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.tarot-result-card{text-align:center}.tarot-front{width:80px;height:120px;border-radius:10px;background:linear-gradient(135deg,#f0ecff,#fff);border:2px solid var(--purple);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px}.card-num{font-size:10px;color:var(--purple)}.card-emoji{font-size:26px;margin:4px 0}.card-name-inner{font-size:10px;font-weight:600}.tarot-label{font-size:11px;color:var(--text-tertiary);margin-top:4px}.reading-section{margin-top:12px;padding:12px;background:var(--bg);border-radius:12px}.reading-section h4{font-size:14px;color:var(--purple);margin-bottom:6px}.reading-section p{font-size:13px;line-height:1.5;margin-bottom:4px}.compat-score{font-size:48px;font-weight:800;text-align:center;color:var(--pink);margin:16px 0}.compat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f2f4f6;font-size:14px}.compat-val{color:var(--pink);font-weight:600}.compat-advice{margin-top:12px;padding:12px;background:#fff0f3;border-radius:12px;font-size:13px;color:var(--pink);text-align:center}.progress-bar{height:4px;background:#f2f4f6;border-radius:2px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--toss-blue);transition:width .3s}.mbti-counter{text-align:center;font-size:12px;color:var(--text-tertiary);margin-bottom:16px}.mbti-question{font-size:16px;font-weight:600;text-align:center;line-height:1.5;margin-bottom:16px}.mbti-options{display:flex;flex-direction:column;gap:10px}.mbti-option{padding:14px 16px;border-radius:12px;background:var(--bg);border:1px solid var(--border);font-size:14px;line-height:1.4;cursor:pointer;transition:.2s}.mbti-option:active{background:#e8f0fe;border-color:var(--toss-blue)}.mbti-type{font-size:48px;font-weight:800;text-align:center;color:var(--toss-blue);margin:16px 0 8px}.mbti-type-name{text-align:center;font-size:18px;font-weight:700;margin-bottom:16px}.mbti-desc{font-size:14px;line-height:1.6;margin-bottom:16px}.mbti-traits{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}.mbti-trait{padding:6px 14px;background:#e8f0fe;border-radius:20px;font-size:12px;color:var(--toss-blue)}.share-preview{padding:16px;background:var(--bg);border-radius:12px;font-size:13px;line-height:1.6;white-space:pre-line}