* { box-sizing:border-box;margin:0;padding:0; }
  body.day {
    --bg-outer:#1a1008;--bg-glow1:rgba(90,20,120,0.18);--bg-glow2:rgba(20,80,100,0.15);
    --wrap-bg:#f0e6c8;--wrap-glow1:rgba(180,120,200,0.07);--wrap-glow2:rgba(20,100,120,0.06);
    --wrap-border:#8a6a30;--wrap-shadow:rgba(90,20,120,0.3);--wrap-shadow2:rgba(20,80,100,0.2);
    --header-bg:#1e0f04;--header-bg2:#2a1408;--header-border:#8a6a30;
    --title-color:#c8a050;--title-glow:rgba(200,160,80,0.4);--title-glow2:rgba(140,60,180,0.2);
    --subtitle-color:#6a4a18;--rune-color:#8a6a30;
    --breadcrumb:#7a5a28;--marquee-bg:#2a1408;--marquee-border:#5a3a10;
    --nav-bg:rgba(210,180,120,0.25);--nav-border:#b09060;--nav-head-color:#6a4a18;
    --nav-text:#3a2208;--nav-hover-bg:rgba(180,120,60,0.2);--nav-hover-text:#1a0a02;
    --nav-divider:rgba(140,100,40,0.3);--nav-symbol:#8a5a20;
    --content-bg:#f0e6c8;--box-border:#b09060;--box-bg:rgba(240,220,180,0.4);
    --section-head:#6a4a18;--body-text:#2a1a08;--italic-text:#3a1a50;
    --pixel-div:#8a6a30;
    --card-bg:rgba(240,220,180,0.45);--card-border:#b09060;--card-hover:rgba(180,140,60,0.2);
    --card-title:#3a1a08;--card-meta:#6a4a18;--card-excerpt:#2a1a08;
    --tag-prose-bg:rgba(80,40,10,0.12);--tag-prose-txt:#4a2008;--tag-prose-brd:rgba(80,40,10,0.4);
    --tag-poetry-bg:rgba(120,60,140,0.12);--tag-poetry-txt:#5a1a68;--tag-poetry-brd:rgba(120,60,140,0.4);
    --tag-letter-bg:rgba(20,80,100,0.12);--tag-letter-txt:#0a3850;--tag-letter-brd:rgba(20,80,100,0.4);
    --tag-prophecy-bg:rgba(160,80,10,0.12);--tag-prophecy-txt:#703000;--tag-prophecy-brd:rgba(160,80,10,0.4);
    --tag-sacred-bg:rgba(100,20,120,0.12);--tag-sacred-txt:#4a0858;--tag-sacred-brd:rgba(100,20,120,0.4);
    --tag-fragment-bg:rgba(60,60,60,0.12);--tag-fragment-txt:#282828;--tag-fragment-brd:rgba(60,60,60,0.4);
    --footer-bg:#1e0f04;--footer-border:#8a6a30;--footer-text:#5a3a10;--footer-link:#7a5a28;
    --toggle-bg:#2a1408;--toggle-border:#8a6a30;--toggle-text:#c8a050;
    --scrollbar-thumb:#8a6a30;--scrollbar-track:rgba(210,180,120,0.3);
  }
  body.night {
    --bg-outer:#05030a;--bg-glow1:rgba(80,10,120,0.35);--bg-glow2:rgba(10,50,80,0.3);
    --wrap-bg:#13101a;--wrap-glow1:rgba(120,60,180,0.08);--wrap-glow2:rgba(10,80,100,0.06);
    --wrap-border:#4a3060;--wrap-shadow:rgba(80,10,140,0.5);--wrap-shadow2:rgba(10,60,100,0.3);
    --header-bg:#0a0612;--header-bg2:#0e0918;--header-border:#4a3060;
    --title-color:#c8a0e8;--title-glow:rgba(180,120,240,0.5);--title-glow2:rgba(80,140,200,0.25);
    --subtitle-color:#9a7ab8;--rune-color:#5a4070;
    --breadcrumb:#7a5a98;--marquee-bg:#0a0612;--marquee-border:#3a2050;
    --nav-bg:rgba(40,20,60,0.4);--nav-border:#3a2860;--nav-head-color:#7a5a98;
    --nav-text:#b090c8;--nav-hover-bg:rgba(100,60,140,0.25);--nav-hover-text:#d0b0e8;
    --nav-divider:rgba(80,50,110,0.4);--nav-symbol:#7a5090;
    --content-bg:#13101a;--box-border:#3a2860;--box-bg:rgba(30,18,48,0.5);
    --section-head:#9a7ab8;--body-text:#d0bce4;--italic-text:#e0d0f0;
    --pixel-div:#4a3060;
    --card-bg:rgba(30,18,48,0.55);--card-border:#3a2860;--card-hover:rgba(80,40,120,0.25);
    --card-title:#d8c0f0;--card-meta:#9a7ab8;--card-excerpt:#b0a0c8;
    --tag-prose-bg:rgba(140,100,40,0.18);--tag-prose-txt:#d0a860;--tag-prose-brd:rgba(140,100,40,0.5);
    --tag-poetry-bg:rgba(160,80,180,0.18);--tag-poetry-txt:#d8a0f8;--tag-poetry-brd:rgba(160,80,180,0.5);
    --tag-letter-bg:rgba(40,120,160,0.18);--tag-letter-txt:#80c8f8;--tag-letter-brd:rgba(40,120,160,0.5);
    --tag-prophecy-bg:rgba(200,100,20,0.18);--tag-prophecy-txt:#f0b060;--tag-prophecy-brd:rgba(200,100,20,0.5);
    --tag-sacred-bg:rgba(140,20,180,0.18);--tag-sacred-txt:#d880f8;--tag-sacred-brd:rgba(140,20,180,0.5);
    --tag-fragment-bg:rgba(80,80,80,0.18);--tag-fragment-txt:#b0b0b0;--tag-fragment-brd:rgba(100,100,100,0.4);
    --footer-bg:#0a0612;--footer-border:#4a3060;--footer-text:#5a3a80;--footer-link:#9a7ab8;
    --toggle-bg:#0a0612;--toggle-border:#4a3060;--toggle-text:#c8a0e8;
    --scrollbar-thumb:#5a3a80;--scrollbar-track:rgba(40,20,60,0.4);
  }
  body { background-color:var(--bg-outer);background-image:radial-gradient(ellipse at 20% 50%,var(--bg-glow1) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,var(--bg-glow2) 0%,transparent 55%);font-family:'IM Fell English',Georgia,serif;min-height:100vh;padding:24px 16px;transition:background-color 0.4s; }
  .scrollbox::-webkit-scrollbar{width:7px;}.scrollbox::-webkit-scrollbar-track{background:var(--scrollbar-track);}.scrollbox::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:0;}.scrollbox{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);overflow-y:auto;padding-right:6px;}
  .site-wrap{max-width:900px;margin:0 auto;background-color:var(--wrap-bg);background-image:linear-gradient(160deg,var(--wrap-glow1) 0%,transparent 40%),linear-gradient(200deg,transparent 50%,var(--wrap-glow2) 100%);border:3px double var(--wrap-border);box-shadow:0 0 40px var(--wrap-shadow),0 0 80px var(--wrap-shadow2);position:relative;overflow:hidden;transition:background-color 0.4s,border-color 0.4s,box-shadow 0.4s;}

  /* ── TOGGLE BUTTON ── */
