.dtcb-app{
  --dtcb-pink:#e62f67;
  --dtcb-pink-2:#ff617b;
  --dtcb-pink-soft:#fff1f4;
  --dtcb-pink-soft-2:#ffe6ed;
  --dtcb-rose-border:#f5c3d1;
  --dtcb-text:#42333a;
  --dtcb-muted:#82757b;
  --dtcb-white:#fff;
  --dtcb-navy:#14213d;
  --dtcb-gold:#c99b45;
  max-width:940px;
  margin:0 auto;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--dtcb-text);
  box-sizing:border-box;
}
.dtcb-app *, .dtcb-app *::before, .dtcb-app *::after{box-sizing:border-box}
.dtcb-entry-card{
  position:relative;
  overflow:hidden;
  padding:24px 26px 28px;
  border:1px solid #ffd1dc;
  border-radius:0 0 18px 18px;
  background:
    radial-gradient(circle at 91% 14%,rgba(255,255,255,.78) 0 50px,transparent 51px),
    radial-gradient(circle at 77% 32%,rgba(255,255,255,.48) 0 34px,transparent 35px),
    linear-gradient(180deg,#ffe6ec 0%,#fff1f4 57%,#ffe4ec 100%);
  box-shadow:0 14px 34px rgba(217,61,105,.10);
}
.dtcb-entry-card::before,.dtcb-entry-card::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  background:rgba(255,126,157,.22);
}
.dtcb-entry-card::before{width:9px;height:9px;top:20px;right:42%;box-shadow:115px 29px 0 rgba(255,126,157,.13),-310px 93px 0 rgba(255,126,157,.16),235px 248px 0 rgba(255,126,157,.13)}
.dtcb-entry-card::after{width:260px;height:80px;right:-30px;bottom:-45px;background:rgba(255,255,255,.55);filter:blur(1px)}
.dtcb-lookup-form{position:relative;z-index:1;margin:0}
.dtcb-form-section{padding:0 0 2px}
.dtcb-section-title{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  color:var(--dtcb-pink);
  font-size:17px;
  font-weight:800;
  line-height:1.2;
}
.dtcb-section-icon{font-size:16px;line-height:1}
.dtcb-form-divider{height:1px;margin:15px 0 15px;border-top:1px dashed rgba(224,78,113,.34)}
.dtcb-field{min-width:0}
.dtcb-field label,.dtcb-date-fieldset legend,.dtcb-gender-fieldset legend{
  display:block;
  margin:0 0 7px;
  padding:0;
  color:#55464d;
  font-size:13px;
  font-weight:700;
  line-height:1.35;
}
.dtcb-label-example{font-weight:600;color:#716269}
.dtcb-field input,.dtcb-field select,.dtcb-date-grid select{
  width:100%;
  min-height:38px;
  margin:0;
  border:1px solid #ebced6;
  border-radius:8px;
  background:rgba(255,255,255,.95);
  color:#45373d;
  padding:8px 11px;
  font:inherit;
  font-size:13px;
  outline:none;
  box-shadow:0 1px 2px rgba(68,32,44,.03);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.dtcb-field input::placeholder{color:#a99ca1}
.dtcb-field input:focus,.dtcb-field select:focus,.dtcb-date-grid select:focus{
  border-color:#ef7d9c;
  background:#fff;
  box-shadow:0 0 0 3px rgba(230,47,103,.09);
}
.dtcb-field-full{width:100%}
.dtcb-parent-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,1fr);
  gap:14px 14px;
  align-items:end;
}
.dtcb-date-fieldset,.dtcb-gender-fieldset{min-width:0;margin:0;padding:0;border:0}
.dtcb-date-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.dtcb-gender-fieldset{text-align:center;margin:2px 0 12px}
.dtcb-gender-fieldset legend{width:100%;text-align:center;margin-bottom:8px}
.dtcb-gender-options{display:flex;justify-content:center;gap:50px;flex-wrap:wrap}
.dtcb-gender-option{position:relative;display:inline-flex;cursor:pointer;user-select:none}
.dtcb-gender-option input{position:absolute;opacity:0;pointer-events:none}
.dtcb-gender-option span{
  display:flex;
  align-items:center;
  gap:5px;
  min-height:32px;
  padding:6px 10px;
  border:1px solid transparent;
  border-radius:8px;
  color:#5f4d54;
  font-size:13px;
  font-weight:700;
  transition:.18s ease;
}
.dtcb-gender-option input:checked + span{
  color:var(--dtcb-pink);
  border-color:#ff9db3;
  background:rgba(255,255,255,.76);
  box-shadow:0 4px 12px rgba(224,59,104,.08);
}
.dtcb-gender-option input:focus-visible + span{outline:2px solid #e62f67;outline-offset:2px}
.dtcb-baby-year-field{margin-top:2px}
.dtcb-advanced-toggle{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:46px;
  margin:12px 0 12px;
  padding:10px 13px;
  border:1px dashed #efb4c4;
  border-radius:8px;
  background:rgba(255,255,255,.56);
  color:var(--dtcb-pink);
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.dtcb-advanced-toggle input{position:absolute;opacity:0;pointer-events:none}
.dtcb-checkbox-ui{
  position:relative;
  flex:0 0 16px;
  width:16px;height:16px;
  border:1.5px solid #c9b7bd;
  border-radius:3px;
  background:#fff;
}
.dtcb-advanced-toggle input:checked + .dtcb-checkbox-ui{background:var(--dtcb-pink);border-color:var(--dtcb-pink)}
.dtcb-advanced-toggle input:checked + .dtcb-checkbox-ui::after{
  content:"✓";
  position:absolute;
  inset:-2px 0 0 1px;
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.dtcb-advanced-toggle strong{font-weight:800}
.dtcb-advanced-panel{
  margin:-2px 0 13px;
  padding:14px;
  border:1px solid #f1cad5;
  border-radius:10px;
  background:rgba(255,255,255,.72);
}
.dtcb-advanced-panel[hidden]{display:none!important}
.dtcb-advanced-grid{display:grid;grid-template-columns:1.25fr .65fr 1.2fr;gap:12px;align-items:end}
.dtcb-advanced-hint{margin:10px 0 0;color:#8d747d;font-size:12px;line-height:1.55}
.dtcb-submit{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  width:100%;
  min-height:51px;
  border:0;
  border-radius:22px;
  padding:12px 20px;
  background:linear-gradient(90deg,var(--dtcb-pink-2),#dc2d69);
  color:#fff;
  font:inherit;
  font-size:15px;
  font-weight:800;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 9px 18px rgba(219,45,103,.16);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.dtcb-submit:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(219,45,103,.21);filter:saturate(1.04)}
.dtcb-submit:active{transform:translateY(0)}
.dtcb-submit:disabled{opacity:.65;cursor:wait;transform:none}
.dtcb-form-error{
  margin:0 0 12px;
  padding:10px 12px;
  border:1px solid #ffc2cd;
  border-radius:8px;
  background:#fff5f7;
  color:#a8294c;
  font-size:13px;
}

/* Result styles retained for the current analysis engine. */
.dtcb-result{margin-top:20px}.dtcb-report{background:linear-gradient(135deg,#fff9f5,#fff);border:1px solid #f1e6dc;border-radius:24px;padding:clamp(22px,4vw,46px);box-shadow:0 20px 60px rgba(36,30,26,.08)}.dtcb-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--dtcb-pink)}.dtcb-report h2{font-family:Georgia,serif;color:var(--dtcb-navy);font-size:clamp(32px,5vw,56px);margin:8px 0}.dtcb-report-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.dtcb-score{min-width:155px;background:var(--dtcb-navy);color:#fff;padding:18px;border-radius:18px;text-align:center}.dtcb-score small,.dtcb-score span{display:block;opacity:.8}.dtcb-score strong{display:block;font-family:Georgia,serif;color:#f3cc7b;font-size:54px;line-height:1}.dtcb-result-summary{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}.dtcb-result-summary span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#fff1f4;color:#6d4a57;font-size:12px;font-weight:700}.dtcb-name-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dtcb-name-card{background:#fff;border:1px solid #eee1d8;border-radius:18px;padding:18px}.dtcb-name-card.is-missing{border-style:dashed}.dtcb-han{font-size:32px;color:var(--dtcb-pink)}.dtcb-name-card h3{margin:6px 0;font-size:22px}.dtcb-meta{display:flex;gap:8px;flex-wrap:wrap}.dtcb-meta span{background:#fff4ed;border-radius:999px;padding:5px 9px;font-size:12px}.dtcb-section{margin-top:26px}.dtcb-grid-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.dtcb-metric{background:#fff;border:1px solid #eee1d8;border-radius:16px;padding:16px;text-align:center}.dtcb-metric small,.dtcb-metric span{display:block}.dtcb-metric strong{display:block;font:42px Georgia,serif;color:var(--dtcb-navy);margin:7px 0}.dtcb-note,.dtcb-warning,.dtcb-disclaimer,.dtcb-error,.dtcb-loading{margin-top:18px;border-radius:14px;padding:15px 17px}.dtcb-note{background:#fff7e8}.dtcb-warning{background:#fff3cd}.dtcb-disclaimer{background:#f8f8f8;border-left:4px solid #bbb}.dtcb-disclaimer p{margin:6px 0 0}.dtcb-error{background:#fff0f0;color:#8b1e1e}.dtcb-loading{background:#f6f7f7}

@media(max-width:800px){
  .dtcb-entry-card{padding:20px 16px 22px}
  .dtcb-parent-grid{grid-template-columns:1fr}
  .dtcb-advanced-grid{grid-template-columns:1fr}
  .dtcb-gender-options{gap:18px}
  .dtcb-report-head{flex-direction:column;align-items:stretch}
  .dtcb-name-grid,.dtcb-grid-five{grid-template-columns:1fr 1fr}
  .dtcb-score{min-width:0}
}
@media(max-width:520px){
  .dtcb-section-title{font-size:16px}
  .dtcb-date-grid{gap:5px}
  .dtcb-date-grid select{padding-left:7px;padding-right:5px;font-size:12px}
  .dtcb-gender-options{justify-content:space-between;gap:8px}
  .dtcb-gender-option span{padding:6px 8px}
  .dtcb-advanced-toggle{align-items:flex-start}
  .dtcb-submit{border-radius:16px;font-size:14px}
  .dtcb-name-grid,.dtcb-grid-five{grid-template-columns:1fr}
}

/* v0.3.0: two-mode form switcher */
.dtcb-mode-switch{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:0 0 18px;
  padding:5px;
  border:1px solid rgba(238,137,164,.48);
  border-radius:16px;
  background:rgba(255,255,255,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.dtcb-mode-tab{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:0;
  min-height:57px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:#735b64;
  font:inherit;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.dtcb-mode-tab:hover{background:rgba(255,255,255,.64)}
.dtcb-mode-tab.is-active{
  border-color:#f29ab1;
  background:linear-gradient(180deg,#fff,#fff7f9);
  color:var(--dtcb-pink);
  box-shadow:0 5px 14px rgba(221,64,107,.10);
}
.dtcb-mode-tab:focus-visible{outline:2px solid var(--dtcb-pink);outline-offset:2px}
.dtcb-mode-icon{flex:0 0 auto;font-size:18px}
.dtcb-mode-tab > span:last-child{display:flex;min-width:0;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.2}
.dtcb-mode-tab strong{display:block;font-size:14px;font-weight:850;white-space:nowrap}
.dtcb-mode-tab small{display:block;margin-top:4px;color:#9a858d;font-size:11px;font-weight:650;white-space:nowrap}
.dtcb-mode-tab.is-active small{color:#9b6475}

/* Keep both modes in the same visual frame so switching never breaks the card width. */
.dtcb-form-stage{position:relative;width:100%;min-height:505px}
.dtcb-form-panel{width:100%;min-height:505px}
.dtcb-form-panel[hidden]{display:none!important}
.dtcb-suggest-form{min-height:505px;display:flex;flex-direction:column}
.dtcb-suggest-form .dtcb-form-section:last-child{display:flex;flex:1;flex-direction:column}
.dtcb-suggest-form .dtcb-submit{margin-top:auto}
.dtcb-suggest-baby-grid{display:grid;grid-template-columns:.75fr 1.35fr 1fr;gap:14px;align-items:start}
.dtcb-hour-branch-field select{width:100%;min-height:38px;margin:0;border:1px solid #ebced6;border-radius:8px;background:rgba(255,255,255,.95);color:#45373d;padding:8px 11px;font:inherit;font-size:13px;outline:none}
.dtcb-hour-branch-field select:focus{border-color:#ef7d9c;background:#fff;box-shadow:0 0 0 3px rgba(230,47,103,.09)}
.dtcb-field-hint{display:block;margin-top:6px;color:#947f87;font-size:11px;line-height:1.35}
.dtcb-suggest-note{margin:16px 0 14px;padding:11px 13px;border:1px dashed #efb4c4;border-radius:9px;background:rgba(255,255,255,.5);color:#7b626b;font-size:12px;line-height:1.5}
.dtcb-suggest-result-lead{color:#76666d}
.dtcb-suggest-result-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:20px}
.dtcb-suggest-result-grid>div{min-width:0;padding:14px;border:1px solid #eee1d8;border-radius:14px;background:#fff}
.dtcb-suggest-result-grid small{display:block;margin-bottom:5px;color:#99868d;font-size:11px;font-weight:700}
.dtcb-suggest-result-grid strong{display:block;color:#42333a;font-size:14px;word-break:break-word}

@media(max-width:800px){
  .dtcb-mode-tab small{display:none}
  .dtcb-mode-tab strong{white-space:normal;text-align:center}
  .dtcb-form-stage,.dtcb-form-panel,.dtcb-suggest-form{min-height:0}
  .dtcb-suggest-baby-grid{grid-template-columns:1fr}
  .dtcb-suggest-form .dtcb-submit{margin-top:14px}
  .dtcb-suggest-result-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .dtcb-mode-switch{gap:6px;padding:4px;border-radius:13px}
  .dtcb-mode-tab{min-height:52px;padding:7px 6px;gap:5px}
  .dtcb-mode-icon{font-size:15px}
  .dtcb-mode-tab strong{font-size:12px;line-height:1.25}
  .dtcb-suggest-result-grid{grid-template-columns:1fr}
}

/* v0.4.0: compact preferences + dedicated SEO result pages */
.dtcb-form-stage,.dtcb-form-panel{min-height:620px}
.dtcb-suggest-form{min-height:620px}
.dtcb-suggest-preferences{display:grid;grid-template-columns:210px 1fr;gap:14px;align-items:start;margin-top:14px}
.dtcb-suggest-gender{margin:0;padding:11px 10px;border:1px solid #efc8d3;border-radius:10px;background:rgba(255,255,255,.52)}
.dtcb-suggest-gender legend{margin-bottom:5px}
.dtcb-suggest-gender .dtcb-gender-options{gap:5px;justify-content:flex-start}
.dtcb-suggest-gender .dtcb-gender-option span{padding:5px 7px;font-size:12px}
.dtcb-wishes-fieldset{min-width:0;margin:0;padding:10px 12px 12px;border:1px solid #efc8d3;border-radius:10px;background:rgba(255,255,255,.52)}
.dtcb-wishes-fieldset legend{padding:0 6px;color:#55464d;font-size:13px;font-weight:800}
.dtcb-wishes-fieldset legend small{font-weight:600;color:#947f87}
.dtcb-wish-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.dtcb-wish-option{position:relative;display:block;cursor:pointer;user-select:none}
.dtcb-wish-option input{position:absolute;opacity:0;pointer-events:none}
.dtcb-wish-option span{display:flex;align-items:center;justify-content:center;min-height:31px;padding:5px 8px;border:1px solid #efd5dc;border-radius:999px;background:#fff;color:#67535b;font-size:12px;font-weight:750;transition:.18s ease}
.dtcb-wish-option input:checked + span{border-color:#ed7899;background:#fff0f4;color:#d62d61;box-shadow:0 3px 10px rgba(219,45,103,.09)}
.dtcb-wish-option input:checked + span::before{content:"✓";margin-right:5px;font-weight:900}
.dtcb-wish-option input:focus-visible + span{outline:2px solid #e62f67;outline-offset:2px}

.dtcb-seo-page{--dtcb-pink:#e62f67;--dtcb-navy:#14213d;--dtcb-gold:#c99b45;--dtcb-text:#42333a;background:linear-gradient(180deg,#fffaf7 0,#fff 70%);padding:30px 16px 54px;color:var(--dtcb-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.dtcb-seo-page *{box-sizing:border-box}
.dtcb-page-shell{max-width:1120px;margin:0 auto}
.dtcb-page-breadcrumb{display:flex;gap:8px;align-items:center;margin:0 0 18px;color:#9b878e;font-size:13px}
.dtcb-page-breadcrumb a{color:#cf3261;text-decoration:none}
.dtcb-page-hero,.dtcb-suggest-hero,.dtcb-calc-summary,.dtcb-page-section,.dtcb-suggestion-card,.dtcb-page-empty{border:1px solid #f0e3dd;background:rgba(255,255,255,.95);box-shadow:0 14px 38px rgba(67,42,48,.07)}
.dtcb-page-hero{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:28px 32px;border-radius:24px;background:radial-gradient(circle at 88% 15%,#fff0f4 0 70px,transparent 71px),linear-gradient(135deg,#fffaf6,#fff)}
.dtcb-page-hero h1,.dtcb-suggest-hero h1{margin:8px 0 5px;font-family:Georgia,serif;color:var(--dtcb-navy);font-size:clamp(34px,5vw,58px);line-height:1.08}
.dtcb-page-score{min-width:165px;padding:20px 18px;border-radius:20px;background:var(--dtcb-navy);color:#fff;text-align:center}
.dtcb-page-score small,.dtcb-page-score span{display:block;opacity:.8}.dtcb-page-score strong{display:block;color:#f2cb77;font:58px/1 Georgia,serif;margin:5px 0}
.dtcb-page-section{margin-top:20px;padding:26px;border-radius:22px}
.dtcb-page-section-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:18px}.dtcb-page-section-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff0f4;color:#d82f62;font-weight:850}.dtcb-page-section-head h2{margin:0;color:var(--dtcb-navy);font-size:23px}.dtcb-page-section-head p{margin:4px 0 0;color:#8c7a80;font-size:13px}
.dtcb-page-actions{display:flex;justify-content:center;margin:24px 0}.dtcb-page-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:999px;background:linear-gradient(90deg,#ff617b,#dc2d69);color:#fff!important;font-weight:800;text-decoration:none!important;box-shadow:0 10px 22px rgba(219,45,103,.16)}
.dtcb-page-empty{padding:45px 30px;border-radius:24px;text-align:center}.dtcb-page-empty h1{color:var(--dtcb-navy)}

.dtcb-suggest-hero{padding:30px 32px;border-radius:24px;background:radial-gradient(circle at 88% 10%,#ffe8ef 0 95px,transparent 96px),linear-gradient(135deg,#fffaf6,#fff)}
.dtcb-suggest-hero>p{max-width:760px;margin:8px 0 0;color:#74636a;font-size:15px;line-height:1.6}
.dtcb-calc-summary{display:grid;grid-template-columns:1.7fr .8fr;gap:20px;margin-top:20px;padding:24px;border-radius:22px}
.dtcb-calc-summary h2{margin:0 0 13px;color:var(--dtcb-navy);font-size:21px}.dtcb-calc-summary-main>p{margin:13px 0 0;color:#8d7b82;font-size:12px;line-height:1.55}
.dtcb-weight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dtcb-weight-grid>div{padding:10px 11px;border:1px solid #f0e5df;border-radius:12px;background:#fffaf8}.dtcb-weight-grid span,.dtcb-weight-grid strong{display:block}.dtcb-weight-grid span{font-size:11px;color:#8e7b82}.dtcb-weight-grid strong{margin-top:3px;color:#d52e61;font-size:14px}
.dtcb-family-elements{display:grid;gap:8px}.dtcb-family-elements>div{padding:10px 12px;border-radius:12px;background:#fff4f7}.dtcb-family-elements small,.dtcb-family-elements span{display:block}.dtcb-family-elements small{font-size:10px;color:#a38690;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.dtcb-family-elements strong{display:block;margin:2px 0;color:#4e3d44;font-size:13px}.dtcb-family-elements span{font-size:11px;color:#d33163}
.dtcb-selected-wishes{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:18px 0;padding:12px 15px;border:1px dashed #efb4c4;border-radius:14px;background:#fff7f9;font-size:13px}.dtcb-selected-wishes strong{margin-right:2px}.dtcb-selected-wishes span{padding:5px 9px;border-radius:999px;background:#fff;color:#d62f62;font-weight:750}
.dtcb-suggestion-list{display:grid;gap:14px;margin-top:18px}
.dtcb-suggestion-card{position:relative;display:grid;grid-template-columns:62px 1fr;gap:14px;padding:20px 22px;border-radius:20px}
.dtcb-rank{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#172441,#263657);color:#f4cd79;font-weight:900;font-size:17px;box-shadow:0 8px 18px rgba(20,33,61,.16)}
.dtcb-suggestion-main{min-width:0}.dtcb-suggestion-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.dtcb-suggestion-title-row h2{margin:0;color:var(--dtcb-navy);font-family:Georgia,serif;font-size:29px}.dtcb-suggestion-han{display:block;margin-top:2px;color:#c68f3b;font-size:16px;letter-spacing:.06em}.dtcb-suggestion-score{display:flex;align-items:baseline;white-space:nowrap}.dtcb-suggestion-score strong{font:38px/1 Georgia,serif;color:#d63162}.dtcb-suggestion-score span{color:#9a838b;font-size:12px}
.dtcb-suggestion-meaning{margin:10px 0 5px;color:#5d4c53;line-height:1.55}.dtcb-suggestion-reason{margin:0;color:#8a777e;font-size:12px;line-height:1.5}.dtcb-match-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.dtcb-match-tags span{padding:4px 8px;border-radius:999px;background:#f1fbf4;color:#39794d;font-size:11px;font-weight:750}
.dtcb-breakdown-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:12px}.dtcb-breakdown-grid>div{padding:8px 7px;border:1px solid #f1e7e2;border-radius:10px;background:#fffaf8;text-align:center}.dtcb-breakdown-grid small,.dtcb-breakdown-grid strong{display:block}.dtcb-breakdown-grid small{min-height:28px;color:#99858d;font-size:9px;line-height:1.3}.dtcb-breakdown-grid strong{margin-top:2px;color:#493a40;font-size:11px}
.dtcb-ngu-cach-details{margin-top:11px;border-top:1px dashed #ead7dd;padding-top:10px}.dtcb-ngu-cach-details summary{cursor:pointer;color:#b9325c;font-size:12px;font-weight:800}.dtcb-mini-five{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.dtcb-mini-five>span{display:flex;gap:5px;align-items:center;padding:5px 8px;border-radius:9px;background:#f7f7fa}.dtcb-mini-five small{color:#8b7c83}.dtcb-mini-five strong{color:#243251}.dtcb-name-detail-link{display:inline-flex;margin-top:11px;color:#d42f61!important;font-size:12px;font-weight:800;text-decoration:none!important}
.dtcb-suggestions-page .dtcb-disclaimer,.dtcb-check-page .dtcb-disclaimer{margin-top:24px}

@media(max-width:900px){
  .dtcb-suggest-preferences{grid-template-columns:1fr}
  .dtcb-form-stage,.dtcb-form-panel,.dtcb-suggest-form{min-height:0}
  .dtcb-calc-summary{grid-template-columns:1fr}
  .dtcb-breakdown-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
  .dtcb-wish-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dtcb-page-hero{flex-direction:column;align-items:stretch;padding:22px 18px}.dtcb-page-score{min-width:0}
  .dtcb-page-section,.dtcb-suggest-hero,.dtcb-calc-summary{padding:19px 16px}
  .dtcb-weight-grid{grid-template-columns:1fr 1fr}
  .dtcb-suggestion-card{grid-template-columns:1fr;padding:17px 15px}.dtcb-rank{width:44px;height:44px}.dtcb-suggestion-title-row h2{font-size:24px}.dtcb-suggestion-score strong{font-size:31px}
  .dtcb-breakdown-grid{grid-template-columns:1fr 1fr}
}

/* v0.5.0 — fixed dual forms + premium pale-pink report */
@media(min-width:901px){
  .dtcb-form-stage{height:660px;min-height:660px}
  .dtcb-form-panel{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding-right:4px}
  .dtcb-form-panel>.dtcb-lookup-form{min-height:100%;display:flex;flex-direction:column}
  .dtcb-form-panel>.dtcb-lookup-form>.dtcb-form-section:last-child{flex:1;display:flex;flex-direction:column}
  .dtcb-form-panel>.dtcb-lookup-form .dtcb-submit{margin-top:auto}
}
.dtcb-vietnam-time-note{display:flex;gap:9px;align-items:center;min-height:58px;padding:9px 11px;border:1px solid #edd5dc;border-radius:9px;background:rgba(255,255,255,.7);color:#65545b}
.dtcb-vietnam-time-note>span{font-size:18px}.dtcb-vietnam-time-note strong,.dtcb-vietnam-time-note small{display:block}.dtcb-vietnam-time-note strong{font-size:12px}.dtcb-vietnam-time-note small{margin-top:2px;color:#927e86;font-size:10px}

.dtcb-result-page-body{background:#fff4f7}
.dtcb-seo-page{background:radial-gradient(circle at 10% 4%,rgba(255,255,255,.9),transparent 31%),linear-gradient(180deg,#fff2f5 0,#fff8f8 58%,#fff3f6 100%)}
.dtcb-check-page .dtcb-page-shell{max-width:1180px}
.dtcb-premium-report{--rose:#e63669;--rose2:#ff6d86;--ink:#162542;--gold:#d8ad57;--paper:#fffdfb;--soft:#fff1f4;position:relative;overflow:hidden;padding:0 0 18px;border:1px solid #f2d9df;border-radius:28px;background:linear-gradient(180deg,#fff4f6 0,#fff9f7 22%,#fff7f8 100%);box-shadow:0 24px 80px rgba(157,64,89,.12);color:#403238}
.dtcb-premium-report::before,.dtcb-premium-report::after{content:"";position:absolute;z-index:0;pointer-events:none;border-radius:50%;border:2px solid rgba(232,76,121,.07)}
.dtcb-premium-report::before{width:280px;height:280px;left:-160px;top:420px}.dtcb-premium-report::after{width:220px;height:220px;right:-120px;top:760px}
.dtcb-premium-report>*>*{box-sizing:border-box}
.dtcb-premium-hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);min-height:380px;background:radial-gradient(circle at 78% 16%,rgba(255,255,255,.95) 0 80px,transparent 210px),linear-gradient(105deg,#fff9f7 0%,#fff0f2 58%,#fae9ed 100%);border-bottom:1px solid #f3dce1}
.dtcb-premium-hero-copy{position:relative;z-index:2;padding:34px 18px 28px 36px}
.dtcb-baby-line{display:flex;align-items:center;gap:7px;color:#3b3540;font-size:13px}.dtcb-baby-line>span:last-child{color:#856f77}
.dtcb-premium-hero h1{margin:13px 0 10px;color:var(--ink);font:700 clamp(46px,6vw,72px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.035em}
.dtcb-hero-tags{display:flex;gap:7px;flex-wrap:wrap}.dtcb-hero-tags span{padding:6px 12px;border:1px solid #efdede;border-radius:999px;background:rgba(255,255,255,.76);color:#684e56;font-size:11px;font-weight:800;box-shadow:0 4px 12px rgba(103,63,75,.04)}
.dtcb-hero-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:23px;padding:10px;border:1px solid rgba(238,216,219,.9);border-radius:15px;background:rgba(255,255,255,.88);box-shadow:0 7px 25px rgba(102,52,67,.05)}
.dtcb-hero-info-grid>div{position:relative;min-width:0;padding:4px 5px 3px 32px}.dtcb-hero-info-grid>div+.dtcb-hero-info-grid>div{border-left:1px solid #f0e2e4}.dtcb-hero-info-grid .dtcb-live-icon{position:absolute;left:4px;top:6px;width:22px;height:22px;font-size:11px}.dtcb-hero-info-grid small,.dtcb-hero-info-grid strong{display:block}.dtcb-hero-info-grid small{overflow:hidden;color:#9a828a;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.dtcb-hero-info-grid strong{overflow:hidden;margin-top:3px;color:#322b31;font-size:11px;white-space:nowrap;text-overflow:ellipsis}
.dtcb-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px}.dtcb-save-result,.dtcb-share-result{min-height:39px;padding:8px 15px;border:1px solid #eccfd5;border-radius:9px;background:#fff;color:#77545e;font:700 12px/1.2 inherit;cursor:pointer;box-shadow:0 5px 14px rgba(112,65,78,.05)}.dtcb-save-result{border-color:transparent;background:linear-gradient(90deg,#ef4a72,#dd2e67);color:#fff}.dtcb-save-result:hover,.dtcb-share-result:hover{transform:translateY(-1px)}.dtcb-save-result:disabled,.dtcb-share-result:disabled{opacity:.6;cursor:wait}.dtcb-action-status{flex-basis:100%;min-height:14px;color:#a3717f;font-size:10px}
.dtcb-premium-hero-art{position:relative;min-height:380px;overflow:hidden}.dtcb-hero-photo{position:absolute;inset:18px 65px 9px 4px;border:6px solid rgba(255,255,255,.68);border-radius:50% 50% 46% 54%/46% 49% 51% 54%;background-position:center;background-size:cover;box-shadow:0 0 0 2px rgba(216,173,87,.55),0 20px 36px rgba(139,82,99,.12)}.dtcb-hero-photo::after{content:"";position:absolute;inset:-18px;background:linear-gradient(180deg,transparent 58%,rgba(255,242,245,.82));pointer-events:none}.dtcb-hero-photo.is-fallback{display:grid;place-items:center;background:radial-gradient(circle,#fff 0,#ffe7ed 55%,#f8d8df)}.dtcb-fallback-baby{font-size:132px;filter:drop-shadow(0 12px 13px rgba(122,69,84,.13))}
.dtcb-hero-scroll{position:absolute;z-index:3;right:12px;top:42px;display:flex;flex-direction:column;align-items:center;gap:6px;width:84px;padding:22px 8px 20px;border:1px solid #c9a56a;border-radius:6px;background:linear-gradient(90deg,#f8e6c2,#fff8e9 20%,#fffaf2 80%,#ecd29d);color:#44352e;font:italic 12px Georgia,serif;box-shadow:0 9px 22px rgba(93,65,38,.12);transform:rotate(.8deg)}.dtcb-hero-scroll::before,.dtcb-hero-scroll::after{content:"";position:absolute;left:-9px;right:-9px;height:7px;border-radius:999px;background:linear-gradient(90deg,#8d6236,#e3be7e,#8d6236)}.dtcb-hero-scroll::before{top:-4px}.dtcb-hero-scroll::after{bottom:-4px}.dtcb-hero-scroll b{font-size:13px}
.dtcb-live-icon{display:inline-grid;place-items:center;width:31px;height:31px;flex:0 0 auto;border:1px solid rgba(225,122,149,.19);border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff 0 20%,#ffe7ed 74%);color:#d73164;font-weight:900;box-shadow:0 5px 13px rgba(184,72,103,.09)}
.dtcb-live-icon.is-person{width:25px;height:25px;font-size:13px}.dtcb-live-icon.is-calendar{color:#e84e6c}.dtcb-live-icon.is-clock{color:#7c5acf}.dtcb-live-icon.is-moon{color:#95704b}.dtcb-live-icon.is-flame{color:#df5f25}.dtcb-live-icon.is-gift{width:52px;height:52px;font-size:28px;background:linear-gradient(145deg,#fff,#ffe4ec)}

.dtcb-overview-card{position:relative;z-index:2;display:grid;grid-template-columns:165px minmax(0,1fr) 285px;gap:22px;margin:18px 24px 0;padding:0 18px 0 0;border:1px solid #f0dfe1;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 9px 28px rgba(111,65,77,.06)}
.dtcb-score-ribbon{position:relative;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:205px;padding:20px 12px 28px;border-radius:17px 0 0 17px;background:linear-gradient(165deg,#182845,#0e1d38);color:#fff;text-align:center;clip-path:polygon(0 0,100% 0,100% 87%,50% 100%,0 87%)}.dtcb-score-ribbon::after{content:"";position:absolute;inset:7px;border:1px solid rgba(230,186,99,.45);clip-path:polygon(0 0,100% 0,100% 87%,50% 100%,0 87%);pointer-events:none}.dtcb-score-ribbon small{font-size:11px;letter-spacing:.05em}.dtcb-score-ribbon>strong{margin:8px 0 1px;color:#f0ce80;font:65px/.9 Georgia,serif}.dtcb-score-ribbon>span{font-size:16px}.dtcb-stars{margin-top:8px;color:#f1c75e;letter-spacing:2px}.dtcb-score-ribbon b{margin-top:6px;color:#f5d890;font-size:10px}
.dtcb-overview-copy{padding:24px 0 20px}.dtcb-overview-copy h2,.dtcb-report-panel h2,.dtcb-related-strip h2{margin:0;color:#252733;font-size:15px;font-weight:900;letter-spacing:.01em}.dtcb-overview-copy>p{max-width:550px;margin:12px 0 14px;color:#554850;font-size:12px;line-height:1.75}.dtcb-overview-features{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.dtcb-overview-features>div{text-align:center}.dtcb-overview-features .dtcb-live-icon{margin:auto;width:29px;height:29px;font-size:13px}.dtcb-overview-features b,.dtcb-overview-features small{display:block}.dtcb-overview-features b{margin-top:5px;color:#4c3e45;font-size:9px}.dtcb-overview-features small{color:#9d858d;font-size:8px}
.dtcb-radar-box{display:grid;place-items:center;padding:11px}.dtcb-radar-box svg{display:block;width:100%;max-width:245px;height:auto;overflow:visible}.dtcb-radar-grid{fill:rgba(234,226,229,.16);stroke:#dfd4d8;stroke-width:1}.dtcb-radar-grid.is-inner{fill:none;stroke-dasharray:2 2}.dtcb-radar-value{fill:rgba(238,64,105,.47);stroke:#d52d61;stroke-width:1.5}.dtcb-radar-box text{fill:#55484e;font:8px system-ui,sans-serif}

.dtcb-report-row{position:relative;z-index:1;display:grid;gap:14px;margin:14px 24px 0}.dtcb-report-row-main{grid-template-columns:.88fr 1.42fr}.dtcb-report-row-detail{grid-template-columns:.9fr 1.1fr}.dtcb-report-panel{min-width:0;padding:20px;border:1px solid #f0dfe1;border-radius:17px;background:rgba(255,255,255,.91);box-shadow:0 7px 22px rgba(107,65,77,.045)}
.dtcb-nap-am-line{margin:9px 0 12px;color:#59484e;font-size:11px}.dtcb-nap-am-line strong{color:#c7435f}
.dtcb-five-element-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;align-items:center}.dtcb-five-element-wheel{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a a b" "e x c" "d d c";min-height:185px}.dtcb-element-node{position:relative;z-index:2;align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:#fff;border:1px solid #ead8dc;box-shadow:0 6px 15px rgba(79,55,64,.08)}.dtcb-element-node span{font-size:20px}.dtcb-element-node b{font-size:9px}.dtcb-element-node small{font-size:8px;color:#8f7d84}.dtcb-element-node:nth-child(1){grid-area:a}.dtcb-element-node:nth-child(2){grid-area:b}.dtcb-element-node:nth-child(3){grid-area:c}.dtcb-element-node:nth-child(4){grid-area:d}.dtcb-element-node:nth-child(5){grid-area:e}.dtcb-element-node.is-hoa{color:#db4939}.dtcb-element-node.is-tho{color:#b7792e}.dtcb-element-node.is-kim{color:#877d75}.dtcb-element-node.is-thuy{color:#3c82b8}.dtcb-element-node.is-moc{color:#4a9458}.dtcb-element-lines{grid-area:x;align-self:center;justify-self:center;color:#e0ae55;font-size:35px;opacity:.6}.dtcb-element-notes{display:grid;gap:7px}.dtcb-element-notes p{margin:0;padding:8px;border-left:2px solid #f1bfd0;background:#fff6f8}.dtcb-element-notes small,.dtcb-element-notes strong{display:block}.dtcb-element-notes small{color:#a78c95;font-size:8px}.dtcb-element-notes strong{margin-top:2px;font-size:10px;color:#44383e}
.dtcb-pillars-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.dtcb-pillars-grid>div{padding:7px 5px;border:1px solid #eee2e5;border-radius:9px;background:#fffafa;text-align:center}.dtcb-pillars-grid small,.dtcb-pillars-grid strong,.dtcb-pillars-grid span{display:block}.dtcb-pillars-grid small{color:#a28b93;font-size:8px}.dtcb-pillars-grid strong{margin:2px 0;color:#3f3540;font-size:9px}.dtcb-pillars-grid span{color:#a47b45;font:14px Georgia,serif}
.dtcb-method-details{margin-top:10px;border-top:1px dashed #ead5da;padding-top:8px;color:#8a747c;font-size:9px}.dtcb-method-details summary{cursor:pointer;color:#bb385e;font-weight:800}.dtcb-method-details p{margin:6px 0;line-height:1.55}.dtcb-data-note{margin-top:12px;padding:12px;border:1px dashed #ebc9d2;border-radius:10px;background:#fff8fa;color:#806c74;font-size:11px;line-height:1.6}

.dtcb-five-grid-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:12px}.dtcb-grid-score{position:relative;min-width:0;padding:11px 8px 10px;border:1px solid #eee4e6;border-radius:13px;background:#fff;text-align:center}.dtcb-grid-score-title{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.dtcb-grid-score-title .dtcb-live-icon{width:22px;height:22px;font-size:10px}.dtcb-grid-score-title b{font-size:9px}.dtcb-grid-number{display:block;margin:8px 0 1px;color:#5f4ba3;font:39px/.95 Georgia,serif}.dtcb-grid-score:nth-child(2) .dtcb-grid-number{color:#397eb8}.dtcb-grid-score:nth-child(3) .dtcb-grid-number{color:#4b9b63}.dtcb-grid-score:nth-child(4) .dtcb-grid-number{color:#a26d9b}.dtcb-grid-score:nth-child(5) .dtcb-grid-number{color:#cb6c28}.dtcb-grid-rating{display:block;color:#39795a;font-size:8px;font-weight:900;text-transform:uppercase}.dtcb-grid-score.is-bad .dtcb-grid-rating{color:#bf4852}.dtcb-grid-score p{min-height:28px;margin:7px 0 5px;color:#54464d;font-size:8px;line-height:1.45}.dtcb-grid-score>small{display:block;color:#9b878e;font-size:7px;line-height:1.35}.dtcb-three-talents{margin-top:10px;padding:8px 10px;border-radius:9px;background:#fff7e8;color:#695847;font-size:9px}

.dtcb-character-stack{display:grid;gap:8px;margin-top:12px}.dtcb-character-line{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center}.dtcb-character-tile{display:flex;min-height:61px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #efcdd5;border-radius:7px;background:linear-gradient(145deg,#fff,#fff0f3);box-shadow:0 5px 12px rgba(104,61,72,.05)}.dtcb-character-tile strong{color:#a83953;font:22px Georgia,serif}.dtcb-character-tile span{color:#c4944f;font:12px Georgia,serif}.dtcb-character-line>div:nth-child(2)>b{display:block;color:#82424f;font-size:10px}.dtcb-character-line>div:nth-child(2)>small{display:block;margin-top:2px;color:#a18a91;font-size:8px}.dtcb-character-line p{margin:4px 0 0;color:#66545b;font-size:9px;line-height:1.55}.dtcb-character-line.is-missing .dtcb-character-tile{border-style:dashed}
.dtcb-family-diagram{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px;padding-bottom:82px}.dtcb-family-person{position:relative;padding:10px;border:1px solid #e6eadf;border-radius:12px;background:#fbfff9;text-align:center}.dtcb-family-person.is-mother{border-color:#f1e0cb;background:#fffaf1}.dtcb-family-person .dtcb-live-icon{margin:auto;width:28px;height:28px}.dtcb-family-person small,.dtcb-family-person strong,.dtcb-family-person em,.dtcb-family-person b{display:block}.dtcb-family-person small{margin-top:3px;color:#908188;font-size:7px}.dtcb-family-person strong{margin-top:2px;color:#493940;font-size:9px}.dtcb-family-person em{margin-top:2px;color:#7d6a72;font-size:7px;font-style:normal}.dtcb-family-person b{margin-top:7px;padding:3px;border-radius:999px;background:rgba(255,255,255,.75);color:#5d8456;font-size:7px}.dtcb-family-person.is-mother b{color:#b1803d}.dtcb-family-child{position:absolute;left:50%;bottom:0;width:164px;transform:translateX(-50%);padding:9px;border:1px solid #e6c987;border-radius:12px;background:#fff9e9;text-align:center;box-shadow:0 7px 16px rgba(121,94,42,.08)}.dtcb-family-child::before,.dtcb-family-child::after{content:"";position:absolute;bottom:100%;width:1px;height:23px;background:#d2b56c}.dtcb-family-child::before{left:29%;transform:rotate(25deg);transform-origin:bottom}.dtcb-family-child::after{right:29%;transform:rotate(-25deg);transform-origin:bottom}.dtcb-family-child small,.dtcb-family-child strong,.dtcb-family-child em{display:block}.dtcb-family-child .dtcb-live-icon{position:absolute;left:8px;top:9px;width:27px;height:27px;font-size:13px}.dtcb-family-child small{color:#947f72;font-size:7px}.dtcb-family-child strong{color:#4c3b35;font-size:10px}.dtcb-family-child em{color:#a0713e;font-size:7px;font-style:normal}.dtcb-family-summary{margin:10px 0 0;padding:9px;border-radius:9px;background:#fff8e9;color:#6b5948;font-size:8px;line-height:1.55;text-align:center}
.dtcb-detail-analysis-panel{padding-right:14px}.dtcb-detail-row{display:flex;gap:8px;margin-top:9px}.dtcb-detail-row .dtcb-live-icon{width:24px;height:24px;font-size:10px}.dtcb-detail-row b{display:block;color:#3e3339;font-size:9px}.dtcb-detail-row p{margin:2px 0 0;color:#79666e;font-size:8px;line-height:1.45}

.dtcb-related-strip{position:relative;z-index:1;margin:14px 24px 0;padding:16px 20px 19px;border-radius:16px;background:linear-gradient(120deg,#172846,#10213e);box-shadow:0 11px 25px rgba(20,37,68,.13);color:#fff}.dtcb-related-strip h2{color:#ead8a9;text-align:center}.dtcb-related-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:11px}.dtcb-related-cards a{display:flex;min-width:0;min-height:66px;flex-direction:column;justify-content:center;padding:9px;border:1px solid rgba(218,179,99,.5);border-radius:8px;background:rgba(255,255,255,.03);color:#fff!important;text-align:center;text-decoration:none!important}.dtcb-related-cards strong{overflow:hidden;color:#eed593;font:13px Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.dtcb-related-cards span{display:-webkit-box;overflow:hidden;margin-top:4px;color:#d9e0ec;font-size:7px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.dtcb-report-cta{position:relative;z-index:1;display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;margin:14px 24px 0;padding:12px 18px;border:1px solid #f0d5db;border-radius:14px;background:linear-gradient(90deg,#fff3f5,#ffe8ee)}.dtcb-report-cta strong,.dtcb-report-cta span{display:block}.dtcb-report-cta strong{color:#45363d;font-size:11px}.dtcb-report-cta span{margin-top:2px;color:#8b747d;font-size:8px}.dtcb-report-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 18px;border-radius:10px;background:linear-gradient(90deg,#f25a79,#dd2d67);color:#fff!important;font-size:10px;font-weight:900;text-decoration:none!important}
.dtcb-premium-disclaimer{position:relative;z-index:1;margin:14px 24px 0;padding:12px 16px;border:1px solid #eadde0;border-left:4px solid #d6a8b4;border-radius:10px;background:rgba(255,255,255,.74);color:#7d6b72}.dtcb-premium-disclaimer strong{font-size:9px}.dtcb-premium-disclaimer p{margin:3px 0 0;font-size:8px;line-height:1.55}

.dtcb-suggestions-page{background:linear-gradient(180deg,#fff2f5,#fff8f8)}.dtcb-suggestions-page .dtcb-suggest-hero,.dtcb-suggestions-page .dtcb-calc-summary,.dtcb-suggestions-page .dtcb-suggestion-card{border-color:#f0dce1}.dtcb-suggestions-page .dtcb-suggest-hero{background:radial-gradient(circle at 88% 10%,#ffdfe8 0 95px,transparent 96px),linear-gradient(135deg,#fff8f8,#fff0f4)}

@media(max-width:1050px){
  .dtcb-premium-hero{grid-template-columns:1.25fr .75fr}.dtcb-hero-info-grid{grid-template-columns:1fr 1fr}.dtcb-overview-card{grid-template-columns:140px 1fr 240px}.dtcb-report-row-detail{grid-template-columns:1fr 1fr}.dtcb-detail-analysis-panel{grid-column:1/-1}.dtcb-related-cards{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .dtcb-form-stage,.dtcb-form-panel,.dtcb-suggest-form{height:auto!important;min-height:0!important;overflow:visible!important;padding-right:0}
  .dtcb-form-panel>.dtcb-lookup-form{min-height:0}.dtcb-form-panel>.dtcb-lookup-form>.dtcb-form-section:last-child{display:block}.dtcb-form-panel>.dtcb-lookup-form .dtcb-submit{margin-top:14px}
  .dtcb-premium-hero{grid-template-columns:1fr}.dtcb-premium-hero-art{min-height:300px}.dtcb-premium-hero-copy{padding:28px 24px 10px}.dtcb-hero-photo{inset:10px 95px 12px 95px}.dtcb-hero-scroll{right:55px;top:36px}
  .dtcb-overview-card{grid-template-columns:130px 1fr;margin:14px 14px 0;padding-right:12px}.dtcb-radar-box{grid-column:1/-1;max-width:330px;margin:auto}.dtcb-score-ribbon{min-height:190px}
  .dtcb-report-row{margin:14px 14px 0}.dtcb-report-row-main,.dtcb-report-row-detail{grid-template-columns:1fr}.dtcb-detail-analysis-panel{grid-column:auto}.dtcb-related-strip,.dtcb-report-cta,.dtcb-premium-disclaimer{margin-left:14px;margin-right:14px}.dtcb-five-grid-cards{grid-template-columns:repeat(5,minmax(110px,1fr));overflow-x:auto;padding-bottom:5px}.dtcb-related-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .dtcb-premium-report{border-radius:18px}.dtcb-premium-hero h1{font-size:44px}.dtcb-hero-info-grid{grid-template-columns:1fr}.dtcb-hero-info-grid>div+.dtcb-hero-info-grid>div{border-left:0;border-top:1px solid #f0e2e4;padding-top:8px}.dtcb-premium-hero-art{min-height:260px}.dtcb-hero-photo{inset:6px 70px 13px 35px}.dtcb-hero-scroll{right:12px;top:28px;width:74px;font-size:10px}
  .dtcb-overview-card{grid-template-columns:1fr;padding:0}.dtcb-score-ribbon{min-height:145px;border-radius:17px 17px 0 0;clip-path:none}.dtcb-score-ribbon::after{clip-path:none}.dtcb-score-ribbon>strong{font-size:54px}.dtcb-overview-copy{padding:18px}.dtcb-overview-features{grid-template-columns:repeat(3,1fr)}.dtcb-radar-box{padding:0 20px 17px}
  .dtcb-report-panel{padding:16px}.dtcb-five-element-layout{grid-template-columns:1fr}.dtcb-pillars-grid{grid-template-columns:1fr 1fr}.dtcb-related-cards{grid-template-columns:1fr}.dtcb-report-cta{grid-template-columns:50px 1fr}.dtcb-report-cta a{grid-column:1/-1}.dtcb-character-line{grid-template-columns:56px 1fr}.dtcb-family-diagram{grid-template-columns:1fr;padding-bottom:95px}.dtcb-family-child::before,.dtcb-family-child::after{display:none}
}


/* v0.6.0 — readability pass + planned/known birth mode */
.dtcb-app,
.dtcb-seo-page,
.dtcb-premium-report{
  font-family:"Segoe UI",Arial,Helvetica,sans-serif;
  color:#372b31;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.dtcb-app{font-size:15px;line-height:1.55}
.dtcb-section-title{font-size:18px;color:#d9275d;font-weight:800}
.dtcb-field label,.dtcb-date-fieldset legend,.dtcb-gender-fieldset legend,.dtcb-wishes-fieldset legend{font-size:14.5px;color:#3f3338;font-weight:750}
.dtcb-field input,.dtcb-field select,.dtcb-date-grid select{min-height:42px;font-size:14.5px;color:#33282d;border-color:#e7bcc8;background:#fff}
.dtcb-field input::placeholder{color:#81747a;opacity:1}
.dtcb-label-example,.dtcb-field-hint{color:#74656b}
.dtcb-field-hint{font-size:12.5px;line-height:1.45}
.dtcb-mode-tab{min-height:62px;color:#533f47}
.dtcb-mode-tab strong{font-size:15px;font-weight:800}
.dtcb-mode-tab small{font-size:12.5px;color:#746168;font-weight:650}
.dtcb-mode-tab.is-active small{color:#875267}
.dtcb-gender-option span,.dtcb-wish-option span{font-size:13.5px;color:#4d3c43}
.dtcb-suggest-gender .dtcb-gender-option span{font-size:13px}
.dtcb-advanced-toggle{font-size:14px;color:#c82458;line-height:1.45}
.dtcb-advanced-toggle strong{color:#8d3654}
.dtcb-suggest-note{font-size:13px;color:#654f58;line-height:1.55}
.dtcb-vietnam-time-note strong{font-size:13px}.dtcb-vietnam-time-note small{font-size:11.5px;color:#735f67}
.dtcb-submit{font-size:16px;font-weight:800}
.dtcb-form-error{font-size:14px;line-height:1.45}
.dtcb-suggest-baby-grid-basic{grid-template-columns:1fr 1fr}
.dtcb-suggest-exact-toggle{margin-top:13px}

/* Result pages: keep the pink visual language but remove tiny, low-contrast typography. */
.dtcb-seo-page{font-size:15px;line-height:1.6;color:#382e33}
.dtcb-page-breadcrumb{font-size:14px;color:#76666c}
.dtcb-kicker{font-size:13px}
.dtcb-premium-hero h1,.dtcb-page-hero h1,.dtcb-suggest-hero h1,.dtcb-suggestion-title-row h2{
  font-family:"Segoe UI",Arial,Helvetica,sans-serif;
  font-weight:750;
  letter-spacing:-.02em;
}
.dtcb-suggest-hero>p{font-size:16px;color:#5b4b52}
.dtcb-result-summary span{font-size:13.5px;color:#533e47}
.dtcb-calc-summary h2{font-size:22px}
.dtcb-calc-summary-main>p{font-size:13.5px;color:#66545b}
.dtcb-weight-grid span{font-size:12px;color:#725f66}.dtcb-weight-grid strong{font-size:15px}
.dtcb-family-elements small{font-size:11px;color:#715e65}.dtcb-family-elements strong{font-size:14px}.dtcb-family-elements span{font-size:12px}
.dtcb-selected-wishes{font-size:14px}
.dtcb-suggestion-title-row h2{font-size:30px;color:#17233a}
.dtcb-suggestion-meaning{font-size:15px;color:#493a40;line-height:1.65}
.dtcb-suggestion-reason{font-size:13.5px;color:#67555d;line-height:1.6}
.dtcb-match-tags span{font-size:12px}
.dtcb-breakdown-grid small{min-height:0;font-size:11px;color:#6f5d64}.dtcb-breakdown-grid strong{font-size:12.5px}
.dtcb-ngu-cach-details summary,.dtcb-name-detail-link{font-size:13px}
.dtcb-mini-five small{font-size:11.5px}.dtcb-mini-five strong{font-size:13px}

.dtcb-baby-line{font-size:14px;color:#3e3338}
.dtcb-hero-tags span{font-size:12px;color:#5d4650}
.dtcb-hero-info-grid small{font-size:11.5px;color:#6c5d63}
.dtcb-hero-info-grid strong{font-size:13.5px;color:#342a2f}
.dtcb-hero-actions button{font-size:13px}
.dtcb-overview-copy h2,.dtcb-report-panel h2,.dtcb-related-strip h2{font-size:17px;letter-spacing:.01em}
.dtcb-overview-copy>p{font-size:14px;color:#493c42;line-height:1.7}
.dtcb-overview-features b{font-size:11.5px;color:#42353b}.dtcb-overview-features small{font-size:10.5px;color:#74636a}
.dtcb-radar-box text{font-size:9px;fill:#55454c;font-weight:700}
.dtcb-method-details{font-size:11.5px;color:#68565d}.dtcb-data-note{font-size:12.5px;color:#5e4e55}
.dtcb-grid-score-title b{font-size:11.5px}.dtcb-grid-rating{font-size:10.5px}.dtcb-grid-score p{min-height:0;font-size:11.5px;color:#45383e;line-height:1.5}.dtcb-grid-score>small{font-size:10px;color:#716168}
.dtcb-three-talents{font-size:11.5px}
.dtcb-character-line>div:nth-child(2)>b{font-size:12.5px}.dtcb-character-line>div:nth-child(2)>small{font-size:10.5px;color:#78676e}.dtcb-character-line p{font-size:12px;color:#514148;line-height:1.6}
.dtcb-family-person small{font-size:10px;color:#74666b}.dtcb-family-person strong{font-size:12px}.dtcb-family-person em{font-size:10px}.dtcb-family-person b{font-size:10px}
.dtcb-family-child small{font-size:10px}.dtcb-family-child strong{font-size:12.5px}.dtcb-family-child em{font-size:10px}.dtcb-family-summary{font-size:11.5px;color:#56483c}
.dtcb-detail-row b{font-size:12.5px}.dtcb-detail-row p{font-size:11.5px;color:#594950;line-height:1.55}
.dtcb-related-cards strong{font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-size:13.5px;font-weight:750}.dtcb-related-cards span{font-size:10.5px;color:#eef2f7}
.dtcb-report-cta strong{font-size:13px}.dtcb-report-cta span{font-size:11px;color:#625158}.dtcb-report-cta a{font-size:12px}
.dtcb-premium-disclaimer strong{font-size:11.5px}.dtcb-premium-disclaimer p{font-size:11px;color:#65555b;line-height:1.6}

@media(min-width:901px){
  .dtcb-form-stage{height:690px;min-height:690px}
}
@media(max-width:900px){
  .dtcb-suggest-baby-grid-basic{grid-template-columns:1fr}
}
@media(max-width:520px){
  .dtcb-app{font-size:14px}
  .dtcb-section-title{font-size:17px}
  .dtcb-field label,.dtcb-date-fieldset legend,.dtcb-gender-fieldset legend,.dtcb-wishes-fieldset legend{font-size:13.5px}
  .dtcb-field input,.dtcb-field select,.dtcb-date-grid select{font-size:13.5px}
  .dtcb-mode-tab strong{font-size:13px}
  .dtcb-overview-copy>p,.dtcb-suggestion-meaning{font-size:13.5px}
}

/* v0.7.0 — add-on finder, live library and detail modal */
.dtcb-special-finder,.dtcb-name-library{
  --dtcb-pink:#e62f67;--dtcb-pink-2:#ff617b;--dtcb-soft:#fff1f4;--dtcb-border:#f2c9d5;--dtcb-text:#372b31;--dtcb-muted:#75646b;
  position:relative;max-width:1120px;margin:28px auto;padding:22px;border:1px solid var(--dtcb-border);border-radius:20px;background:linear-gradient(180deg,#fff7f9 0%,#fff1f5 100%);box-shadow:0 16px 38px rgba(203,50,94,.09);font-family:"Segoe UI",Arial,Helvetica,sans-serif;color:var(--dtcb-text);box-sizing:border-box
}
.dtcb-special-finder *,.dtcb-name-library *{box-sizing:border-box}
.dtcb-widget-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.dtcb-widget-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:#fff;border:1px solid #f4d8e0;font-size:24px;box-shadow:0 6px 16px rgba(202,56,97,.08)}.dtcb-widget-heading h2{margin:0;color:#25202a;font-size:24px;line-height:1.25;font-weight:800}.dtcb-widget-heading p{margin:5px 0 0;color:var(--dtcb-muted);font-size:14px;line-height:1.55}
.dtcb-special-fields,.dtcb-library-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dtcb-special-fields label,.dtcb-library-controls label{display:block}.dtcb-special-fields label>span,.dtcb-library-controls label>span{display:block;margin:0 0 6px;color:#4a3b41;font-size:13px;font-weight:750}.dtcb-special-fields input,.dtcb-special-fields select,.dtcb-library-controls input,.dtcb-library-controls select{width:100%;min-height:42px;margin:0;padding:8px 10px;border:1px solid #e8c3cd;border-radius:10px;background:#fff;color:#392e33;font:inherit;font-size:14px;outline:none}.dtcb-special-fields input:focus,.dtcb-special-fields select:focus,.dtcb-library-controls input:focus,.dtcb-library-controls select:focus{border-color:#eb7395;box-shadow:0 0 0 3px rgba(230,47,103,.09)}
.dtcb-special-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:47px;margin-top:12px;border:0;border-radius:13px;background:linear-gradient(90deg,#ff617b,#db2e68);color:#fff;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(219,45,103,.15)}.dtcb-special-submit:disabled{opacity:.62;cursor:wait}
.dtcb-widget-empty,.dtcb-widget-loading{margin-top:15px;padding:15px;border:1px dashed #ecc3cf;border-radius:13px;background:rgba(255,255,255,.72);color:#725f66;text-align:center;font-size:14px}.dtcb-special-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}.dtcb-special-result-head strong{font-size:16px}.dtcb-special-result-head span{color:#78666d;font-size:12.5px}
.dtcb-special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dtcb-special-card{position:relative;padding:16px;border:1px solid #efd7de;border-radius:15px;background:#fff;box-shadow:0 7px 18px rgba(74,39,50,.04)}.dtcb-special-rank{position:absolute;right:12px;top:12px;display:grid;place-items:center;min-width:30px;height:26px;padding:0 7px;border-radius:999px;background:#fff0f4;color:#c62859;font-size:11px;font-weight:850}.dtcb-special-card-top{display:flex;justify-content:space-between;gap:10px;padding-right:38px}.dtcb-special-card h3{margin:0;color:#19243b;font-size:22px;font-weight:800}.dtcb-special-meta{margin:4px 0 0;color:#806d74;font-size:11.5px}.dtcb-special-score{display:flex;align-items:baseline;gap:2px;color:#d82f64}.dtcb-special-score strong{font-size:25px;line-height:1}.dtcb-special-score small{font-size:10px}.dtcb-special-meaning{min-height:44px;margin:11px 0 8px;color:#4f4046;font-size:13px;line-height:1.55}.dtcb-special-traits{display:flex;flex-wrap:wrap;gap:5px}.dtcb-special-traits span{padding:4px 7px;border-radius:999px;background:#fff0f4;color:#9b3b5b;font-size:10.5px;font-weight:700}.dtcb-special-reason{margin:9px 0;color:#6a585f;font-size:11.5px;line-height:1.5}.dtcb-special-card details{margin-top:10px;border-top:1px dashed #ecd7dd;padding-top:8px}.dtcb-special-card summary{cursor:pointer;color:#b72c59;font-size:11.5px;font-weight:750}.dtcb-special-breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:8px}.dtcb-special-breakdown span{display:flex;justify-content:space-between;gap:5px;padding:6px 7px;border-radius:7px;background:#fff6f8}.dtcb-special-breakdown small,.dtcb-special-breakdown b{font-size:10px}

.dtcb-library-heading{margin-bottom:16px}.dtcb-library-controls{grid-template-columns:1.4fr .75fr .75fr 1fr}.dtcb-alphabet{display:flex;gap:5px;overflow-x:auto;padding:12px 1px 8px;scrollbar-width:thin}.dtcb-alphabet button{flex:0 0 33px;height:33px;border:1px solid #edc7d2;border-radius:9px;background:#fff;color:#664f58;font-size:12px;font-weight:800;cursor:pointer}.dtcb-alphabet button:first-child{flex-basis:auto;padding:0 10px}.dtcb-alphabet button:hover,.dtcb-alphabet button.is-active{border-color:#e44a77;background:#e93d6d;color:#fff}.dtcb-library-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:7px 0 13px;color:#78666d;font-size:12.5px}.dtcb-library-meta strong{color:#42343a;font-size:14px}.dtcb-letter-group{margin:0 0 18px}.dtcb-letter-group>h3{display:flex;align-items:center;gap:8px;margin:0 0 9px;color:#c72859;font-size:18px;font-weight:850}.dtcb-letter-group>h3::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#edbfd0,transparent)}
.dtcb-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.dtcb-library-name{display:flex;flex-direction:column;gap:5px;min-height:108px;padding:12px;border:1px solid #edd8de;border-radius:12px;background:#fff;text-align:left;color:#3f3137;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.dtcb-library-name:hover{transform:translateY(-1px);border-color:#e7819e;box-shadow:0 8px 18px rgba(195,51,91,.08)}.dtcb-library-name-main{display:flex;align-items:baseline;gap:7px}.dtcb-library-name-main strong{color:#1c2941;font-size:16px;font-weight:800}.dtcb-library-name-main em{color:#c94d6f;font-size:15px;font-style:normal}.dtcb-library-name-badges{display:flex;gap:4px;flex-wrap:wrap}.dtcb-library-name-badges span{padding:2px 6px;border-radius:999px;background:#fff0f4;color:#8c5265;font-size:9.5px;font-weight:700}.dtcb-library-name>small{display:-webkit-box;overflow:hidden;color:#6f5d64;font-size:10.5px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dtcb-library-more-wrap{text-align:center}.dtcb-library-more{min-height:39px;padding:8px 18px;border:1px solid #e5a6b8;border-radius:999px;background:#fff;color:#b52c57;font-size:13px;font-weight:800;cursor:pointer}.dtcb-library-more[hidden]{display:none!important}

.dtcb-name-detail-modal[hidden]{display:none!important}.dtcb-name-detail-modal{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:20px}.dtcb-name-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(42,25,31,.48);cursor:pointer}.dtcb-name-modal-card{position:relative;z-index:1;width:min(680px,100%);max-height:min(82vh,780px);overflow:auto;padding:24px;border:1px solid #f0d2db;border-radius:20px;background:linear-gradient(180deg,#fff,#fff6f8);box-shadow:0 28px 80px rgba(45,25,32,.24)}.dtcb-name-modal-close{position:absolute;right:14px;top:12px;width:35px;height:35px;border:0;border-radius:50%;background:#fff0f4;color:#a62853;font-size:24px;line-height:1;cursor:pointer}.dtcb-modal-name-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-right:35px}.dtcb-modal-name-head h2{margin:5px 0 0;color:#17243c;font-size:34px;line-height:1.15}.dtcb-modal-han{margin-top:5px;color:#b64668;font-size:15px}.dtcb-modal-score{display:flex;align-items:baseline;gap:2px;color:#d83267}.dtcb-modal-score strong{font-size:36px}.dtcb-modal-score small{font-size:12px}.dtcb-modal-meta{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.dtcb-modal-meta span,.dtcb-modal-tags span{padding:5px 9px;border-radius:999px;background:#fff0f4;color:#73545f;font-size:11.5px}.dtcb-name-modal-card section{padding-top:12px;border-top:1px solid #f1dce2;margin-top:12px}.dtcb-name-modal-card section h3{margin:0 0 6px;color:#3d3035;font-size:15px}.dtcb-name-modal-card section p,.dtcb-name-modal-card li{color:#5c4b52;font-size:13px;line-height:1.65}.dtcb-name-modal-card ul{margin:6px 0 0 20px}.dtcb-modal-tags{display:flex;flex-wrap:wrap;gap:6px}.dtcb-modal-open{overflow:hidden}

@media(max-width:900px){.dtcb-special-fields,.dtcb-library-controls{grid-template-columns:1fr 1fr}.dtcb-special-grid{grid-template-columns:1fr 1fr}.dtcb-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.dtcb-special-finder,.dtcb-name-library{padding:16px;border-radius:16px}.dtcb-widget-heading h2{font-size:20px}.dtcb-special-fields,.dtcb-library-controls,.dtcb-special-grid{grid-template-columns:1fr}.dtcb-library-grid{grid-template-columns:1fr 1fr}.dtcb-library-meta{align-items:flex-start;flex-direction:column;gap:2px}.dtcb-name-modal-card{padding:20px 16px}.dtcb-modal-name-head h2{font-size:29px}}
/* v0.7.6 — thư viện tên ghép luôn 2 cột trên điện thoại */
@media(max-width:420px){
  .dtcb-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .dtcb-library-name{min-width:0;min-height:102px;padding:10px 9px}
  .dtcb-library-name-main{gap:4px;min-width:0;flex-wrap:wrap}
  .dtcb-library-name-main strong{font-size:14px;line-height:1.25;overflow-wrap:anywhere}
  .dtcb-library-name-main em{font-size:13px;line-height:1.25}
  .dtcb-library-name-badges{gap:3px}
  .dtcb-library-name-badges span{padding:2px 5px;font-size:8.5px}
  .dtcb-library-name>small{font-size:9.5px;line-height:1.4}
}
@media(max-width:340px){
  .dtcb-name-library{padding-left:10px;padding-right:10px}
  .dtcb-library-grid{gap:6px}
  .dtcb-library-name{padding:9px 7px}
  .dtcb-library-name-main strong{font-size:13px}
}

/* v0.7.7 — thư viện tên ghép full viewport trên điện thoại */
@media(max-width:560px){
  .dtcb-name-library{
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding-left:max(12px, env(safe-area-inset-left));
    padding-right:max(12px, env(safe-area-inset-right));
    border-left:0;
    border-right:0;
    border-radius:0;
    box-shadow:0 12px 28px rgba(203,50,94,.08);
  }
}
@supports (width:100dvw){
  @media(max-width:560px){
    .dtcb-name-library{
      width:100dvw;
      max-width:100dvw;
      margin-left:calc(50% - 50dvw);
      margin-right:calc(50% - 50dvw);
    }
  }
}
@media(max-width:360px){
  .dtcb-name-library{
    padding-left:max(8px, env(safe-area-inset-left));
    padding-right:max(8px, env(safe-area-inset-right));
  }
}


/* v0.7.8 — Top tên ghép phổ biến */
.dtcb-top-names{padding:20px;border:1px solid #f0d8df;border-radius:20px;background:linear-gradient(180deg,#fffafb,#fff5f8);box-shadow:0 12px 34px rgba(171,58,91,.08)}
.dtcb-top-heading{margin-bottom:14px}.dtcb-top-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.dtcb-top-tabs button{min-height:36px;padding:7px 14px;border:1px solid #e9c9d3;border-radius:999px;background:#fff;color:#6f5360;font-size:12px;font-weight:800;cursor:pointer}.dtcb-top-tabs button.is-active,.dtcb-top-tabs button:hover{border-color:#e33d6e;background:#e93d6d;color:#fff}
.dtcb-top-grid{display:grid;grid-template-columns:repeat(var(--dtcb-top-cols,4),minmax(0,1fr));gap:10px}.dtcb-top-card{position:relative;display:flex;flex-direction:column;gap:7px;min-width:0;min-height:126px;padding:14px 13px;border:1px solid #ecd6dd;border-radius:14px;background:#fff;text-align:left;color:#493840;cursor:pointer;box-shadow:0 7px 18px rgba(85,38,54,.04);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.dtcb-top-card:hover{transform:translateY(-2px);border-color:#e782a0;box-shadow:0 10px 22px rgba(195,51,91,.09)}.dtcb-top-rank{position:absolute;right:9px;top:9px;display:grid;place-items:center;min-width:30px;height:26px;padding:0 7px;border-radius:999px;background:#fff0f4;color:#c52d5b;font-size:11px;font-weight:900}.dtcb-top-card:nth-child(1) .dtcb-top-rank,.dtcb-top-card:nth-child(2) .dtcb-top-rank,.dtcb-top-card:nth-child(3) .dtcb-top-rank{background:#fff4d8;color:#9c6b00}.dtcb-top-card-name{padding-right:36px}.dtcb-top-card-name strong{display:block;color:#192641;font-size:17px;font-weight:850;line-height:1.2}.dtcb-top-card-name em{display:block;margin-top:3px;color:#c4476a;font-size:14px;font-style:normal}.dtcb-top-card-badges{display:flex;gap:4px;flex-wrap:wrap}.dtcb-top-card-badges span{padding:3px 6px;border-radius:999px;background:#fff1f5;color:#855363;font-size:9.5px;font-weight:750}.dtcb-top-card small{display:-webkit-box;overflow:hidden;color:#6d5a62;font-size:10.5px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dtcb-top-note{margin:12px 2px 0;color:#917a83;font-size:10.5px;line-height:1.5}
@media(max-width:900px){.dtcb-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.dtcb-top-names{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:16px max(10px,env(safe-area-inset-right)) 16px max(10px,env(safe-area-inset-left));border-left:0;border-right:0;border-radius:0}.dtcb-top-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.dtcb-top-card{min-height:116px;padding:11px 9px}.dtcb-top-card-name strong{font-size:14px}.dtcb-top-card-name em{font-size:12px}.dtcb-top-card small{font-size:9.5px}.dtcb-top-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.dtcb-top-tabs button{flex:0 0 auto}}
@supports(width:100dvw){@media(max-width:560px){.dtcb-top-names{width:100dvw;max-width:100dvw;margin-left:calc(50% - 50dvw);margin-right:calc(50% - 50dvw)}}}

/* v0.8.2 — family interpretation + compact detailed analysis */
.dtcb-family-reading{margin-top:10px;padding:11px;border:1px solid #efe1c8;border-radius:11px;background:linear-gradient(180deg,#fffdf8,#fff8ec)}
.dtcb-family-reading-head{display:flex;gap:9px;align-items:flex-start}.dtcb-family-reading-head .dtcb-live-icon{flex:0 0 27px;width:27px;height:27px;font-size:11px;background:#fff0c9;color:#9d7431}.dtcb-family-reading-head b{display:block;color:#4c3d32;font-size:12px}.dtcb-family-reading-head p{margin:3px 0 0;color:#6b5b4f;font-size:11px;line-height:1.52}
.dtcb-family-relation-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}.dtcb-family-relation-card{min-width:0;padding:9px 10px;border:1px solid #e8ded2;border-radius:9px;background:#fff}.dtcb-family-relation-card small,.dtcb-family-relation-card strong{display:block}.dtcb-family-relation-card small{color:#8f7d72;font-size:9.5px;font-weight:750}.dtcb-family-relation-card strong{margin-top:2px;color:#4f4038;font-size:11px}.dtcb-family-relation-card p{margin:4px 0 0;color:#62534b;font-size:10.5px;line-height:1.5}.dtcb-family-relation-card.is-support{border-color:#dce8d7;background:#fbfff9}.dtcb-family-relation-card.is-support strong{color:#55744e}.dtcb-family-relation-card.is-balance{border-color:#efd9c9;background:#fffaf5}.dtcb-family-relation-card.is-balance strong{color:#aa6849}.dtcb-family-relation-card.is-neutral{border-color:#e5e1e6;background:#fdfcfd}.dtcb-family-method{margin-top:8px;padding-top:7px;border-top:1px dashed #e6d9c4;color:#6e5c4e;font-size:10.5px}.dtcb-family-method summary{cursor:pointer;color:#8a6b3d;font-weight:800}.dtcb-family-method p{margin:5px 0 2px;line-height:1.5}.dtcb-family-method small{color:#9b8777;font-size:9.5px}

.dtcb-detail-analysis-panel{padding-right:16px}.dtcb-detail-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.dtcb-detail-primary-card{display:flex;min-width:0;gap:9px;padding:10px;border:1px solid #eee1e5;border-radius:10px;background:#fff}.dtcb-detail-primary-card .dtcb-live-icon{flex:0 0 26px;width:26px;height:26px;font-size:10px}.dtcb-detail-primary-card b{display:block;color:#3e3339;font-size:11.5px}.dtcb-detail-primary-card p{margin:3px 0 0;color:#5f5057;font-size:10.5px;line-height:1.48}.dtcb-detail-primary-card.is-dual p{margin-top:4px}.dtcb-detail-primary-card.is-dual p strong{display:inline;color:#855465;font-size:10.5px}
.dtcb-detail-compact-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:9px}.dtcb-detail-compact-card{min-width:0;padding:9px 8px;border:1px solid #eee1e5;border-radius:9px;background:linear-gradient(180deg,#fff,#fff8fa);text-align:center}.dtcb-detail-compact-card .dtcb-live-icon{margin:0 auto 4px;width:24px;height:24px;font-size:9px}.dtcb-detail-compact-card b{display:block;color:#4a3941;font-size:10.5px;white-space:nowrap}.dtcb-detail-compact-card p{display:-webkit-box;overflow:hidden;min-height:41px;margin:4px 0 0;color:#6b5961;font-size:9.5px;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:3}

@media(max-width:900px){
  .dtcb-family-relation-cards{grid-template-columns:1fr 1fr}
  .dtcb-detail-primary-grid{grid-template-columns:1fr 1fr}
  .dtcb-detail-compact-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(145px,42vw);grid-template-columns:none;overflow-x:auto;padding:0 0 6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.dtcb-detail-compact-card{scroll-snap-align:start}
}
@media(max-width:620px){
  .dtcb-family-reading{padding:10px}.dtcb-family-relation-cards{grid-template-columns:1fr}.dtcb-family-reading-head p{font-size:10.5px}.dtcb-family-relation-card p{font-size:10px}
  .dtcb-detail-primary-grid{grid-template-columns:1fr}.dtcb-detail-primary-card{padding:9px}.dtcb-detail-compact-row{grid-auto-columns:minmax(138px,43vw);gap:6px}.dtcb-detail-compact-card{padding:8px 7px}.dtcb-detail-compact-card p{min-height:38px;font-size:9px;-webkit-line-clamp:3}
}


/* v0.8.3 — full-width detailed analysis + durable year-range UI */
.dtcb-detail-analysis-full{
  position:relative;
  padding:20px;
  z-index:1;
  margin:14px 24px 0;
}
.dtcb-detail-analysis-full .dtcb-detail-primary-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.dtcb-detail-analysis-full .dtcb-detail-primary-card{
  padding:12px 13px;
}
.dtcb-detail-analysis-full .dtcb-detail-primary-card b{font-size:12.5px}
.dtcb-detail-analysis-full .dtcb-detail-primary-card p{font-size:11.5px;line-height:1.55}
.dtcb-detail-analysis-full .dtcb-detail-compact-row{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
  margin-top:12px;
}
.dtcb-detail-analysis-full .dtcb-detail-compact-card{
  min-height:112px;
  padding:11px 10px;
  text-align:left;
}
.dtcb-detail-analysis-full .dtcb-detail-compact-card .dtcb-live-icon{margin:0 0 6px}
.dtcb-detail-analysis-full .dtcb-detail-compact-card b{font-size:11.5px}
.dtcb-detail-analysis-full .dtcb-detail-compact-card p{
  min-height:47px;
  font-size:10.5px;
  line-height:1.5;
  -webkit-line-clamp:3;
}
@media(max-width:1050px){
  .dtcb-detail-analysis-full .dtcb-detail-compact-row{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
}
@media(max-width:900px){
  .dtcb-detail-analysis-full{margin-left:14px;margin-right:14px}
  .dtcb-detail-analysis-full .dtcb-detail-primary-grid{grid-template-columns:1fr 1fr}
  .dtcb-detail-analysis-full .dtcb-detail-compact-row{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;padding-bottom:0}
}
@media(max-width:620px){
  .dtcb-detail-analysis-full{padding:16px}
  .dtcb-detail-analysis-full .dtcb-detail-primary-grid{grid-template-columns:1fr}
  .dtcb-detail-analysis-full .dtcb-detail-compact-row{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(180px,72vw);
    grid-template-columns:none;
    overflow-x:auto;
    padding:0 0 7px;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .dtcb-detail-analysis-full .dtcb-detail-compact-card{min-height:118px;scroll-snap-align:start}
  .dtcb-detail-analysis-full .dtcb-detail-compact-card b{font-size:12px}
  .dtcb-detail-analysis-full .dtcb-detail-compact-card p{font-size:10.5px}
}

/* v0.8.4 — compact family cards, visible multi-character formula, stronger text contrast */
.dtcb-family-people-compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.dtcb-family-person-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"avatar copy" "element relation";gap:5px 8px;min-width:0;padding:10px;border:1px solid #eadfe2;border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(70,38,49,.035)}
.dtcb-family-person-card.is-father{background:linear-gradient(180deg,#f8fbff,#fff)}.dtcb-family-person-card.is-mother{background:linear-gradient(180deg,#fff8fb,#fff)}.dtcb-family-person-card.is-child{background:linear-gradient(180deg,#fffdf3,#fff)}
.dtcb-family-avatar{grid-area:avatar;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid #eee2e5;font-size:24px;line-height:1}
.dtcb-family-person-copy{grid-area:copy;min-width:0}.dtcb-family-person-copy small,.dtcb-family-person-copy strong,.dtcb-family-person-copy em{display:block}.dtcb-family-person-copy small{color:#111;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.dtcb-family-person-copy strong{overflow:hidden;color:#111;font-size:12.5px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.dtcb-family-person-copy em{overflow:hidden;margin-top:2px;color:#111;font-size:9.8px;font-style:normal;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.dtcb-element-pill{grid-area:element;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;height:28px;padding:3px 7px;border-radius:999px;background:#f7f4ef;color:#111;font-size:10px;font-weight:850}.dtcb-element-pill i{font-size:16px;font-style:normal;line-height:1}
.dtcb-family-relation-badge{grid-area:relation;display:flex;align-items:center;justify-content:center;min-width:0;height:28px;padding:3px 7px;border-radius:999px;background:#fff0f4;color:#8d2447;font-size:9.5px;line-height:1.15;text-align:center}
.dtcb-family-person-card.is-child .dtcb-family-relation-badge{display:none}
.dtcb-family-summary{margin:9px 1px 0!important;color:#111!important;font-size:11px!important;line-height:1.5!important}
.dtcb-family-reading{margin-top:8px;padding:9px 10px}.dtcb-family-reading-head{gap:7px}.dtcb-family-reading-head p,.dtcb-family-relation-card p,.dtcb-family-method p,.dtcb-family-method small{color:#111!important}.dtcb-family-relation-cards{gap:6px;margin-top:7px}.dtcb-family-relation-card{padding:8px 9px}.dtcb-family-relation-card p{font-size:10px;line-height:1.42}

.dtcb-method-static{display:block;margin-top:10px;padding:10px 11px;border:1px solid #eadde2;border-radius:10px;background:linear-gradient(180deg,#fff,#fff9fb)}
.dtcb-method-static-head{display:flex;align-items:center;gap:7px}.dtcb-method-static-head .dtcb-live-icon{width:25px;height:25px;font-size:11px}.dtcb-method-static-head b{color:#111;font-size:11.5px}.dtcb-method-static>p{margin:6px 0 8px;color:#111!important;font-size:10.5px;line-height:1.5}
.dtcb-method-static-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:6px}.dtcb-method-static-grid span{min-width:0;padding:7px 8px;border-radius:8px;background:#f8f4f6}.dtcb-method-static-grid small,.dtcb-method-static-grid strong{display:block;color:#111}.dtcb-method-static-grid small{font-size:9px;font-weight:750}.dtcb-method-static-grid strong{overflow:hidden;margin-top:2px;font-size:10px;text-overflow:ellipsis;white-space:nowrap}

/* Chữ luận giải cần ưu tiên khả năng đọc trên nền sáng */
.dtcb-overview-copy p,.dtcb-character-line p,.dtcb-detail-primary-card p,.dtcb-detail-compact-card p,.dtcb-detail-primary-card.is-dual p,.dtcb-detail-primary-card.is-dual p strong,.dtcb-data-note,.dtcb-nap-am-line,.dtcb-three-talents{color:#111!important}
.dtcb-detail-primary-card b,.dtcb-detail-compact-card b{color:#111!important}

.dtcb-hero-actions button{cursor:pointer}.dtcb-hero-actions button:disabled{cursor:wait;opacity:.62}.dtcb-action-status{display:inline-block;min-height:18px;color:#111!important;font-size:10.5px;font-weight:650}

@media(max-width:900px){.dtcb-family-people-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.dtcb-family-person-card{grid-template-columns:36px minmax(0,1fr);padding:8px}.dtcb-family-avatar{width:36px;height:36px;font-size:20px}.dtcb-family-person-copy strong{font-size:11.5px}.dtcb-family-person-copy em{font-size:9px}}
@media(max-width:620px){
  .dtcb-family-people-compact{grid-template-columns:1fr;gap:6px}
  .dtcb-family-person-card{grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"avatar copy element" "avatar copy relation";align-items:center;padding:8px 9px}
  .dtcb-family-avatar{width:38px;height:38px;font-size:21px}.dtcb-element-pill{height:26px;padding:2px 7px}.dtcb-family-relation-badge{height:24px;max-width:120px}
  .dtcb-method-static-grid{grid-template-columns:1fr}.dtcb-method-static-grid strong{white-space:normal}
}

/* ================================================================
 * v0.8.6 - Menu giao diện shortcode
 * [dtcb_menu_ngang] + [dtcb_menu_doc]
 * ================================================================ */
.dtcb-pt-horizontal-wrapper{
  background:linear-gradient(135deg,#fff5f8 0%,#ffe4ec 100%);
  border:2px solid #ffccd8;
  border-radius:20px;
  padding:25px 15px;
  box-shadow:0 10px 30px rgba(255,105,135,.15);
  width:100%;
  max-width:1200px;
  margin:20px auto;
  box-sizing:border-box;
  font-family:Arial,"Helvetica Neue",sans-serif;
}
.dtcb-pt-horizontal-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.dtcb-pt-h-item{
  min-width:0;
  background:#fff;
  border:1px solid #ffd6e0;
  border-radius:16px;
  text-align:center;
  padding:15px 8px 12px;
  text-decoration:none!important;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  box-shadow:0 4px 12px rgba(255,182,193,.25);
  color:#111!important;
}
.dtcb-pt-h-item:hover,.dtcb-pt-h-item:focus-visible{
  transform:translateY(-5px);
  box-shadow:0 8px 20px rgba(255,105,135,.3);
  border-color:#ff6b81;
  background:#fff9fb;
  outline:none;
}
.dtcb-pt-h-baby-img{width:105px;height:105px;max-width:100%;object-fit:contain;margin-bottom:12px;transition:transform .3s ease;display:block}
.dtcb-pt-h-item:hover .dtcb-pt-h-baby-img,.dtcb-pt-h-item:focus-visible .dtcb-pt-h-baby-img{transform:scale(1.08)}
.dtcb-pt-h-title{font-size:11px;font-weight:800;color:#d6336c!important;line-height:1.25;margin-bottom:10px;text-transform:uppercase;overflow-wrap:anywhere}
.dtcb-pt-h-icon-circle{width:26px;height:26px;background:#ffe4e8;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#ff6b81;flex:0 0 26px}

.dtcb-pt-sidebar-wrapper{
  width:230px;
  max-width:100%;
  box-sizing:border-box;
  background-image:var(--dtcb-sidebar-bg,none);
  background-size:cover;
  background-position:bottom center;
  background-repeat:no-repeat;
  background-color:#fff9fa;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(255,107,129,.1);
  border:1px solid #ffe0e6;
  overflow:hidden;
  font-family:Arial,"Helvetica Neue",sans-serif;
  margin:0 0 20px;
  min-height:680px;
  padding-bottom:220px;
}
.dtcb-pt-sidebar-list{list-style:none!important;padding:0!important;margin:0!important;background:transparent!important}
.dtcb-pt-sidebar-item:first-child .dtcb-pt-sidebar-link{border-radius:15px 15px 0 0}
.dtcb-pt-sidebar-item{border-bottom:1px solid rgba(255,107,129,.15);margin:0!important;list-style:none!important;padding:0!important}
.dtcb-pt-sidebar-item:last-child{border-bottom:none}
.dtcb-pt-sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 18px;color:#111!important;text-decoration:none!important;background:transparent!important;transition:background .2s ease,padding .2s ease}
.dtcb-pt-sidebar-link:hover,.dtcb-pt-sidebar-link:focus-visible{background:rgba(255,255,255,.72)!important;padding-left:22px;outline:none}
.dtcb-pt-link-left{display:flex;align-items:center;gap:12px!important;min-width:0}
.dtcb-pt-link-icon{font-size:20px!important;line-height:1;flex:0 0 auto}
.dtcb-pt-link-title{font-size:14px!important;font-weight:650;color:#222!important;line-height:1.3}
.dtcb-pt-arrow{font-size:12px;color:#777!important;transition:color .2s ease,transform .2s ease;flex:0 0 auto}
.dtcb-pt-sidebar-link:hover .dtcb-pt-arrow,.dtcb-pt-sidebar-link:focus-visible .dtcb-pt-arrow{color:#d6336c!important;transform:translateX(3px)}

@media(max-width:1024px){
  .dtcb-pt-horizontal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:600px){
  .dtcb-pt-horizontal-wrapper{border-radius:16px;padding:16px 10px;margin:14px auto}
  .dtcb-pt-horizontal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .dtcb-pt-h-item{padding:12px 7px 10px;min-height:154px}
  .dtcb-pt-h-baby-img{width:88px;height:88px;margin-bottom:8px}
  .dtcb-pt-h-title{font-size:11px;margin-bottom:8px}
}

/* v0.8.9 - Top ten o nha cho sidebar: 2 cot, mac dinh 3 hang */
.dtcb-top-nicknames{width:100%;padding:14px;border:1px solid #f0d8df;border-radius:18px;background:linear-gradient(180deg,#fffafb,#fff5f8);box-sizing:border-box;box-shadow:0 10px 28px rgba(171,58,91,.07)}
.dtcb-nickname-top-heading{display:flex;align-items:center;gap:8px;margin:0 0 11px;padding:0 2px}.dtcb-nickname-top-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#fff0f4;font-size:17px}.dtcb-nickname-top-heading h3{margin:0;color:#24324a;font-size:16px;font-weight:850;line-height:1.25}
.dtcb-nickname-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dtcb-nickname-top-card{position:relative;min-width:0;min-height:70px;padding:11px 8px 9px;border:1px solid #efd8df;border-radius:13px;background:#fff;text-align:center;box-sizing:border-box;box-shadow:0 5px 14px rgba(85,38,54,.035)}.dtcb-nickname-top-card strong{display:block;padding-top:7px;color:#202d46;font-size:15px;font-weight:850;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtcb-nickname-top-card small{display:block;margin-top:5px;color:#8c6c77;font-size:9.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtcb-nickname-top-rank{position:absolute;top:6px;right:6px;display:grid;place-items:center;min-width:20px;height:18px;padding:0 5px;border-radius:999px;background:#fff0f4;color:#c52d5b;font-size:9px;font-weight:900}.dtcb-nickname-top-card:nth-child(-n+3) .dtcb-nickname-top-rank{background:#fff4d8;color:#9c6b00}.dtcb-nickname-top-note{margin:10px 2px 0;color:#9a7f88;font-size:9.5px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.dtcb-nickname-top-empty{margin:0;padding:12px;color:#8d7780;font-size:12px;text-align:center}
@media(max-width:560px){.dtcb-top-nicknames{padding:12px}.dtcb-nickname-top-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.dtcb-nickname-top-card{min-height:66px;padding-left:6px;padding-right:6px}.dtcb-nickname-top-card strong{font-size:14px}.dtcb-nickname-top-card small{font-size:9px}}


/* v0.9.0 - Top ten nuoc ngoai/English cho sidebar: 2 cot, mac dinh 3 hang */
.dtcb-top-foreign-names{width:100%;padding:14px;border:1px solid #dce4f1;border-radius:18px;background:linear-gradient(180deg,#fbfdff,#f5f8ff);box-sizing:border-box;box-shadow:0 10px 28px rgba(52,78,126,.07)}
.dtcb-foreign-top-heading{display:flex;align-items:center;gap:8px;margin:0 0 11px;padding:0 2px}.dtcb-foreign-top-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#edf4ff;font-size:17px}.dtcb-foreign-top-heading h3{margin:0;color:#24324a;font-size:16px;font-weight:850;line-height:1.25}
.dtcb-foreign-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dtcb-foreign-top-card{position:relative;min-width:0;min-height:70px;padding:11px 8px 9px;border:1px solid #dfe7f4;border-radius:13px;background:#fff;text-align:center;box-sizing:border-box;box-shadow:0 5px 14px rgba(38,64,108,.035)}.dtcb-foreign-top-card strong{display:block;padding-top:7px;color:#202d46;font-size:15px;font-weight:850;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtcb-foreign-top-card small{display:block;margin-top:5px;color:#71809b;font-size:9.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtcb-foreign-top-rank{position:absolute;top:6px;right:6px;display:grid;place-items:center;min-width:20px;height:18px;padding:0 5px;border-radius:999px;background:#edf4ff;color:#3668b1;font-size:9px;font-weight:900}.dtcb-foreign-top-card:nth-child(-n+3) .dtcb-foreign-top-rank{background:#fff4d8;color:#9c6b00}.dtcb-foreign-top-note{margin:10px 2px 0;color:#7d899f;font-size:9.5px;line-height:1.45}.dtcb-foreign-top-empty{margin:0;padding:12px;color:#77849a;font-size:12px;text-align:center}
@media(max-width:560px){.dtcb-top-foreign-names{padding:12px}.dtcb-foreign-top-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.dtcb-foreign-top-card{min-height:66px;padding-left:6px;padding-right:6px}.dtcb-foreign-top-card strong{font-size:14px}.dtcb-foreign-top-card small{font-size:9px}}


/* v0.9.5 - "Tên gợi ý hôm nay" compact sidebar filler */
.dtcb-daily-names{width:100%;box-sizing:border-box;padding:14px;border:1px solid #f1d9e1;border-radius:18px;background:linear-gradient(155deg,#fffafd 0%,#fff4f8 100%);box-shadow:0 10px 28px rgba(171,58,91,.07);overflow:hidden}
.dtcb-daily-heading{display:flex;align-items:center;gap:9px;margin:0 0 10px}.dtcb-daily-heading-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:11px;background:linear-gradient(145deg,#fff0f5,#ffe2ec);color:#e64c7b}.dtcb-daily-heading-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dtcb-daily-heading h3{margin:0;color:#24324a;font-size:16px;font-weight:850;line-height:1.15}.dtcb-daily-heading small{display:block;margin-top:3px;color:#a27b88;font-size:9.5px;line-height:1.2}
.dtcb-daily-results{display:grid;gap:8px}.dtcb-daily-card{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:start;min-width:0;padding:10px;border:1px solid #efdde3;border-radius:13px;background:rgba(255,255,255,.92);box-shadow:0 5px 14px rgba(85,38,54,.035)}.dtcb-daily-card-female{border-color:#f2d9e5}.dtcb-daily-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eef6ff;color:#4b7bbd}.dtcb-daily-card-female .dtcb-daily-avatar{background:#fff0f5;color:#df5381}.dtcb-daily-avatar svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dtcb-daily-copy{min-width:0}.dtcb-daily-gender{display:block;margin:0 0 1px;color:#8793a6;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.dtcb-daily-copy strong{display:block;color:#202d46;font-size:15px;font-weight:900;line-height:1.15}.dtcb-daily-meta{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.dtcb-daily-meta span{display:inline-flex;align-items:center;min-height:18px;padding:2px 6px;border-radius:999px;background:#fff1f5;color:#92576a;font-size:8.5px;font-weight:750;line-height:1}.dtcb-daily-card-male .dtcb-daily-meta span{background:#f0f6ff;color:#58759d}.dtcb-daily-copy p{display:-webkit-box;margin:5px 0 0;overflow:hidden;color:#76616a;font-size:9.5px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dtcb-daily-refresh{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:36px;margin-top:9px;padding:7px 12px;border:1px solid #edbfd0;border-radius:11px;background:#fff;color:#d43e6c;font-size:11px;font-weight:850;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.dtcb-daily-refresh:hover{background:#fff0f5;border-color:#e790ad;transform:translateY(-1px)}.dtcb-daily-refresh:disabled{cursor:wait;opacity:.7;transform:none}.dtcb-daily-refresh svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dtcb-daily-refresh.is-loading svg{animation:dtcb-daily-spin .75s linear infinite}@keyframes dtcb-daily-spin{to{transform:rotate(360deg)}}
.dtcb-daily-quote{display:flex;align-items:flex-start;gap:6px;margin:9px 1px 0;color:#9b7d87;font-size:9px;line-height:1.35;font-style:italic}.dtcb-daily-quote svg{width:12px;height:12px;flex:0 0 12px;margin-top:1px;fill:none;stroke:#e15b85;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dtcb-daily-empty{padding:12px;border-radius:12px;background:#fff;color:#917c84;font-size:11px;text-align:center}.dtcb-daily-error{margin-top:7px;padding:6px 8px;border-radius:8px;background:#fff0f1;color:#b73850;font-size:9.5px;text-align:center}
@media(max-width:560px){.dtcb-daily-names{padding:12px}.dtcb-daily-card{grid-template-columns:38px minmax(0,1fr);padding:9px}.dtcb-daily-avatar{width:38px;height:38px}.dtcb-daily-copy strong{font-size:14px}}


/* =========================================================
   v0.9.5 - Smart Name Explorer landing-page shortcodes
   ========================================================= */
.dtcb-explorer{--dtcb-ex-accent:#e93673;--dtcb-ex-soft:#fff4f8;--dtcb-ex-line:#f5cedb;position:relative;width:100%;box-sizing:border-box;background:rgba(255,255,255,.93);border:1px solid var(--dtcb-ex-line);border-radius:22px;box-shadow:0 16px 42px rgba(213,66,117,.09);padding:24px;margin:0 auto 28px;overflow:hidden}
.dtcb-explorer:before{content:"";position:absolute;inset:0 0 auto 0;height:120px;background:linear-gradient(135deg,#fff0f5 0%,#fffafd 70%);pointer-events:none;z-index:0}
.dtcb-explorer>*{position:relative;z-index:1}
.dtcb-explorer-hero{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}
.dtcb-explorer-hero-icon{display:flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#fff,#ffe5ee);border:1px solid #ffd5e3;color:var(--dtcb-ex-accent);font-size:27px;font-weight:800;box-shadow:0 8px 24px rgba(233,54,115,.10)}
.dtcb-explorer-kicker{display:block;color:var(--dtcb-ex-accent);font-size:11px;font-weight:800;letter-spacing:.12em;margin:1px 0 4px;text-transform:uppercase}
.dtcb-explorer-hero h2{font-size:25px!important;line-height:1.25!important;margin:0 0 6px!important;color:#241b20!important;font-weight:800!important}
.dtcb-explorer-hero p{max-width:900px;margin:0;color:#6d5f65;font-size:14px;line-height:1.65}
.dtcb-explorer-form{background:#fff;border:1px solid #f3d7e0;border-radius:18px;padding:16px;box-shadow:0 8px 22px rgba(46,24,32,.04)}
.dtcb-explorer-primary-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end}
.dtcb-explorer-primary-search>label>span,.dtcb-explorer-field>span{display:block;margin:0 0 6px;font-size:12px;font-weight:750;color:#4c3d43}
.dtcb-explorer-searchbox{height:45px;display:flex;align-items:center;gap:9px;border:1px solid #e8d5dc;border-radius:12px;background:#fff;padding:0 12px;transition:.2s ease}
.dtcb-explorer-searchbox:focus-within{border-color:#f08aae;box-shadow:0 0 0 3px rgba(240,95,145,.10)}
.dtcb-explorer-searchbox svg{width:18px;height:18px;fill:none;stroke:#da5c87;stroke-width:1.8;flex:0 0 auto}
.dtcb-explorer-searchbox input{width:100%;height:42px!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;font-size:14px!important;margin:0!important}
.dtcb-explorer-search-btn,.dtcb-explorer-suggest-btn{height:45px!important;border-radius:12px!important;padding:0 17px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:13px!important;font-weight:800!important;line-height:1!important;margin:0!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}
.dtcb-explorer-search-btn{border:0!important;color:#fff!important;background:linear-gradient(135deg,#fa648f,#e72768)!important;box-shadow:0 8px 18px rgba(229,43,104,.18)}
.dtcb-explorer-suggest-btn{border:1px solid #efbad0!important;color:#d82f6b!important;background:#fff7fa!important}
.dtcb-explorer-search-btn svg,.dtcb-explorer-suggest-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dtcb-explorer-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.dtcb-explorer-field input,.dtcb-explorer-field select{width:100%!important;height:42px!important;margin:0!important;border:1px solid #e8d8de!important;border-radius:11px!important;background:#fff!important;padding:0 11px!important;font-size:13px!important;box-shadow:none!important;color:#3c3135!important}
.dtcb-explorer-field small{font-weight:500;color:#9d808a}
.dtcb-explorer-wishes{border:0;margin:14px 0 0;padding:0}
.dtcb-explorer-wishes legend{font-size:12px;font-weight:800;color:#4c3d43;margin-bottom:8px}
.dtcb-explorer-chip-row{display:flex;gap:7px;flex-wrap:wrap}
.dtcb-explorer-chip-row button{appearance:none;border:1px solid #f0d2dc;background:#fff;color:#6f5360;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;cursor:pointer;transition:.18s ease}
.dtcb-explorer-chip-row button:hover,.dtcb-explorer-chip-row button.is-active{background:#fff0f5;border-color:#f08aae;color:#d82f6b;box-shadow:0 4px 12px rgba(233,54,115,.08)}
.dtcb-explorer-trust-note{margin-top:13px;padding:10px 12px;border-radius:11px;background:#fff9eb;border:1px solid #f3dfab;color:#6e5b2d;font-size:12px;line-height:1.5}
.dtcb-explorer-profile{display:flex;align-items:center;gap:11px;margin:13px 0 0;padding:11px 14px;border-radius:13px;background:linear-gradient(90deg,#fff4f8,#fff);border:1px solid #f3d2de}
.dtcb-explorer-profile-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #f0cad8;color:#d9306b;font-size:18px}
.dtcb-explorer-profile strong{font-size:13px;color:#35272d}.dtcb-explorer-profile p{margin:2px 0 0;font-size:12px;color:#745e67}
.dtcb-explorer-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 1px 10px;color:#86727a;font-size:12px}.dtcb-explorer-meta strong{font-size:14px;color:#33252b}
.dtcb-explorer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dtcb-explorer-card{position:relative;text-align:left!important;width:100%;min-width:0;border:1px solid #f0d7df!important;border-radius:16px!important;background:#fff!important;padding:14px!important;margin:0!important;color:#34282d!important;text-transform:none!important;letter-spacing:0!important;box-shadow:0 7px 20px rgba(48,25,34,.045)!important;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dtcb-explorer-card:hover{transform:translateY(-2px);border-color:#efa9c0!important;box-shadow:0 11px 26px rgba(207,53,105,.10)!important}
.dtcb-explorer-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.dtcb-explorer-card-top>span:first-child{min-width:0}
.dtcb-explorer-card-top small{display:block;color:#a47b8a;font-size:10px;font-weight:700;margin-bottom:3px}.dtcb-explorer-card-top strong{display:block;color:#251b1f;font-size:17px;line-height:1.28;font-weight:800;white-space:normal}.dtcb-explorer-card-top em{display:block;margin-top:2px;color:#9b7f89;font-size:10px;font-style:normal;font-weight:500}
.dtcb-explorer-score{flex:0 0 auto;display:flex;align-items:baseline;justify-content:center;min-width:43px;height:30px;padding:0 7px;border-radius:10px;background:#fff0f5;color:#db316c;font-size:14px;font-weight:850}.dtcb-explorer-score small{display:inline!important;margin:0!important;font-size:8px!important;color:#b98094!important}
.dtcb-explorer-han{display:block;min-height:18px;margin-top:5px;color:#d54273;font-size:13px;font-weight:700}
.dtcb-explorer-badges{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}.dtcb-explorer-badges b,.dtcb-explorer-badges i,.dtcb-explorer-badges span{font-style:normal;font-size:9px;font-weight:750;border-radius:999px;padding:4px 7px}.dtcb-explorer-badges b{background:#fff0f4;color:#b83764}.dtcb-explorer-badges i{background:#f6f3ff;color:#6651a5}.dtcb-explorer-badges .dtcb-explorer-feng{background:#eef9f3;color:#397a58}
.dtcb-explorer-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px;margin:7px 0 9px!important;color:#695b61!important;font-size:11px!important;line-height:1.55!important;font-weight:500!important;text-transform:none!important}
.dtcb-explorer-traits{display:flex;gap:5px;flex-wrap:wrap}.dtcb-explorer-traits span{font-size:9px;padding:4px 6px;border-radius:7px;background:#faf7f8;color:#7e6871}
.dtcb-explorer-detail-link{display:flex;align-items:center;gap:4px;margin-top:10px;color:#d6336c;font-size:10px;font-weight:800}.dtcb-explorer-detail-link svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dtcb-explorer-more-wrap{text-align:center;margin-top:14px}.dtcb-explorer-more{border:1px solid #efbfd0!important;background:#fff!important;color:#d6336c!important;border-radius:999px!important;padding:9px 17px!important;font-size:12px!important;font-weight:800!important;text-transform:none!important;margin:0!important}
@media(max-width:900px){.dtcb-explorer-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dtcb-explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dtcb-explorer-primary-search{grid-template-columns:1fr 1fr}.dtcb-explorer-primary-search>label{grid-column:1/-1}.dtcb-explorer-search-btn,.dtcb-explorer-suggest-btn{width:100%}}
@media(max-width:600px){.dtcb-explorer{padding:14px;border-radius:17px}.dtcb-explorer-hero{gap:10px}.dtcb-explorer-hero-icon{width:42px;height:42px;flex-basis:42px;border-radius:13px;font-size:22px}.dtcb-explorer-hero h2{font-size:20px!important}.dtcb-explorer-hero p{font-size:12px}.dtcb-explorer-form{padding:11px}.dtcb-explorer-primary-search{grid-template-columns:1fr}.dtcb-explorer-primary-search>label{grid-column:auto}.dtcb-explorer-filter-grid{grid-template-columns:1fr}.dtcb-explorer-grid{grid-template-columns:1fr}.dtcb-explorer-meta{align-items:flex-start;flex-direction:column;gap:2px}.dtcb-explorer-card p{min-height:0}.dtcb-explorer-chip-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:visible;padding-bottom:0}.dtcb-explorer-chip-row button{width:100%;min-width:0;min-height:36px;white-space:normal;overflow-wrap:anywhere;line-height:1.25;padding:7px 8px}}
@media(max-width:360px){.dtcb-explorer-chip-row{gap:6px}.dtcb-explorer-chip-row button{font-size:11px;padding:7px 6px}}


/* ================================================================
 * v0.9.6 - Menu ngang dạng compact cho sidebar/slider
 * [dtcb_menu_2cot] / [dtcb_menu_slider]
 * Mặc định: 2 cột x 4 hàng khi có đủ 8 mục.
 * ================================================================ */
.dtcb-pt-compact-menu{
  width:100%;max-width:100%;box-sizing:border-box;padding:11px;
  border:1px solid #f2d4de;border-radius:18px;
  background:linear-gradient(145deg,#fffafd 0%,#fff2f7 100%);
  box-shadow:0 10px 28px rgba(171,58,91,.075);
  font-family:Arial,"Helvetica Neue",sans-serif;overflow:hidden
}
.dtcb-pt-compact-heading{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:1px 2px;color:#25324a;font-size:14px;font-weight:850;line-height:1.25}
.dtcb-pt-compact-heading-icon{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:9px;background:#ffe7ef;color:#df4c79;font-size:14px}
.dtcb-pt-compact-grid{display:grid;grid-template-columns:repeat(var(--dtcb-compact-cols,2),minmax(0,1fr));gap:8px}
.dtcb-pt-compact-item{
  position:relative;display:flex;min-width:0;min-height:112px;padding:8px 6px 9px;
  flex-direction:column;align-items:center;justify-content:flex-start;
  border:1px solid #efd8e1;border-radius:14px;background:rgba(255,255,255,.95);
  color:#202d46!important;text-align:center;text-decoration:none!important;
  box-shadow:0 5px 14px rgba(85,38,54,.035);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease
}
.dtcb-pt-compact-item:hover,.dtcb-pt-compact-item:focus-visible{transform:translateY(-2px);border-color:#ee9db8;background:#fff;box-shadow:0 8px 18px rgba(182,67,104,.12);outline:none}
.dtcb-pt-compact-item.is-active{border-color:#e85986;background:linear-gradient(180deg,#fff,#fff2f6);box-shadow:0 7px 18px rgba(221,74,121,.14)}
.dtcb-pt-compact-media{position:relative;display:block;width:64px;height:64px;flex:0 0 64px;margin:0 auto 6px}
.dtcb-pt-compact-img{display:block;width:64px;height:64px;object-fit:contain;transition:transform .18s ease}
.dtcb-pt-compact-item:hover .dtcb-pt-compact-img,.dtcb-pt-compact-item:focus-visible .dtcb-pt-compact-img{transform:scale(1.055)}
.dtcb-pt-compact-badge{position:absolute;right:-2px;bottom:-1px;display:grid;place-items:center;width:22px;height:22px;border:2px solid #fff;border-radius:50%;background:#ffe6ee;font-size:10px;line-height:1;box-shadow:0 2px 6px rgba(70,30,44,.08)}
.dtcb-pt-compact-icon{display:grid;place-items:center;width:50px;height:50px;margin:7px auto 9px;border-radius:15px;background:#ffe7ef;font-size:23px}
.dtcb-pt-compact-title{display:-webkit-box;min-width:0;overflow:hidden;color:#d6336c!important;font-size:10px;font-weight:850;line-height:1.23;text-transform:uppercase;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}
.dtcb-pt-compact-item.is-active .dtcb-pt-compact-title{color:#b91f52!important}
@media(max-width:420px){
  .dtcb-pt-compact-menu{padding:9px}.dtcb-pt-compact-grid{gap:7px}
  .dtcb-pt-compact-item{min-height:105px;padding:7px 5px 8px}
  .dtcb-pt-compact-media,.dtcb-pt-compact-img{width:58px;height:58px}.dtcb-pt-compact-media{flex-basis:58px}
  .dtcb-pt-compact-title{font-size:9.5px}
}

/* ================================================================
 * v0.9.8 - Special name finders: visible defaults, relevance ranking
 * ================================================================ */
.dtcb-special-card-top{align-items:flex-start}.dtcb-special-match{display:inline-flex;align-items:center;justify-content:center;max-width:145px;min-height:28px;padding:6px 9px;margin-right:30px;border:1px solid #eadbe1;border-radius:999px;background:#f8f6f7;color:#6f5b63;font-size:10px;font-weight:800;line-height:1.15;text-align:center;white-space:normal}.dtcb-special-match.is-filtered{border-color:#f3c3d2;background:#fff0f5;color:#b62857}.dtcb-special-source{margin:9px 0 0;padding-top:8px;border-top:1px dashed #eadce1;color:#89757c;font-size:10.5px;line-height:1.45}.dtcb-special-reason strong{color:#2f2730}.dtcb-special-quick{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:12px 0 0}.dtcb-special-quick>span{margin-right:2px;color:#756269;font-size:11px;font-weight:800}.dtcb-special-quick button{appearance:none;border:1px solid #efd6df;border-radius:999px;background:#fff;color:#9d3457;padding:6px 10px;font-size:10.5px;font-weight:750;line-height:1;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.dtcb-special-quick button:hover,.dtcb-special-quick button:focus-visible{background:#fff0f5;border-color:#efacc2;transform:translateY(-1px);outline:none}.dtcb-special-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px}.dtcb-special-actions .dtcb-special-submit{margin-top:0}.dtcb-special-reset{appearance:none;min-height:40px;border:1px solid #e7dce0;border-radius:10px;background:#fff;color:#65575c;padding:9px 13px;font-size:11.5px;font-weight:750;cursor:pointer}.dtcb-special-reset:hover,.dtcb-special-reset:focus-visible{border-color:#dcbec9;background:#fffafb;outline:none}.dtcb-special-result-head span{max-width:760px;line-height:1.45}.dtcb-special-score,.dtcb-special-card details.dtcb-special-breakdown-legacy{display:none!important}
@media(max-width:560px){.dtcb-special-match{max-width:112px;margin-right:26px;font-size:9.5px;padding:5px 7px}.dtcb-special-quick{gap:6px}.dtcb-special-quick button{padding:6px 9px}.dtcb-special-actions{align-items:stretch}.dtcb-special-actions button{width:100%}}

/* ================================================================
 * v0.9.9 - Full-page name profiles + intelligent navigation
 * ================================================================ */
.dtcb-card-link{display:block;color:inherit!important;text-decoration:none!important}
.dtcb-card-link:hover,.dtcb-card-link:focus-visible{color:inherit!important;text-decoration:none!important;outline:none}
.dtcb-card-open{display:inline-flex;align-items:center;gap:5px;margin-top:auto;padding-top:8px;color:#d6336c;font-size:10px;font-weight:850;line-height:1.25}
.dtcb-library-name.dtcb-card-link,.dtcb-top-card.dtcb-card-link,.dtcb-explorer-card.dtcb-card-link,.dtcb-special-card.dtcb-card-link,.dtcb-daily-card.dtcb-card-link,.dtcb-nickname-top-card.dtcb-card-link,.dtcb-foreign-top-card.dtcb-card-link{box-sizing:border-box;text-decoration:none!important}
.dtcb-special-card.dtcb-card-link{display:flex;flex-direction:column}
.dtcb-daily-card.dtcb-card-link{display:grid}
.dtcb-nickname-top-card.dtcb-card-link,.dtcb-foreign-top-card.dtcb-card-link{display:block;color:inherit!important}

/* Explorer: explain relevance instead of displaying a synthetic beauty score. */
.dtcb-explorer-score{display:none!important}
.dtcb-explorer-match{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;max-width:128px;min-height:28px;padding:5px 8px;border:1px solid #efcbd7;border-radius:999px;background:#fff3f7;color:#b92c5a;font-size:9.5px;font-weight:850;line-height:1.2;text-align:center}
.dtcb-explorer-reasons{display:grid;gap:4px;margin:7px 0 0;padding:0;list-style:none!important}
.dtcb-explorer-reasons>span{position:relative;display:block;margin:0!important;padding-left:14px;color:#725e66;font-size:9.5px;line-height:1.4}
.dtcb-explorer-reasons>span:before{content:"";position:absolute;left:2px;top:.55em;width:4px;height:4px;border-radius:50%;background:#d6336c}

/* Current section highlight. */
.dtcb-pt-h-item.is-active{border-color:#e85483;background:linear-gradient(180deg,#fff,#fff1f6);box-shadow:0 9px 22px rgba(220,63,114,.18)}
.dtcb-pt-h-item.is-active .dtcb-pt-h-title{color:#b91850!important}
.dtcb-pt-h-item.is-active .dtcb-pt-h-icon-circle{background:#e85483;color:#fff}

/* Detail/result pages use full horizontal navigation on desktop and the 2x4 menu on narrower screens. */
.dtcb-name-detail-menu{margin:0 0 22px}
.dtcb-name-detail-menu .dtcb-pt-horizontal-wrapper{margin:0 auto 20px}
.dtcb-adaptive-menu-mobile{display:none}
@media(max-width:900px){
  .dtcb-adaptive-menu-desktop{display:none}
  .dtcb-adaptive-menu-mobile{display:block}
  .dtcb-name-detail-menu{margin-bottom:16px}
  .dtcb-name-detail-menu .dtcb-pt-compact-menu{max-width:560px;margin:0 auto}
}

/* Standalone detail page. */
.dtcb-name-detail-page{--dtcb-detail-pink:#df3f75;--dtcb-detail-soft:#fff3f7;--dtcb-detail-line:#f0d8e1;--dtcb-detail-ink:#232b3d;--dtcb-detail-muted:#6f6268;background:linear-gradient(180deg,#fffafd 0,#fff 420px);padding:24px 0 52px}
.dtcb-name-detail-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}
.dtcb-name-detail-page .dtcb-page-breadcrumb{margin:4px 0 16px}
.dtcb-name-detail-page .dtcb-page-empty{max-width:760px;margin:40px auto;padding:30px;border:1px solid var(--dtcb-detail-line);border-radius:22px;background:#fff;text-align:center;box-shadow:0 16px 40px rgba(90,39,57,.07)}

.dtcb-name-profile{display:block;margin-bottom:16px}
.dtcb-name-profile-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:22px;align-items:stretch;overflow:hidden;padding:32px;border:1px solid var(--dtcb-detail-line);border-radius:26px;background:linear-gradient(145deg,#fff 0%,#fff4f8 100%);box-shadow:0 18px 46px rgba(164,48,86,.09)}
.dtcb-name-profile-hero:after{content:"";position:absolute;right:-60px;top:-70px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,#ffdce8 0%,rgba(255,220,232,0) 70%);pointer-events:none}
.dtcb-name-profile-kicker,.dtcb-name-detail-eyebrow{display:block;color:var(--dtcb-detail-pink);font-size:10px;font-weight:900;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}
.dtcb-name-profile-hero h1{position:relative;z-index:1;margin:7px 0 5px!important;color:var(--dtcb-detail-ink)!important;font-size:clamp(34px,5vw,58px)!important;font-weight:900!important;line-height:1.05!important;letter-spacing:-.035em}
.dtcb-name-profile-han{display:block;margin:4px 0 12px;color:#bd5274;font-size:23px;font-weight:700;letter-spacing:.08em}
.dtcb-name-profile-lead{max-width:760px;margin:0!important;color:#54484d!important;font-size:16px!important;line-height:1.7!important}
.dtcb-name-profile-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 0}
.dtcb-name-profile-tags span{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border:1px solid #f0d5df;border-radius:999px;background:rgba(255,255,255,.82);color:#755360;font-size:10px;font-weight:800}
.dtcb-name-profile-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.dtcb-name-profile-primary,.dtcb-name-profile-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 16px;border-radius:12px;text-decoration:none!important;font-size:12px;font-weight:900;transition:transform .18s ease,box-shadow .18s ease}
.dtcb-name-profile-primary{background:linear-gradient(135deg,#ee5c8d,#d92f69);color:#fff!important;box-shadow:0 9px 22px rgba(217,47,105,.22)}
.dtcb-name-profile-secondary{border:1px solid #eab4c5;background:#fff;color:#b42556!important}
.dtcb-name-profile-primary:hover,.dtcb-name-profile-secondary:hover{transform:translateY(-1px)}

.dtcb-name-profile-facts{display:grid;align-content:start;gap:9px;padding:20px;border:1px solid var(--dtcb-detail-line);border-radius:24px;background:#fff;box-shadow:0 16px 40px rgba(70,36,48,.06)}
.dtcb-name-profile-facts>div{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px dashed #eadde2}
.dtcb-name-profile-facts>div:last-child{border-bottom:0}
.dtcb-name-profile-facts small{color:#938088;font-size:10px;font-weight:750;line-height:1.4}
.dtcb-name-profile-facts strong{max-width:62%;color:#2e2931;font-size:12px;font-weight:850;line-height:1.4;text-align:right}

.dtcb-name-detail-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
.dtcb-name-detail-trust>div{padding:14px 15px;border:1px solid #eadfe3;border-radius:16px;background:#fff}
.dtcb-name-detail-trust strong{display:block;margin-bottom:4px;color:#33303a;font-size:11.5px;font-weight:900}
.dtcb-name-detail-trust span{display:block;color:#7a6b71;font-size:10px;line-height:1.5}

.dtcb-name-detail-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.dtcb-name-detail-panel{min-width:0;padding:22px;border:1px solid var(--dtcb-detail-line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(64,35,45,.045)}
.dtcb-name-detail-panel h2{margin:6px 0 12px!important;color:#292630!important;font-size:21px!important;font-weight:900!important;line-height:1.25!important}
.dtcb-name-detail-panel h3{margin:15px 0 7px!important;color:#4b3c43!important;font-size:13px!important;font-weight:850!important}
.dtcb-name-detail-panel>p,.dtcb-name-detail-panel li{color:#66595f;font-size:12px;line-height:1.65}
.dtcb-name-detail-panel ul{margin:0;padding-left:18px}
.dtcb-name-detail-wide{margin-bottom:16px}
.dtcb-name-detail-list{display:grid;gap:8px;margin-top:14px}
.dtcb-name-detail-list>div{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;align-items:start;padding:9px 10px;border-radius:12px;background:#fff7fa}
.dtcb-name-detail-list>div>span{color:var(--dtcb-detail-pink);font-weight:900}
.dtcb-name-detail-list p{margin:0!important;color:#67585e!important;font-size:11px!important;line-height:1.55!important}
.dtcb-name-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dtcb-name-evidence-grid>div{padding:11px;border:1px solid #eee3e7;border-radius:13px;background:#fcfafb}
.dtcb-name-evidence-grid small{display:block;margin-bottom:4px;color:#958188;font-size:9.5px;font-weight:750}
.dtcb-name-evidence-grid strong{display:block;color:#372f34;font-size:12px;font-weight:850;overflow-wrap:anywhere}
.dtcb-name-profile-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dtcb-name-profile-groups>div{padding:13px;border-radius:14px;background:#fff8fa}
.dtcb-name-profile-groups>div>strong{display:block;margin-bottom:8px;color:#46383e;font-size:11px}
.dtcb-name-detail-chips{display:flex;flex-wrap:wrap;gap:6px}
.dtcb-name-detail-chips span{padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #efd6df;color:#8e4960;font-size:9.5px;font-weight:750}

.dtcb-name-related-section{margin:18px 0;padding:22px;border:1px solid var(--dtcb-detail-line);border-radius:23px;background:linear-gradient(145deg,#fff,#fff7fa)}
.dtcb-name-related-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px}
.dtcb-name-related-head h2{margin:5px 0 0!important;color:#292630!important;font-size:21px!important;font-weight:900!important}
.dtcb-name-related-head>a{color:#c92e62!important;text-decoration:none!important;font-size:11px;font-weight:850;white-space:nowrap}
.dtcb-name-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.dtcb-name-related-card{display:flex;min-width:0;min-height:112px;padding:13px;flex-direction:column;border:1px solid #ecdce2;border-radius:15px;background:#fff;color:inherit!important;text-decoration:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dtcb-name-related-card:hover{transform:translateY(-2px);border-color:#e899b4;box-shadow:0 9px 20px rgba(172,56,95,.09)}
.dtcb-name-related-card strong{color:#2b2932;font-size:15px;font-weight:900;line-height:1.25}
.dtcb-name-related-card em{margin:3px 0 7px;color:#c64870;font-size:12px;font-style:normal}
.dtcb-name-related-card span{display:-webkit-box;overflow:hidden;color:#77676d;font-size:9.5px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.dtcb-name-detail-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:18px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#fff1f6,#ffe6ef);border:1px solid #f1c9d6}
.dtcb-name-detail-cta h2{margin:5px 0 6px!important;color:#322831!important;font-size:20px!important;font-weight:900!important}
.dtcb-name-detail-cta p{margin:0!important;color:#6f5c64!important;font-size:11.5px!important;line-height:1.55!important}
.dtcb-name-detail-cta>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:12px;background:#d9336c;color:#fff!important;text-decoration:none!important;font-size:11.5px;font-weight:900;white-space:nowrap}

@media(max-width:900px){
  .dtcb-name-detail-page{padding-top:16px}
  .dtcb-name-profile-hero{grid-template-columns:1fr}
  .dtcb-name-profile-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dtcb-name-profile-facts>div{display:block;border-bottom:0;padding:9px;border-radius:11px;background:#fff8fa}
  .dtcb-name-profile-facts strong{display:block;max-width:none;margin-top:4px;text-align:left}
  .dtcb-name-detail-trust{grid-template-columns:1fr}
  .dtcb-name-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .dtcb-name-detail-shell{width:min(100% - 20px,1180px)}
  .dtcb-name-profile-hero{padding:22px 17px;border-radius:20px}
  .dtcb-name-profile-hero h1{font-size:36px!important}
  .dtcb-name-profile-han{font-size:19px}
  .dtcb-name-profile-lead{font-size:13px!important}
  .dtcb-name-profile-actions{align-items:stretch;flex-direction:column}
  .dtcb-name-profile-primary,.dtcb-name-profile-secondary{width:100%;box-sizing:border-box}
  .dtcb-name-profile-facts{grid-template-columns:1fr 1fr;padding:13px;border-radius:18px}
  .dtcb-name-detail-columns{grid-template-columns:1fr;gap:11px}
  .dtcb-name-detail-panel{padding:17px;border-radius:18px}
  .dtcb-name-detail-panel h2,.dtcb-name-related-head h2{font-size:18px!important}
  .dtcb-name-evidence-grid{grid-template-columns:1fr 1fr}
  .dtcb-name-profile-groups{grid-template-columns:1fr}
  .dtcb-name-related-section{padding:16px;border-radius:19px}
  .dtcb-name-related-head{align-items:flex-start;flex-direction:column}
  .dtcb-name-related-grid{grid-template-columns:1fr 1fr;gap:7px}
  .dtcb-name-related-card{min-height:100px;padding:11px}
  .dtcb-name-detail-cta{align-items:stretch;flex-direction:column;padding:18px}
  .dtcb-name-detail-cta>a{width:100%;box-sizing:border-box}
}
@media(max-width:420px){
  .dtcb-name-profile-facts{grid-template-columns:1fr}
  .dtcb-name-evidence-grid{grid-template-columns:1fr}
  .dtcb-name-related-grid{grid-template-columns:1fr}
}

/* v0.10.0 — same-category discovery + monetization-ready ad slots */
.dtcb-name-category-section{margin:18px 0;padding:22px;border:1px solid #eadde2;border-radius:23px;background:linear-gradient(145deg,#fffafd,#fff)}
.dtcb-name-category-section .dtcb-name-related-head{align-items:flex-end}
.dtcb-name-category-section .dtcb-name-related-head p{max-width:720px;margin:6px 0 0!important;color:#77676d!important;font-size:10.5px!important;line-height:1.55!important}
.dtcb-name-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.dtcb-name-category-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name arrow" "han arrow" "desc desc";gap:3px 8px;min-width:0;min-height:108px;padding:13px 14px;border:1px solid #ecdde3;border-radius:15px;background:#fff;color:inherit!important;text-decoration:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dtcb-name-category-card:hover{transform:translateY(-2px);border-color:#e89ab5;box-shadow:0 9px 22px rgba(172,56,95,.09)}
.dtcb-name-category-card strong{grid-area:name;min-width:0;color:#2c2932;font-size:15px;font-weight:900;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dtcb-name-category-card em{grid-area:han;color:#c34b70;font-size:11.5px;font-style:normal;line-height:1.3}
.dtcb-name-category-card small{grid-area:desc;display:-webkit-box;overflow:hidden;margin-top:5px;color:#76686e;font-size:9.5px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dtcb-name-category-arrow{grid-area:arrow;align-self:start;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff0f5;color:#cb3565;font-size:13px;font-weight:900;transition:transform .18s ease,background .18s ease,color .18s ease}
.dtcb-name-category-card:hover .dtcb-name-category-arrow{transform:translateX(2px);background:#d73a6d;color:#fff}

.dtcb-ad-slot{width:100%;margin:18px auto;box-sizing:border-box;text-align:center;clear:both}
.dtcb-ad-label{display:block;margin:0 0 5px;color:#a18f96;font-size:9px;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}
.dtcb-ad-slot-inner{width:100%;min-width:0;overflow:hidden;border-radius:14px}
.dtcb-ad-slot-inner>ins,.dtcb-ad-slot-inner>div,.dtcb-ad-slot-inner>iframe{max-width:100%}
.dtcb-ad-slot iframe{max-width:100%;border:0}
.dtcb-ad-slot.is-preview .dtcb-ad-slot-inner{min-height:92px;border:1px dashed #e6bdca;background:repeating-linear-gradient(135deg,#fff8fa,#fff8fa 12px,#fff3f7 12px,#fff3f7 24px);display:grid;place-items:center}
.dtcb-ad-preview{display:grid;gap:4px;padding:14px 18px;color:#8f6876}
.dtcb-ad-preview strong{color:#a63a61;font-size:12px;font-weight:900}
.dtcb-ad-preview span{font-family:monospace;font-size:10px;color:#bc6887}
.dtcb-ad-preview small{max-width:680px;font-size:9.5px;line-height:1.45}
.dtcb-ad-slot-detail_top{margin-top:10px;margin-bottom:20px}
.dtcb-ad-slot-detail_bottom{margin-top:22px;margin-bottom:8px}

@media (max-width:900px){
  .dtcb-name-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dtcb-ad-slot{margin:14px auto}
}
@media (max-width:560px){
  .dtcb-name-category-section{padding:16px;border-radius:19px}
  .dtcb-name-category-section .dtcb-name-related-head{align-items:flex-start}
  .dtcb-name-category-grid{grid-template-columns:1fr;gap:7px}
  .dtcb-name-category-card{min-height:94px;padding:11px 12px}
  .dtcb-ad-slot{margin:12px auto}
  .dtcb-ad-slot-inner{border-radius:10px}
}

/* v0.10.1 — optional VIP / advanced-analysis gate */
.dtcb-vip-lock{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:18px 0;padding:22px;border:1px solid #efc9d6;border-radius:22px;background:linear-gradient(135deg,#fff9fb 0%,#fff1f6 58%,#fff8f1 100%);box-shadow:0 12px 30px rgba(159,55,91,.07)}
.dtcb-vip-lock-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#fff;color:#d23a6d;box-shadow:0 8px 20px rgba(189,57,103,.10)}
.dtcb-vip-lock-copy{min-width:0}
.dtcb-vip-badge,.dtcb-vip-inline-badge,.dtcb-vip-section-heading>span{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,#c92f66,#ef6c96);color:#fff;font-size:9.5px;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase;box-shadow:0 5px 12px rgba(202,47,102,.18)}
.dtcb-vip-lock h2{margin:7px 0 6px!important;color:#322831!important;font-size:20px!important;font-weight:900!important}
.dtcb-vip-lock p{margin:0!important;color:#6f5e65!important;font-size:11.5px!important;line-height:1.6!important}
.dtcb-vip-lock ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:12px 0 0!important;padding:0!important;list-style:none!important}
.dtcb-vip-lock li{display:flex;gap:7px;align-items:flex-start;color:#5f5057;font-size:10.5px;line-height:1.45}
.dtcb-vip-lock li span{color:#cf3768;font-weight:900}
.dtcb-vip-lock small{display:block;margin-top:11px;color:#917b84;font-size:9px;line-height:1.45}
.dtcb-vip-lock-actions{display:flex;min-width:150px;align-items:stretch;flex-direction:column;gap:7px;text-align:center}
.dtcb-vip-price{color:#b82f5f;font-size:13px;font-weight:900}
.dtcb-vip-upgrade,.dtcb-vip-login{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:9px 14px;border-radius:11px;text-decoration:none!important;font-size:10.5px;font-weight:900;white-space:nowrap}
.dtcb-vip-upgrade{background:linear-gradient(135deg,#d3356b,#ef6692);color:#fff!important;box-shadow:0 7px 18px rgba(202,47,102,.16)}
.dtcb-vip-login{border:1px solid #e9bdcb;background:#fff;color:#b63360!important}
.dtcb-name-deep-analysis{margin-top:18px}
.dtcb-name-deep-head,.dtcb-vip-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dtcb-name-deep-head h2{margin-right:auto!important}
.dtcb-name-deep-intro{max-width:850px;color:#77666d!important}
.dtcb-name-deep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}
.dtcb-name-deep-grid article{min-width:0;padding:14px;border:1px solid #eadfe3;border-radius:14px;background:#fffafa}
.dtcb-name-deep-grid strong{display:block;margin-bottom:6px;color:#c13767;font-size:11px;font-weight:900}
.dtcb-name-deep-grid p{margin:0!important;color:#62565b!important;font-size:10.5px!important;line-height:1.55!important}
.dtcb-suggestion-vip-note{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:7px 10px;border-radius:10px;background:#fff2f7;color:#8c6070;font-size:9.5px;font-weight:700}
.dtcb-suggestion-vip-note span{padding:2px 6px;border-radius:999px;background:#d2396c;color:#fff;font-size:8px;font-weight:900;letter-spacing:.05em}
.dtcb-vip-status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:800}
.dtcb-vip-status.is-vip{background:#fff0f5;color:#be2e61}.dtcb-vip-status.is-free{background:#f3f1f2;color:#776b70}.dtcb-vip-status.is-open{background:#eef8f0;color:#347145}
@media(max-width:800px){.dtcb-vip-lock{grid-template-columns:auto 1fr}.dtcb-vip-lock-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.dtcb-vip-price{grid-column:1/-1}.dtcb-name-deep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.dtcb-vip-lock{grid-template-columns:1fr;padding:17px}.dtcb-vip-lock-icon{width:48px;height:48px}.dtcb-vip-lock ul{grid-template-columns:1fr}.dtcb-vip-lock-actions{display:flex}.dtcb-name-deep-grid{grid-template-columns:1fr}.dtcb-name-deep-head,.dtcb-vip-section-heading{align-items:flex-start;flex-direction:column}}

/* DTCB v0.10.2 - premium add-on, never replaces standard content */
.dtcb-vip-addon-offer{margin-top:22px;margin-bottom:22px}
.dtcb-vip-member{margin:22px 0;padding:22px;border:1px solid #efc8d6;border-radius:22px;background:linear-gradient(135deg,#fffafb,#fff4f7);box-shadow:0 12px 30px rgba(159,55,91,.06)}
.dtcb-vip-member-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px}.dtcb-vip-member-head h2{margin:2px 0 5px!important;font-size:20px!important;color:#342a30!important}.dtcb-vip-member-head p{margin:0!important;color:#77656d!important;font-size:11.5px!important;line-height:1.55!important}
.dtcb-vip-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dtcb-vip-service-card{padding:16px;border:1px solid #f0d9e1;border-radius:16px;background:#fff}.dtcb-vip-service-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:9px;border-radius:11px;background:#fff0f5;color:#c63164;font-weight:900}.dtcb-vip-service-card h3{margin:0 0 6px!important;color:#3c3036!important;font-size:15px!important}.dtcb-vip-service-card p{margin:0 0 11px!important;color:#75636b!important;font-size:10.5px!important;line-height:1.55!important}.dtcb-vip-service-card a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:10px;background:linear-gradient(135deg,#d3366b,#ee6893);color:#fff!important;text-decoration:none!important;font-size:10px;font-weight:900}.dtcb-vip-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.dtcb-vip-contact-actions span{font-size:10px;font-weight:800;color:#705b64}.dtcb-vip-contact-actions a.is-secondary{background:#fff1f6;color:#ba2d60!important;border:1px solid #edc6d4}
@media(max-width:680px){.dtcb-vip-member-grid{grid-template-columns:1fr}.dtcb-vip-member{padding:17px}.dtcb-vip-member-head{flex-direction:column}}


/* DTCB v0.10.3 - high-contrast black body copy for all interpretation text */
/* Keep headings, badges, buttons, icons and scoring accents colored; normalize narrative copy only. */
.dtcb-app .dtcb-result p,
.dtcb-app .dtcb-result li,
.dtcb-premium-report p,
.dtcb-premium-report li,
.dtcb-premium-report .dtcb-data-note,
.dtcb-premium-report .dtcb-three-talents,
.dtcb-premium-report .dtcb-nap-am-line,
.dtcb-premium-report .dtcb-method-details,
.dtcb-name-detail-page p,
.dtcb-name-detail-page li,
.dtcb-name-detail-page .dtcb-name-related-card span,
.dtcb-name-detail-page .dtcb-name-category-card small,
.dtcb-suggestions-page .dtcb-calc-summary-main > p,
.dtcb-suggestions-page .dtcb-suggestion-meaning,
.dtcb-suggestions-page .dtcb-suggestion-reason,
.dtcb-suggestions-page .dtcb-disclaimer p,
.dtcb-check-page .dtcb-disclaimer p,
.dtcb-vip-lock p,
.dtcb-vip-lock li,
.dtcb-vip-lock small,
.dtcb-vip-member-head p,
.dtcb-vip-service-card p {
  color:#111!important;
}

/* Explicit coverage for interpretation components that previously used muted rose/gray text. */
.dtcb-overview-copy > p,
.dtcb-element-notes p,
.dtcb-method-details p,
.dtcb-family-summary,
.dtcb-family-reading-head p,
.dtcb-family-relation-card p,
.dtcb-family-method p,
.dtcb-family-method small,
.dtcb-character-line p,
.dtcb-detail-row p,
.dtcb-detail-primary-card p,
.dtcb-detail-compact-card p,
.dtcb-name-profile-lead,
.dtcb-name-detail-trust span,
.dtcb-name-detail-panel > p,
.dtcb-name-detail-panel li,
.dtcb-name-detail-list p,
.dtcb-name-deep-intro,
.dtcb-name-deep-grid p,
.dtcb-name-related-card span,
.dtcb-name-category-section .dtcb-name-related-head p,
.dtcb-name-category-card small,
.dtcb-name-detail-cta p {
  color:#111!important;
}

/* DTCB v0.10.4 — readability typography pass for interpretation / explanation copy
 * Goal: long-form reading should feel like an article, not tiny dashboard microcopy.
 * Accent labels, scores, badges and buttons intentionally keep their own scale.
 */
.dtcb-app,
.dtcb-seo-page,
.dtcb-name-detail-page,
.dtcb-suggestions-page,
.dtcb-check-page,
.dtcb-special-finder,
.dtcb-name-library{
  --dtcb-reading-size:16.5px;
  --dtcb-reading-size-compact:15px;
  --dtcb-reading-line:1.75;
  --dtcb-reading-color:#111;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

/* Primary narrative copy — full-size reading text. */
.dtcb-overview-copy>p,
.dtcb-element-notes p,
.dtcb-method-details p,
.dtcb-data-note,
.dtcb-three-talents,
.dtcb-character-line p,
.dtcb-family-summary,
.dtcb-family-reading-head p,
.dtcb-family-relation-card p,
.dtcb-family-method p,
.dtcb-detail-row p,
.dtcb-detail-primary-card p,
.dtcb-detail-compact-card p,
.dtcb-name-profile-lead,
.dtcb-name-detail-panel>p,
.dtcb-name-detail-panel li,
.dtcb-name-detail-list p,
.dtcb-name-deep-intro,
.dtcb-suggestion-meaning,
.dtcb-suggestion-reason,
.dtcb-calc-summary-main>p,
.dtcb-page-section-head p,
.dtcb-disclaimer p,
.dtcb-vip-lock p,
.dtcb-vip-lock li,
.dtcb-vip-member-head p,
.dtcb-vip-service-card p,
.dtcb-special-meaning,
.dtcb-special-reason{
  color:var(--dtcb-reading-color)!important;
  font-size:var(--dtcb-reading-size)!important;
  line-height:var(--dtcb-reading-line)!important;
  font-weight:400;
}

/* Dense analysis cards: clearly readable without making grids unwieldy. */
.dtcb-premium-report .dtcb-grid-score p,
.dtcb-premium-report .dtcb-grid-score>small,
.dtcb-premium-report .dtcb-method-details,
.dtcb-premium-report .dtcb-overview-features small,
.dtcb-premium-report .dtcb-character-line>div:nth-child(2)>small,
.dtcb-premium-report .dtcb-family-person small,
.dtcb-premium-report .dtcb-family-person em,
.dtcb-premium-report .dtcb-family-person b,
.dtcb-premium-report .dtcb-family-child small,
.dtcb-premium-report .dtcb-family-child em,
.dtcb-premium-report .dtcb-report-cta span,
.dtcb-premium-report .dtcb-premium-disclaimer p,
.dtcb-name-deep-grid p,
.dtcb-name-related-card span,
.dtcb-name-category-section .dtcb-name-related-head p,
.dtcb-name-category-card small,
.dtcb-name-detail-cta p,
.dtcb-special-card details,
.dtcb-special-card summary{
  font-size:var(--dtcb-reading-size-compact)!important;
  line-height:1.65!important;
}

/* Make labels attached to interpretation blocks easier to scan. */
.dtcb-detail-row b,
.dtcb-character-line>div:nth-child(2)>b,
.dtcb-grid-score-title b,
.dtcb-family-person strong,
.dtcb-family-child strong,
.dtcb-name-deep-grid strong{
  font-size:14px!important;
  line-height:1.4!important;
}

/* Comfortable paragraph rhythm for long reports. */
.dtcb-name-detail-panel p+p,
.dtcb-name-detail-panel ul,
.dtcb-name-detail-panel ol,
.dtcb-overview-copy p+p,
.dtcb-detail-primary-card p+p,
.dtcb-detail-compact-card p+p,
.dtcb-vip-service-card p,
.dtcb-special-meaning,
.dtcb-special-reason{
  margin-top:.55em!important;
  margin-bottom:.55em!important;
}

/* Result/disclaimer copy should never fall back to tiny dashboard text. */
.dtcb-premium-disclaimer p,
.dtcb-disclaimer p{
  font-size:14.5px!important;
  line-height:1.7!important;
}

/* Suggestions stay visually compact, but explanation remains comfortably readable. */
.dtcb-suggestion-meaning{font-size:16.5px!important}
.dtcb-suggestion-reason{font-size:15.5px!important}
.dtcb-special-meaning{font-size:15.5px!important}
.dtcb-special-reason{font-size:14.5px!important}

/* Detail pages use article-like typography. */
.dtcb-name-profile-lead,
.dtcb-name-detail-panel>p,
.dtcb-name-detail-panel li,
.dtcb-name-detail-list p,
.dtcb-name-deep-intro{
  font-size:16.5px!important;
  line-height:1.78!important;
}
.dtcb-name-deep-grid p{font-size:15.5px!important;line-height:1.7!important}
.dtcb-name-detail-cta p{font-size:15px!important;line-height:1.65!important}

/* VIP is an add-on sales/support block, but copy must remain as readable as normal content. */
.dtcb-vip-lock p,
.dtcb-vip-lock li,
.dtcb-vip-member-head p,
.dtcb-vip-service-card p{
  font-size:15px!important;
  line-height:1.7!important;
}
.dtcb-vip-lock small{font-size:13px!important;line-height:1.6!important;color:#111!important}

@media(max-width:767px){
  .dtcb-app,
  .dtcb-seo-page,
  .dtcb-name-detail-page,
  .dtcb-suggestions-page,
  .dtcb-check-page,
  .dtcb-special-finder,
  .dtcb-name-library{
    --dtcb-reading-size:16px;
    --dtcb-reading-size-compact:14.5px;
    --dtcb-reading-line:1.72;
  }
  /* Never shrink the main interpretation copy below a comfortable mobile reading size. */
  .dtcb-overview-copy>p,
  .dtcb-name-profile-lead,
  .dtcb-name-detail-panel>p,
  .dtcb-name-detail-panel li,
  .dtcb-name-detail-list p,
  .dtcb-suggestion-meaning,
  .dtcb-calc-summary-main>p,
  .dtcb-detail-row p,
  .dtcb-character-line p,
  .dtcb-family-summary,
  .dtcb-data-note{
    font-size:16px!important;
    line-height:1.72!important;
  }
  .dtcb-suggestion-reason,
  .dtcb-name-deep-grid p,
  .dtcb-name-detail-cta p,
  .dtcb-vip-lock p,
  .dtcb-vip-lock li,
  .dtcb-vip-member-head p,
  .dtcb-vip-service-card p{
    font-size:15px!important;
  }
}


/* DTCB v0.10.5 — homepage captions / meaning readability pass
 * Applies to the short explanatory copy users read before/under cards on landing pages.
 * Keep ranks, badges and tiny decorative metadata compact; make actual meaning/help text readable.
 */

/* Main homepage form: helper text must be readable, not microcopy. */
.dtcb-app .dtcb-mode-tab small{
  font-size:13.5px!important;
  line-height:1.4!important;
  color:#332a2e!important;
}
.dtcb-app .dtcb-field-hint,
.dtcb-app .dtcb-advanced-hint,
.dtcb-app .dtcb-suggest-note,
.dtcb-app .dtcb-vietnam-time-note small,
.dtcb-app .dtcb-label-example{
  color:#272225!important;
  font-size:14px!important;
  line-height:1.6!important;
}
.dtcb-app .dtcb-vietnam-time-note strong{
  color:#171416!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.dtcb-app .dtcb-suggest-note{
  font-size:14.5px!important;
  line-height:1.65!important;
}

/* Generic landing-page subtitles / notes. */
.dtcb-widget-heading p,
.dtcb-page-section-head p,
.dtcb-library-meta,
.dtcb-explorer-meta,
.dtcb-explorer-profile p,
.dtcb-explorer-trust-note,
.dtcb-special-result-head span{
  color:#222!important;
  font-size:14px!important;
  line-height:1.6!important;
}
.dtcb-explorer-hero p{
  color:#222!important;
  font-size:15px!important;
  line-height:1.7!important;
}

/* Meaning excerpts in homepage / category cards. */
.dtcb-library-name>small,
.dtcb-top-card>small,
.dtcb-explorer-card p,
.dtcb-special-meaning,
.dtcb-special-reason,
.dtcb-special-source{
  color:#111!important;
  font-size:14.5px!important;
  line-height:1.65!important;
  font-weight:400!important;
}
.dtcb-library-name>small,
.dtcb-top-card>small,
.dtcb-explorer-card p{
  min-height:auto!important;
}

/* Notes beneath Top widgets are explanatory content, so make them comfortable to read. */
.dtcb-top-note,
.dtcb-nickname-top-note,
.dtcb-foreign-top-note{
  color:#222!important;
  font-size:13px!important;
  line-height:1.6!important;
}

/* Sidebar nickname / English cards: slightly smaller than article copy, but no 9px text. */
.dtcb-nickname-top-card small,
.dtcb-foreign-top-card small{
  color:#252125!important;
  font-size:12px!important;
  line-height:1.35!important;
}

/* “Tên gợi ý hôm nay”: meaning and quote are real reading content. */
.dtcb-daily-heading small{
  color:#2b2428!important;
  font-size:12.5px!important;
  line-height:1.4!important;
}
.dtcb-daily-copy p{
  color:#111!important;
  font-size:13.5px!important;
  line-height:1.55!important;
}
.dtcb-daily-quote{
  color:#282226!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}
.dtcb-daily-gender{
  font-size:10.5px!important;
}
.dtcb-daily-meta span{
  font-size:10.5px!important;
  min-height:20px;
  line-height:1.15!important;
}

/* Small source/meta lines should remain secondary, but still legible. */
.dtcb-special-meta,
.dtcb-special-source,
.dtcb-explorer-card-top small,
.dtcb-explorer-card-top em{
  color:#342b2f!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}

@media(max-width:767px){
  .dtcb-app .dtcb-field-hint,
  .dtcb-app .dtcb-advanced-hint,
  .dtcb-app .dtcb-suggest-note,
  .dtcb-app .dtcb-vietnam-time-note small,
  .dtcb-app .dtcb-label-example{
    font-size:13.5px!important;
    line-height:1.58!important;
  }
  .dtcb-explorer-hero p,
  .dtcb-widget-heading p,
  .dtcb-page-section-head p,
  .dtcb-library-meta,
  .dtcb-explorer-meta,
  .dtcb-explorer-profile p,
  .dtcb-explorer-trust-note{
    font-size:13.5px!important;
    line-height:1.6!important;
  }
  .dtcb-library-name>small,
  .dtcb-top-card>small,
  .dtcb-explorer-card p,
  .dtcb-special-meaning,
  .dtcb-special-reason{
    font-size:14px!important;
    line-height:1.62!important;
  }
  .dtcb-top-note,
  .dtcb-nickname-top-note,
  .dtcb-foreign-top-note,
  .dtcb-daily-copy p,
  .dtcb-daily-quote{
    font-size:12.5px!important;
    line-height:1.55!important;
  }
  .dtcb-nickname-top-card small,
  .dtcb-foreign-top-card small{
    font-size:11.5px!important;
  }
}


/* v0.10.6 — keep paired sidebar notes visually aligned. */
.dtcb-nickname-top-note,
.dtcb-foreign-top-note{
  min-height:3.2em;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
@media(max-width:767px){
  .dtcb-nickname-top-note,
  .dtcb-foreign-top-note{min-height:3.1em;}
}

/* DTCB v0.10.7 — cleaner input form: no internal vertical scrollbar. */
@media(min-width:901px){
  .dtcb-form-stage{
    height:auto!important;
    min-height:660px;
  }
  .dtcb-form-panel{
    height:auto!important;
    min-height:660px;
    overflow:visible!important;
    scrollbar-gutter:auto;
    padding-right:0;
  }
  .dtcb-form-panel>.dtcb-lookup-form{
    min-height:660px;
  }
}


/* DTCB v0.10.8 — exact birth panels open below the form and page scrolls to them. */
.dtcb-advanced-panel[data-dtcb-detailed-panel]{
  scroll-margin-top:110px;
}
@media(max-width:900px){
  .dtcb-advanced-panel[data-dtcb-detailed-panel]{scroll-margin-top:84px;}
}

/* DTCB v0.11.0 — fixed form frame; exact-birth details scroll inside the form only. */
.dtcb-form-stage{
  position:relative;
  overflow:hidden;
}
.dtcb-form-panel{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-width:none!important;
  -ms-overflow-style:none;
  scroll-behavior:smooth;
}
.dtcb-form-panel::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
.dtcb-advanced-panel[data-dtcb-detailed-panel]{
  scroll-margin-top:18px;
}

@media(min-width:901px){
  .dtcb-form-stage{
    height:690px!important;
    min-height:690px!important;
  }
  .dtcb-form-panel{
    height:100%!important;
    min-height:0!important;
    padding-right:0!important;
  }
  .dtcb-form-panel>.dtcb-lookup-form{
    min-height:100%!important;
    display:flex;
    flex-direction:column;
  }
  .dtcb-form-panel>.dtcb-lookup-form>.dtcb-form-section:last-child{
    flex:1;
    display:flex;
    flex-direction:column;
  }
  .dtcb-form-panel>.dtcb-lookup-form .dtcb-submit{
    margin-top:auto;
  }
}

/* Keep the same interaction on tablet/mobile without showing a scrollbar. */
@media(max-width:900px){
  .dtcb-form-stage{
    height:min(760px,82vh)!important;
    min-height:560px!important;
  }
  .dtcb-form-panel{
    height:100%!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:0!important;
  }
  .dtcb-form-panel>.dtcb-lookup-form{
    min-height:100%!important;
  }
}

/* DTCB v0.11.1 — relevance-first public search. */
.dtcb-library-search-results>h3{
  margin-bottom:14px;
}
.dtcb-library-search-match{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:2px 0 8px;
  padding:4px 9px;
  border-radius:999px;
  background:#fff0f6;
  border:1px solid #ffd0e2;
  color:#a81954;
  font-size:12px;
  font-weight:700;
  line-height:1.25;
}


/* DTCB v0.11.3 — nested form scroll must never trap page scrolling. */
.dtcb-form-panel{
  overscroll-behavior-y:auto!important;
  overscroll-behavior-x:none;
  touch-action:pan-y pinch-zoom;
  -webkit-overflow-scrolling:touch;
}
@media(max-width:900px){
  .dtcb-form-panel{
    overscroll-behavior-y:auto!important;
    touch-action:pan-y pinch-zoom;
    -webkit-overflow-scrolling:touch;
  }
}

/* v0.11.7 — popularity-first suggestion badge */
.dtcb-suggestion-popularity{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-top:7px;
  padding:4px 9px;
  border-radius:999px;
  background:#fff1f5;
  border:1px solid #ffd3df;
  color:#b62452;
  font-size:12.5px;
  font-weight:700;
  line-height:1.2;
}

/* v0.15.0 SEO topic hubs */
.dtcb-name-hub-page{background:#fffafc;color:#2d2930}.dtcb-name-hub-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:22px 0 54px}.dtcb-name-hub-hero{margin-top:14px;padding:40px;border:1px solid #f3dce6;border-radius:30px;background:radial-gradient(circle at 90% 15%,rgba(255,132,184,.2),transparent 32%),linear-gradient(145deg,#fff,#fff3f8);box-shadow:0 16px 42px rgba(108,42,70,.08)}.dtcb-name-hub-kicker{display:block;color:#c83270;font-size:11px;font-weight:900;letter-spacing:.12em}.dtcb-name-hub-hero h1{max-width:840px;margin:8px 0 12px!important;color:#25222a!important;font-size:38px!important;line-height:1.15!important;font-weight:900!important}.dtcb-name-hub-hero>p{max-width:850px;margin:0;color:#675b61;font-size:15px;line-height:1.75}.dtcb-name-hub-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.dtcb-name-hub-facts span{padding:7px 11px;border:1px solid #efd9e3;border-radius:999px;background:#fff;color:#72505f;font-size:11px;font-weight:800}.dtcb-name-hub-note{margin:16px 0;padding:17px 20px;border-left:4px solid #e8458a;border-radius:14px;background:#fff}.dtcb-name-hub-note strong{display:block;margin-bottom:4px;color:#3c3036}.dtcb-name-hub-note p{margin:0;color:#71646a;line-height:1.65}.dtcb-name-hub-list{margin-top:20px;padding:28px;border:1px solid #f0e1e7;border-radius:26px;background:#fff}.dtcb-name-hub-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:18px}.dtcb-name-hub-head span{color:#ca3a72;font-size:10px;font-weight:900;letter-spacing:.1em}.dtcb-name-hub-head h2,.dtcb-name-hub-topics h2,.dtcb-name-hub-cta h2{margin:4px 0 0!important;color:#29252d!important;font-size:24px!important;font-weight:900!important}.dtcb-name-hub-head>a{color:#c92e62!important;text-decoration:none!important;font-size:12px;font-weight:850}.dtcb-name-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dtcb-name-hub-card{display:flex;min-height:190px;flex-direction:column;padding:18px;border:1px solid #eddde4;border-radius:18px;background:linear-gradient(145deg,#fff,#fffafb);color:inherit!important;text-decoration:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dtcb-name-hub-card:hover{transform:translateY(-3px);border-color:#e99ab7;box-shadow:0 11px 24px rgba(176,58,99,.1)}.dtcb-name-hub-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.dtcb-name-hub-card strong{color:#28252c;font-size:18px}.dtcb-name-hub-card em{color:#c83a6d;font-size:14px;font-style:normal}.dtcb-name-hub-card p{flex:1;margin:10px 0;color:#74676d;font-size:12px;line-height:1.6}.dtcb-name-hub-card-meta{display:flex;gap:6px;flex-wrap:wrap}.dtcb-name-hub-card-meta span{padding:4px 7px;border-radius:999px;background:#fff0f6;color:#9e4164;font-size:9.5px;font-weight:800}.dtcb-name-hub-card b{margin-top:12px;color:#c92e62;font-size:11px}.dtcb-name-hub-topics{margin-top:20px;padding:26px;border:1px solid #f0e1e7;border-radius:24px;background:#fff}.dtcb-name-hub-topics>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.dtcb-name-hub-topics a{padding:8px 12px;border:1px solid #ead9e1;border-radius:999px;background:#fff8fb;color:#7b4058!important;text-decoration:none!important;font-size:11px;font-weight:800}.dtcb-name-hub-cta{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin-top:20px;padding:28px;border-radius:24px;background:#172846;color:#fff}.dtcb-name-hub-cta h2{color:#fff!important}.dtcb-name-hub-cta p{margin:7px 0 0;color:#d6dfed}.dtcb-name-hub-cta>a{padding:12px 17px;border-radius:12px;background:#f04a91;color:#fff!important;text-decoration:none!important;font-weight:900;white-space:nowrap}
@media(max-width:900px){.dtcb-name-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dtcb-name-hub-hero{padding:30px}.dtcb-name-hub-hero h1{font-size:31px!important}.dtcb-name-hub-cta{grid-template-columns:1fr}}
@media(max-width:560px){.dtcb-name-hub-shell{width:min(100% - 20px,1180px)}.dtcb-name-hub-hero,.dtcb-name-hub-list,.dtcb-name-hub-topics{padding:20px;border-radius:20px}.dtcb-name-hub-hero h1{font-size:27px!important}.dtcb-name-hub-grid{grid-template-columns:1fr}.dtcb-name-hub-head{align-items:flex-start;flex-direction:column}.dtcb-name-hub-cta{padding:21px;border-radius:20px}}
.dtcb-name-topic-links{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:20px;align-items:center;margin:18px 0;padding:20px 22px;border:1px solid #efdee5;border-radius:20px;background:#fff}.dtcb-name-topic-links h2{margin:4px 0 5px!important;color:#292630!important;font-size:20px!important;font-weight:900!important}.dtcb-name-topic-links p{margin:0;color:#77676d;font-size:11px;line-height:1.55}.dtcb-name-topic-links nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.dtcb-name-topic-links a{padding:8px 11px;border:1px solid #ead6df;border-radius:999px;background:#fff7fa;color:#a23860!important;text-decoration:none!important;font-size:10.5px;font-weight:850}.dtcb-name-topic-links a:hover{border-color:#e392b0;background:#fff0f6}@media(max-width:760px){.dtcb-name-topic-links{grid-template-columns:1fr}.dtcb-name-topic-links nav{justify-content:flex-start}}

/* v0.17.0 — stable ranking for one-word and two-word Vietnamese names */
.dtcb-name-ranking{margin:22px 0;padding:24px;border:1px solid #f0dce5;border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(121,47,78,.06)}
.dtcb-ranking-heading{margin-bottom:16px}.dtcb-ranking-heading p{margin:4px 0 0;color:#6f6269;line-height:1.6}
.dtcb-ranking-grid{display:grid;grid-template-columns:repeat(var(--dtcb-ranking-cols,2),minmax(0,1fr));gap:11px}
.dtcb-ranking-card{position:relative;display:flex;min-height:156px;flex-direction:column;padding:17px 17px 15px 56px;border:1px solid #eedbe3;border-radius:17px;background:linear-gradient(145deg,#fff,#fff9fb);color:#29242a!important;text-decoration:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dtcb-ranking-card:hover{transform:translateY(-2px);border-color:#e99ab8;box-shadow:0 10px 24px rgba(168,59,98,.1)}
.dtcb-ranking-rank{position:absolute;left:14px;top:15px;display:grid;width:32px;height:32px;place-items:center;border-radius:11px;background:#fff0f6;color:#bd2f66;font-size:12px;font-weight:900}
.dtcb-ranking-main{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.dtcb-ranking-main strong{font-size:18px;font-weight:900}.dtcb-ranking-main em{font-style:normal;color:#c53069;font-size:15px}
.dtcb-ranking-meta{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.dtcb-ranking-meta b,.dtcb-ranking-meta i{padding:4px 7px;border-radius:999px;background:#fff1f6;color:#98415f;font-size:10px;font-style:normal;font-weight:800}.dtcb-ranking-meta b{background:#f9e1ec;color:#a82c5b}
.dtcb-ranking-card small{flex:1;color:#71656b;line-height:1.55}.dtcb-ranking-open{margin-top:9px;color:#c62f66;font-size:11px;font-weight:900}
.dtcb-ranking-note{margin:14px 2px 0;color:#7b6b72;font-size:11px;line-height:1.55}.dtcb-ranking-empty{padding:18px;border:1px dashed #e3bbc9;border-radius:15px;background:#fff8fb;color:#6c5861}
@media(max-width:720px){.dtcb-name-ranking{padding:18px;border-radius:20px}.dtcb-ranking-grid{grid-template-columns:1fr}.dtcb-ranking-card{min-height:140px}}

/* v0.18.0 — Vietnamese Name Graph */
.dtcb-name-graph-page{background:#fff8fb;min-height:70vh;padding:26px 16px 56px}.dtcb-name-graph-shell{max-width:1160px;margin:0 auto}.dtcb-graph-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:22px;padding:30px;border:1px solid #f2dce6;border-radius:26px;background:linear-gradient(135deg,#fff 0%,#fff7fb 100%);box-shadow:0 12px 36px rgba(113,52,78,.07)}.dtcb-graph-hero h1{margin:6px 0 8px;font-size:clamp(32px,5vw,54px);line-height:1.05}.dtcb-graph-han{font-size:25px;letter-spacing:.12em;color:#9d4869;margin-bottom:12px}.dtcb-graph-hero-copy>p{font-size:17px;line-height:1.75;margin:8px 0}.dtcb-graph-sublead{color:#67545c}.dtcb-graph-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.dtcb-graph-secondary{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;border:1px solid #e6c5d4;color:#843a59;text-decoration:none;background:#fff}.dtcb-graph-facts{display:grid;gap:10px}.dtcb-graph-facts>div,.dtcb-graph-profile-grid>div{background:#fff;border:1px solid #f0dfe6;border-radius:16px;padding:13px 15px}.dtcb-graph-facts small,.dtcb-graph-profile-grid small{display:block;color:#8a707b;font-size:12px;margin-bottom:3px}.dtcb-graph-facts strong,.dtcb-graph-profile-grid strong{font-size:15px}.dtcb-graph-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.dtcb-graph-stat-grid article{background:#fff;border:1px solid #f1dfe7;border-radius:18px;padding:18px;text-align:center}.dtcb-graph-stat-grid strong{display:block;font-size:26px;color:#9d315f}.dtcb-graph-stat-grid span{font-size:13px;color:#725d66}.dtcb-graph-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dtcb-graph-method-note{margin:14px 0 0;color:#75616a;font-size:13px}.dtcb-graph-relations{margin-top:24px}.dtcb-graph-relation-list{display:grid;gap:10px}.dtcb-graph-relation-card{display:grid;grid-template-columns:54px minmax(0,1fr) 110px;gap:16px;align-items:start;padding:18px;background:#fff;border:1px solid #ecdce4;border-radius:18px;box-shadow:0 5px 18px rgba(98,45,66,.04)}.dtcb-graph-rank{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#fff0f6;color:#a13762;font-weight:800}.dtcb-graph-relation-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.dtcb-graph-relation-title a{text-decoration:none;color:#2b2024;font-size:18px}.dtcb-graph-relation-title em{font-style:normal;color:#a35a77}.dtcb-graph-relation-main p{margin:6px 0 10px;color:#66545b;line-height:1.55}.dtcb-graph-tags{display:flex;gap:7px;flex-wrap:wrap}.dtcb-graph-tags span{font-size:12px;padding:5px 9px;border-radius:999px;background:#f8f3f5;color:#6f5861}.dtcb-graph-score{text-align:right;position:relative}.dtcb-graph-score>strong{font-size:27px;color:#a12c5c}.dtcb-graph-score>small{color:#8b707b}.dtcb-graph-score-details{margin-top:5px}.dtcb-graph-score-details summary{cursor:pointer;color:#8f3a5d;font-size:12px;list-style:none}.dtcb-graph-score-details summary::-webkit-details-marker{display:none}.dtcb-graph-score-popover{margin-top:8px;padding:10px;border:1px solid #ecdce4;border-radius:12px;background:#fffafa;display:grid;gap:5px;text-align:left;min-width:170px;font-size:11px}.dtcb-graph-score-popover span{display:flex;justify-content:space-between;gap:10px}.dtcb-graph-explain{margin-top:22px}.dtcb-graph-explain p{line-height:1.7}.dtcb-graph-node-profile{margin-top:20px}
@media(max-width:780px){.dtcb-name-graph-page{padding:16px 10px 42px}.dtcb-graph-hero{grid-template-columns:1fr;padding:20px;border-radius:20px}.dtcb-graph-stat-grid{grid-template-columns:repeat(2,1fr)}.dtcb-graph-profile-grid{grid-template-columns:repeat(2,1fr)}.dtcb-graph-relation-card{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:14px}.dtcb-graph-rank{width:38px;height:38px}.dtcb-graph-score{grid-column:2;text-align:left;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dtcb-graph-score-details{margin:0}.dtcb-graph-score-popover{position:static;width:100%}.dtcb-graph-actions{flex-direction:column;align-items:stretch}.dtcb-graph-actions a{justify-content:center;text-align:center}}
.dtcb-graph-shortcode{margin:18px 0}.dtcb-graph-shortcode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dtcb-graph-shortcode-grid a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid #ecdde4;border-radius:14px;background:#fff;text-decoration:none;color:#32252a}.dtcb-graph-shortcode-grid a span{font-size:12px;color:#9d496b}.dtcb-graph-shortcode-grid a em{font-style:normal;font-size:12px;color:#8c3a5d}@media(max-width:640px){.dtcb-graph-shortcode-grid{grid-template-columns:1fr}}
.dtcb-compound-graph-path{margin-top:22px}.dtcb-graph-path-links{display:grid;grid-template-columns:1fr 42px 1fr;gap:12px;align-items:center}.dtcb-graph-path-links a{display:grid;gap:3px;padding:15px 17px;border:1px solid #ead8e1;border-radius:16px;text-decoration:none;background:#fff;color:#33262c}.dtcb-graph-path-links a small{color:#90717e}.dtcb-graph-path-links a strong{font-size:20px;color:#943b60}.dtcb-graph-path-links a span{font-size:12px;color:#705b64}.dtcb-graph-path-arrow{text-align:center;font-size:24px;color:#b65b7d}@media(max-width:640px){.dtcb-graph-path-links{grid-template-columns:1fr}.dtcb-graph-path-arrow{transform:rotate(90deg)}}

/* v0.19.0 — canonical surface pairs + semantic variants */
.dtcb-compound-variants{margin-top:22px}.dtcb-compound-variants table{width:100%;border-collapse:collapse;background:#fff}.dtcb-compound-variants th,.dtcb-compound-variants td{padding:11px 12px;border-bottom:1px solid #f0e2e8;text-align:left;vertical-align:top}.dtcb-compound-variants th{background:#fff7fa;color:#7f4560;font-size:12px}.dtcb-compound-variants td{font-size:13px;color:#57464e}.dtcb-compound-variants tbody tr:last-child td{border-bottom:0}.dtcb-compound-variants .description{margin-top:10px;color:#79666f;font-size:12px;line-height:1.6}
@media(max-width:640px){.dtcb-compound-variants{padding:18px!important}.dtcb-compound-variants table{min-width:720px}}
/* v0.20 Natural Name Curator */
.dtcb-graph-tags .dtcb-curator-tier{font-weight:700;border:1px solid transparent}.dtcb-graph-tags .dtcb-curator-a{background:#edf8f0;color:#21633a;border-color:#cfe9d7}.dtcb-graph-tags .dtcb-curator-b{background:#eef6ff;color:#285a87;border-color:#d2e6f8}.dtcb-graph-tags .dtcb-curator-c{background:#fff7e8;color:#845b14;border-color:#f1dfb8}.dtcb-graph-tags .dtcb-curator-d{background:#f5f2f3;color:#6f6167;border-color:#e7dde1}.dtcb-curator-reason{display:block;margin-top:5px;padding-top:6px;border-top:1px solid #eadce2;color:#725d66;line-height:1.45}

/* v0.23.0 · Chọn phong cách đặt tên */
.dtcb-style-fieldset{min-width:0;margin:0;padding:10px 12px 12px;border:1px solid #efc8d3;border-radius:10px;background:rgba(255,255,255,.52)}
.dtcb-style-fieldset legend{padding:0 6px;color:#55464d;font-size:13px;font-weight:800}
.dtcb-style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dtcb-style-option{display:block;cursor:pointer}
.dtcb-style-option input{position:absolute;opacity:0;pointer-events:none}
.dtcb-style-option span{display:flex;min-height:76px;box-sizing:border-box;flex-direction:column;gap:4px;padding:10px 11px;border:1px solid #ead4dc;border-radius:12px;background:#fff;transition:.18s ease}
.dtcb-style-option strong{font-size:13.5px;color:#47383f}
.dtcb-style-option small{font-size:11.5px;line-height:1.4;color:#8a747e}
.dtcb-style-option input:checked+span{border-color:#dd5c83;box-shadow:0 0 0 2px rgba(221,92,131,.11);background:#fff8fa}
.dtcb-suggestion-style{display:inline-flex;align-items:center;margin:3px 6px 3px 0;padding:4px 8px;border-radius:999px;background:#f6f1f3;color:#6e5861;font-size:11px;font-weight:800}
.dtcb-suggestion-structure{margin-top:5px;color:#806c74;font-size:12px}
@media (max-width:720px){.dtcb-style-options{grid-template-columns:1fr}.dtcb-style-option span{min-height:auto}}
.dtcb-suggest-preferences{grid-template-columns:210px minmax(0,1fr)}
.dtcb-style-fieldset{grid-column:2}
.dtcb-wishes-fieldset{grid-column:1 / -1}
@media(max-width:900px){.dtcb-suggest-preferences{grid-template-columns:1fr}.dtcb-style-fieldset,.dtcb-wishes-fieldset{grid-column:auto}}

/* v0.24.1: tải dần tên đẹp ngay dưới shortcode Tên ghép HOT */
.dtcb-top-actions{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0 2px}
.dtcb-top-actions[hidden]{display:none!important}
.dtcb-top-more,.dtcb-top-collapse{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:999px;font-size:13px;font-weight:850;line-height:1.2;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}
.dtcb-top-more{border:1px solid #e23d6d;background:linear-gradient(135deg,#ee4b79,#df3567);color:#fff;box-shadow:0 8px 20px rgba(215,49,95,.18)}
.dtcb-top-more:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(215,49,95,.24)}
.dtcb-top-more:disabled{opacity:.62;cursor:wait;transform:none;box-shadow:none}
.dtcb-top-collapse{border:1px solid #ead0d8;background:#fff;color:#855363}
.dtcb-top-collapse:hover{border-color:#de7896;background:#fff7f9}
.dtcb-top-more-error{margin-top:10px}
@media(max-width:560px){.dtcb-top-actions{margin-top:13px}.dtcb-top-more,.dtcb-top-collapse{min-height:42px;padding:9px 16px;font-size:12px}}


/* v0.25.0 · ghi chú quyền riêng tư cho kết quả cá nhân */
.dtcb-privacy-note{display:flex;align-items:flex-start;gap:8px;margin:10px 2px 0;padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.6);color:#78646d;font-size:11.5px;line-height:1.5}
.dtcb-privacy-note strong{color:#604a54}
@media(max-width:560px){.dtcb-privacy-note{font-size:11px;padding:8px 10px}}