#pinselei-kompass3{--g:#88aa99;--d:#456757;--ink:#40594c;--line:#d9e6dc;--bg:#f5f8f5;max-width:1000px;margin:24px auto;color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif;text-transform:none!important}
#pinselei-kompass3 *,#pinselei-kompass3 *:before,#pinselei-kompass3 *:after{box-sizing:border-box}
#pinselei-kompass3 .kc-shell{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--bg);box-shadow:0 10px 30px #45675712}
#pinselei-kompass3 .kc-hero{text-align:center;padding:30px 18px;background:#e8f1e9}
#pinselei-kompass3 .kc-eyebrow{font-size:11px!important;letter-spacing:1.6px!important;font-weight:700!important;color:#648270!important;text-transform:uppercase!important}
#pinselei-kompass3 h2{font:700 clamp(24px,4vw,35px)/1.25 Arial,Helvetica,sans-serif!important;color:var(--d)!important;margin:10px 0!important;text-align:center!important;text-transform:none!important}
#pinselei-kompass3 h3{font:700 clamp(20px,3vw,26px)/1.3 Arial,Helvetica,sans-serif!important;color:var(--d)!important;margin:0 0 10px!important;text-transform:none!important}
#pinselei-kompass3 p{font:400 15px/1.55 Arial,Helvetica,sans-serif!important;color:var(--ink)!important;margin:8px 0!important;text-transform:none!important}
#pinselei-kompass3 .kc-content{padding:26px}
#pinselei-kompass3 .kc-progressline{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#668271}
#pinselei-kompass3 .kc-track{height:7px;border-radius:20px;background:#dce8df;margin:12px 0 23px;overflow:hidden}
#pinselei-kompass3 .kc-fill{height:100%;background:var(--g);width:0;transition:width .2s}
#pinselei-kompass3 .kc-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
#pinselei-kompass3 button{font-family:Arial,Helvetica,sans-serif!important;text-transform:none!important;letter-spacing:normal!important;cursor:pointer}
#pinselei-kompass3 .kc-option{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;width:100%!important;min-height:124px!important;padding:13px 9px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:white!important;color:var(--d)!important;text-align:center!important;box-shadow:none!important;white-space:normal!important;line-height:1.3!important}
#pinselei-kompass3 .kc-option:hover,#pinselei-kompass3 .kc-option:focus-visible{border-color:var(--g)!important;box-shadow:0 5px 14px #45675720!important}
#pinselei-kompass3 .kc-option strong{display:block!important;width:100%!important;font:700 15px/1.3 Arial,Helvetica,sans-serif!important;color:var(--d)!important;text-transform:none!important;overflow-wrap:anywhere}
#pinselei-kompass3 .kc-option small{display:block!important;width:100%!important;font:400 12px/1.35 Arial,Helvetica,sans-serif!important;color:#708577!important;text-transform:none!important;overflow-wrap:anywhere}
#pinselei-kompass3 .kc-icon{width:28px;height:28px;display:block;color:var(--d)}
#pinselei-kompass3 .kc-icon svg{width:100%;height:100%;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#pinselei-kompass3 .kc-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0}
#pinselei-kompass3 .kc-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:12px 18px!important;background:var(--g)!important;border:1px solid var(--g)!important;border-radius:28px!important;color:#fff!important;font:700 14px/1.25 Arial,Helvetica,sans-serif!important;text-align:center!important;text-decoration:none!important;white-space:normal!important}
#pinselei-kompass3 .kc-btn:hover{background:var(--d)!important}
#pinselei-kompass3 .kc-btn.kc-light{background:white!important;color:var(--d)!important;border-color:var(--line)!important}
#pinselei-kompass3 .kc-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
#pinselei-kompass3 .kc-card{min-width:0;padding:20px 15px;border:1px solid var(--line);border-radius:17px;background:white;text-align:left}
#pinselei-kompass3 .kc-card .kc-number{font-size:11px;font-weight:700;letter-spacing:1px;color:#668271}
#pinselei-kompass3 .kc-card h4{font:700 19px/1.3 Arial,Helvetica,sans-serif!important;color:var(--d)!important;margin:12px 0 9px!important;text-transform:none!important;overflow-wrap:anywhere}
#pinselei-kompass3 .kc-card p{font-size:13px!important}
#pinselei-kompass3 .kc-colors{display:flex;gap:7px;margin:15px 0}
#pinselei-kompass3 .kc-swatch{width:25px;height:25px;border-radius:50%;border:1px solid #00000012}
#pinselei-kompass3 .kc-card .kc-select{width:100%;margin-top:9px}
#pinselei-kompass3 .kc-card.kc-picked{outline:3px solid var(--g);outline-offset:-3px}
#pinselei-kompass3 .kc-detail{padding:18px;border:1px solid var(--line);border-radius:16px;background:#e8f1e9;text-align:center;margin-top:16px}
#pinselei-kompass3 .kc-detail strong{color:var(--d)}
#pinselei-kompass3 .kc-note{text-align:center;font-size:12px!important;color:#698373!important}
#pinselei-kompass3 .kc-status{text-align:center;overflow-wrap:anywhere;font-size:13px!important}
#pinselei-kompass3 .kc-footer{padding:15px;text-align:center;background:#e8f1e9;color:#648270;font-size:12px}
#pinselei-kompass3 [hidden]{display:none!important}
@media(max-width:760px){#pinselei-kompass3 .kc-results{grid-template-columns:1fr}#pinselei-kompass3 .kc-card{padding:17px}#pinselei-kompass3 .kc-content{padding:19px 13px}}
@media(max-width:600px){#pinselei-kompass3 .kc-hero{padding:22px 13px}#pinselei-kompass3 .kc-options{gap:9px}#pinselei-kompass3 .kc-option{min-height:117px!important;padding:12px 6px!important}#pinselei-kompass3 .kc-option strong{font-size:13px!important}#pinselei-kompass3 .kc-option small{font-size:11px!important}#pinselei-kompass3 .kc-icon{width:25px;height:25px}#pinselei-kompass3 .kc-actions .kc-btn{width:100%!important}}
@media(max-width:340px){#pinselei-kompass3 .kc-options{grid-template-columns:1fr}#pinselei-kompass3 .kc-option{min-height:85px!important}}
@media(prefers-reduced-motion:reduce){#pinselei-kompass3 *{transition:none!important}}

#pinselei-kompass3 .kc-static{cursor:default!important}