<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="./support.js"></script>
</head>
<body>
<x-dc>
<!-- @template name="Hearth — residence desk" description="A house run properly, for the five people who live in it: a labelled sidebar on a light neutral plane where every region is a card. Ten destinations over two groups — what the house is doing (a verdict-led Today, rooms as live control cards, cameras with a 16:9 live view, shutters, clips and role-gated watching, a climate screen that shows why the house is the temperature it is, security scoring every door and window against the alarm and the clock) and what keeps it running (devices as a hub verdict with a connection test, three-stage pairing and per-device signal and firmware, routines that store the person rather than the time, people with staged preferences, energy with a three-rate tariff strip, solar, a battery that works out what it should be doing and overnight water flow that catches a leak, upkeep whose consumables are measured in the hours a machine has run). The registers a household consults occasionally — bills, handed-out codes and keys, trade contacts and the whole log — hang off the destination they belong to. Plus a profile with drag-and-drop photo upload, five staged settings screens whose settings bite, and the full password reset flow." -->
<helmet><script src="./ds-base.js"></script><link rel="stylesheet" href="./kit.css"><script src="./boot.js"></script></helmet>
<x-import component-from-global-scope="HearthApp" hint-size="100%,100vh"></x-import>
</x-dc>
<script type="text/x-dc" data-dc-script>
class Component extends DCLogic {
  renderVals() {
    return {};
  }
}
</script>
</body>
</html>
