.tool-wrap[data-astro-cid-txw4zcdo]{padding:3rem var(--gutter);max-width:1100px}.tool-form[data-astro-cid-txw4zcdo],.tool-card[data-astro-cid-txw4zcdo],.info-box[data-astro-cid-txw4zcdo],.compat-section[data-astro-cid-txw4zcdo]{background:var(--putih);border:1px solid rgba(201,147,58,.2);border-radius:18px;padding:1.5rem;box-shadow:0 8px 24px #3b1f0a14}.tool-form[data-astro-cid-txw4zcdo]{display:grid;gap:1rem;margin:0 auto 1.5rem;max-width:960px}.form-grid[data-astro-cid-txw4zcdo]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.tool-form[data-astro-cid-txw4zcdo] label[data-astro-cid-txw4zcdo],.date-fieldset[data-astro-cid-txw4zcdo] legend[data-astro-cid-txw4zcdo]{display:grid;gap:.45rem;min-width:0;font-family:var(--font-ui);font-weight:800;color:var(--coklat-tua)}.date-fieldset[data-astro-cid-txw4zcdo]{border:0;padding:0;margin:0}.date-grid[data-astro-cid-txw4zcdo]{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:.8rem;margin-top:.65rem;align-items:end}.date-toggle[data-astro-cid-txw4zcdo]{display:flex!important;align-items:center;gap:.5rem!important;background:var(--krem-muda);border:1px solid rgba(201,147,58,.18);border-radius:14px;padding:.75rem}.date-toggle[data-astro-cid-txw4zcdo] input[data-astro-cid-txw4zcdo]{width:auto!important}.tool-form[data-astro-cid-txw4zcdo] input[data-astro-cid-txw4zcdo],.tool-form[data-astro-cid-txw4zcdo] select[data-astro-cid-txw4zcdo]{width:100%;box-sizing:border-box;padding:.78rem .85rem;border:1px solid rgba(201,147,58,.28);border-radius:14px;font:inherit;background:#fffdf8}.tool-form[data-astro-cid-txw4zcdo] button[data-astro-cid-txw4zcdo]{background:var(--coklat-tua);color:var(--krem-muda);border:none;border-radius:999px;padding:.82rem 1.1rem;font-family:var(--font-ui);font-weight:800;cursor:pointer}.tool-card[data-astro-cid-txw4zcdo]{display:grid;gap:1rem;overflow:hidden}.info-box[data-astro-cid-txw4zcdo]{margin-top:1.5rem}.info-box[data-astro-cid-txw4zcdo] p[data-astro-cid-txw4zcdo]{color:var(--abu-muda)}.compat-hero{background:linear-gradient(135deg,var(--coklat-tua),#70431d);color:var(--krem-muda);border-radius:20px;padding:1.35rem}.hero-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center}.result-label{color:var(--emas);font-family:var(--font-ui);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.compat-hero h2{margin:.2rem 0;color:var(--krem-muda);font-size:clamp(1.45rem,3vw,2rem)}.compat-hero p{color:#fffaf0e0;margin:.35rem 0 .7rem}.tone-badge{display:inline-flex;background:#ffffff24;border-radius:999px;padding:.35rem .7rem;color:var(--krem-muda)}.score-ring{width:92px;height:92px;border-radius:999px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff26;box-shadow:inset 0 0 0 4px #fff3;font-family:var(--font-ui)}.score-ring strong{font-size:1.55rem;color:var(--krem-muda)}.score-ring span{font-size:.75rem;font-weight:800;text-transform:uppercase;color:#fffaf0e6}.summary-cards,.detail-sections,.name-grid,.meaning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:1rem 0}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));margin:1.4rem 0}.name-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.meaning-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-cards article,.detail-panel,.name-card,.meaning-card{background:var(--krem-muda);border:1px solid rgba(201,147,58,.18);border-radius:16px;padding:1rem;min-width:0}.name-card,.meaning-card{position:relative;overflow:hidden;display:grid;gap:.55rem;align-content:start;box-shadow:0 8px 20px #3b1f0a0f}.name-card:before,.meaning-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--emas)}.wide-panel{grid-column:1 / -1}.highlight-box{background:linear-gradient(135deg,#fffaf0fa,#f5e6c6b8);border-left:5px solid var(--emas);padding:1.35rem 1.6rem 1.35rem 1.8rem}.summary-cards span,.name-card span,.meaning-card span{display:block;color:var(--abu-muda);font-size:.85rem}.name-card span,.meaning-card span{color:var(--emas);font-family:var(--font-ui);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.summary-cards strong,.detail-panel h3,.name-card h4,.meaning-card h4,.compat-section[data-astro-cid-txw4zcdo] h3[data-astro-cid-txw4zcdo]{color:var(--coklat-tua);font-family:var(--font-ui)}.name-card h4,.meaning-card h4{margin:0;font-size:1.18rem}.detail-panel p,.name-card p,.meaning-card p,.name-card em,.meaning-card em,.compat-section[data-astro-cid-txw4zcdo] p[data-astro-cid-txw4zcdo],.advice-list{color:var(--abu-muda)}.tag-list{display:flex;flex-wrap:wrap;gap:.45rem}.tag-list span{background:#5a35181a;color:var(--coklat-tua);border:1px solid rgba(201,147,58,.18);border-radius:999px;padding:.35rem .65rem;font-family:var(--font-ui);font-size:.88rem;font-weight:700}.advice-list{margin:.25rem 0 0;padding-left:1.15rem}.pager-note{margin-top:-.25rem;color:var(--abu-muda)}.name-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem}.name-pager button{width:2.45rem;height:2.45rem;border-radius:999px;border:1px solid rgba(201,147,58,.35);background:var(--krem-muda);color:var(--coklat-tua);font-family:var(--font-ui);font-weight:800;cursor:pointer}.name-pager button.active,.name-pager button:hover{background:var(--coklat-tua);color:var(--krem-muda)}.tool-links{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.85rem}.tool-links a{background:var(--coklat-tua);color:var(--krem-muda);border-radius:999px;padding:.55rem .85rem;font-family:var(--font-ui);font-weight:800}@media(max-width:1000px){.name-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.tool-wrap[data-astro-cid-txw4zcdo]{padding:2rem var(--gutter)}.form-grid[data-astro-cid-txw4zcdo],.date-grid[data-astro-cid-txw4zcdo],.summary-cards,.detail-sections,.name-grid,.meaning-grid,.hero-title-row{grid-template-columns:1fr}.wide-panel{grid-column:auto}.tool-form[data-astro-cid-txw4zcdo],.tool-card[data-astro-cid-txw4zcdo],.info-box[data-astro-cid-txw4zcdo],.compat-section[data-astro-cid-txw4zcdo]{padding:1rem}.tone-badge{display:inline-block}}