.muted,
.hint,
.help,
.helper,
small.muted,
.lk-ui-help{
  color:#4b5563;
}
.badge,
.chip,
.lk-dash-chip,
.lk-lite-pill{
  border-color:#cbd5e1;
  color:#17362b;
}
input:disabled,
select:disabled,
textarea:disabled,
input[readonly],
textarea[readonly]{
  color:#475569;
  background:#eef3f1;
  border-color:#b8c5ce;
  opacity:1;
}
input:disabled::placeholder,
textarea:disabled::placeholder,
input[readonly]::placeholder,
textarea[readonly]::placeholder{
  color:#4b5563;
  opacity:1;
}

 
.input,
input:not([type]),
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="number"],
select,
textarea{
  width:100%; padding:10px 12px; border-radius:12px;
  border:1px solid var(--input-edge); background:#fff; color:var(--ink);
  outline:none; transition: border .15s ease, box-shadow .15s ease;
  box-shadow: 0 0 0 1px rgba(17,24,39,.07), inset 0 1px 0 rgba(0,0,0,.04);
}
.input:hover,
input:not([type]):hover,
input[type="text"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
select:hover,
textarea:hover{
  border-color: var(--input-edge-hover);
}
.input:focus,
input:not([type]):focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus{
  border-color: var(--input-ring);
  box-shadow: 0 0 0 1px rgba(17,24,39,.07), 0 0 0 1px rgba(59,130,246,.22);
}
textarea{ min-height:110px; resize: vertical; }
@media (prefers-contrast: more){
  .input,
  input:not([type]),
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="password"],
  input[type="tel"],
  input[type="number"],
  select,
  textarea{ border-width:2px; }
}


