:root{--bg:#0a0a14;--bg-card:#131326;--bg-card-hover:#1a1a35;--gold:#d4af37;--gold-light:#f0c75e;--gold-dim:#8a7424;--text:#e8e8f0;--text-dim:#8888a0;--text-faint:#555568;--border:rgba(212,175,55,.15);--border-hover:rgba(212,175,55,.35);--purple:#6b46c1;--purple-glow:rgba(107,70,193,.3)}*{margin:0;padding:0;box-sizing:border-box}body,html{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}.home-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background:radial-gradient(ellipse at center top,rgba(107,70,193,.12) 0,transparent 60%)}.home-brand{font-size:3.5rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--gold-light),var(--gold),var(--gold-dim));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.home-tagline{font-size:1.15rem;color:var(--text-dim);margin-bottom:.4rem;font-weight:400}.home-subtag{font-size:.9rem;color:var(--text-faint);margin-bottom:2.5rem}.reveal-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;color:var(--bg);background:linear-gradient(135deg,var(--gold-light),var(--gold));border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(212,175,55,.25)}.reveal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(212,175,55,.4)}.reveal-btn:active{transform:translateY(0)}.home-footer{margin-top:3rem;font-size:.8rem;color:var(--text-faint)}.result-container{min-height:100vh;padding:2rem 1rem 4rem;max-width:640px;margin:0 auto}.result-back{display:inline-block;color:var(--text-dim);text-decoration:none;font-size:.9rem;margin-bottom:1.5rem;transition:color .2s}.result-back:hover{color:var(--gold)}.result-header{text-align:center;margin-bottom:2rem}.result-date{font-size:.85rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.result-configuration{display:inline-block;padding:.3rem 1rem;font-size:.85rem;color:var(--gold);background:rgba(212,175,55,.08);border:1px solid var(--border);border-radius:20px}.reading-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem 1.5rem;text-align:center;margin-bottom:1.5rem;position:relative;overflow:hidden}.reading-card:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.reading-oneliner{font-size:1.3rem;line-height:1.6;color:var(--text);font-weight:500}.reading-oneliner .highlight{color:var(--gold-light);font-weight:600}.elements-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.element-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.2rem;text-align:center;transition:border-color .2s}.element-card:hover{border-color:var(--border-hover)}.element-label{font-size:.75rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.element-value{font-size:1.1rem;font-weight:600;color:var(--gold-light);margin-bottom:.2rem}.element-sub{font-size:.8rem;color:var(--text-dim)}.pillars-row{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.pillar-item{text-align:center;padding:.8rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;min-width:70px}.pillar-label{font-size:.7rem;color:var(--text-faint);text-transform:uppercase;margin-bottom:.3rem}.pillar-value{font-size:1rem;font-weight:600;color:var(--text)}.detail-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.2rem;margin-bottom:1rem}.detail-title{font-size:.8rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;font-size:.9rem}.detail-key{color:var(--text-dim)}.detail-val{color:var(--text);font-weight:500}.tag{display:inline-block;padding:.15rem .6rem;font-size:.75rem;border-radius:8px;margin-right:.3rem}.tag-kong{color:var(--text-faint);background:rgba(136,136,160,.1)}.tag-ma{color:var(--gold);background:rgba(212,175,55,.1)}@media (max-width:480px){.home-brand{font-size:2.5rem}.reading-oneliner{font-size:1.1rem}.elements-grid{grid-template-columns:1fr}.pillars-row{gap:.5rem}.pillar-item{min-width:56px;padding:.6rem .5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .5s ease forwards}.fade-in-delay-1{animation-delay:.1s;opacity:0}.fade-in-delay-2{animation-delay:.2s;opacity:0}.fade-in-delay-3{animation-delay:.3s;opacity:0}