/* css/profile.css — only the states js/profile.js draws itself.

   The page ITSELF is drawn by js/page-render.js into the link-wall
   markup, so its styling lives in the wall's stylesheet. That has to be
   loaded here too, or the page renders as unstyled markup:

       <link rel="stylesheet" href="css/link-wall.css">
       <link rel="stylesheet" href="css/profile.css">

   What is left for this file is the handful of screens the renderer never
   sees — a free handle, a claimed-but-empty page, a failed load. They use
   their own tokens rather than the wall's, because those are set per
   theme by the renderer and none of these states has a theme yet. */

:root{
  --pf-ink:#efe9dd; --pf-paper:#141412; --pf-dim:#696761;
  --pf-accent:#c22f2f; --pf-line:#dbd6cb;
  --pf-mono:'Space Mono','SF Mono',Menlo,Consolas,monospace;
  --pf-disp:'Anton','Helvetica Neue',Arial,sans-serif;
}

.pf-msg{
  min-height:100dvh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:14px;padding:48px 22px;text-align:center;
  background:var(--pf-ink);color:var(--pf-paper);
  font:15px/1.6 var(--pf-mono);
}
.pf-brand{
  font-family:var(--pf-disp);font-size:1.4rem;letter-spacing:.02em;
  text-decoration:none;color:inherit;margin-bottom:10px;
}
.pf-brand b{color:var(--pf-accent)}

.pf-msg h1{
  font-family:var(--pf-disp);font-weight:400;
  font-size:clamp(1.7rem,6vw,2.6rem);line-height:1.1;letter-spacing:.01em;
  text-transform:uppercase;word-break:break-word;max-width:18em;
}
.pf-msg p{font-size:.86rem;color:var(--pf-dim);max-width:30em}

.pf-go{
  display:inline-block;margin-top:10px;cursor:pointer;
  background:var(--pf-paper);color:var(--pf-ink);border:1px solid var(--pf-paper);
  border-radius:9999px;padding:.85rem 1.6rem;text-decoration:none;
  font-family:var(--pf-mono);font-size:.72rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  transition:filter .2s,transform .1s;
}
.pf-go:hover{filter:brightness(1.25)}
.pf-go:active{transform:scale(.985)}

@media(prefers-reduced-motion:reduce){.pf-go{transition:none}}