/* DARKWEATHER changelog.
   Standalone: no inline <style>, no script, so it satisfies the same strict CSP
   as the app without needing hashes of its own. Fonts are the self-hosted
   copies already on this host — their filenames are content-addressed and
   stable, so they are referenced directly. */

@font-face{font-family:'Orbitron';font-style:normal;font-weight:500 900;font-display:swap;
  src:url(../fonts/f0-e8a5b1.woff2) format('woff2')}
@font-face{font-family:'Share Tech Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/f1-692586.woff2) format('woff2')}

:root{
  --bg:#03060c; --panel:rgba(6,12,22,.72); --edge:rgba(0,240,255,.22);
  --edge-hot:rgba(255,0,190,.45);
  --cyan:#00f0ff; --magenta:#ff2bd6; --violet:#8b5cff; --lime:#7dff5c;
  --amber:#ffb302; --red:#ff3b52; --text:#c8f4ff; --dim:#5c7f92;
  --mono:'Share Tech Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --display:'Orbitron', var(--mono);
}

*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{
  background:
    radial-gradient(120% 60% at 50% 0%, rgba(0,240,255,.06), transparent 60%),
    var(--bg);
  color:var(--text); font-family:var(--mono);
  font-size:clamp(13px,12px + .2vw,15px); line-height:1.7;
  padding:clamp(1rem,.5rem + 3vw,3rem) clamp(.9rem,.4rem + 3vw,2rem)
          calc(3rem + env(safe-area-inset-bottom,0px));
  -webkit-font-smoothing:antialiased;
}

.top{max-width:52rem;margin:0 auto clamp(2rem,1rem + 4vw,3.5rem)}
.back{
  display:inline-block;margin-bottom:1.4rem;
  font-size:9.5px;letter-spacing:.24em;color:var(--magenta);text-decoration:none;
  border:1px solid var(--edge-hot);padding:8px 12px;min-height:38px;line-height:22px;
}
.back:hover{background:rgba(255,43,214,.14);color:#fff}
.top h1{
  font-family:var(--display);font-weight:900;
  font-size:clamp(1.4rem,1rem + 3vw,2.3rem);letter-spacing:.14em;color:#fff;
  text-shadow:0 0 14px var(--cyan),2px 0 0 var(--magenta),-2px 0 0 rgba(0,240,255,.6);
}
.top h1 small{
  display:block;font-family:var(--mono);font-weight:400;
  font-size:9px;letter-spacing:.36em;color:var(--dim);
  text-shadow:none;margin-top:4px;
}
.lede{margin-top:1.1rem;color:var(--dim);font-size:.92em;max-width:44rem}
.lede b{color:var(--cyan);font-weight:400}

.log{max-width:52rem;margin:0 auto;display:grid;gap:clamp(1rem,.6rem + 1.6vw,1.6rem)}

.v{
  border:1px solid var(--edge);
  border-left:3px solid var(--edge);
  background:linear-gradient(180deg,rgba(0,240,255,.035),transparent 60%),var(--panel);
  padding:clamp(.9rem,.6rem + 1.2vw,1.4rem);
}
.v h2{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.55rem;
  font-family:var(--display);font-weight:500;
  font-size:clamp(.95rem,.85rem + .5vw,1.12rem);letter-spacing:.06em;color:#fff;
  margin-bottom:.7rem;
}
.num{
  font-family:var(--mono);font-size:1.05em;letter-spacing:.06em;
  color:var(--cyan);min-width:3.6em;
}
.tag{
  font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;
  padding:.25em .6em;border:1px solid currentColor;white-space:nowrap;
}
.tag.new{color:var(--lime)}
.tag.fix{color:var(--amber)}
.tag.sec{color:var(--magenta)}
.tag.ui{color:var(--cyan)}
.tag.ops{color:var(--violet)}
.tag.rem{color:var(--red)}
.tag.base{color:var(--dim)}
.tag.major{color:var(--bg);background:var(--lime);border-color:var(--lime)}

.v ul{list-style:none;display:grid;gap:.5rem}
.v li{padding-left:1.1rem;position:relative;color:var(--text);font-size:.94em}
.v li::before{content:'▸';position:absolute;left:0;color:var(--magenta);opacity:.8}
.v li b{color:#fff;font-weight:400}
.v li em{color:var(--dim);font-style:italic}
code,kbd{
  font-family:var(--mono);font-size:.92em;
  background:rgba(0,240,255,.09);border:1px solid rgba(0,240,255,.16);
  padding:.05em .35em;color:var(--cyan);white-space:nowrap;
}

/* the milestone release */
.v.major{
  border-color:rgba(125,255,92,.5);
  border-left:3px solid var(--lime);
  background:linear-gradient(180deg,rgba(125,255,92,.07),transparent 60%),var(--panel);
  box-shadow:0 0 30px rgba(125,255,92,.10);
}
.v.major .num{color:var(--lime)}
.v.base{opacity:.72;border-left-color:var(--dim)}
.v.base .num{color:var(--dim)}

.foot{
  max-width:52rem;margin:clamp(2rem,1rem + 4vw,3.5rem) auto 0;
  padding-top:1.2rem;border-top:1px solid var(--edge);
  color:var(--dim);font-size:.82em;
}
.foot a{color:var(--amber)}

a:focus-visible,.back:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

@media print{
  body{background:#fff;color:#000}
  .v,.v.major{background:#fff;border-color:#999;box-shadow:none;break-inside:avoid}
  .num,.top h1{color:#000;text-shadow:none}
  code,kbd{background:#eee;border-color:#ccc;color:#000}
}