:root{--lip-bg: #f8fafc;--lip-surface: #ffffff;--lip-muted-bg: #f1f5f9;--lip-line: #e2e8f0;--lip-ink: #0f172a;--lip-muted: #64748b;--lip-accent: #2563eb;--lip-accent-dark: #1d4ed8;--lip-ok: #059669;--lip-radius: 8px;--lip-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);--surface: #ffffff;--surface-muted: #f1f5f9;--border: #e2e8f0;--text-main: #0f172a;--text-muted: #64748b;--shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.06);--primary: #2563eb;--primary-dark: #1d4ed8;}
.lip-bench{background: var(--lip-surface);border: 1px solid var(--lip-line);border-radius: var(--lip-radius);box-shadow: var(--lip-shadow);padding: 1.25rem;margin-bottom: 2.5rem;}
.lip-byline{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.35rem 1rem;margin: 0 0 1.15rem;padding: 0 0 0.85rem;border-bottom: 1px solid var(--lip-line);font-size: 0.8125rem;color: var(--lip-muted);}
.lip-byline-author{font-weight: 600;color: var(--lip-ink);}
.lip-byline-author .author-link{color: var(--lip-accent);text-decoration: none;}
.lip-byline-author .author-link:hover{text-decoration: underline;}
.lip-byline-updated{font-weight: 500;white-space: nowrap;}
.lip-split{display: grid;gap: 1.25rem;}
@media (min-width: 900px){.lip-split{grid-template-columns: 280px minmax(0, 1fr);align-items: stretch;}}
.lip-opts{display: flex;flex-direction: column;gap: 1rem;}
.lip-field{display: flex;flex-direction: column;gap: 0.45rem;}
.lip-label{font-size: 0.72rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--lip-muted);}
.lip-label-row{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;}
.lip-count-value{font-size: 0.8125rem;font-weight: 600;color: var(--lip-ink);}
.lip-seg{display: grid;grid-template-columns: 1fr 1fr;gap: 1px;background: var(--lip-line);border: 1px solid var(--lip-line);border-radius: var(--lip-radius);overflow: hidden;}
.lip-seg--3{grid-template-columns: repeat(3, 1fr);}
.lip-chip{border: none;background: var(--lip-surface);color: var(--lip-muted);padding: 0.55rem 0.4rem;font-size: 0.8125rem;font-weight: 600;cursor: pointer;transition: background 0.15s ease, color 0.15s ease;}
.lip-chip:hover{color: var(--lip-ink);background: var(--lip-muted-bg);}
.lip-chip.is-active{background: var(--lip-ink);color: #fff;}
.lip-amount{display: grid;grid-template-columns: 1fr 4.5rem;gap: 0.6rem;align-items: center;}
.lip-range{width: 100%;accent-color: var(--lip-accent);cursor: pointer;}
.lip-num{width: 100%;padding: 0.45rem 0.5rem;border: 1px solid var(--lip-line);border-radius: 6px;background: var(--lip-surface);color: var(--lip-ink);font-size: 0.875rem;font-weight: 600;text-align: center;}
.lip-num:focus{outline: none;border-color: var(--lip-accent);box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);}
.lip-check{display: flex;align-items: flex-start;gap: 0.55rem;font-size: 0.875rem;line-height: 1.4;color: var(--lip-ink);cursor: pointer;}
.lip-check input{margin-top: 0.15rem;accent-color: var(--lip-accent);}
.lip-actions{display: grid;grid-template-columns: 1fr 1fr;gap: 0.45rem;}
.lip-btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.4rem;min-height: 38px;padding: 0.45rem 0.7rem;border: 1px solid var(--lip-line);border-radius: 6px;background: var(--lip-surface);color: var(--lip-ink);font-size: 0.8125rem;font-weight: 600;cursor: pointer;transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;}
.lip-btn:hover{border-color: var(--lip-ink);}
.lip-btn--primary{grid-column: 1 / -1;background: var(--lip-ink);border-color: var(--lip-ink);color: #fff;}
.lip-btn--primary:hover{background: var(--lip-accent);border-color: var(--lip-accent);}
.lip-btn[data-state="copied"]{background: #ecfdf5;border-color: #6ee7b7;color: var(--lip-ok);}
.lip-toast{min-height: 1.1rem;font-size: 0.8125rem;font-weight: 600;color: var(--lip-accent);opacity: 0;transition: opacity 0.2s ease;}
.lip-toast.show{opacity: 1;}
.lip-out{display: flex;flex-direction: column;min-width: 0;border: 1px solid var(--lip-line);border-radius: var(--lip-radius);background: var(--lip-muted-bg);overflow: hidden;}
.lip-out-bar{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.55rem 0.9rem;border-bottom: 1px solid var(--lip-line);background: var(--lip-surface);}
.lip-out-bar label{margin: 0;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--lip-muted);}
.lip-out-bar span{font-size: 0.75rem;font-weight: 600;color: var(--lip-muted);}
.lip-area{width: 100%;flex: 1;min-height: 280px;padding: 0.95rem 1rem;border: none;background: transparent;color: var(--lip-ink);font-size: 0.9375rem;line-height: 1.65;font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;resize: vertical;}
.lip-area:focus{outline: none;}
.lip-area::placeholder{color: var(--lip-muted);}
.lip-stats{display: grid;grid-template-columns: repeat(4, 1fr);border-top: 1px solid var(--lip-line);background: var(--lip-surface);}
.lip-stat{display: flex;flex-direction: column;gap: 0.15rem;padding: 0.7rem 0.5rem;text-align: center;border-right: 1px solid var(--lip-line);}
.lip-stat:last-child{border-right: none;}
.lip-stat-num{font-size: 0.95rem;font-weight: 700;color: var(--lip-ink);line-height: 1.1;}
.lip-stat-lbl{font-size: 0.65rem;font-weight: 600;letter-spacing: 0.05em;text-transform: uppercase;color: var(--lip-muted);}
.lip-share{display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem;margin-top: 1rem;padding-top: 0.9rem;border-top: 1px solid var(--lip-line);}
.lip-share-title{font-size: 0.72rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--lip-muted);margin-right: 0.25rem;}
.lip-share-btn{width: 2rem;height: 2rem;border: 1px solid var(--lip-line);border-radius: 6px;display: inline-flex;align-items: center;justify-content: center;background: var(--lip-surface);color: var(--lip-ink);font-size: 0.8rem;cursor: pointer;transition: border-color 0.15s ease, color 0.15s ease;}
.lip-share-btn:hover{border-color: var(--lip-ink);}
.lip-share-btn--x:hover{color: #111827;}
.lip-share-btn--facebook:hover{color: #1877f2;}
.lip-share-btn--linkedin:hover{color: #0a66c2;}
.lip-share-btn--reddit:hover{color: #ff4500;}
.lip-share-btn--telegram:hover{color: #229ed9;}
.lip-share-btn--whatsapp:hover{color: #16a34a;}
.lip-read{padding-bottom: 1.5rem;color: var(--lip-ink);}
.lip-read h2{font-size: clamp(1.25rem, 2.4vw, 1.6rem);font-weight: 750;letter-spacing: -0.02em;margin: 2rem 0 0.7rem;line-height: 1.25;}
.lip-read h2:first-child{margin-top: 0;}
.lip-read h3{font-size: 1.05rem;font-weight: 700;margin: 1.4rem 0 0.5rem;}
.lip-lead{font-size: 1.05rem;line-height: 1.65;color: var(--lip-muted);margin-bottom: 1rem;}
.lip-read p{font-size: 0.98rem;line-height: 1.7;color: var(--lip-muted);margin-bottom: 0.95rem;}
.lip-read a{color: var(--lip-accent);font-weight: 600;text-decoration: underline;text-underline-offset: 2px;}
.lip-read a:hover{color: var(--lip-accent-dark);}
.lip-read ul{margin: 0 0 1rem;padding-left: 1.15rem;color: var(--lip-muted);}
.lip-read li{margin-bottom: 0.4rem;line-height: 1.6;font-size: 0.98rem;}
.lip-read code{font-size: 0.86em;padding: 0.08em 0.35em;border-radius: 4px;background: var(--lip-muted-bg);color: var(--lip-ink);}
.lip-note{border: 1px solid var(--lip-line);border-left: 3px solid var(--lip-ink);border-radius: 0 var(--lip-radius) var(--lip-radius) 0;padding: 0.9rem 1rem;margin: 1.15rem 0 1.4rem;background: var(--lip-muted-bg);}
.lip-note p{margin: 0;font-size: 0.92rem;line-height: 1.6;color: var(--lip-ink);}
.lip-dl{display: grid;gap: 0.85rem;margin: 0 0 1.25rem;}
.lip-dl dt{font-size: 0.9rem;font-weight: 700;color: var(--lip-ink);}
.lip-dl dd{margin: 0.15rem 0 0;font-size: 0.92rem;line-height: 1.55;color: var(--lip-muted);}
.lip-table-wrap{overflow-x: auto;margin: 0 0 1.15rem;border: 1px solid var(--lip-line);border-radius: var(--lip-radius);}
.lip-table{width: 100%;border-collapse: collapse;font-size: 0.875rem;}
.lip-table caption{caption-side: top;text-align: left;padding: 0.7rem 0.9rem;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase;color: var(--lip-muted);border-bottom: 1px solid var(--lip-line);background: var(--lip-muted-bg);}
.lip-table th,.lip-table td{padding: 0.6rem 0.9rem;text-align: left;border-bottom: 1px solid var(--lip-line);}
.lip-table th{font-size: 0.72rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: var(--lip-muted);background: var(--lip-surface);}
.lip-table td{color: var(--lip-muted);}
.lip-table td:nth-child(2){color: var(--lip-ink);font-weight: 600;}
.lip-table tbody tr:last-child td{border-bottom: none;}
.lip-code{margin: 0 0 1.15rem;padding: 0.9rem 1rem;border: 1px solid var(--lip-line);border-radius: var(--lip-radius);background: #0f172a;color: #e2e8f0;font-size: 0.8rem;line-height: 1.55;overflow-x: auto;}
.lip-code code{background: transparent;color: inherit;padding: 0;}
@media (max-width: 640px){.lip-stats{grid-template-columns: repeat(2, 1fr);}.lip-stat:nth-child(1),.lip-stat:nth-child(2){border-bottom: 1px solid var(--lip-line);}.lip-stat:nth-child(2){border-right: none;}.lip-byline{flex-direction: column;align-items: flex-start;}.lip-area{min-height: 220px;}}