html,body{margin:0;height:100%}body{background:var(--bg-content);color:var(--text-2);font-family:var(--font-mono)}canvas{image-rendering:pixelated}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.label{font-size:var(--text-small);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-3)}.prose{font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-2);max-width:var(--measure)}.prose strong{color:var(--text-1);font-weight:500}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--sep);color:var(--text-1);border:var(--line) solid var(--outline);font:inherit;font-size:var(--text-small);letter-spacing:var(--tracking-label);text-transform:uppercase;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn:disabled{color:var(--muted);cursor:default;border-color:var(--outline)}.btn-primary{background:var(--accent);color:var(--bg-content);border-color:var(--accent);font-weight:600;padding:var(--space-3) var(--space-6)}.btn-primary:hover{transform:translateY(-2px)}.card{background:var(--bg-hero);border:var(--line) solid var(--outline);padding:var(--space-4)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--sep);border:var(--line) solid var(--outline);color:var(--text-1);font-size:var(--text-small);letter-spacing:.06em;white-space:nowrap}.chip .dot{width:8px;height:8px;background:var(--dot-color, var(--muted))}.chip .badge{padding:0 var(--space-1);border:1px solid var(--accent);color:var(--accent);font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase}.account{display:flex;align-items:center;gap:var(--space-2)}.account-menu{position:relative}.account-menu>summary{list-style:none;cursor:pointer}.account-menu>summary::-webkit-details-marker{display:none}.account-menu[open]>summary{border-color:var(--accent)}.account-menu .menu{position:absolute;right:0;top:calc(100% + var(--space-1));z-index:3;min-width:180px;display:flex;flex-direction:column;background:var(--bg-hero);border:var(--line) solid var(--outline)}.account-menu .menu>a,.account-menu .menu>button{padding:var(--space-2) var(--space-3);background:transparent;border:0;border-bottom:1px solid var(--sep);color:var(--text-1);font:inherit;font-size:var(--text-small);letter-spacing:var(--tracking-label);text-transform:uppercase;text-align:left;cursor:pointer}.account-menu .menu>:last-child{border-bottom:0}.account-menu .menu>a:hover,.account-menu .menu>button:hover{background:var(--sep);text-decoration:none}.account-menu .menu>.danger{color:var(--danger)}.account-error{color:var(--danger);font-size:var(--text-small)}dialog.confirm{background:var(--bg-hero);color:var(--text-1);border:var(--line) solid var(--outline);padding:var(--space-6);max-width:420px;font-size:var(--text-body);line-height:var(--leading-body)}dialog.confirm::backdrop{background:#23283acc}dialog.confirm p{margin:0 0 var(--space-4)}dialog.confirm .actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.btn-danger{border-color:var(--danger-line);color:var(--danger)}.btn-danger:hover{border-color:var(--danger)}.list{list-style:none;margin:0;padding:0}.list>li{display:flex;justify-content:space-between;gap:var(--space-6);padding:var(--space-3) var(--space-4);border:var(--line) solid transparent;border-bottom-color:var(--sep);font-size:var(--text-body)}.list>li.active{border-color:var(--accent);color:var(--text-1)}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--sep)}.table th{font-size:var(--text-small);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-3);font-weight:500}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 7px;box-sizing:border-box;border:var(--line) solid var(--outline);border-bottom-width:4px;background:var(--sep);color:var(--text-1);font-family:inherit;font-size:var(--text-small);font-weight:600;text-transform:uppercase}.site-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--bg-hero);border-bottom:var(--line) solid var(--outline)}.site-header .logo{display:block;image-rendering:pixelated;width:140px;height:27px}.site-header .page-title{display:flex;align-items:center;gap:var(--space-3);margin:0;color:var(--text-3)}.site-header nav{display:flex;gap:var(--space-4)}.site-header .slot{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.site-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-6);padding:var(--space-4);border-top:1px solid var(--sep);font-size:var(--text-small);letter-spacing:var(--tracking-label);text-transform:uppercase}