@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css");

#lng-info#lng-info {
  --lng-c1:#9A4E2D !important;
  --lng-c2:#C17B3F !important;
  --lng-accent:#2F766F !important;
  --lng-grad:linear-gradient(135deg,#9A4E2D,#C17B3F) !important;
  --lng-bg:#F8F3EA !important;
  --lng-surface:#FFFFFF !important;
  --lng-ink:#241C18 !important;
  --lng-body:#6E625A !important;
  --lng-border:rgba(154,78,45,0.17) !important;
  --lng-glow:rgba(154,78,45,0.09) !important;
  --lng-accent-soft:rgba(47,118,111,0.09) !important;
  --lng-radius:16px !important;
  --lng-marker:50% !important;
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  margin:0 0 0 !important;
  padding:0 !important;
  color:var(--lng-ink) !important;
  background:var(--lng-bg) !important;
  font-family:Inter,sans-serif !important;
  line-height:1.5 !important;
}

#lng-info#lng-info,
#lng-info#lng-info *,
#lng-info#lng-info *::before,
#lng-info#lng-info *::after {
  box-sizing:border-box !important;
}

#lng-info#lng-info .lng-tool {
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:clamp(20px,4vw,52px) clamp(14px,4vw,42px) !important;
  overflow:hidden !important;
  background:
    linear-gradient(rgba(154,78,45,.035) 1px,transparent 1px) 0 0/100% 28px,
    var(--lng-bg) !important;
}

#lng-info#lng-info .lng-inner {
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
}

#lng-info#lng-info .lng-heading {
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  margin:0 0 24px !important;
}

#lng-info#lng-info .lng-heading-icon {
  display:grid !important;
  flex:0 0 52px !important;
  width:52px !important;
  height:58px !important;
  place-items:center !important;
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--lng-border) !important;
  border-radius:12px 12px 12px 4px !important;
  color:var(--lng-c1) !important;
  background:var(--lng-surface) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px var(--lng-glow) !important;
  font-size:20px !important;
}

#lng-info#lng-info .lng-heading-icon::after {
  content:"" !important;
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  width:15px !important;
  height:15px !important;
  border-left:1px solid var(--lng-border) !important;
  border-bottom:1px solid var(--lng-border) !important;
  background:linear-gradient(225deg,var(--lng-bg) 48%,var(--lng-surface) 50%) !important;
}

#lng-info#lng-info .lng-heading-copy {
  min-width:0 !important;
}

#lng-info#lng-info .lng-heading h2 {
  margin:0 !important;
  color:var(--lng-ink) !important;
  font-size:clamp(25px,3.4vw,42px) !important;
  font-weight:800 !important;
  line-height:1.12 !important;
  letter-spacing:-.035em !important;
}

#lng-info#lng-info .lng-heading p {
  margin:7px 0 0 !important;
  color:var(--lng-body) !important;
  font-size:15px !important;
}

#lng-info#lng-info .lng-shell {
  display:grid !important;
  grid-template-columns:minmax(300px,2fr) minmax(0,3fr) !important;
  gap:20px !important;
  width:100% !important;
  max-width:100% !important;
  align-items:stretch !important;
}

#lng-info#lng-info .lng-controls,
#lng-info#lng-info .lng-results {
  min-width:0 !important;
  margin:0 !important;
  border:1px solid var(--lng-border) !important;
  border-radius:var(--lng-radius) !important;
  background:var(--lng-surface) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 34px var(--lng-glow) !important;
}

#lng-info#lng-info .lng-controls {
  padding:clamp(20px,3vw,30px) !important;
}

#lng-info#lng-info .lng-results {
  padding:clamp(20px,3vw,30px) !important;
}

#lng-info#lng-info .lng-panel-heading {
  display:flex !important;
  align-items:flex-start !important;
  gap:12px !important;
  margin:0 0 24px !important;
  padding:0 0 18px !important;
  border-bottom:1px dashed var(--lng-border) !important;
}

#lng-info#lng-info .lng-panel-heading > span {
  display:grid !important;
  flex:0 0 40px !important;
  width:40px !important;
  height:40px !important;
  place-items:center !important;
  border-radius:10px !important;
  color:var(--lng-c1) !important;
  background:var(--lng-glow) !important;
}

#lng-info#lng-info .lng-panel-heading h3 {
  margin:0 !important;
  color:var(--lng-ink) !important;
  font-size:17px !important;
  font-weight:750 !important;
}

#lng-info#lng-info .lng-panel-heading p {
  margin:2px 0 0 !important;
  color:var(--lng-body) !important;
  font-size:13px !important;
}

