.kmlg{--kmlg-accent:#f9ff57;box-sizing:border-box;width:100%;max-width:900px;margin:28px auto;padding:clamp(22px,5vw,48px);border:2px solid #282833;border-radius:24px;background:#15151c;color:#fafaf5;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;line-height:1.5;isolation:isolate}
.kmlg *{box-sizing:border-box}.kmlg .kmlg-tag{display:inline-block;padding:6px 12px;border:1px solid #53534f;border-radius:30px;color:var(--kmlg-accent);font-size:12px;font-weight:700;letter-spacing:.04em}
.kmlg h2{margin:22px 0 8px;color:#fff;font-family:inherit;font-size:clamp(27px,5vw,46px);font-weight:850;line-height:1.12;letter-spacing:-.035em;text-transform:none}
.kmlg .kmlg-intro{margin:0 0 26px;color:#c4c4cd;font-size:16px}.kmlg .kmlg-card{display:flex;align-items:center;min-height:180px;padding:clamp(20px,4vw,32px);background:#f6f5ee;color:#202028;border-radius:14px;border-left:7px solid var(--kmlg-accent)}
.kmlg .kmlg-phrase{margin:0;font-size:clamp(22px,3.6vw,32px);font-weight:750;line-height:1.35;overflow-wrap:anywhere}
.kmlg .kmlg-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.kmlg button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:50px;max-width:100%;padding:12px 23px;border:2px solid transparent;border-radius:10px;font-family:inherit;font-size:16px;font-weight:750;line-height:1.3;letter-spacing:normal;text-transform:none;cursor:pointer;box-shadow:none;transition:transform .15s,background .15s}
.kmlg .kmlg-generate{background:var(--kmlg-accent);color:#15151c}.kmlg .kmlg-copy{background:transparent;border-color:#777781;color:#fff}.kmlg button:hover:not(:disabled){transform:translateY(-2px)}.kmlg button:disabled{opacity:.5;cursor:not-allowed}.kmlg button:focus-visible,.kmlg summary:focus-visible{outline:3px solid #8abfff;outline-offset:5px}
.kmlg .kmlg-status{min-height:24px;margin:12px 0;color:var(--kmlg-accent);font-size:14px}.kmlg .kmlg-history{border-top:1px solid #44444f;padding-top:16px;color:#dedee6}.kmlg summary{cursor:pointer;font-weight:650}.kmlg ol{padding-left:24px;margin:14px 0}.kmlg li{padding:7px 0;font-size:14px;overflow-wrap:anywhere}.kmlg .kmlg-foot{margin:22px 0 0;color:#aaaab7;font-size:12px}.kmlg [hidden]{display:none!important}
@media(max-width:480px){.kmlg .kmlg-actions{flex-direction:column}.kmlg button{width:100%}.kmlg .kmlg-card{min-height:210px}}
@media(prefers-reduced-motion:reduce){.kmlg button{transition:none}}

/* V2 — independent colors set by the administrator. */
.kmlg{background:var(--kmlg-bg);border-color:var(--kmlg-border)}
.kmlg .kmlg-tag{color:var(--kmlg-tag);background:var(--kmlg-tag-bg);border-color:var(--kmlg-tag-border)}
.kmlg h2{color:var(--kmlg-title)}.kmlg .kmlg-intro{color:var(--kmlg-intro)}
.kmlg .kmlg-card{background:var(--kmlg-card);border-color:var(--kmlg-accent)}
.kmlg .kmlg-phrase{color:var(--kmlg-phrase)}.kmlg .kmlg-placeholder{color:var(--kmlg-placeholder)}
.kmlg .kmlg-generate{background:var(--kmlg-generate-bg);color:var(--kmlg-generate-text);border-color:var(--kmlg-generate-border)}
.kmlg .kmlg-copy{background:var(--kmlg-copy-bg);color:var(--kmlg-copy-text);border-color:var(--kmlg-copy-border)}
.kmlg .kmlg-share{background:var(--kmlg-share-bg);color:var(--kmlg-share-text);border-color:var(--kmlg-share-border)}
.kmlg .kmlg-status{color:var(--kmlg-status)}.kmlg .kmlg-history{color:var(--kmlg-history);border-color:var(--kmlg-history-border)}
.kmlg .kmlg-history li{color:var(--kmlg-history-items)}.kmlg .kmlg-foot{color:var(--kmlg-foot)}
.kmlg .kmlg-share-panel{background:var(--kmlg-share-panel);padding:14px 0}
.kmlg .kmlg-share-help{color:var(--kmlg-share-help);font-size:14px;margin:0 0 12px}
.kmlg .kmlg-share-links{display:flex;flex-wrap:wrap;gap:16px}
.kmlg .kmlg-share-links a{color:var(--kmlg-share-links);text-decoration:underline;font-size:15px;font-weight:650}
.kmlg a:focus-visible,.kmlg button:focus-visible,.kmlg summary:focus-visible{outline:3px solid var(--kmlg-focus);outline-offset:4px}
.kmlg .kmlg-tag:empty,.kmlg .kmlg-intro:empty,.kmlg .kmlg-foot:empty{display:none}
@media(max-width:480px){.kmlg .kmlg-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kmlg .kmlg-generate{grid-column:1 / -1}.kmlg button{padding:12px 8px;overflow-wrap:anywhere}}

/* Third-party sharing markup keeps its own plugin styling. */
.kmlg .kmlg-share-panel button{all:revert}
.kmlg .kmlg-embed{color:var(--kmlg-embed-text);margin-top:20px;padding-top:16px;border-top:1px solid var(--kmlg-history-border)}
.kmlg-embed-box{margin:14px 0;max-width:100%;font:14px/1.5 system-ui}
.kmlg-embed-box label{display:block;margin-bottom:10px}
.kmlg-embed-box textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:120px;resize:vertical;border:1px solid #777;padding:12px;font:13px/1.5 monospace;background:var(--kmlg-embed-bg,#f6f5ee);color:var(--kmlg-embed-code,#202028)}