.auth-card{ padding:28px; }
.card-head h1{ margin:0 0 6px; font-size:clamp(24px,3.2vw,32px); }
.card-head .sub{ margin:0 0 16px; color:#4b5563; }
.form-grid{ display:grid; gap:14px; }
.field label{ display:flex; justify-content:space-between; align-items:flex-end; font-weight:700; margin:0 0 6px; }
.hint{ font-weight:600; color:#4b5563; font-size:.92rem; }
.input-row{ display:flex; gap:8px; align-items:center; }
.icon-btn{
  border:1px solid var(--mid-gray); background:#fff; border-radius:10px; padding:8px 10px; line-height:1; cursor:pointer;
}
.icon-btn:focus-visible{ outline:none; box-shadow:0 0 0 3px rgba(59,130,246,.28); }
.agree{ font-size:.9rem; color:#475569; margin:10px 0 0; }


.notice{
  border:1px solid; border-radius:12px; padding:10px 12px; margin:10px 0 16px;
}
.notice.success{ background:#f0fdf4; border-color:#86efac; }
.notice.error{ background:#fff1f1; border-color:#fca5a5; }
.notice.error ul{ margin:0; padding-left:18px; }
.text-bubble .notice ul li::before{ content:none; }
.text-bubble .notice.error ul li{ position:relative; padding-left:28px; }
.text-bubble .notice.error ul li::before{ content:"\2716"; position:absolute; left:0; top:0; color:#dc2626; font-weight:900; }
.text-bubble .notice.success ul li::before{ content:"\2714"; position:absolute; left:0; top:0; color:#16a34a; font-weight:900; }


.container{ max-width:1100px; margin:0 auto; padding:0 16px; }
.hide-on-mobile{ display:block; }
.only-mobile{ display:none; }
@media (max-width: 800px){
  .hide-on-mobile{ display:none; }
  .only-mobile{ display:inline-flex; }
}


.link-plain{
  color: inherit; text-decoration: none; background: transparent; border: 0; padding: 0; font-weight: inherit;
}
.link-plain:hover,
.link-plain:active,
.link-plain:focus,
.link-plain:focus-visible{
  color: inherit; text-decoration: none; background: transparent; box-shadow: none; transform: none; outline: 0;
}


.lk-sl-card{
  padding:32px 28px;
  background: linear-gradient(180deg,#f7fbf9,#f2f9f5);
  border:1px solid var(--panel-border);
  border-radius:16px;
  box-shadow:0 12px 40px rgba(0,0,0,.06);
}
.lk-sl-head h1{ font-size: clamp(26px,3.4vw,36px); margin:0 0 6px; }
.lk-sl-head .lk-sl-sub{ color:#4f5f68; margin:0 0 12px; }
.lk-sl-rules{ display:grid; gap:14px; margin:12px 0 18px; grid-template-columns:1fr; }
.lk-sl-rule{
  background:#fff; border:1px solid var(--mid-gray);
  border-radius:14px; padding:14px 16px; box-shadow:0 8px 24px rgba(0,0,0,.04);
}
.lk-sl-rule strong{ display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.lk-sl-rule strong::before{ content:""; width:10px; height:10px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 2px rgba(155,226,168,.35); }
.lk-sl-rule:nth-child(2) strong::before{ background:#ffd24d; }
.lk-sl-rule:nth-child(3) strong::before{ background:#34c759; }
.lk-sl-tag{
  display:inline-block; margin-left:8px; padding:2px 8px;
  background: var(--lemon); border:1px solid var(--accent-2);
  border-radius:999px; font-size:.75rem; font-weight:800; color:#0b1b10;
}
.lk-sl-field{ margin-bottom:14px; }
.lk-sl-labelrow{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 6px; }
.lk-sl-meta{ font-size:.9rem; color:#475569; }
.lk-sl-inputgroup{
  display:flex; align-items:center;
  border:1px solid var(--mid-gray); border-radius:14px; background:#fff;
  box-shadow: inset 0 1px 0 rgba(0,0,0,.02);
}
.lk-sl-prefix{
  padding:10px 12px; border-right:1px dashed var(--mid-gray);
  border-radius:14px 0 0 14px; background:#f3f7f4; color:#475569;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace; white-space:nowrap;
}
.lk-sl-inputgroup input{ border:0; outline:0; width:100%; padding:10px 12px; background:transparent; }
.lk-sl-field.lk-sl-locked .input,
.lk-sl-field.lk-sl-locked .lk-sl-inputgroup{ background:#f1f5f9; }
.lk-sl-field.lk-sl-locked .input{ color:#475569; border-style:dashed; }
.lk-sl-field.lk-sl-locked .lk-sl-prefix{ opacity:.78; color:#475569; }
.lk-sl-badge{
  display:inline-block; padding:2px 10px; border-radius:999px;
  background:var(--lemon); border:1px solid var(--accent-2);
  font-weight:800; font-size:.75rem; color:#0b1b10;
}
.lk-sl-preview{
  margin-top:6px; padding:8px 10px; background:#fff;
  border:1px dashed var(--mid-gray); border-radius:10px; color:#334155;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
.lk-sl-muted{ color:#4b5563; }
.lk-sl-smallprint{ font-size:.92rem; margin-top:12px; }
.lk-sl-btnfull{ width:100%; }
.btn.lemon.lk-sl-btn{ box-shadow:0 10px 28px rgba(255,210,77,.25); }
.btn.lemon.lk-sl-btn:hover{ filter:saturate(1.08); transform:translateY(-1px); }
.btn.lemon.lk-sl-btn:active{ transform:translateY(0); }
@media (min-width: 820px){
  .lk-sl-rules{ grid-template-columns: repeat(3, 1fr); }
}


.lk-my-links{ margin-top:16px; }
.lk-links-box{
  --ring: 1px solid #e9ebf0; --bg:#fff; --bg-sticky:#fff; --row-hover:#fafbff;
  --radius:14px; --muted:#4b5563; --shadow:0 8px 26px rgba(16,24,40,.06);
}
.lk-tablewrap{
  border: var(--ring); border-radius: var(--radius); overflow: auto;
  max-height: clamp(260px, 42vh, 380px);
  background: var(--bg); box-shadow: var(--shadow);
}
.lk-table{
  width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed;
  font-size: 0.95rem;
}
.lk-table thead th{
  position: sticky; top: 0; z-index: 3;
  background: var(--bg); padding: 10px 12px;
  font-weight: 700; text-align: left; border-bottom: var(--ring);
}
.lk-table .col-idx{ width: 3.2ch; }
.lk-table .col-created{ width: 12rem; }
.lk-table .col-clicks{ width: 6rem; text-align: right; font-variant-numeric: tabular-nums; }
.lk-table .col-actions{ width: 14rem; }
.lk-table tbody td{
  padding: 12px; border-bottom: 1px solid #f2f4f7; vertical-align: middle;
}
.lk-table tbody tr:hover{ background: var(--row-hover); }
.lk-table .col-idx { color: var(--muted); }
.lk-table .col-target a,
.lk-table .col-short a{
  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.lk-table .actions{ display:grid; grid-template-columns: 1fr 1fr; gap:.5rem; }
.lk-table .actions .btn{
  display:flex; align-items:center; justify-content:center;
  height:34px; width:100%; padding:0 .6rem; line-height:1;
  white-space:nowrap; margin:0;
}


.lk-table th, .lk-table td{ padding:10px 12px; border-bottom:1px solid var(--panel-border); vertical-align:middle; }
.lk-table tr:hover td{ background:#f7fbf8; }
.col-idx,.col-metric,.col-actions{ text-align:right; white-space:nowrap; }
.col-created{ white-space:nowrap; }
.col-pixel{ text-align:center; width:44px; }
.col-name .title{
  display:inline-block; max-width:320px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600;
}
.col-name .sub{ font-size:12px; color:#4b5563; margin-top:2px; }
.col-name code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px;
  background:#f6f8fa; border:1px solid var(--panel-border); padding:1px 4px; border-radius:4px;
}


.lk-links-empty{ text-align:center; padding:.85rem; color: #4b5563; }


@media (max-width: 560px){
  .lk-table thead th, .lk-table tbody td { padding: 10px 8px; }
}
@media (max-width: 400px){
  .lk-table thead th, .lk-table tbody td { padding: 8px 6px; }
}
@media (max-width: 760px){
  .lk-table .col-short{ display: none; }
  .lk-table .col-idx{ width: 2.2ch; }
  .lk-table .col-created{ width: 9.5rem; }
  .lk-table .col-clicks{ width: 4.5rem; text-align: right; }
  .lk-table .col-actions{ width: 9.5rem; }
  .lk-table .actions{ grid-template-columns: 1fr 1fr; gap: .35rem; }
  .btn.tiny { height: 32px; font-size: .8rem; }
}
@media (max-width: 560px){
  .lk-table .col-created { display: none; }
  .lk-table thead th, .lk-table tbody td { min-width: 0; }
}
@media (max-width: 480px){
  .lk-table .col-idx { display: none; }
  .lk-table .col-actions{ width: 8.5rem; }
}
@media (max-width: 430px){
  .lk-table .actions{ grid-template-columns: 1fr; }
  .lk-table .col-actions{ width: 6.5rem; }
}
@media (max-width: 370px){
  .lk-table{ min-width: 480px; }
  .lk-tablewrap{ overflow-x: auto; }
}


.badge.warn{
  margin-left:6px; padding:2px 6px; border-radius:999px; background:#fff3cd; border:1px solid #e7c65f; font-size:12px; color:#624000;
}
.uv{
  display:inline-block; min-width:52px; padding:2px 8px; border-radius:999px;
  background: linear-gradient(0deg,var(--baby-green),var(--baby-lime));
  border:1px solid var(--panel-border); font-size:12px;
}
.uv .u{ font-weight:600; }
.uv .sep{ padding:0 2px; opacity:.6; }
.actions{ display:flex; gap:8px; justify-content:flex-end; }


.badge2{
  display:inline-block; min-width:22px; padding:2px 8px; border-radius:999px;
  background:#e8f6ee; color:#14532d; border:1px solid #d8e7dd; font-weight:700; text-align:center;
}


.lk-dash-card{ padding:28px; }
.lk-dash-header{
  display:flex; align-items:center; gap:12px; justify-content:space-between; margin-bottom:12px;
}
.lk-dash-badge{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:999px; font-weight:800; font-size:.85rem;
  border:1px solid var(--mid-gray); background:#fff; color:#0b1b10;
}
.lk-dash-badge.ok{ border-color:#86efac; background:#f0fdf4; }
.lk-dash-badge.warn{ border-color:#fecaca; background:#fff1f2; }
.lk-dash-grid{
  display:grid; gap:12px; margin:8px 0 16px; grid-template-columns: 1fr;
}
.lk-dash-kv{
  background:var(--panel-bg); border:1px solid var(--panel-border);
  border-radius:12px; padding:12px 14px; display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.lk-dash-label{ color:#475569; font-weight:700; }
.lk-dash-value a{ color:inherit; text-decoration:none; border-bottom:1px dashed rgba(0,0,0,.2); }
.lk-dash-value a:hover{ border-bottom-color:transparent; }
.lk-dash-chip{
  display:inline-block; padding:4px 10px; border-radius:999px; font-weight:800;
  border:1px solid var(--mid-gray); background:#fff;
}
.lk-dash-chip.plan-0{ border-color:#cbd5e1; background:#f8fafc; }
.lk-dash-chip.plan-1{ border-color:#86efac; background:#f0fdf4; }
.lk-dash-chip.plan-2{ border-color:#c4b5fd; background:#eef2ff; }
.lk-dash-chip.plan-3{ border-color:#fcd34d; background:#fffbeb; }
.lk-dash-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.lk-dash-actions .btn[aria-disabled="true"]{ filter: grayscale(.2); opacity:.7; cursor:not-allowed; }
@media (min-width: 820px){
  .lk-dash-grid{ grid-template-columns: 1fr 1fr; }
}


.lk-home-cta{
  display:grid; grid-template-columns: 1fr auto; align-items:center; gap:16px; margin-top:12px;
}
.lk-home-notes{ color:#5b6470; font-size:.85rem; line-height:1.4; }
.lk-home-notes p{ margin:0; }
.lk-home-notes p + p{ margin-top:2px; }
.lk-home-actions{ display:flex; gap:12px; justify-self:end; }
.lk-home-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 16px; border-radius:14px; font-weight:800; letter-spacing:.2px; text-decoration:none;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  transition: transform .06s ease, filter .15s ease, box-shadow .15s ease;
  border:1px solid transparent; white-space:nowrap;
}
.lk-home-btn:hover{ filter:saturate(1.05); transform:translateY(-1px); }
.lk-home-btn:active{ transform:translateY(0); }
.lk-home-btn--primary{
  background:linear-gradient(180deg,#ffd24d,#ffe784);
  border-color:#ffd24d; color:#0b1b10;
  box-shadow:0 10px 28px rgba(255,210,77,.28);
}
.lk-home-btn--disabled{
  background:linear-gradient(180deg,#f4f6f8,#e9edf2);
  border-color:#d8dde3; color:#7a8594;
  filter:grayscale(.1); opacity:.8; cursor:not-allowed; pointer-events:none;
}
@media (max-width: 820px){
  .lk-home-notes{ font-size:.9rem; }
  .text-bubble .lk-home-notes p{ font-size:.9rem; }
  .lk-home-cta{ grid-template-columns: 1fr; align-items:stretch; }
  .lk-home-actions{ justify-self:stretch; }
  .lk-home-btn{ flex:1 1 100%; text-align:center; }
}
.text-bubble .lk-home-notes p{ font-size:.85rem; line-height:1.4; margin:0; }
.text-bubble .lk-home-notes p + p{ margin-top: 2px; }


.lk-lite-rm{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  padding:8px 12px; border:1px solid var(--panel-border);
  border-radius:999px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.04);
  width: max-content; margin: 16px auto 0; max-width: calc(100% - 32px);
}
.lk-lite-pill{
  display:inline-block; padding:4px 10px; border-radius:999px;
  font-size:12px; font-weight:800; letter-spacing:.02em;
  border:1px solid var(--mid-gray); background:#f8fafc; color:#0b1b10;
}
.lk-lite-pill.beta{ border-color:#fde68a; background:#fffbeb; }
.lk-lite-text{ font-size:14px; color:#475569; line-height:1.4; }
.lk-lite-text strong{ color:#0f172a; font-weight:800; }


.lk-rm-easy{
  max-width: 720px; margin: 16px auto 0; padding: 14px 16px;
  background: #fff; border: 1px solid var(--panel-border);
  border-radius: 14px; box-shadow: 0 8px 22px rgba(0,0,0,.06);
}
.lk-rm-easy .badge{
  display:inline-flex; align-items:center; gap:6px;
  padding:4px 10px; border-radius:999px;
  border:1px solid var(--mid-gray); background:#f8fafc; color:#0b1b10;
  font-size:.85rem; font-weight:800; letter-spacing:.02em; margin-bottom:8px;
}
.lk-rm-easy .list{ list-style:none; margin:0; padding:0; }
.lk-rm-easy .row{
  display:grid; grid-template-columns: 160px 1fr;
  gap: 10px 14px; padding: 10px 0; border-top: 1px dashed var(--mid-gray);
}
.lk-rm-easy .row:first-child{ border-top: 0; }
.lk-rm-easy .heading{
  font-weight: 900; letter-spacing:.2px; color:#0b1b10;
  font-size: clamp(15px, 2.8vw, 16px); line-height: 1.2;
}
.lk-rm-easy .heading.live{ color:#166534; }
.lk-rm-easy .heading.building{ color:#92400e; }
.lk-rm-easy .heading.next{ color:#1e3a8a; }
.lk-rm-easy .chips{ display:flex; flex-wrap:wrap; gap:8px; }
.lk-rm-easy .chip{
  display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px;
  border:1px solid var(--mid-gray); background:#fff; color:#0b1b10;
  font-weight:800; font-size:.95rem; box-shadow:0 2px 8px rgba(0,0,0,.04);
}
@media (max-width: 720px){
  .lk-rm-easy .row{ grid-template-columns: 1fr; }
  .lk-rm-easy .heading{ font-size: 1rem; }
  .lk-rm-easy .chip{ font-size:.92rem; }
}


.lk-upgrade-row .meta{
  display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end;
}
.lk-up-sep{ opacity:.5; }
.lk-up-text{ color:#4b5563; font-weight:700; }
.lk-up-pill{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:999px;
  background:linear-gradient(180deg,var(--accent-2),#fff1a6);
  border:1px solid var(--accent-2);
  color:var(--btn-text);
  font-weight:900; font-size:.8rem; text-decoration:none;
  box-shadow:0 6px 18px rgba(255,210,77,.22);
  transition:transform .06s ease, filter .15s ease;
}
.lk-up-pill:hover{ filter:saturate(1.06); transform:translateY(-1px); }
.lk-up-tiers{ display:inline-flex; gap:6px; align-items:center; flex-wrap:wrap; }
.lk-tier{
  display:inline-block; padding:3px 8px; border-radius:999px;
  border:1px solid var(--mid-gray); font-size:.75rem; font-weight:800; letter-spacing:.02em; background:#fff;
}
.lk-tier.bronze{ background:#f0fdf4; border-color:#86efac; }
.lk-tier.silver{ background:#eef2ff; border-color:#c4b5fd; }
.lk-tier.gold{ background:#fffbeb; border-color:#fcd34d; }


hr.lemon {
  border: none; height: 4px; border-radius: 999px;
  background: linear-gradient(90deg, var(--baby-lime) 0%, var(--accent) 50%, var(--baby-green) 100%);
  margin: 32px auto; width: 80%; max-width: 720px; opacity: .8;
}


@media print{
  .text-bubble{
    background: #fff; border-color: #000; box-shadow: none;
  }
  .text-bubble a[href^="?"],
  .text-bubble a[href^="http"]::after{
    content: " (" attr(href) ")"; font-size: .9em; color: #333; border: 0;
  }
}