:root {
  --bg:#111214;
  --surface:#18191c;
  --surface-2:#202124;
  --surface-3:#292a2e;
  --line:#323438;
  --line-strong:#45474d;
  --text:#f1f1f1;
  --text-dim:#b1b3b8;
  --text-faint:#8f9299;
  --accent:#d2a24b;
  --accent-hover:#e2b45d;
  --accent-ink:#17120a;
  --accent-dim:#302819;
  --danger:#d9534f;
  --blue:#87aef3;
  --green:#82c990;
  --purple:#b59adc;
  --shadow:0 14px 35px rgba(0,0,0,.38),0 3px 8px rgba(0,0,0,.25);
  --mono:"JetBrains Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
  --taskbar-h:48px
}

:root[data-theme="light"] {
  --bg:#d9dade;
  --surface:#f5f5f5;
  --surface-2:#e9e9eb;
  --surface-3:#dedfe2;
  --line:#c9cbd0;
  --line-strong:#b3b5ba;
  --text:#17181b;
  --text-dim:#565960;
  --text-faint:#5f6269;
  --accent:#8c6118;
  --accent-hover:#734d10;
  --accent-ink:#ffffff;
  --accent-dim:#e9ddc7;
  --shadow:0 14px 34px rgba(0,0,0,.16),0 2px 6px rgba(0,0,0,.1)
}

*,*::before,*::after {
  box-sizing:border-box;
  margin:0;
  padding:0
}

html {
  font-size:16px
}

body {
  width:100vw;
  height:100vh;
  height:100dvh;
  position:fixed;
  inset:0;
  overflow:hidden;
  font-family:var(--sans);
  font-weight:400;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none
}

input,
textarea {
  user-select:text;
  -webkit-user-select:text
}

img {
  display:block;
  max-width:100%
}

a {
  color:inherit
}

button,input {
  font:inherit;
  color:inherit
}

button {
  -webkit-tap-highlight-color:transparent
}

::selection {
  background:var(--accent);
  color:var(--accent-ink)
}

:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:2px
}

::placeholder {
  color:var(--text-faint);
  opacity:1
}

.hidden {
  display:none !important
}

.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}

code,.mono {
  font-family:var(--mono)
}

.skip-link {
  position:fixed;
  top:-50px;
  left:14px;
  z-index:99999;
  padding:9px 14px;
  background:var(--accent);
  color:var(--accent-ink);
  border:1px solid rgba(0,0,0,.2);
  font-family:var(--mono);
  font-size:12px;
  font-weight:600;
  text-decoration:none;
  transition:top .15s ease
}

.skip-link:focus {
  top:14px
}

:root[data-theme="light"] .marquee-select {
  border-color:rgba(60,120,220,.9);
  background:rgba(60,120,220,.16);
  box-shadow:inset 0 0 0 1px rgba(60,120,220,.22)
}

button.contact-row {
  width:100%;
  background:none;
  border:none;
  border-bottom:1px solid var(--line);
  font:inherit;
  text-align:left;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent
}

:root[data-theme="light"] .taskbar {
  background:rgba(245,245,245,.96);
  border-top-color:#c4c5c9
}

.sm-search input {
  flex:1;
  border:none;
  outline:none;
  background:none;
  color:var(--text);
  font-family:var(--sans);
  font-size:12px
}

.tm-run-admin input {
  accent-color:var(--accent)
}

.wp-opt img {
  display:block;

  width:100%;
  height:64px;

  object-fit:cover;

  pointer-events:none
}