.toggle-wrap {
  position: absolute;
  top: 18px;
  right: 20px;
  z-index: 10;
  display: inline-block;
  overflow: visible;
}

.mode-toggle {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 60px;
  height: 60px;
  display: block;
  overflow: visible;
}

.mode-toggle img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  image-rendering: pixelated;
  display: block;
  /* ease-out on mouse-off so it gently returns to normal */
  transition: transform 0.4s ease-out,
              filter 0.4s ease-out,
              opacity 0.4s ease-out;
}

/* Hover: glow, grow, rotate — ease-in on mouse-on */
.toggle-wrap:hover .mode-toggle img {
  transform: scale(1.12) rotate(12deg);
  filter: brightness(1.3) drop-shadow(0 0 6px var(--title-glow));
  transition: transform 0.2s ease-in,
              filter 0.2s ease-in,
              opacity 0.2s ease-in;
}

/* Tooltip */
.toggle-wrap .toggle-tooltip {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  background: var(--toggle-bg);
  border: 1px solid var(--toggle-border);
  color: var(--toggle-text);
  font-family: 'AlmendraSC', serif;
  font-size: 10px;
  letter-spacing: 1px;
  padding: 3px 8px;
  white-space: nowrap;
  pointer-events: none;
  transition: opacity 0.2s;
}

