:root{
  --bg:#F4EEF7; --ink:#20142A; --muted:#6D5E79; --line:#E0D3E8; --solid:#fff;
  --accent:#F29A1F; --on-accent:#23150A; --led:#C42BAA; --mark:#FBE9D2;
}
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0; min-height:100vh; background:var(--bg); color:var(--ink); font:16px/1.55 "Segoe UI", system-ui, sans-serif}
a{color:var(--led)}
header,main,footer{max-width:40rem; margin:0 auto; padding:20px 20px 0}
header{padding-top:24px}
.brand{font-weight:800; font-size:22px; letter-spacing:-.03em; text-decoration:none; color:var(--ink); display:inline-flex; align-items:center; min-height:44px}
.brand i{color:var(--led); font-style:normal}
h1{font-size:28px; line-height:1.15; margin:16px 0 12px}
h2{font-size:18px; margin:28px 0 8px}
p,li{margin:0 0 10px}
ul{padding-left:1.2em}
.panel{background:var(--solid); border:1px solid var(--line); border-radius:16px; padding:16px 18px; margin:16px 0}
.todo{display:inline; background:var(--mark); padding:.05em .35em; border-radius:4px; font-weight:700}
.note{font-size:14px; color:var(--muted); margin-top:18px}
.agebar{background:var(--solid); border:1px solid var(--line); border-radius:14px; padding:12px 16px; font-size:14px; font-weight:700; margin:0 0 8px}
.disc{font-size:14px; color:var(--muted)}
.kv{display:grid; grid-template-columns:minmax(7rem,max-content) minmax(0,1fr); gap:8px 16px; font-size:15px; margin:0}
.kv dt{font-weight:700}
.kv dd{margin:0}
.home{display:inline-flex; align-items:center; justify-content:center; min-height:44px; min-width:44px; padding:10px 18px; border-radius:999px; background:var(--accent); color:var(--on-accent); font-weight:700; text-decoration:none}
footer{padding:24px 20px 40px; color:var(--muted); font-size:14px}
footer nav{display:flex; flex-wrap:wrap; gap:8px 16px; margin-bottom:8px}
footer a{display:inline-flex; align-items:center; min-height:44px; font-weight:700}
@media (max-width:420px){
  .kv{grid-template-columns:1fr; gap:2px}
  .kv dt{color:var(--muted); font-size:13px}
  .kv dd{margin-bottom:10px}
}
@media (prefers-color-scheme:dark){
  :root{--bg:#110C17; --ink:#F5EFF8; --muted:#AC9EB8; --line:#382C46; --solid:#1C1425; --accent:#FFB23E; --led:#F05BDB; --mark:#3A291C}
}