.vippale-panel,.vippale-card,.vippale-directory-item{box-sizing:border-box;border:1px solid #e7e7ea;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.06)}
.vippale-panel{padding:28px;max-width:820px;margin:24px auto}.vippale-panel label{display:block;font-weight:700;margin:16px 0 6px}.vippale-panel input,.vippale-panel textarea,.vippale-panel select{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #d8d8df;border-radius:10px;font:inherit}.vippale-btn{display:inline-block;border:0;border-radius:12px;padding:13px 18px;background:#17171c;color:#fff!important;text-decoration:none;font-weight:800;cursor:pointer;margin-top:16px}.vippale-result{margin-top:14px;font-weight:700}.vippale-result.is-ok{color:#157347}.vippale-result.is-error{color:#b42318}.vippale-center{text-align:center}
.vippale-match-wrap{max-width:620px;margin:24px auto}.vippale-card{overflow:hidden}.vippale-shot{aspect-ratio:16/10;background-size:cover;background-position:top center;background-color:#f3f3f6}.vippale-shot.is-placeholder{display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#17171c,#4a4a58);color:#fff}.vippale-shot.is-placeholder span{display:block;font-size:13px;letter-spacing:.2em;opacity:.7}.vippale-shot.is-placeholder strong{display:block;font-size:28px;margin:10px}.vippale-shot.is-placeholder small{opacity:.65}.vippale-card-body{padding:24px}.vippale-kicker{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.55}.vippale-card h2{font-size:30px;margin:6px 0}.vippale-domain{font-weight:700;opacity:.7;word-break:break-all}.vippale-reactions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.vippale-react{padding:14px;border:1px solid #ddd;border-radius:12px;background:#fff;font-weight:800;cursor:pointer}.vippale-react:hover{background:#f7f7f9}
.vippale-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.vippale-directory-item{padding:20px}.vippale-directory-item h3{margin-top:0}.vippale-directory-item a{text-decoration:none}.vippale-listing-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:16px;border:1px solid #eee;border-radius:14px;margin-bottom:20px}.vippale-my-sites>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #eee;padding:12px 0}.vippale-credit{font-size:20px;margin:12px 0 22px}
@media(max-width:640px){.vippale-panel{padding:20px}.vippale-card h2{font-size:25px}.vippale-card-body{padding:18px}.vippale-reactions{grid-template-columns:1fr}.vippale-shot{aspect-ratio:9/11}}
.vippale-analyze-status{min-height:24px;margin-top:9px;font-weight:800;font-size:14px}.vippale-analyze-status.is-loading{opacity:.7}.vippale-analyze-status.is-ok{color:#157347}.vippale-analyze-status.is-error{color:#b42318}.vippale-suggestion{margin:20px 0;padding:18px;border:1px solid #ffd3dc;border-radius:16px;background:linear-gradient(135deg,#fff7f4,#fff4f8)}.vippale-suggestion-head{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.vippale-suggestion-head span{font-size:13px;font-weight:800;color:#d92d57}.vippale-suggestion-actions{display:flex;gap:10px;flex-wrap:wrap}.vippale-btn-light{background:#fff!important;color:#17171c!important;border:1px solid #dedee5!important}.vippale-submit-panel #vippale-details{padding-top:4px}.vippale-submit-panel button:disabled{opacity:.55;cursor:wait}

.vippale-category-alternatives{margin:12px 0 2px}.vippale-category-alternatives>strong{display:block;margin-bottom:8px}.vippale-alt-list{display:flex;flex-wrap:wrap;gap:8px}.vippale-alt-category{border:1px solid #ffd0d7;background:#fff;border-radius:999px;padding:8px 12px;font-weight:700;cursor:pointer}.vippale-alt-category span{opacity:.65;margin-left:4px}.vippale-alt-category:hover,.vippale-alt-category.is-selected{border-color:#ff4864;box-shadow:0 0 0 2px rgba(255,72,100,.12)}

.vippale-signal{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;vertical-align:1px;box-shadow:0 0 0 3px rgba(0,0,0,.035)}
.vippale-signal.green{background:#22b65f}.vippale-signal.orange{background:#f59e0b}.vippale-signal.red{background:#ef4444}
.vippale-new-category{margin-top:12px;padding:12px 14px;border:1px solid #f2d7d7;border-radius:14px;background:#fff}
.vippale-new-category small{opacity:.72}

.vippale-tip-arrow{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.02em;color:#e84362;background:#fff0f3;border-radius:999px;padding:4px 8px;margin-right:6px}
.vippale-alt-category.is-tip{border-width:2px}
.vippale-btn-tip{background:linear-gradient(135deg,#ff5f6d,#ff9966)!important;color:#fff!important}
.vippale-new-category-picked{border-color:#a7e7bd;background:#f3fff7}
.vippale-new-category-picked strong{font-size:17px}

.vippale-char-counter{float:right;font-size:12px;font-weight:700;color:#7a7780}
.vippale-char-counter.is-low{color:#e88924}
.vippale-char-counter.is-zero{color:#d8263f}

.vippale-auth-wrap{max-width:620px;margin:20px auto}
.vippale-auth-card{background:#fff;border:1px solid #f0dedd;border-radius:28px;padding:34px;box-shadow:0 18px 50px rgba(45,25,28,.07)}
.vippale-auth-card h2{margin:8px 0 10px;font-size:32px}
.vippale-auth-kicker{font-weight:800;color:#ff5364}
.vippale-auth-form{display:grid;gap:10px;margin-top:24px}
.vippale-auth-form label{font-weight:800;margin-top:8px}
.vippale-auth-form input[type=text],.vippale-auth-form input[type=email],.vippale-auth-form input[type=password]{width:100%;box-sizing:border-box;padding:15px 16px;border:1px solid #ead7d7;border-radius:15px;font-size:16px;background:#fffdfc}
.vippale-auth-form input:focus{outline:none;border-color:#ff6474;box-shadow:0 0 0 3px rgba(255,100,116,.12)}
.vippale-auth-form .vippale-btn{margin-top:12px}
.vippale-auth-switch{margin:20px 0 0;text-align:center}
.vippale-auth-switch a{font-weight:800}
.vippale-check{display:flex;align-items:center;gap:8px;font-weight:600!important}

/* 0.3.5 – Verzeichnis & Website-Profile */
.vippale-directory{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.vippale-directory-item{padding:24px;display:flex;flex-direction:column;min-height:290px}
.vippale-directory-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px}
.vippale-directory-domain{font-weight:900;font-size:14px;color:#242031}
.vippale-mini-score{font-size:12px;font-weight:900;color:#078448;background:#effcf4;border-radius:999px;padding:5px 9px;white-space:nowrap}
.vippale-directory-item h3{font-size:25px;line-height:1.2;margin:0 0 14px}
.vippale-directory-item h3 a{color:#ff3f68;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.vippale-directory-item p{line-height:1.65;margin-bottom:20px}
.vippale-directory-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}
.vippale-directory-tags span{font-size:12px;font-weight:800;border:1px solid #f0d8d8;border-radius:999px;padding:6px 9px;background:#fffafa}

.vippale-profile{display:grid;gap:20px}
.vippale-profile-intro{padding:0 0 4px}
.vippale-profile-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#ff4965;margin-bottom:7px}
.vippale-profile-intro h2{font-size:clamp(26px,4vw,42px);line-height:1.12;margin:0 0 18px}
.vippale-profile-badges{display:flex;gap:8px;flex-wrap:wrap}
.vippale-profile-badges span{border:1px solid #eadada;background:#fff9f7;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:750}
.vippale-profile-badges .is-quality{color:#087c45;background:#f0fff6;border-color:#bfe8cf}

.vippale-profile-section{border:1px solid #efdedd;border-radius:22px;padding:24px;background:#fff}
.vippale-profile-section h3{font-size:24px;margin:0 0 14px}
.vippale-profile-section p{line-height:1.75}
.vippale-profile-summary{background:#fff9f5;border-radius:14px;padding:15px 17px;margin-bottom:0}
.vippale-topic-cloud{display:flex;gap:9px;flex-wrap:wrap}
.vippale-topic-cloud span{background:#fff1f3;border:1px solid #ffd5dc;color:#7a2737;border-radius:999px;padding:9px 13px;font-weight:850}
.vippale-fact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.vippale-fact-grid>div{border:1px solid #f0e3e1;border-radius:16px;padding:14px;background:#fffaf8}
.vippale-fact-grid small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;opacity:.6;margin-bottom:5px}
.vippale-fact-grid strong{display:block;line-height:1.3}
.vippale-profile-visit{display:inline-block;margin-top:18px}

.vippale-more-sites{background:#fffaf8}
.vippale-more-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.vippale-more-head h3{margin-bottom:0}
.vippale-more-head p{font-size:13px;opacity:.66;margin:0}
.vippale-more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.vippale-more-card{border:1px solid #ecdedd;border-radius:15px;padding:13px 14px;background:#fff;min-height:84px}
.vippale-more-card strong,.vippale-more-card span,.vippale-more-card small{display:block}
.vippale-more-card strong{font-size:14px;margin-bottom:5px}
.vippale-more-card span{font-size:13px;line-height:1.35}
.vippale-more-card small{font-size:11px;opacity:.6;margin-top:5px}
.vippale-more-note{font-size:11px;opacity:.55;margin:13px 0 0!important}

@media(max-width:640px){
 .vippale-directory{grid-template-columns:1fr}
 .vippale-profile-section{padding:19px}
 .vippale-more-head{display:block}
 .vippale-more-head p{margin-top:4px}
}

/* 0.3.8 – klickbare Kategorien */
.vippale-directory-tags a,
.vippale-profile-badges a{
    display:inline-flex;
    align-items:center;
    text-decoration:none;
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.vippale-directory-tags a{
    font-size:12px;
    font-weight:800;
    border:1px solid #f0d8d8;
    border-radius:999px;
    padding:6px 9px;
    background:#fffafa;
    color:inherit;
}
.vippale-directory-tags a:hover,
.vippale-profile-badges a:hover{
    transform:translateY(-1px);
    border-color:#ff8c9c;
    box-shadow:0 5px 14px rgba(255,83,100,.10);
}
.vippale-profile-badges a{
    border:1px solid #eadada;
    background:#fff9f7;
    border-radius:999px;
    padding:8px 11px;
    font-size:13px;
    font-weight:750;
    color:inherit;
}
.vippale-profile-badges a.is-parent{
    opacity:.78;
}