#oh-widget, #oh-widget *{ box-sizing:border-box; }
  #oh-widget{
    --oh-bg: #F7FAFC;
    --oh-card: #ffffff;
    --oh-ink: #1A202C;
    --oh-body: #3a4a45;
    --oh-muted: #718096;
    --oh-border: #E2E8F0;
    --oh-accent: #13612e;
    --oh-accent-mid: #1a7a3a;
    --oh-accent-pale: #E6F4EA;
    --oh-pink: #C4507A;
    --oh-pink-pale: #F9E8F0;
    --oh-yt-red: #FF0000;

    --oh-c1-outline:#e3a9bd; --oh-c1-fill:#C4507A; /* Pink */
    --oh-c2-outline:#eabf9c; --oh-c2-fill:#d98a54; /* Terracotta */
    --oh-c3-outline:#d9d2c2; --oh-c3-fill:#a89c85; /* Sand */
    --oh-c4-outline:#b7d9b0; --oh-c4-fill:#7fb069; /* Salbei */
    --oh-c5-outline:#9fc7ad; --oh-c5-fill:#13612e; /* Waldgrün */

    background:var(--oh-bg);
    font-family:'Cormorant Garamond',Georgia,serif;
    color:var(--oh-body);
    display:flex;
    justify-content:center;
    padding:24px 12px 60px;
  }
  #oh-widget .oh-app{width:100%;max-width:460px;}
  #oh-widget .oh-pagehead{text-align:center;margin-bottom:18px;}
  #oh-widget .oh-pagehead h1{
    font-family:'Playfair Display',Georgia,serif;
    font-weight:700;font-size:clamp(26px,5vw,34px);color:var(--oh-ink);
    margin:0 0 10px;
  }
  #oh-widget .oh-pagehead p{
    font-size:17px;line-height:1.6;color:var(--oh-body);
    max-width:400px;margin:0 auto;
  }
  #oh-widget .oh-progress-track{
    height:4px;background:var(--oh-border);border-radius:2px;overflow:hidden;margin:20px 0 22px;
  }
  #oh-widget .oh-progress-fill{
    height:100%;background:var(--oh-accent);width:0%;transition:width .35s ease;
  }

  /* ---------- Start / Panel ---------- */
  #oh-widget .oh-panel{text-align:center;padding:20px 20px 10px;}
  #oh-widget .oh-panel .oh-icon{
    width:90px;height:90px;margin:10px auto 26px;
    display:flex;align-items:center;justify-content:center;
    background:radial-gradient(circle, var(--oh-accent-pale) 0%, transparent 70%);
    font-size:46px;
  }
  #oh-widget .oh-panel h2{
    font-family:'Playfair Display',Georgia,serif;
    font-size:24px;margin:0 0 22px;color:var(--oh-ink);font-weight:700;
  }
  #oh-widget .oh-panel p.oh-lead{
    font-size:16px;line-height:1.6;color:var(--oh-body);
    max-width:340px;margin:0 auto 26px;
  }
  #oh-widget .oh-checklist{text-align:left;max-width:340px;margin:0 auto 28px;padding:0;list-style:none;}
  #oh-widget .oh-checklist li{
    display:flex;gap:10px;align-items:flex-start;
    margin-bottom:14px;font-size:16px;line-height:1.45;
  }
  #oh-widget .oh-checklist li::before{content:"✓";color:var(--oh-accent);font-weight:700;flex:0 0 auto;}

  /* ---------- Buttons ---------- */
  #oh-widget .oh-btn{
    display:block;width:100%;padding:16px 20px;border-radius:6px;
    border:none;background:var(--oh-ink);color:var(--oh-pink-pale);
    font-size:16.5px;font-weight:700;cursor:pointer;font-family:'Cormorant Garamond',serif;
    text-align:center;text-decoration:none;
  }
  #oh-widget .oh-btn:disabled{background:#d8d4c6;color:#8f8a7a;cursor:not-allowed;}
  #oh-widget .oh-btn-secondary{background:transparent;color:var(--oh-ink);border:1px solid var(--oh-border);margin-bottom:10px;}
  #oh-widget .oh-btn-row{display:flex;flex-direction:column;gap:10px;}
  #oh-widget .oh-btn-youtube{
    background:var(--oh-yt-red);color:#fff;
    display:flex;align-items:center;justify-content:center;gap:8px;
  }
  #oh-widget .oh-btn-youtube:hover{background:#e00000;}
  #oh-widget .oh-btn-youtube .oh-play{font-size:12px;}

  /* ---------- Quiz ---------- */
  #oh-widget .oh-instructions{text-align:center;font-weight:700;font-size:16.5px;margin-bottom:16px;color:var(--oh-ink);}
  #oh-widget .oh-scale-row{display:flex;justify-content:space-between;gap:6px;margin-bottom:26px;}
  #oh-widget .oh-scale-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;}
  #oh-widget .oh-scale-item .oh-dot{width:36px;height:36px;border-radius:50%;border:2px solid;background:#fff;}
  #oh-widget .oh-scale-item .oh-scale-label{font-size:10.5px;font-weight:700;text-align:center;line-height:1.25;color:var(--oh-ink);}
  #oh-widget .oh-dot.c1{border-color:var(--oh-c1-outline);}
  #oh-widget .oh-dot.c2{border-color:var(--oh-c2-outline);}
  #oh-widget .oh-dot.c3{border-color:var(--oh-c3-outline);}
  #oh-widget .oh-dot.c4{border-color:var(--oh-c4-outline);}
  #oh-widget .oh-dot.c5{border-color:var(--oh-c5-outline);}

  #oh-widget .oh-qcard{
    background:var(--oh-card);border:1px solid var(--oh-border);border-radius:12px;
    padding:22px 18px;margin-bottom:14px;
    box-shadow:0 1px 3px rgba(26,32,44,.05);
  }
  #oh-widget .oh-qtext{text-align:center;font-size:16px;font-weight:600;margin-bottom:20px;line-height:1.4;color:var(--oh-ink);}
  #oh-widget .oh-options{display:flex;justify-content:space-between;gap:6px;}
  #oh-widget .oh-opt{flex:1;display:flex;justify-content:center;}
  #oh-widget .oh-opt button{
    width:38px;height:38px;border-radius:50%;border:2px solid;background:#fff;
    cursor:pointer;display:flex;align-items:center;justify-content:center;
    font-size:16px;color:#fff;transition:transform .1s ease;padding:0;
  }
  #oh-widget .oh-opt button:active{transform:scale(0.92);}
  #oh-widget .oh-opt button.c1{border-color:var(--oh-c1-outline);}
  #oh-widget .oh-opt button.c2{border-color:var(--oh-c2-outline);}
  #oh-widget .oh-opt button.c3{border-color:var(--oh-c3-outline);}
  #oh-widget .oh-opt button.c4{border-color:var(--oh-c4-outline);}
  #oh-widget .oh-opt button.c5{border-color:var(--oh-c5-outline);}
  #oh-widget .oh-opt button.c1.sel{background:var(--oh-c1-fill);border-color:var(--oh-c1-fill);}
  #oh-widget .oh-opt button.c2.sel{background:var(--oh-c2-fill);border-color:var(--oh-c2-fill);}
  #oh-widget .oh-opt button.c3.sel{background:var(--oh-c3-fill);border-color:var(--oh-c3-fill);color:var(--oh-ink);}
  #oh-widget .oh-opt button.c4.sel{background:var(--oh-c4-fill);border-color:var(--oh-c4-fill);}
  #oh-widget .oh-opt button.c5.sel{background:var(--oh-c5-fill);border-color:var(--oh-c5-fill);}

  #oh-widget .oh-hint{text-align:center;font-size:13px;color:var(--oh-muted);margin:18px 0 16px;}

  /* ---------- Gate ---------- */
  #oh-widget .oh-gate-note{
    text-align:center;font-size:13px;color:var(--oh-muted);
    margin:12px 0 0;line-height:1.5;
  }

  /* ---------- Result ---------- */
  #oh-widget .oh-result-hero{
    background:var(--oh-card);border:1px solid var(--oh-border);border-radius:14px;
    padding:28px 22px;text-align:center;margin-bottom:18px;
    box-shadow:0 1px 3px rgba(26,32,44,.05);
  }
  #oh-widget .oh-result-hero .oh-kicker{
    display:inline-block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;
    background:var(--oh-pink-pale);color:var(--oh-pink);font-weight:700;
    padding:4px 10px;margin-bottom:12px;
  }
  #oh-widget .oh-result-hero h2{font-family:'Playfair Display',Georgia,serif;font-size:28px;margin:0 0 12px;color:var(--oh-ink);font-weight:700;}
  #oh-widget .oh-result-hero p.oh-desc{font-size:16px;line-height:1.55;color:var(--oh-body);margin:0 0 18px;}
  #oh-widget .oh-badge-row{display:flex;justify-content:center;gap:8px;margin-bottom:4px;flex-wrap:wrap;}
  #oh-widget .oh-badge{font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;background:var(--oh-accent-pale);color:var(--oh-accent);}

  #oh-widget .oh-block{
    background:var(--oh-card);border:1px solid var(--oh-border);border-radius:12px;
    padding:20px 20px 22px;margin-bottom:14px;
    box-shadow:0 1px 3px rgba(26,32,44,.05);
  }
  #oh-widget .oh-block.oh-accent{border-left:4px solid var(--oh-accent);}
  #oh-widget .oh-block h3{
    font-size:13.5px;margin:0 0 10px;text-transform:uppercase;
    letter-spacing:.04em;color:var(--oh-accent);font-weight:700;
  }
  #oh-widget .oh-block p{font-size:15.5px;line-height:1.6;margin:0;color:var(--oh-body);}
  #oh-widget .oh-block ul{margin:0;padding-left:18px;}
  #oh-widget .oh-block li{font-size:15.5px;line-height:1.6;color:var(--oh-body);}

  #oh-widget .oh-bar-row{margin-bottom:14px;}
  #oh-widget .oh-bar-row:last-child{margin-bottom:0;}
  #oh-widget .oh-bar-label{display:flex;justify-content:space-between;font-size:13.5px;font-weight:600;color:var(--oh-ink);margin-bottom:6px;gap:10px;}
  #oh-widget .oh-bar-label span:last-child{white-space:nowrap;color:var(--oh-muted);font-weight:700;}
  #oh-widget .oh-bar-track{height:10px;background:#e9ede9;border-radius:6px;overflow:hidden;}
  #oh-widget .oh-bar-fill{height:100%;border-radius:6px;background:#d3dbd3;transition:width .4s ease;}
  #oh-widget .oh-bar-fill.oh-top{background:var(--oh-accent);}

  /* ---------- Statistik ---------- */
  #oh-widget .oh-you{color:var(--oh-accent);font-style:normal;font-weight:700;font-size:12px;}
  #oh-widget .oh-stats-total{
    text-align:center;font-size:14px;color:var(--oh-body);
    margin:2px 0 18px;line-height:1.5;
  }
  #oh-widget .oh-stats-total-num{
    display:inline-block;font-family:'Playfair Display',Georgia,serif;font-weight:700;
    font-size:30px;color:var(--oh-accent);vertical-align:-2px;margin-right:2px;
  }
  #oh-widget .oh-stats-msg{text-align:center;font-size:13.5px;color:var(--oh-muted);padding:6px 0;}

  #oh-widget .oh-footer-note{text-align:center;font-size:13px;color:var(--oh-muted);margin:18px 0 24px;line-height:1.5;}