.toggle-wrap:hover .toggle-tooltip {
  visibility: visible;
  opacity: 1;
}


  .site-header{background-color:var(--header-bg);background-image:linear-gradient(180deg,var(--header-bg) 0%,var(--header-bg2) 100%);border-bottom:3px double var(--header-border);padding:18px 24px 14px;text-align:center;position:relative;z-index:1;transition:background-color 0.4s,border-color 0.4s;}
  .site-title{font-family:'Silvus',serif;font-size:50px;font-weight:600;color:var(--title-color);letter-spacing:4px;text-shadow:0 0 20px var(--title-glow),0 0 40px var(--title-glow2);text-decoration:none;display:block;margin-bottom:4px;transition:color 0.4s;}.site-title:hover{opacity:0.85;}
  .breadcrumb{font-family:'AlmendraSC',serif;font-size:9px;letter-spacing:2px;color:var(--breadcrumb);text-transform:uppercase;transition:color 0.4s;}.breadcrumb a{color:var(--breadcrumb);text-decoration:none;}.breadcrumb a:hover{text-decoration:underline;}
  .marquee-strip{background:var(--marquee-bg);border-bottom:1px solid var(--marquee-border);padding:5px 0;overflow:hidden;white-space:nowrap;position:relative;z-index:1;transition:background 0.4s,border-color 0.4s;}
  .marquee-inner{display:inline-block;animation:marquee-scroll 30s linear infinite;font-family:'IM Fell English',serif;font-style:italic;font-size:12px;letter-spacing:2px;}
  body.night .marquee-inner{color:#9a78b8;} body.day .marquee-inner{color:#9a7a38;}
  @keyframes marquee-scroll{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
  .main-layout{display:flex;position:relative;z-index:1;}
  
  .drop-cap {
    float: left;
    font-size: 80px;
    line-height: 0.85;
    font-family: 'BlossomCaps', 
    text-transform;uppercase
    color: var(--drop-cap);
    margin-right: 4px;
    margin-top: 4px;
    transition: color 0.4s;
  }

  /* ── SIDEBAR ── */
  .nav-sidebar {
  width: 155px;
  min-width: 155px;
  border-right: 2px solid var(--nav-border);
  background-color: var(--nav-bg);
  background-image: url('/images/quartzbg.png');
  background-repeat: repeat;
  background-size: auto;
  transition: background-color 0.4s, border-color 0.4s;
  
}

  .nav-sidebar::before {
  content: '';
  position: absolute;
  inset: 0;
  background-repeat: repeat;
  background-size: auto;
  pointer-events: none;
  z-index: 0;
}

/* make all nav content sit above the texture */
.nav-sidebar > * {
  position: relative;
  z-index: 1;
}

body.night .nav-sidebar::before {
  background-image: url('/images/asemicbg.png');
  mix-blend-mode: screen;
  opacity: 0.15;
}

body.day .nav-sidebar::before {
  background-image: url('/images/parchment.jpg');
  mix-blend-mode: ;
  opacity: 0.25;
}

body.night .nav-sidebar {
  background-image: url('/images/asemicbg.png');
  mix-blend-mode: screen;
  opacity: 0.7; /* 0 = invisible, 1 = full strength */
}

body.day .nav-sidebar {
  background-image: url('/images/parchment.jpg');
}
  .nav-header{font-family:'Crusades',serif;font-size:20px;letter-spacing:2px;color:var(--nav-head-color);padding:10px 12px 4px;border-bottom:1px solid var(--nav-border);text-transform:;transition:color 0.4s,border-color 0.4s;}
  .nav-item{display:block;padding:8px 12px;font-size:12px;color:var(--nav-text);text-decoration:none;border-bottom:1px solid var(--nav-divider);font-family:'IM Fell English',Georgia,serif;cursor:pointer;transition:background 0.15s,color 0.15s;line-height:1.3;}.nav-item:hover,.nav-item.active{background:var(--nav-hover-bg);color:var(--nav-hover-text);}.nav-item.active{font-style:italic;}
  .nav-symbol{margin-right:5px;display:inline-flex;align-items:center;vertical-align:middle;}.nav-symbol img{width:14px;height:14px;object-fit:contain;opacity:0.75;image-rendering:pixelated;vertical-align:middle;transition:opacity 0.15s;}.nav-item:hover .nav-symbol img,.nav-item.active .nav-symbol img{opacity:1;}
  .content-area{flex:1;padding:18px 22px;min-width:0;background:var(--content-bg);transition:background 0.4s;}
  .page-hd{margin-bottom:16px;border-bottom:2px solid var(--box-border);padding-bottom:10px;transition:border-color 0.4s;}
  .page-title{font-family:'Crusades',serif;font-size:25px;font-weight:600;color:var(--title-color);letter-spacing:3px;text-shadow:0 0 12px var(--title-glow);transition:color 0.4s;}
  .page-sub{font-style:italic;font-size:13px;color:var(--subtitle-color);margin-top:4px;transition:color 0.4s;}
  .pixel-divider {
    width: 100%;
    height: 20px;
    margin-bottom: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.7;
  }
  body.night .pixel-divider { background-image: url('/images/glowingdivider.gif'); }
  body.day   .pixel-divider { background-image: url('/images/bookdiv.png'); }
  .section-label{font-family:'AlmendraSC',serif;font-size:10px;letter-spacing:3px;color:var(--section-head);text-transform:uppercase;border-bottom:1px solid var(--box-border);padding-bottom:4px;margin-bottom:12px;margin-top:4px;transition:color 0.4s,border-color 0.4s;}
  /* Entry cards */
  .entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;}
  .entry-card{border:1px solid var(--card-border);background:var(--card-bg);padding:12px 14px;text-decoration:none;display:block;transition:background 0.15s,border-color 0.15s;}.entry-card:hover{background:var(--card-hover);border-color:var(--nav-symbol);}
  .card-title{font-family:'AlmendraSC',serif;font-size:12px;font-weight:600;color:var(--card-title);letter-spacing:0.5px;display:block;margin-bottom:3px;transition:color 0.4s;}
  .card-meta{font-family:'AlmendraSC',serif;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--card-meta);display:block;margin-bottom:6px;transition:color 0.4s;}
  .card-excerpt{font-size:11px;font-style:italic;color:var(--card-excerpt);line-height:1.6;transition:color 0.4s;}
  .card-tags{margin-top:6px;display:flex;gap:4px;flex-wrap:wrap;}
  /* Text type tags */
  .ttag{font-family:'AlmendraSC',serif;font-size:7px;letter-spacing:1px;text-transform:uppercase;padding:2px 5px;border:1px solid;}
  .ttag.prose     {background:var(--tag-prose-bg);color:var(--tag-prose-txt);border-color:var(--tag-prose-brd);}
  .ttag.poetry    {background:var(--tag-poetry-bg);color:var(--tag-poetry-txt);border-color:var(--tag-poetry-brd);}
  .ttag.letter    {background:var(--tag-letter-bg);color:var(--tag-letter-txt);border-color:var(--tag-letter-brd);}
  .ttag.prophecy  {background:var(--tag-prophecy-bg);color:var(--tag-prophecy-txt);border-color:var(--tag-prophecy-brd);}
  .ttag.sacred    {background:var(--tag-sacred-bg);color:var(--tag-sacred-txt);border-color:var(--tag-sacred-brd);}
  .ttag.fragment  {background:var(--tag-fragment-bg);color:var(--tag-fragment-txt);border-color:var(--tag-fragment-brd);}
  /* Forthcoming placeholder card */
  .card-placeholder{border:1px dashed var(--box-border);background:transparent;padding:12px 14px;opacity:0.45;}
  .card-placeholder .card-title{color:var(--section-head);}
  .site-footer{background:var(--footer-bg);border-top:3px double var(--footer-border);padding:10px 20px;text-align:center;position:relative;z-index:1;transition:background 0.4s,border-color 0.4s,color 0.4s;}
  body.night .site-footer{font-family:'IM Fell English',Georgia,serif;font-size:12px;letter-spacing:1px;color:#8a6aaa;}
  body.day   .site-footer{font-family:'IM Fell English',Georgia,serif;font-size:12px;letter-spacing:1px;color:#7a5a28;}
  .footer-links a{text-decoration:none;margin:0 8px;}
  body.night .footer-links a{color:#b090d0;} body.day .footer-links a{color:#8a6a28;}
  .footer-links a:hover{text-decoration:underline;}
  * { cursor:url('/images/cursor-default.png') 0 0,auto !important; }
  a,button,.nav-item,.mode-toggle,.entry-card { cursor:url('/images/cursor-pointer.png') 0 0,pointer !important; }