#lng-info#lng-info .lng-field {
  margin:0 0 18px !important;
}

#lng-info#lng-info .lng-field label {
  display:block !important;
  margin:0 0 7px !important;
  color:var(--lng-ink) !important;
  font-size:13px !important;
  font-weight:700 !important;
}

#lng-info#lng-info .lng-input-wrap {
  display:flex !important;
  align-items:center !important;
  position:relative !important;
  min-width:0 !important;
}

#lng-info#lng-info .lng-input-wrap > i {
  position:absolute !important;
  left:14px !important;
  z-index:1 !important;
  color:var(--lng-c1) !important;
  font-size:15px !important;
  pointer-events:none !important;
}

#lng-info#lng-info .lng-input-wrap input {
  width:100% !important;
  min-width:0 !important;
  height:48px !important;
  margin:0 !important;
  padding:0 13px 0 42px !important;
  border:1px solid rgba(110,98,90,.28) !important;
  border-radius:11px !important;
  outline:none !important;
  color:var(--lng-ink) !important;
  background:#fffdf9 !important;
  font:600 14px/1.2 Inter,sans-serif !important;
  box-shadow:inset 0 1px 3px rgba(36,28,24,.035) !important;
  transition:border-color 200ms ease,box-shadow 200ms ease,background-color 200ms ease !important;
}

#lng-info#lng-info .lng-input-locked input {
  color:var(--lng-body) !important;
  background:#f5efe5 !important;
  cursor:not-allowed !important;
}

#lng-info#lng-info .lng-input-wrap input:hover:not([readonly]) {
  border-color:rgba(154,78,45,.48) !important;
}

#lng-info#lng-info .lng-input-wrap input:focus-visible {
  border-color:var(--lng-accent) !important;
  box-shadow:0 0 0 4px var(--lng-accent-soft) !important;
}

#lng-info#lng-info .lng-input-wrap input[aria-invalid="true"] {
  border-color:#A33A31 !important;
  background:#fff8f6 !important;
  box-shadow:0 0 0 3px rgba(163,58,49,.1) !important;
}

#lng-info#lng-info .lng-actions {
  display:flex !important;
  gap:10px !important;
  width:100% !important;
}

#lng-info#lng-info .lng-actions-secondary {
  margin:4px 0 12px !important;
}

#lng-info#lng-info .lng-btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  min-height:46px !important;
  margin:0 !important;
  padding:11px 15px !important;
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--lng-border) !important;
  border-radius:11px !important;
  outline:none !important;
  color:var(--lng-ink) !important;
  background:#fffdf9 !important;
  font:700 13px/1.2 Inter,sans-serif !important;
  text-decoration:none !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transition:transform 200ms ease,border-color 200ms ease,box-shadow 200ms ease,background-color 200ms ease !important;
}

#lng-info#lng-info .lng-actions .lng-btn {
  flex:1 1 0 !important;
}

#lng-info#lng-info .lng-btn:hover {
  border-color:rgba(154,78,45,.4) !important;
  background:var(--lng-bg) !important;
  transform:translateY(-1px) !important;
}

#lng-info#lng-info .lng-btn:focus-visible {
  border-color:var(--lng-accent) !important;
  box-shadow:0 0 0 4px var(--lng-accent-soft) !important;
}

#lng-info#lng-info .lng-btn:disabled {
  opacity:.55 !important;
  cursor:not-allowed !important;
  transform:none !important;
}

#lng-info#lng-info .lng-btn-today:hover i {
  transform:translateY(-1px) !important;
}

#lng-info#lng-info .lng-btn i {
  transition:transform 200ms ease !important;
}

#lng-info#lng-info .lng-btn-primary {
  width:100% !important;
  border-color:transparent !important;
  color:#fff !important;
  background:var(--lng-grad) !important;
  box-shadow:0 8px 18px rgba(154,78,45,.18) !important;
}

#lng-info#lng-info .lng-btn-primary::after {
  content:"" !important;
  position:absolute !important;
  top:-30% !important;
  left:-45% !important;
  width:32% !important;
  height:160% !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent) !important;
  transform:skewX(-18deg) !important;
  transition:left 220ms ease !important;
}

#lng-info#lng-info .lng-btn-primary:hover {
  color:#fff !important;
  background:var(--lng-grad) !important;
  box-shadow:0 10px 22px rgba(154,78,45,.23) !important;
}

#lng-info#lng-info .lng-btn-primary:hover::after {
  left:112% !important;
}

#lng-info#lng-info .lng-error {
  min-height:20px !important;
  margin:9px 0 0 !important;
  color:#92382F !important;
  font-size:12px !important;
  font-weight:650 !important;
}

