@charset "utf-8";

:root { --bg: #f6f7f5; --surface: #fff; --ink: #16211c; --ink-soft: #5c6b64; --line: #dfe4e0; --brand: #1a4d3a; --brand-soft: #e8f0ec; --accent: #b8562f; --warn-bg: #fdf4e7; --warn-line: #e8c89a; --radius: 14px; }

@media (prefers-color-scheme: dark) {
  :root { --bg: #101512; --surface: #19201c; --ink: #e9efea; --ink-soft: #9aa8a0; --line: #2b3630; --brand: #7fc2a3; --brand-soft: #1b2a23; --accent: #e08a5f; --warn-bg: #2a2117; --warn-line: #5c4a2e; }
}

* { box-sizing: border-box; }

html { text-size-adjust: 100%; }

body { margin: 0px; background: var(--bg); color: var(--ink); font: 16px / 1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; padding: 0px 0px 48px; }

.wrap { max-width: 640px; margin: 0px auto; padding: 0px 16px; }

header { background: var(--brand); color: rgb(255, 255, 255); padding: 28px 16px 24px; margin-bottom: 20px; }

@media (prefers-color-scheme: dark) {
  header { background: var(--brand-soft); color: var(--ink); border-bottom: 1px solid var(--line); }
}

h1 { margin: 0px; font-size: 1.5rem; letter-spacing: -0.01em; }

header p { margin: 6px 0px 0px; opacity: 0.85; font-size: 0.94rem; }

h2 { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.09em; color: var(--ink-soft); margin: 28px 0px 10px; font-weight: 700; }

.card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }

a.item { display: flex; align-items: center; gap: 14px; padding: 16px; text-decoration: none; color: var(--ink); border-bottom: 1px solid var(--line); min-height: 60px; -webkit-tap-highlight-color: var(--brand-soft); }

a.item:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

a.item:active { background: var(--brand-soft); }

@media (hover: hover) {
  a.item:hover { background: var(--brand-soft); }
}

.ico { flex: 0 0 44px; height: 40px; border-radius: 10px; background: var(--brand-soft); color: var(--brand); display: grid; place-items: center; font-size: 0.95rem; font-weight: 700; }

.txt { flex: 1 1 0%; min-width: 0px; }

.txt b { display: block; font-weight: 600; font-size: 1rem; }

.txt span { display: block; color: var(--ink-soft); font-size: 0.86rem; margin-top: 1px; }

.chev { color: var(--ink-soft); flex: 0 0 auto; font-size: 1.2rem; line-height: 1; }

.switch { text-align: center; margin-top: 28px; font-size: 0.88rem; }

.switch a { color: var(--brand); text-decoration: none; font-weight: 600; }

footer { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 0.8rem; color: var(--ink-soft); text-align: center; }