.eb-root{--eb-line:color-mix(in srgb,currentColor 22%,transparent);--eb-soft:color-mix(in srgb,var(--eb-acc) 12%,transparent);--eb-water:color-mix(in srgb,var(--eb-acc) 16%,transparent);--eb-deep:color-mix(in srgb,var(--eb-acc) 30%,transparent);--eb-edge:color-mix(in srgb,var(--eb-acc) 45%,transparent);--eb-warn:#a36d00;--eb-warn-soft:color-mix(in srgb,var(--eb-warn) 16%,transparent);--eb-danger:#b03a2e;display:flex;flex-direction:column;gap:20px;line-height:1.55;max-width:760px;margin-inline:auto}
.eb-root *{box-sizing:border-box}
.eb-root [hidden]{display:none!important}
.eb-root h2,.eb-root h3,.eb-root p,.eb-root ul{margin:0}
.eb-root h2{font-size:1.6em;line-height:1.2}
.eb-root h3{font-size:1.2em;line-height:1.25}
.eb-muted{opacity:.72}
.eb-small{font-size:.875em}
.eb-head,.eb-setup,.eb-result{display:flex;flex-direction:column;gap:14px}
.eb-head p{max-width:62ch}
.eb-field{display:flex;flex-direction:column;gap:6px}
.eb-field>label,.eb-flabel{font-weight:600}
.eb-root textarea,.eb-root input[type=text]{font:inherit;width:100%;min-width:0;border:1px solid var(--eb-line);border-radius:6px;padding:10px 12px}
.eb-root textarea{min-height:70px;resize:vertical}
.eb-who{display:flex;flex-wrap:wrap;gap:8px}
.eb-root .eb-who button{flex:1 1 180px;font:inherit;font-size:.92em;font-weight:600;line-height:1.4;padding:9px 12px;border-radius:6px;border:1px solid var(--eb-line);background:none;color:inherit;cursor:pointer;box-shadow:none}
.eb-root .eb-who button:hover,.eb-root .eb-who button:focus{background:var(--eb-soft);color:inherit}
.eb-root .eb-who button[aria-pressed=true]{background:var(--eb-soft);border-color:var(--eb-acc)}
.eb-hint{background:var(--eb-warn-soft);border-left:3px solid var(--eb-warn);border-radius:4px;padding:9px 12px;font-size:.92em}
.eb-printhead{display:none}
.eb-berg{border:1px solid var(--eb-line);border-radius:10px;overflow:hidden}
.eb-zone{display:grid;grid-template-columns:110px minmax(0,1fr)}
.eb-below{background:linear-gradient(var(--eb-water),var(--eb-deep));border-top:2px solid var(--eb-acc);position:relative}
.eb-wl{position:absolute;right:10px;top:-11px;background:var(--eb-acc);color:#fff;font-size:.7em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.5;padding:1px 9px;border-radius:99px}
.eb-shape{padding-inline:8px}
.eb-above .eb-shape{padding-top:12px}
.eb-shape svg{display:block;width:100%;height:100%}
.eb-shape polygon{fill:#fff;stroke:var(--eb-edge);stroke-width:1.5}
.eb-below .eb-shape polygon{fill-opacity:.85}
.eb-levels{display:flex;flex-direction:column;min-width:0}
.eb-level{padding:14px 16px 14px 6px;display:flex;flex-direction:column;gap:8px;min-width:0;cursor:pointer}
.eb-level.eb-active{cursor:default}
.eb-below .eb-level+.eb-level{border-top:1px dashed var(--eb-edge)}
.eb-lh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.eb-root button.eb-open{margin-left:auto;font:inherit;font-size:.82em;line-height:1.4;background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;box-shadow:none;opacity:.72}
.eb-root button.eb-open:hover,.eb-root button.eb-open:focus{background:none;color:inherit;opacity:1}
.eb-q{font-size:.92em;opacity:.8}
.eb-chips{display:flex;flex-wrap:wrap;gap:6px}
.eb-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#18232e;border:1px solid var(--eb-edge);border-radius:8px;padding:3px 10px;font-size:.92em;max-width:100%;overflow-wrap:anywhere}
.eb-root button.eb-del{font:inherit;font-weight:600;line-height:1;background:none;border:0;padding:0 2px;margin-right:-4px;color:inherit;opacity:.6;cursor:pointer;box-shadow:none}
.eb-root button.eb-del:hover,.eb-root button.eb-del:focus{background:none;color:inherit;opacity:1}
.eb-empty{font-size:.9em;font-style:italic;opacity:.65}
.eb-add{display:flex;gap:8px;align-items:center}
.eb-root .eb-add input{background:#fff;color:#18232e;padding:8px 10px}
.eb-sugg{display:flex;flex-wrap:wrap;gap:6px}
.eb-root .eb-sugg button{font:inherit;font-size:.85em;line-height:1.4;background:none;border:1px dashed var(--eb-edge);color:inherit;border-radius:99px;padding:3px 10px;cursor:pointer;box-shadow:none}
.eb-root .eb-sugg button:hover,.eb-root .eb-sugg button:focus{background:#fff;color:#18232e}
.eb-sentence{font-size:1.15em;font-weight:600;line-height:1.45;background:var(--eb-soft);border-radius:8px;padding:14px 16px}
.eb-root .eb-result ul{padding-left:18px}
.eb-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.eb-root button.eb-btn{cursor:pointer}
.eb-root button.eb-ghost{background:none;color:inherit;border:1px solid var(--eb-line);box-shadow:none}
.eb-root button.eb-ghost:hover,.eb-root button.eb-ghost:focus{background:var(--eb-soft);color:inherit;border-color:var(--eb-line)}
.eb-root button.eb-danger,.eb-root button.eb-danger:hover{background:var(--eb-danger);border-color:var(--eb-danger);color:#fff}
.eb-root button.eb-sm{padding:6px 12px;font-size:.875em}
.eb-root button:focus-visible,.eb-root input:focus-visible,.eb-root textarea:focus-visible{outline:2px solid var(--eb-acc);outline-offset:2px}
.eb-confirm{background:color-mix(in srgb,var(--eb-danger) 13%,transparent);border:1px solid var(--eb-danger);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}
.eb-foot{border-top:1px solid var(--eb-line);padding-top:16px;display:flex;flex-direction:column;gap:12px}
@media (max-width:520px){.eb-zone{grid-template-columns:56px minmax(0,1fr)}.eb-shape{padding-inline:4px}}
@media print{
  body *{visibility:hidden}
  .eb-root,.eb-root *{visibility:visible}
  .eb-root{position:absolute;left:0;top:0;width:100%;max-width:none;padding:0 12mm}
  .eb-setup,.eb-foot,.eb-noprint{display:none!important}
  .eb-printhead{display:flex;flex-direction:column;gap:4px}
  .eb-berg,.eb-below,.eb-wl,.eb-chip,.eb-sentence,.eb-shape polygon{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}