:root{--fondo:#faf7f2;--tinta:#2b1d13;--suave:#7a6a5c;--linea:#e6ddd1;--tostado:#3b2314;--acento:#8b5a2b;--tarjeta:#fff}@media (prefers-color-scheme:dark){:root{--fondo:#17120e;--tinta:#f2ece4;--suave:#a3948a;--linea:#2f251d;--tostado:#d9b892;--acento:#c98d4f;--tarjeta:#1f1913}}*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.copiable,input,select,textarea{-webkit-user-select:text;user-select:text}a,button,label,select{touch-action:manipulation}body{background:var(--fondo);color:var(--tinta);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.marco{max-width:46rem;margin:0 auto;padding:1.25rem 1rem 1rem}header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}header h1{letter-spacing:-.01em;margin:0;font-size:1.4rem}.atajo{min-height:44px;color:var(--suave);flex:none;align-items:center;gap:.35rem;margin-right:-.7rem;padding:0 .7rem;font-size:.85rem;text-decoration:none;display:inline-flex}.atajo:hover{color:var(--acento)}.pareja>*{min-width:0}input[type=password]{min-height:44px}footer{border-top:1px solid var(--linea);color:var(--suave);text-align:center;margin-top:3rem;padding-top:1rem;font-size:.75rem}footer p{margin:.15rem 0}.portero{background:var(--tarjeta);border:1px solid var(--linea);border-radius:.7rem;margin-top:1.25rem;padding:.9rem}.portero h2{margin:0 0 .35rem;font-size:1.05rem}.portero p{color:var(--suave);margin:.35rem 0;font-size:.85rem}.portero input{font:inherit;width:100%;min-height:44px;color:var(--tinta);background:var(--fondo);border:1px solid var(--linea);border-radius:.5rem;margin:.5rem 0;padding:.6rem .65rem;font-size:16px}.portero button{font:inherit;color:#fff;background:var(--acento);cursor:pointer;border:0;border-radius:.6rem;width:100%;min-height:3rem;padding:.85rem 1rem;font-weight:600}.portero button:disabled{opacity:.5;cursor:default}.portero .fallo-sesion{color:#c2410c}.meta-sesion{color:var(--suave);font-size:.85rem}