/* --- sheet inline --- */
.sc-placeholder { background: color-mix(in srgb, currentcolor 8%, transparent); border: 1px solid color-mix(in srgb, currentcolor, transparent); border-radius: 2px; box-sizing: border-box; overflow: hidden; }
@keyframes sc-shine { 
  0% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
html.sc-dc-streaming .sc-placeholder, html.sc-dc-streaming .sc-interp.sc-missing { position: relative; background: color-mix(in srgb, currentcolor 5%, transparent); border-color: transparent; }
html.sc-dc-streaming .sc-placeholder::before, html.sc-dc-streaming .sc-interp.sc-missing::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(90deg, rgba(217, 119, 87, 0) 25%, rgba(247, 225, 211, 0.95) 37%, rgba(217, 119, 87, 0) 63%) 0% 0% / 400% 100%; animation: 1.4s ease 0s infinite normal none running sc-shine; }
html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before, html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before { animation: auto ease 0s 1 normal none running none; background: color-mix(in srgb, currentcolor 8%, transparent); }
.sc-placeholder-error { padding: 4px 8px; font: 11px / 1.4 ui-monospace, monospace; color: color-mix(in srgb, currentcolor 70%, transparent); word-break: break-word; }
.sc-interp.sc-missing { display: inline-block; width: 2em; height: 1em; overflow: hidden; vertical-align: text-bottom; background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 2px; box-sizing: border-box; color: transparent; user-select: none; }
.sc-interp.sc-unresolved { font-family: ui-monospace, monospace; font-size: 0.85em; color: color-mix(in srgb, currentcolor, transparent); background: color-mix(in srgb, currentcolor 10%, transparent); border-radius: 3px; padding: 0px 3px; }
.sc-host.sc-has-error { position: relative; }
.sc-logic-error { position: absolute; top: 8px; left: 8px; z-index: 2147483647; max-width: 60ch; padding: 6px 10px; background: rgb(176, 0, 32); color: rgb(255, 255, 255); font: 12px / 1.4 ui-monospace, monospace; border-radius: 4px; white-space: pre-wrap; pointer-events: none; }
@media print {
  @page { margin: 0.5cm; }
  figure, table { break-inside: avoid; }
  #dc-root, #dc-root > .sc-host { height: auto; }
  *, ::before, ::after { print-color-adjust: exact; backdrop-filter: none !important; animation-delay: -99s !important; animation-duration: 0.001s !important; animation-iteration-count: 1 !important; animation-fill-mode: both !important; animation-play-state: running !important; transition-duration: 0s !important; }
}

/* --- sheet inline --- */
x-dc { display: none !important; }

/* --- sheet inline --- */
.scp0:hover { border-color: rgb(255, 138, 30); }
.scp1:hover { transform: translateY(-1px); box-shadow: rgba(255, 138, 30, 0.38) 0px 10px 22px; }
.scp2:hover { border-color: rgb(255, 138, 30); background: rgba(255, 138, 30, 0.08); }
.scp3:hover { color: rgb(255, 138, 30); }

/* --- sheet inline --- */
* { box-sizing: border-box; }
body { margin: 0px; background: rgb(11, 10, 8); color: rgb(242, 236, 225); font-family: Inter, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; width: 100%; max-width: 100%; }
html { overflow-x: hidden; max-width: 100%; }
a { color: inherit; text-decoration: none; }
::selection { background: rgb(255, 138, 30); color: rgb(11, 10, 8); }
@media (max-width: 820px) {
  .lk-wrap { padding: 0px !important; }
  .lk-sheet { padding: 22px 18px 20px !important; border-radius: 0px !important; border-left-width: medium !important; border-left-style: none !important; border-left-color: currentcolor !important; border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; }
  .lk-connect > div:first-child { display: none !important; }
  .lk-portrait { width: 102px !important; height: 122px !important; margin: 0px !important; }
  .lk-portrait img { width: 118px !important; }
  .lk-name { font-size: 34px !important; margin-bottom: 6px !important; }
  .lk-tag { font-size: 7px !important; letter-spacing: 0.06em !important; margin-top: 12px !important; }
  .lk-bio { font-size: 9.5px !important; line-height: 1.55 !important; text-align: justify !important; }
  .lk-focus { font-size: 11px !important; }
  .lk-focus span { font-size: 8px !important; }
  .lk-focus { font-size: 12px !important; }
  .lk-focus-sub { font-size: 8.5px !important; }
  .lk-tagbtn { font-size: 8px !important; letter-spacing: 0.1em !important; padding: 4px 9px !important; gap: 5px !important; margin-bottom: 11px !important; }
  .lk-header { text-align: left; grid-template-columns: 108px 1fr !important; gap: 12px !important; align-items: start !important; }
  .lk-card { grid-template-columns: 34px 1fr !important; gap: 6px 12px !important; align-items: center !important; padding: 18px 0px !important; }
  .lk-card > span:first-child { grid-area: 1 / 1; }
  .lk-card > div:nth-child(2) { grid-area: 1 / 2; justify-self: start; width: 44px !important; height: 44px !important; font-size: 20px !important; }
  .lk-card > div:nth-child(3) { grid-area: 2 / 1 / auto / -1; }
  .lk-card > div:last-child { grid-area: 3 / 1 / auto / -1; margin-top: 4px; width: 100% !important; }
  .lk-card > div:last-child a { flex: 1 1 0%; }
  .lk-side { display: none !important; }
  .lk-connect { text-align: center; flex-direction: column !important; align-items: stretch !important; gap: 16px !important; }
  .lk-connect > div:first-child { justify-content: center !important; gap: 14px 22px !important; }
}