/* GLYP changelog — one page, two skins. [data-site=world] wears glyp.world's
   e-paper light chrome; [data-site=online] (and the pre-JS default) wears
   glyp.online's dark broadcast chrome. */
@font-face{font-family:'Silkscreen';font-style:normal;font-weight:400;src:url(fonts/silkscreen-400-latin.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Silkscreen';font-style:normal;font-weight:700;src:url(fonts/silkscreen-700-latin.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Pixelify Sans';font-style:normal;font-weight:400 700;src:url(fonts/pixelify-sans-latin.woff2) format('woff2');font-display:swap}

:root{
  color-scheme:dark;
  --paper:#111;--panel:#1a1a1c;--ink:#f5f5f2;--muted:#c8c8c2;--soft:#a7a7a0;
  --line:rgba(255,255,255,.16);--line2:rgba(255,255,255,.32);--accent:#5e5ce6;
  --tag-new:#4bc477;--tag-improved:#8a88ff;--tag-fixed:#e0a12b;--tag-agents:#ff6482;
  --scan:rgba(23,23,23,.4);
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --pixel:'Silkscreen',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --display:'Pixelify Sans',Inter,sans-serif;
  --pc1:3px;--pc2:6px;
  --pixel-corners:polygon(0 var(--pc2),var(--pc1) var(--pc2),var(--pc1) var(--pc1),var(--pc2) var(--pc1),var(--pc2) 0,calc(100% - var(--pc2)) 0,calc(100% - var(--pc2)) var(--pc1),calc(100% - var(--pc1)) var(--pc1),calc(100% - var(--pc1)) var(--pc2),100% var(--pc2),100% calc(100% - var(--pc2)),calc(100% - var(--pc1)) calc(100% - var(--pc2)),calc(100% - var(--pc1)) calc(100% - var(--pc1)),calc(100% - var(--pc2)) calc(100% - var(--pc1)),calc(100% - var(--pc2)) 100%,var(--pc2) 100%,var(--pc2) calc(100% - var(--pc1)),var(--pc1) calc(100% - var(--pc1)),var(--pc1) calc(100% - var(--pc2)),0 calc(100% - var(--pc2)))
}
:root[data-site=world]{
  color-scheme:light;
  --paper:#f4f4f0;--panel:#fffffc;--ink:#171717;--muted:#70736f;--soft:#a5a7a3;
  --line:rgba(23,23,23,.12);--line2:rgba(23,23,23,.26);--accent:#ff5c5c;
  --tag-new:#219b65;--tag-improved:#4a48c9;--tag-fixed:#a9741a;--tag-agents:#d13c5e;
  --scan:rgba(23,23,23,.5)
}

*{box-sizing:border-box}
html,body{margin:0}
body{min-height:100dvh;background:var(--paper);color:var(--ink);font-family:var(--sans);transition:background .18s ease,color .18s ease}
body::after{content:"";position:fixed;inset:0;z-index:2000;pointer-events:none;background:linear-gradient(var(--scan) .5px,transparent .5px) 0 0/100% 3px,linear-gradient(90deg,var(--scan) .5px,transparent .5px) 0 0/3px 100%;opacity:.045}
::selection{background:var(--accent);color:#fff}
:focus-visible{outline:2px dotted var(--accent);outline-offset:2px}

.log{max-width:720px;margin:0 auto;padding:26px 22px max(40px,env(safe-area-inset-bottom))}
.log-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:18px;border-bottom:1.5px solid var(--line2)}
.log-brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none}
.log-brand b{display:grid;place-items:center;width:30px;height:30px;background:var(--ink);color:var(--paper);font:400 21px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;clip-path:var(--pixel-corners)}
.log-brand span{font:700 12px/1 var(--pixel)}
.log-brand small{color:var(--soft);font:400 8px/1 var(--pixel)}
.log-switch{display:flex;gap:5px}
.log-switch button{padding:9px 12px;border:1.5px solid var(--line2);background:var(--panel);color:var(--muted);font:400 9px/1 var(--pixel);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;clip-path:var(--pixel-corners)}
.log-switch button:hover{color:var(--ink)}
.log-switch button.active{background:var(--accent);border-color:var(--accent);color:#fff}
/* Pixelify Sans ships fi/fl ligatures that collapse into an unreadable glyph. */
.log-lead,.entry h3{font-variant-ligatures:none;font-feature-settings:"liga" 0,"clig" 0}
.log-lead{margin:18px 0 6px;color:var(--muted);font-family:var(--display);font-size:15px;line-height:1.5}
.day{margin-top:26px}
.day h2{margin:0 0 12px;color:var(--accent);font:700 12px/1 var(--pixel);letter-spacing:.05em}
.day h2::before{content:"⠿ ";color:var(--soft)}
.day ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.entry{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1.5px solid var(--line);background:var(--panel);clip-path:var(--pixel-corners)}
.entry .tag{flex:0 0 auto;margin-top:1px;padding:4px 7px 3px;font:400 8px/1 var(--pixel);text-transform:uppercase;letter-spacing:.04em;color:#fff;clip-path:var(--pixel-corners)}
.entry.tag-new .tag{background:var(--tag-new)}
.entry.tag-improved .tag{background:var(--tag-improved)}
.entry.tag-fixed .tag{background:var(--tag-fixed)}
.entry.tag-agents .tag{background:var(--tag-agents)}
.entry h3{margin:1px 0 0;font-family:var(--display);font-size:15px;font-weight:700;line-height:1.3}
.entry p{margin:5px 0 0;color:var(--muted);font-size:12.5px;line-height:1.55}
.entry .scope{display:block;margin-top:7px;color:var(--soft);font:400 8px/1 var(--pixel);text-transform:uppercase;letter-spacing:.03em}
.entry .scope::before{content:"+ "}
.log-empty{margin-top:30px;color:var(--soft);font-family:var(--pixel);font-size:10px}
.log-foot{display:flex;justify-content:space-between;gap:14px;margin-top:36px;padding-top:14px;border-top:1.5px dotted var(--line2);color:var(--soft);font:400 8px/1.6 var(--pixel);text-transform:uppercase}
.log-foot a{color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--soft)}
.log-foot a:hover{color:var(--ink)}
@media(max-width:520px){
  .log{padding-inline:14px}
  .log-head{flex-wrap:wrap}
  .entry{flex-direction:column;gap:8px}
  .log-foot{flex-direction:column;gap:6px}
}
@media(prefers-reduced-motion:reduce){body{transition:none}}