.tool-wrap[data-astro-cid-sb6hzkes]{padding:3rem var(--gutter);max-width:1100px}.tool-form[data-astro-cid-sb6hzkes],.tool-card[data-astro-cid-sb6hzkes],.info-box[data-astro-cid-sb6hzkes]{background:var(--putih);border:1px solid rgba(201,147,58,.2);border-radius:16px;padding:1.5rem;box-shadow:0 8px 24px #3b1f0a14}.tool-form[data-astro-cid-sb6hzkes]{display:grid;gap:1rem;margin-bottom:1.5rem}.main-field[data-astro-cid-sb6hzkes],.name-field[data-astro-cid-sb6hzkes]{display:grid;gap:.4rem;font-family:var(--font-ui);font-weight:700;color:var(--coklat-tua)}.tool-form[data-astro-cid-sb6hzkes] input[data-astro-cid-sb6hzkes],.tool-form[data-astro-cid-sb6hzkes] select[data-astro-cid-sb6hzkes],.date-grid input,.date-grid select{width:100%;min-width:0;box-sizing:border-box;padding:.78rem .85rem;border:1px solid rgba(201,147,58,.28);border-radius:14px;font:inherit;background:#fffdf8;transition:border-color .2s,box-shadow .2s,transform .2s}.tool-form[data-astro-cid-sb6hzkes] input[data-astro-cid-sb6hzkes]:focus,.tool-form[data-astro-cid-sb6hzkes] select[data-astro-cid-sb6hzkes]:focus,.date-grid input:focus,.date-grid select:focus{outline:none;border-color:var(--emas);box-shadow:0 0 0 3px #c9933a24}.tool-form[data-astro-cid-sb6hzkes] button[data-astro-cid-sb6hzkes]{background:var(--coklat-tua);color:var(--krem-muda);border:none;border-radius:999px;padding:.82rem 1rem;font-family:var(--font-ui);font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.tool-form[data-astro-cid-sb6hzkes] button[data-astro-cid-sb6hzkes]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b1f0a26}.person-grid[data-astro-cid-sb6hzkes]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.person-card[data-astro-cid-sb6hzkes]{background:linear-gradient(135deg,#fffaf0f5,#ffffffdb);border:1px solid rgba(201,147,58,.18);border-radius:18px;padding:1rem;display:grid;gap:.9rem;box-shadow:0 6px 18px #3b1f0a0f}.person-card-head[data-astro-cid-sb6hzkes]{display:flex;gap:.8rem;align-items:center}.person-card-head[data-astro-cid-sb6hzkes] small[data-astro-cid-sb6hzkes]{display:block;color:var(--abu-muda);font-weight:400;margin-top:.15rem}.person-icon[data-astro-cid-sb6hzkes]{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:14px;background:var(--coklat-tua);color:var(--emas-muda);font-size:1.25rem}.date-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;min-width:0}.date-grid label{display:grid;gap:.4rem;min-width:0;padding:.75rem;border-radius:16px;background:#ffffffb8;border:1px solid rgba(201,147,58,.14);font-family:var(--font-ui);font-weight:700;color:var(--coklat-tua);font-size:.88rem;box-shadow:0 4px 12px #3b1f0a0a;transition:transform .2s,box-shadow .2s}.date-grid label:hover{transform:translateY(-1px);box-shadow:0 7px 16px #3b1f0a12}.result-label[data-astro-cid-sb6hzkes]{color:var(--emas);font-family:var(--font-ui);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.info-box[data-astro-cid-sb6hzkes]{margin-top:1.5rem}.info-box[data-astro-cid-sb6hzkes] p[data-astro-cid-sb6hzkes]{color:var(--abu-muda)}.compat-hero{display:grid;gap:.7rem;background:linear-gradient(135deg,var(--coklat-tua),#704019);color:var(--krem-muda);border-radius:18px;padding:1.4rem;margin-bottom:1rem;position:relative;overflow:hidden}.compat-hero:after{content:"";position:absolute;inset:auto -40px -70px auto;width:170px;height:170px;border-radius:999px;background:#c9933a38}.hero-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;justify-content:space-between;position:relative;z-index:1}.hero-title-text{display:grid;gap:.25rem}.hero-subtitle{color:#fffaf0b8;font-family:var(--font-ui);font-size:.86rem;font-weight:700}.compat-hero h2{margin:0;color:var(--krem-muda)}.compat-hero p{margin:0;max-width:720px;color:#fffaf0db;position:relative;z-index:1}.score-ring{display:inline-flex;align-items:baseline;gap:.2rem;width:fit-content;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.45rem .8rem;position:relative;z-index:1}.score-ring strong{font-size:2rem;color:var(--emas-muda)}.tone-badge{display:inline-flex;width:fit-content;align-items:center;border-radius:999px;padding:.45rem .75rem;font-family:var(--font-ui);font-weight:800;font-size:.82rem;border:1px solid rgba(255,255,255,.22);background:#ffffff1f;color:var(--krem-muda);position:relative;z-index:1}.tone-great{box-shadow:inset 0 0 0 999px #e8b96a14}.tone-good{box-shadow:inset 0 0 0 999px #3d5a3e14}.tone-balanced{box-shadow:inset 0 0 0 999px #ffffff0f}.tone-careful{box-shadow:inset 0 0 0 999px #8b202014}.summary-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:1rem 0}.summary-cards article{background:#fffdf8;border:1px solid rgba(201,147,58,.2);border-radius:16px;padding:1rem;box-shadow:0 6px 18px #3b1f0a0f}.summary-cards span{display:block;color:var(--emas);font-family:var(--font-ui);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem}.summary-cards strong{display:block;color:var(--coklat-tua);font-family:var(--font-judul);font-size:1.18rem;line-height:1.25;margin-bottom:.35rem}.summary-cards p{margin:0;color:var(--abu-muda);font-size:.86rem;line-height:1.55}.compat-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.compat-profile,.compat-section,.detail-panel{background:var(--krem-muda);border:1px solid rgba(201,147,58,.18);border-radius:16px;padding:1rem}.compat-section{margin:1rem 0}.compat-profile h3{margin:0 0 .2rem;color:var(--coklat-tua)}.compat-profile p{margin:0 0 .8rem;color:var(--abu-muda)}.plain-result{width:100%;border-collapse:collapse;overflow:hidden;border-radius:12px}.plain-result th,.plain-result td{padding:.72rem .8rem;border-bottom:1px solid rgba(201,147,58,.16);vertical-align:top}.plain-result th{width:42%;text-align:left;color:var(--coklat-tua);background:#ffffff8c;font-family:var(--font-ui)}.plain-result td{color:var(--abu-muda);background:#ffffff52}.detail-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.detail-panel h3,.compat-section h3{margin-top:0;color:var(--coklat-tua)}.detail-panel p{margin:0 0 .55rem;color:var(--abu-muda)}.detail-panel ul,.watak-box ul,.check-list,.method-list,.action-list{margin:.55rem 0 0;padding-left:1.1rem;color:var(--abu-muda)}.detail-panel li,.watak-box li,.check-list li,.method-list li,.action-list li{margin:.35rem 0}.compat-section p{color:var(--abu-muda)}.detail-panel.warning,.warning-section{background:#fff7eb;border-color:#c9933a47}.method-box{background:linear-gradient(135deg,#fffaf0f5,#ffffffd1)}.tool-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}.tool-links a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.52rem .8rem;background:#fffdf8;border:1px solid rgba(201,147,58,.22);color:var(--coklat-tua);font-family:var(--font-ui);font-weight:800;font-size:.84rem;transition:transform .2s,box-shadow .2s,border-color .2s}.tool-links a:hover{transform:translateY(-2px);box-shadow:0 7px 16px #3b1f0a1f;border-color:var(--emas)}.watak-box{margin-top:.9rem;background:#fffdf8;border:1px solid rgba(201,147,58,.16);border-radius:14px;padding:.85rem}.watak-box h4{margin:0 0 .55rem;color:var(--coklat-tua)}.watak-box p{margin:.35rem 0;color:var(--abu-muda)}.tag-list{display:flex;flex-wrap:wrap;gap:.55rem}.tag-list span{display:inline-flex;background:#fffdf8;border:1px solid rgba(201,147,58,.22);border-radius:999px;padding:.45rem .7rem;color:var(--coklat-tua);font-family:var(--font-ui);font-weight:700;font-size:.88rem}.score-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.score-breakdown div{background:#fffdf8;border:1px solid rgba(201,147,58,.18);border-radius:14px;padding:.85rem}.score-breakdown strong{display:block;color:var(--emas);font-size:1.2rem}.score-breakdown span{color:var(--abu-muda);font-size:.86rem}.error-text{background:#fff7eb;border:1px solid rgba(201,147,58,.28);border-radius:14px;padding:1rem;color:var(--coklat-tua)}@media(max-width:980px){.date-grid{grid-template-columns:1fr}.summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.person-grid[data-astro-cid-sb6hzkes],.compat-profiles,.detail-sections,.score-breakdown,.summary-cards{grid-template-columns:1fr}}@media(max-width:640px){.tool-form[data-astro-cid-sb6hzkes],.tool-card[data-astro-cid-sb6hzkes],.info-box[data-astro-cid-sb6hzkes]{padding:1rem}}