.fbd-app{--ink:#202725;--muted:#68736f;--brand:#173f3b;--paper:#f7f5ef;--line:#ddd8cf;--red:#b3261e;--orange:#e35d3f;--yellow:#e5b94b;--lightgreen:#a7c98b;--green:#4e7d5b;color:var(--ink);background:var(--paper);border-radius:20px;padding:clamp(16px,3vw,30px);font-family:inherit}
.fbd-app *{box-sizing:border-box}.is-hidden{display:none!important}.fbd-hero{text-align:center;padding:40px 4px}.fbd-tag{display:inline-block;background:#e7efec;color:var(--brand);padding:7px 12px;border-radius:999px;font-weight:800;font-size:14px}
.fbd-hero h1{font-size:clamp(34px,6vw,60px);line-height:1.08;letter-spacing:-.03em;margin:18px auto 14px;max-width:900px}.fbd-lead{max-width:760px;margin:auto;color:var(--muted);font-size:18px;line-height:1.75}.fbd-lead.left{text-align:left;margin:14px 0 0}
.fbd-feature-grid,.fbd-score-grid,.fbd-feedback-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.fbd-feature-grid article,.fbd-score-grid article,.fbd-feedback-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.fbd-feature-grid strong,.fbd-feature-grid span{display:block}.fbd-feature-grid span,.fbd-note{color:var(--muted);font-size:13px;line-height:1.65}
.fbd-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:14px 20px;font-weight:800;text-decoration:none;cursor:pointer}.fbd-primary{background:var(--brand);color:#fff}.fbd-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.fbd-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(18px,3vw,28px)}
.fbd-progress-wrap{position:sticky;top:0;z-index:10;background:rgba(247,245,239,.95);backdrop-filter:blur(8px);padding:12px 0}.fbd-progress{height:9px;background:#ded8cf;border-radius:999px;overflow:hidden}.fbd-progress i{display:block;height:100%;background:var(--brand);width:0}.fbd-progress-meta{display:flex;justify-content:space-between;gap:10px;margin-top:7px;color:var(--muted);font-size:13px}
.fbd-question{padding:22px 0;border-top:1px solid #eee8df}.fbd-question:first-child{border-top:0}.fbd-qnum{color:var(--muted);font-size:12px;font-weight:800}.fbd-qtext{font-size:20px;line-height:1.55;font-weight:750;margin:6px 0 14px}.fbd-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.fbd-scale input{display:none}.fbd-scale label{display:flex;align-items:center;justify-content:center;min-height:50px;border:1px solid var(--line);border-radius:11px;background:#fff;font-weight:800;cursor:pointer}.fbd-scale input:checked+label{background:var(--brand);color:#fff;border-color:var(--brand)}.fbd-ends{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:var(--muted);font-size:12px}.fbd-nav{display:flex;justify-content:space-between;gap:10px;margin-top:22px}
.fbd-scale-slider{display:block}.fbd-slider{position:relative;padding:2px 2px 10px}.fbd-slider-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.fbd-slider-head strong{min-width:86px;text-align:center;color:var(--muted);font-size:13px}.fbd-slider.is-answered .fbd-slider-head strong{color:var(--brand);font-size:18px}.fbd-slider input[type=range]{display:block;width:100%;height:32px;margin:3px 0 0;accent-color:var(--brand);cursor:pointer;background:transparent}.fbd-slider-dots{position:absolute;left:9px;right:9px;bottom:9px;display:flex;justify-content:space-between;pointer-events:none}.fbd-slider-dots i{width:5px;height:5px;border-radius:50%;background:#aaa}.fbd-slider:not(.is-answered) input[type=range]{opacity:.58}
.fbd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.fbd-form-grid label{font-weight:700}.fbd-form-grid input,.fbd-form-grid select,.fbd-feedback-form textarea{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff;margin-top:6px}.fbd-consent{display:flex;gap:9px;align-items:flex-start;margin-top:18px;font-size:13px;line-height:1.55}.fbd-honeypot{position:absolute!important;left:-9999px!important}.fbd-error{color:var(--red);font-weight:700}
.fbd-result-head{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:center}.fbd-role-title{font-size:clamp(38px,6vw,58px);margin:12px 0}.fbd-role-truth{font-size:21px;line-height:1.5;color:var(--brand);font-weight:800}.fbd-fit-card{background:var(--brand);color:#fff;border-radius:18px;padding:22px}.fbd-fit-card small,.fbd-fit-card span{display:block;opacity:.86}.fbd-fit-card strong{display:block;font-size:44px;margin:5px 0}
.fbd-score-grid article span{display:block;color:var(--muted);font-size:13px}.fbd-score-grid article strong{display:block;color:var(--brand);font-size:30px;margin-top:4px}.fbd-section-title{margin:32px 0 12px}.fbd-quadrant{position:relative;aspect-ratio:1.6;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.fbd-quadrant:before,.fbd-quadrant:after{content:"";position:absolute;background:#aaa}.fbd-quadrant:before{width:1px;top:0;bottom:0;left:50%}.fbd-quadrant:after{height:1px;left:0;right:0;top:50%}.fbd-quadrant span{position:absolute;font-size:12px;color:#777;font-weight:800}.fbd-quadrant .tl{left:10px;top:8px}.fbd-quadrant .tr{right:10px;top:8px}.fbd-quadrant .bl{left:10px;bottom:8px}.fbd-quadrant .br{right:10px;bottom:8px}.fbd-quadrant i{position:absolute;width:20px;height:20px;border-radius:50%;background:var(--brand);border:4px solid #fff;box-shadow:0 2px 8px #0004;transform:translate(-50%,50%)}
.fbd-matrix{display:grid;grid-template-columns:1.18fr repeat(3,1fr);gap:7px}.fbd-mh,.fbd-mrow,.fbd-heat{padding:10px;border-radius:11px}.fbd-mh{text-align:center;font-weight:800}.fbd-mrow{background:#fff;border:1px solid var(--line);font-weight:800}.fbd-heat{min-height:82px;display:flex;flex-direction:column;justify-content:space-between;font-weight:800}.fbd-heat small{font-size:12px}.fbd-feedback-grid article{border-top:6px solid var(--green)}.fbd-feedback-grid .mid{border-top-color:var(--yellow)}.fbd-feedback-grid .risk{border-top-color:var(--red)}.fbd-feedback-grid span,.fbd-feedback-grid strong{display:block}.fbd-feedback-grid strong{margin:8px 0}.fbd-cta,.fbd-feedback-form{margin-top:26px;background:#efe9dc;border-radius:18px;padding:22px}.fbd-accuracy{display:flex;gap:7px;margin:12px 0}.fbd-accuracy button{width:46px;height:46px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:800}.fbd-accuracy button.is-active{background:var(--brand);color:#fff}.fbd-feedback-form fieldset{border:0;padding:0;margin:14px 0}.fbd-feedback-form fieldset label{display:inline-flex;gap:5px;margin:6px 14px 6px 0}
@media(max-width:720px){.fbd-feature-grid,.fbd-score-grid,.fbd-feedback-grid,.fbd-form-grid,.fbd-result-head{grid-template-columns:1fr}.fbd-app{padding:14px}.fbd-qtext{font-size:18px}.fbd-matrix{font-size:12px;gap:4px}.fbd-mh,.fbd-mrow,.fbd-heat{padding:7px}.fbd-heat{min-height:70px}}
.fbd-quadrant .fbd-qpanel{
 position:absolute;z-index:1;width:50%;height:50%;padding:18px;
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
 text-align:center;pointer-events:none
}
.fbd-quadrant .fbd-qpanel b{font-size:15px;color:#173f3b}
.fbd-quadrant .fbd-qpanel span{position:static;font-size:18px;color:#283532;font-weight:800}
.fbd-q-tl{left:0;top:0;background:#edf4f2}
.fbd-q-tr{right:0;top:0;background:#edf3ea}
.fbd-q-bl{left:0;bottom:0;background:#f5f0e7}
.fbd-q-br{right:0;bottom:0;background:#f3ebe7}
.fbd-quadrant .fbd-axis{
 position:absolute;z-index:4;font-size:10px;font-weight:800;color:#68736f;
 background:rgba(255,255,255,.9);padding:4px 7px;border-radius:999px
}
.fbd-axis-top{top:8px;left:50%;transform:translateX(-50%)}
.fbd-axis-bottom{bottom:8px;left:50%;transform:translateX(-50%)}
.fbd-axis-left{left:8px;top:50%;transform:translateY(-50%)}
.fbd-axis-right{right:8px;top:50%;transform:translateY(-50%)}
.fbd-quadrant i{z-index:6!important;width:24px!important;height:24px!important;box-shadow:0 0 0 5px rgba(23,63,59,.14),0 3px 10px #0005!important}
@media(max-width:720px){
 .fbd-quadrant .fbd-qpanel{padding:9px}
 .fbd-quadrant .fbd-qpanel b{font-size:12px}
 .fbd-quadrant .fbd-qpanel span{font-size:14px}
 .fbd-quadrant .fbd-axis{font-size:8px;padding:3px 5px}
}

/* v0.1.6: structured matrix and feedback thank-you screen */
.fbd-matrix{display:grid;grid-template-columns:1fr;gap:7px}
.fbd-matrix-head,.fbd-matrix-row{display:grid;grid-template-columns:1.18fr repeat(3,1fr);gap:7px}
.fbd-matrix-head>div{padding:10px;text-align:center;font-weight:800}
.fbd-heat{line-height:1.4}
.fbd-heat small{display:flex;gap:5px;align-items:center}
.fbd-heat small b{font-size:15px}
.fbd-heat small em{font-style:normal}
.fbd-thankyou{padding:clamp(24px,6vw,72px) 0}
.fbd-thankyou-card{max-width:720px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(26px,6vw,54px);text-align:center}
.fbd-thankyou-icon{display:flex;width:64px;height:64px;margin:0 auto 18px;align-items:center;justify-content:center;border-radius:50%;background:#e7efec;color:var(--brand);font-size:34px;font-weight:900}
.fbd-thankyou-card h2{font-size:clamp(28px,5vw,42px);line-height:1.25;margin:18px auto 12px}
.fbd-thankyou-card>p{color:var(--muted);line-height:1.8}
.fbd-thankyou-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.fbd-subscribe-note{font-size:13px;margin-top:18px}
.fbd-row-en,.fbd-row-zh{display:block}
.fbd-matrix{display:block;width:100%;overflow:visible}
.fbd-matrix-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:6px}
.fbd-matrix-table .fbd-col-label{width:20%}
.fbd-matrix-table th{font-weight:800;text-align:left;vertical-align:top;padding:10px;border-radius:11px}
.fbd-matrix-table thead th{text-align:center;padding:8px 4px}
.fbd-matrix-table tbody th{background:#fff;border:1px solid var(--line)}
.fbd-matrix-table td{padding:0;vertical-align:stretch}
.fbd-matrix-table .fbd-heat{height:100%;min-height:94px}
@media(max-width:900px){
 .fbd-form-grid input,.fbd-form-grid select{font-size:16px!important;line-height:normal!important;min-height:60px!important;height:60px!important;padding:0 16px!important}
 .fbd-form-grid select{-webkit-appearance:menulist!important;appearance:auto!important;padding-right:44px!important}
 .fbd-consent{margin-top:24px;gap:10px;line-height:1.75;position:relative;z-index:1}
 .fbd-consent input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;margin-top:3px}
 .fbd-quadrant{aspect-ratio:1.18}
 .fbd-matrix{font-size:12px}
 .fbd-matrix-table{border-spacing:4px}
 .fbd-matrix-table .fbd-col-label{width:18%}
 .fbd-matrix-table th{padding:8px 5px;font-size:11px;line-height:1.35}
 .fbd-matrix-table thead th{padding:6px 1px;font-size:11px;white-space:nowrap}
 .fbd-row-en{font-size:11px;letter-spacing:-.02em;white-space:nowrap}
 .fbd-row-zh{margin-top:5px;font-size:12px}
 .fbd-matrix-table .fbd-heat{height:100%;min-height:118px;padding:9px 7px 11px;border-radius:11px;font-size:12px;overflow:visible;justify-content:flex-start;gap:8px;word-break:break-word}
 .fbd-heat small{display:block;margin-top:auto;line-height:1.45}
 .fbd-heat small b,.fbd-heat small em{display:block}
 .fbd-thankyou-actions{display:grid}
 .fbd-thankyou-actions .fbd-btn{width:100%}
}

/* v0.1.9: restore the approved four-column hotspot matrix */
.fbd-matrix{display:grid;grid-template-columns:1.18fr repeat(3,1fr);gap:7px;width:100%;overflow:visible}
.fbd-matrix .fbd-mh,.fbd-matrix .fbd-mrow,.fbd-matrix .fbd-heat{padding:10px;border-radius:11px}
.fbd-matrix .fbd-mh{text-align:center;font-weight:800}
.fbd-matrix .fbd-mrow{background:#fff;border:1px solid var(--line);font-weight:800}
.fbd-matrix .fbd-heat{min-height:82px;height:auto;display:flex;flex-direction:column;justify-content:space-between;font-weight:800;line-height:1.45}
.fbd-matrix .fbd-heat small{display:block;font-size:12px;margin-top:6px}
@media(max-width:900px){
 .fbd-matrix{grid-template-columns:1.18fr repeat(3,1fr);font-size:12px;gap:4px}
 .fbd-matrix .fbd-mh,.fbd-matrix .fbd-mrow,.fbd-matrix .fbd-heat{padding:7px}
 .fbd-matrix .fbd-heat{min-height:104px}
 .fbd-matrix .fbd-heat small{line-height:1.45}
}