:root{--bg:30 24 18;--bga:38 30 22;--hd:22 17 12;--ac:139 94 60;--bo:92 68 46;--tx:242 232 217;--td:168 152 128}
:root[data-t=noche]{--bg:18 22 28;--bga:24 30 38;--hd:12 15 20;--ac:91 127 166;--bo:45 62 82;--tx:232 239 245;--td:122 143 160}
*{box-sizing:border-box}
body{margin:0;background:rgb(var(--hd));color:rgb(var(--tx));font:15px/1.5 "Segoe UI",system-ui,sans-serif;transition:background .4s,color .4s}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:10px 20px;background:rgb(var(--hd));border-bottom:2px solid rgb(var(--ac))}
.top img{width:44px;height:44px}
.top .n{font-weight:700;font-size:18px;letter-spacing:.5px}.top .n small{display:block;font-weight:400;font-size:12px;color:rgb(var(--td))}
.top .sp{flex:1}
button{background:rgb(var(--ac));color:#fff;border:0;border-radius:6px;padding:7px 13px;font:inherit;cursor:pointer}
button.s{background:rgb(var(--bga));color:rgb(var(--tx));border:1px solid rgb(var(--bo))}
button:hover{filter:brightness(1.12)}
.wrap{max-width:860px;margin:0 auto;padding:20px 16px 70px}
.card{background:rgb(var(--bg));border:1px solid rgb(var(--bo));border-radius:10px;overflow:hidden}
.card>header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;background:rgb(var(--bga));border-bottom:1px solid rgb(var(--bo));border-left:5px solid rgb(var(--ac))}
.card h1{margin:0;font-size:19px}.card h1 small{display:block;color:rgb(var(--td));font-weight:400;font-size:13px}
.body{padding:4px 20px 18px}
h3{margin:18px 0 4px;font-size:16px;color:rgb(var(--ac));filter:brightness(1.35)}
ul{margin:4px 0 0;padding-left:20px}li{margin:2px 0}
code{background:rgb(var(--bga));border:1px solid rgb(var(--bo));padding:0 5px;border-radius:4px;font-size:.92em}
.toast{position:fixed;bottom:20px;right:20px;background:rgb(var(--ac));color:#fff;padding:8px 14px;border-radius:6px;opacity:0;transition:.25s;pointer-events:none}.toast.on{opacity:1}
a.volver{color:rgb(var(--td));text-decoration:none;padding:6px 10px;border-radius:6px}a.volver:hover{background:rgb(var(--bga));color:rgb(var(--tx))}