#lng-info#lng-info .lng-summary {
  margin:0 0 20px !important;
  padding:0 0 20px !important;
  border-bottom:1px dashed var(--lng-border) !important;
}

#lng-info#lng-info .lng-summary.lng-updated {
  animation:lng-result-update 280ms ease both !important;
}

#lng-info#lng-info .lng-summary-top {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  margin:0 0 12px !important;
}

#lng-info#lng-info .lng-status-pill {
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:5px 11px !important;
  border:1px solid rgba(47,118,111,.25) !important;
  border-radius:6px !important;
  color:#245E59 !important;
  background:var(--lng-accent-soft) !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.11em !important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.65) !important;
}

#lng-info#lng-info .lng-weekday {
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  color:var(--lng-body) !important;
  font-size:12px !important;
  font-weight:650 !important;
}

#lng-info#lng-info .lng-weekday i {
  color:var(--lng-accent) !important;
}

#lng-info#lng-info .lng-summary h3 {
  margin:0 !important;
  overflow-wrap:anywhere !important;
  color:var(--lng-ink) !important;
  font-size:clamp(22px,3vw,34px) !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:-.025em !important;
}

#lng-info#lng-info .lng-summary p {
  margin:8px 0 0 !important;
  color:var(--lng-body) !important;
  font-size:14px !important;
}

#lng-info#lng-info .lng-result-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:11px !important;
  width:100% !important;
}

#lng-info#lng-info .lng-result-card {
  min-width:0 !important;
  min-height:118px !important;
  margin:0 !important;
  padding:15px !important;
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--lng-border) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#fff,#fffaf3) !important;
  box-shadow:inset 0 1px 0 #fff !important;
  transition:transform 200ms ease,border-color 200ms ease,box-shadow 200ms ease !important;
}

#lng-info#lng-info .lng-result-card::after {
  content:"" !important;
  position:absolute !important;
  right:-12px !important;
  top:-12px !important;
  width:38px !important;
  height:38px !important;
  border:1px solid var(--lng-border) !important;
  border-radius:50% !important;
  background:var(--lng-glow) !important;
}

#lng-info#lng-info .lng-result-card:hover {
  transform:translateY(-3px) !important;
  border-color:rgba(154,78,45,.3) !important;
  box-shadow:0 8px 18px var(--lng-glow) !important;
}

#lng-info#lng-info .lng-result-card > i {
  display:block !important;
  margin:0 0 10px !important;
  color:var(--lng-accent) !important;
  font-size:14px !important;
}

#lng-info#lng-info .lng-result-value {
  display:block !important;
  min-width:0 !important;
  overflow-wrap:anywhere !important;
  color:var(--lng-ink) !important;
  font-size:clamp(17px,2vw,23px) !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  letter-spacing:-.02em !important;
}

#lng-info#lng-info .lng-result-label {
  display:block !important;
  margin:7px 0 0 !important;
  color:var(--lng-body) !important;
  font-size:11px !important;
  font-weight:650 !important;
  line-height:1.25 !important;
  text-transform:uppercase !important;
  letter-spacing:.055em !important;
}

#lng-info#lng-info .lng-timeline {
  margin:18px 0 0 !important;
  padding:15px !important;
  border:1px solid var(--lng-border) !important;
  border-radius:12px !important;
  background:#fcf8f1 !important;
}

#lng-info#lng-info .lng-timeline-head {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 13px !important;
  color:var(--lng-body) !important;
  font-size:11px !important;
  font-weight:700 !important;
}

#lng-info#lng-info .lng-timeline-head i {
  margin-right:5px !important;
  color:var(--lng-accent) !important;
}

#lng-info#lng-info .lng-timeline-track {
  width:100% !important;
  height:7px !important;
  position:relative !important;
  border-radius:20px !important;
  background:repeating-linear-gradient(90deg,rgba(154,78,45,.26) 0 1px,transparent 1px 8%),rgba(154,78,45,.09) !important;
}

#lng-info#lng-info .lng-timeline-mark {
  width:1px !important;
  height:13px !important;
  position:absolute !important;
  top:-3px !important;
  background:rgba(154,78,45,.3) !important;
}

#lng-info#lng-info .lng-timeline-mark-one {
  left:25% !important;
}

#lng-info#lng-info .lng-timeline-mark-two {
  left:50% !important;
}

#lng-info#lng-info .lng-timeline-mark-three {
  left:75% !important;
}

