body{font-family:var(--sans);background:var(--parch);color:var(--ink);min-height:100vh;line-height:1.6}a{color:var(--gold2);text-decoration:none}a:hover{text-decoration:underline}main{flex:1;max-width:720px;margin:0 auto;padding:0 20px 60px;width:100%}h1{font-family:var(--serif);font-size:clamp(1.4rem,4vw,2rem);font-weight:300;text-align:center;margin:0 0 4px;color:var(--ink);letter-spacing:.02em}h1 span{color:var(--gold-text)}.sub{text-align:center;font-size:.85rem;color:var(--ink3);margin-bottom:28px;max-width:500px;margin-left:auto;margin-right:auto}.calc-box{background:var(--surface,#fff);border-radius:var(--radius-lg);padding:clamp(18px,2.2vw,26px);box-shadow:var(--shadow,0 2px 16px rgba(0,0,0,.05));margin:0 0 24px;color:var(--text-primary,#1a1612)}.input-row{display:flex;gap:10px;margin-bottom:clamp(12px,1.4vw,16px)}.input-row input{flex:1;padding:14px 16px;min-height:48px;border:1.5px solid var(--surface-border,#ddd);border-radius:var(--radius);font-size:16px;font-family:var(--sans);background:var(--parch);color:var(--ink);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.input-row input:focus{outline:none;border-color:var(--gold-text);box-shadow:0 0 0 3px #c9a84c24}.input-row input::placeholder{color:#bbb}.calc-btn{width:100%;padding:16px;min-height:48px;background:var(--gold);color:#fff;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);letter-spacing:.02em;margin-top:8px}.calc-btn:hover{background:var(--gold2);transform:translateY(-1px);box-shadow:0 6px 18px #c9a84c47}.calc-btn:active{transform:translateY(0);box-shadow:0 2px 8px #c9a84c38}.result{display:none;margin-top:20px;animation:fadeUp .5s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.result-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:16px 0}.result-card{text-align:center;padding:clamp(14px,1.8vw,18px) clamp(12px,1.4vw,16px);background:var(--surface,#fff);border-radius:var(--radius);box-shadow:var(--shadow-sm,0 1px 6px rgba(0,0,0,.04));transition:transform var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.result-card:hover{transform:translateY(-2px);box-shadow:var(--shadow,0 4px 18px rgba(0,0,0,.08))}.result-num{font-family:var(--serif);font-size:2rem;font-weight:700;color:var(--gold-text);line-height:1}.result-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);margin-top:4px}.result-name{font-size:.78rem;color:var(--ink2);margin-top:4px;line-height:1.4}.meaning{padding:20px;border-left:3px solid var(--gold);background:#c9a84c0a;margin:20px 0;font-size:.9rem;line-height:1.7;border-radius:0 10px 10px 0}.letter-breakdown{margin:20px 0;overflow-x:auto}.letter-table{width:100%;border-collapse:collapse;font-size:14px;text-align:center}.letter-table th{padding:10px 8px;background:var(--gold3);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3)}.letter-table th:first-child{border-radius:8px 0 0}.letter-table th:last-child{border-radius:0 8px 0 0}.letter-table td{padding:10px 8px;border-bottom:1px solid rgba(201,168,76,.1)}.letter-table .letter{font-family:var(--serif);font-size:20px;font-weight:600}.letter-table .num{color:var(--gold2);font-weight:600}.letter-table .vowel{background:#c9a84c0f}.compare-box{background:var(--surface,#fff);border-radius:14px;padding:20px;box-shadow:var(--shadow-sm,0 1px 6px rgba(0,0,0,.04));margin:24px 0;color:var(--text-primary,#1a1612)}.compare-box h3{font-family:var(--serif);font-size:1.1rem;font-weight:400;margin-bottom:12px}.names-input{display:flex;gap:8px;flex-wrap:wrap}.names-input input{flex:1;min-width:100px;padding:12px 14px;min-height:44px;border:1.5px solid var(--surface-border,#ddd);border-radius:var(--radius);font-size:.9rem;font-family:var(--sans);background:var(--parch);color:var(--ink);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.names-input input:focus{outline:none;border-color:var(--gold-text);box-shadow:0 0 0 3px #c9a84c24}.names-input button{padding:10px 20px;min-height:44px;background:var(--ink);color:var(--parch);border:none;border-radius:var(--radius);font-size:.85rem;cursor:pointer;font-family:var(--sans);font-weight:600;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.names-input button:hover{background:var(--ink2);transform:translateY(-1px)}.compare-result{margin-top:16px;display:none}.compare-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(201,168,76,.1)}.compare-name{font-weight:500;min-width:100px}.compare-nums{font-size:13px;color:var(--ink2)}.compare-bar{flex:1;height:6px;background:#c9a84c1a;border-radius:3px;overflow:hidden}.compare-fill{height:100%;background:var(--gold);border-radius:3px;transition:width .5s ease}h2{font-family:var(--serif);font-size:clamp(1.1rem,3vw,1.4rem);font-weight:400;margin:40px 0 16px;border-bottom:1px solid rgba(201,168,76,.2);padding-bottom:8px}.content{font-size:.9rem;line-height:1.7;margin:12px 0;color:var(--ink2)}.faq{margin:32px 0}.faq-item{border-bottom:1px solid rgba(201,168,76,.12);padding:16px 0;content-visibility:auto;contain-intrinsic-size:auto 140px}.faq-q{font-weight:600;font-size:.9rem}.faq-a{font-size:.85rem;color:var(--ink2);margin-top:6px;line-height:1.7}.cta{display:block;text-align:center;margin:40px auto;padding:14px 32px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;border-radius:10px;max-width:340px;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease}.cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c9a84c4d;text-decoration:none}footer p{margin:4px 0}@media(max-width:480px){.result-grid{grid-template-columns:1fr}.input-row,.names-input{flex-direction:column}.calc-box{padding:16px}}body:not(.cosmos-light){background:var(--parch);color:var(--ink)}body:not(.cosmos-light) .calc-box{background:#2623208c;box-shadow:0 2px 16px #0003}body:not(.cosmos-light) .calc-box input{border-color:#c9a84c33;background:#26232066;color:var(--ink)}body:not(.cosmos-light) .result-card{background:#2623208c;box-shadow:0 1px 6px #0003}body:not(.cosmos-light) .compare-box{background:#2623208c;box-shadow:0 1px 6px #0003}body:not(.cosmos-light) .names-input input{border-color:#c9a84c33;background:#26232066;color:var(--ink)}body:not(.cosmos-light) .compare-bar{background:#c9a84c26}body:not(.cosmos-light) .meaning{background:#c9a84c0f}body:not(.cosmos-light) .letter-table th{background:#c9a84c1a}body:not(.cosmos-light) .letter-table td{border-color:#c9a84c14}
/*# sourceMappingURL=baby-name-calc.css.map */