/* The fun layer (public/peel-fun.js, 2026-10-25): the screen peel for Peel's peek. Tokens:
   --ui-* and --spf-* in site-header.css. Crisp on purpose: flat fills, hairlines, an ink edge on
   the peel, no blur or glow. */

/* A page-sized peel from the screen's bottom-right corner. */
.spf-screen{position:fixed;inset:0;z-index:400;pointer-events:none}
.spf-screen-under{position:absolute;inset:0;overflow:hidden;background:var(--spf-under);color:var(--spf-under-fg);pointer-events:auto;font:400 15px/1.5 var(--ui-font);letter-spacing:-.01em}
.spf-screen-flap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}

/* Peel's peek: it looks out from under the corner and waves for a moment. */
.spf-peek-page{position:absolute;right:18px;bottom:6px;margin:0;padding:0;border:0;background:none;line-height:0;cursor:pointer}
.spf-peek-page:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px;border-radius:12px}
.spf-peek-say{position:absolute;right:14px;bottom:112px;padding:3px 9px;border-radius:999px;background:var(--ui-card);color:var(--ui-text);font:500 11.5px/1.5 var(--ui-mono);white-space:nowrap}