/**
 * /live/widget/live.css - minimal floating widget styles.
 * Self-contained - no parent theme assumptions.
 */
#lp-widget {
    position: fixed; bottom: 20px; right: 20px; z-index: 999999;
    min-width: 200px;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid #e2dccf;
    border-radius: 12px;
    padding: 12px 14px;
    font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, sans-serif;
    font-size: 13px;
    color: #1f1d2c;
    box-shadow: 0 8px 28px rgba(31, 29, 44, 0.10);
    user-select: none;
}
#lp-widget .lp-row { display: flex; align-items: center; gap: 8px; }
#lp-widget .lp-row + .lp-row { margin-top: 8px; }
#lp-widget .lp-dot {
    width: 8px; height: 8px; border-radius: 50%; background: #6e5cf7;
    box-shadow: 0 0 0 3px rgba(110, 92, 247, 0.2);
}
#lp-widget .lp-label { font-weight: 500; letter-spacing: 0.02em; }
#lp-widget .lp-status { color: #51536a; font-size: 12px; margin-left: auto; }
#lp-widget .lp-num { font-weight: 500; font-size: 16px; }
#lp-widget .lp-bar {
    flex: 1; height: 6px; background: rgba(31, 29, 44, 0.06);
    border-radius: 999px; overflow: hidden;
}
#lp-widget .lp-bar > span {
    display: block; height: 100%; background: #6e5cf7;
    transition: width 600ms cubic-bezier(.2,.8,.2,1);
}
#lp-widget.lp-good .lp-dot,
#lp-widget.lp-good .lp-bar > span { background: #3da76d; box-shadow: 0 0 0 3px rgba(124, 207, 160, 0.20); }
#lp-widget.lp-warn .lp-dot,
#lp-widget.lp-warn .lp-bar > span { background: #c97b1a; box-shadow: 0 0 0 3px rgba(251, 191, 119, 0.20); }
#lp-widget.lp-bad  .lp-dot,
#lp-widget.lp-bad  .lp-bar > span { background: #c94f4f; box-shadow: 0 0 0 3px rgba(242, 144, 144, 0.20); }

/* Challenge modal - bottom-right card */
#lp-challenge {
    position: fixed; bottom: 100px; right: 20px; z-index: 1000000;
    width: 320px;
    background: #ffffff;
    border: 1px solid #e2dccf;
    border-radius: 12px;
    padding: 18px 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, sans-serif;
    color: #1f1d2c;
    box-shadow: 0 16px 48px rgba(31, 29, 44, 0.18);
    animation: lp-up 200ms ease both;
}
@keyframes lp-up { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
#lp-challenge .lp-c-title { font-weight: 500; font-size: 13px; color: #6e5cf7; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 8px; }
#lp-challenge .lp-c-prompt { font-size: 14px; color: #51536a; margin-bottom: 6px; }
#lp-challenge .lp-c-code {
    font-family: 'SF Mono', Menlo, Consolas, monospace;
    font-size: 22px; letter-spacing: 0.18em; color: #1f1d2c;
    background: #f4f1ec; border: 1px dashed #e2dccf; border-radius: 8px;
    padding: 10px 14px; text-align: center; margin: 8px 0 12px;
}
#lp-challenge .lp-c-input {
    width: 100%; padding: 10px 12px; box-sizing: border-box;
    border: 1px solid #e2dccf; border-radius: 8px;
    font-family: 'SF Mono', Menlo, Consolas, monospace; font-size: 16px;
    letter-spacing: 0.12em; text-transform: uppercase;
    color: #1f1d2c; background: #fff; outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}
#lp-challenge .lp-c-input:focus { border-color: #6e5cf7; box-shadow: 0 0 0 3px rgba(110, 92, 247, 0.12); }
#lp-challenge .lp-c-btn {
    margin-top: 10px; width: 100%; padding: 10px 14px;
    background: #6e5cf7; color: #fff; border: 0; border-radius: 999px;
    font-family: inherit; font-size: 14px; font-weight: 400; cursor: pointer;
    transition: background 150ms ease, transform 150ms ease;
}
#lp-challenge .lp-c-btn:hover { background: #8b7df5; transform: translateY(-1px); }
#lp-challenge .lp-c-meta { font-size: 11px; color: #8b8e9f; margin-top: 8px; text-align: right; letter-spacing: 0.04em; }
#lp-challenge .lp-c-error { color: #c94f4f; font-size: 12px; margin-top: 6px; min-height: 1em; }

@media (prefers-color-scheme: dark) {
    /* Optional dark variant - kept light by default to match manav.id */
}