#lng-info#lng-info .lng-timeline-position {
  width:15px !important;
  height:15px !important;
  position:absolute !important;
  left:var(--lng-marker) !important;
  top:50% !important;
  border:3px solid #fff !important;
  border-radius:50% !important;
  background:var(--lng-accent) !important;
  box-shadow:0 0 0 2px rgba(47,118,111,.22) !important;
  transform:translate(-50%,-50%) !important;
  transition:left 220ms ease !important;
}

#lng-info#lng-info .lng-timeline-labels {
  display:flex !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin:11px 0 0 !important;
}

#lng-info#lng-info .lng-timeline-labels > span {
  display:flex !important;
  min-width:0 !important;
  flex-direction:column !important;
  color:var(--lng-ink) !important;
  font-size:10px !important;
}

#lng-info#lng-info .lng-timeline-labels > span:last-child {
  text-align:right !important;
}

#lng-info#lng-info .lng-timeline-labels b {
  font-weight:750 !important;
}

#lng-info#lng-info .lng-timeline-labels small {
  overflow-wrap:anywhere !important;
  color:var(--lng-body) !important;
  font-size:10px !important;
}

#lng-info#lng-info .lng-copy-row {
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:15px 0 0 !important;
}

#lng-info#lng-info .lng-btn-copy {
  min-width:142px !important;
  color:#245E59 !important;
  border-color:rgba(47,118,111,.25) !important;
  background:var(--lng-accent-soft) !important;
}

#lng-info#lng-info .lng-copy-feedback {
  min-height:18px !important;
  color:#245E59 !important;
  font-size:12px !important;
  font-weight:700 !important;
}

#lng-info#lng-info .lng-copy-area {
  width:1px !important;
  height:1px !important;
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  padding:0 !important;
  opacity:.01 !important;
  pointer-events:none !important;
}

#lng-info#lng-info .lng-noscript {
  margin:16px 0 0 !important;
  padding:14px 16px !important;
  border:1px solid rgba(163,58,49,.25) !important;
  border-radius:11px !important;
  color:#7D3029 !important;
  background:#fff7f5 !important;
  font-size:14px !important;
  font-weight:650 !important;
}

@keyframes lng-result-update {
  from {
    opacity:.45 !important;
    transform:translateY(6px) !important;
  }
  to {
    opacity:1 !important;
    transform:translateY(0) !important;
  }
}

@media (max-width:940px) {
  #lng-info#lng-info .lng-tool {
    padding:24px 18px !important;
  }

  #lng-info#lng-info .lng-shell {
    grid-template-columns:minmax(270px,2fr) minmax(0,3fr) !important;
    gap:14px !important;
  }

  #lng-info#lng-info .lng-controls,
  #lng-info#lng-info .lng-results {
    padding:20px !important;
  }

  #lng-info#lng-info .lng-result-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #lng-info#lng-info .lng-actions {
    flex-direction:column !important;
  }
}

@media (max-width:759px) {
  #lng-info#lng-info .lng-shell {
    grid-template-columns:minmax(0,1fr) !important;
  }

  #lng-info#lng-info .lng-heading {
    align-items:flex-start !important;
  }

  #lng-info#lng-info .lng-actions {
    flex-direction:row !important;
  }

  #lng-info#lng-info .lng-btn,
  #lng-info#lng-info .lng-actions .lng-btn {
    width:100% !important;
  }
}

@media (max-width:439px) {
  #lng-info#lng-info .lng-tool {
    padding:18px 10px !important;
  }

  #lng-info#lng-info .lng-heading {
    gap:11px !important;
    margin-bottom:17px !important;
  }

  #lng-info#lng-info .lng-heading-icon {
    flex-basis:44px !important;
    width:44px !important;
    height:50px !important;
  }

  #lng-info#lng-info .lng-heading h2 {
    font-size:23px !important;
  }

  #lng-info#lng-info .lng-heading p {
    font-size:13px !important;
  }

  #lng-info#lng-info .lng-controls,
  #lng-info#lng-info .lng-results {
    padding:15px !important;
    border-radius:13px !important;
  }

  #lng-info#lng-info .lng-actions {
    flex-direction:column !important;
  }

  #lng-info#lng-info .lng-result-grid {
    grid-template-columns:minmax(0,1fr) !important;
  }

  #lng-info#lng-info .lng-result-card {
    min-height:104px !important;
  }

  #lng-info#lng-info .lng-summary-top,
  #lng-info#lng-info .lng-copy-row {
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  #lng-info#lng-info .lng-btn-copy {
    width:100% !important;
  }

  #lng-info#lng-info .lng-timeline-labels {
    gap:10px !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  #lng-info#lng-info *,
  #lng-info#lng-info *::before,
  #lng-info#lng-info *::after {
    scroll-behavior:auto !important;
    animation:none !important;
    transition:none !important;
  }
}