/* Static atmospheric art; only compact UI surfaces use backdrop blur. */
@media screen{
  :root{--glass-base:43,32,25;--glass-alpha:.94;--glass-shine:.03;--glass-rim:rgba(255,173,125,.34);--glass-shadow:rgba(0,0,0,.32);--reading-veil:11,12,14}
  :root[data-theme='light']{--glass-base:222,211,197;--glass-alpha:.97;--glass-shine:.08;--glass-rim:rgba(255,245,231,.86);--glass-shadow:rgba(80,49,28,.18);--reading-veil:236,231,224}
  body{position:relative;isolation:isolate}
  body:before,body:after{content:'';position:fixed;inset:0;pointer-events:none}
  body:before{z-index:-2;background:var(--void) url('art/ember-atmosphere-v1-1672.webp') center/cover no-repeat}
  body:after{z-index:-1;background:linear-gradient(90deg,rgba(var(--reading-veil),.08),rgba(var(--reading-veil),.86) calc(50% - 490px),rgba(var(--reading-veil),.96) calc(50% - 400px),rgba(var(--reading-veil),.96) calc(50% + 400px),rgba(var(--reading-veil),.86) calc(50% + 490px),rgba(var(--reading-veil),.08))}
  :root[data-theme='light'] body:before{opacity:.36}
  .masthead,.readerbar-inner,.contents,.spoiler{
    background:linear-gradient(125deg,rgba(255,255,255,var(--glass-shine)),transparent 42%,rgba(255,138,80,.015)),rgba(var(--glass-base),var(--glass-alpha));
    border:1px solid var(--glass-rim);
    box-shadow:inset 0 1px 0 rgba(255,244,224,.25),inset 0 -1px 0 rgba(255,138,80,.12),0 4px 24px rgba(194,65,12,.10),0 14px 38px var(--glass-shadow);
    -webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%)
  }
  .readerbar-inner,.contents{position:relative}
  .contents{top:auto;inset-block-start:auto}
  .masthead:after,.readerbar-inner:after,.contents:after,.spoiler:after{content:'';position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,226,201,.72),rgba(255,173,125,.20) 25%,transparent 43%,rgba(255,138,80,.28) 76%,rgba(236,231,224,.42));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
  .masthead{inset:16px 24px auto;height:70px;padding:0 25px;margin:0;border-radius:24px;z-index:5}
  .hero-art,.hero:after{top:0}
  .masthead .controls,.readerbar .controls{gap:12px}
  .language{padding:3px;border:1px solid var(--glass-rim);border-radius:17px;background:rgba(var(--glass-base),.35);gap:2px;box-shadow:inset 0 1px 5px rgba(0,0,0,.10)}
  .language button{min-width:42px;min-height:38px;border:1px solid transparent;border-radius:13px}
  .language button[aria-pressed='true']{background:linear-gradient(135deg,rgba(255,138,80,.23),rgba(255,138,80,.07)),var(--cabin);border-color:var(--ember-2);box-shadow:inset 0 1px 0 rgba(255,237,215,.32),0 3px 10px var(--glass-shadow);color:var(--bone)}
  .language button:hover,.theme-toggle:hover{border-color:var(--ember-2)}
  .theme-toggle{width:46px;height:46px;border-radius:17px;background:linear-gradient(140deg,rgba(255,138,80,.12),transparent),rgba(var(--glass-base),.85);border-color:var(--glass-rim);box-shadow:inset 0 1px 0 rgba(255,237,215,.26),0 4px 12px var(--glass-shadow)}
  .readerbar{top:12px;max-width:1080px;width:calc(100% - 48px);margin:16px auto 0;background:transparent;border:0}
  .readerbar-inner{padding:8px 22px;max-width:none;border-radius:22px}
  .readerbar .progress{left:22px;right:22px;bottom:0;overflow:hidden;border-radius:2px}
  .contents{padding:0 24px;border-radius:22px;overflow:hidden}
  .contents summary{min-height:64px;display:flex;align-items:center;gap:12px;padding:16px 0;color:var(--bone)}
  .contents summary:after{content:'+';margin-left:auto;color:var(--ember-2);font:24px var(--display)}
  .contents[open] summary:after{content:'−'}
  .contents[open] summary{border-bottom:1px solid var(--glass-rim)}
  .contents nav{padding-top:24px}.contents a:hover{color:var(--ember-2)}
  .spoiler{position:relative;padding:26px 30px;border-radius:20px;border-left:1px solid var(--glass-rim);overflow:hidden}
  .spoiler:before{content:'';position:absolute;inset:22px auto 22px 0;width:3px;background:var(--ember-2);border-radius:0 3px 3px 0}
  .author-avatar{box-shadow:0 12px 36px var(--glass-shadow);outline:1px solid var(--glass-rim);outline-offset:5px}
  .part-divider{border-color:var(--glass-rim);background:linear-gradient(90deg,transparent,rgba(var(--glass-base),.82),transparent)}
  .cabin-block{border-color:var(--glass-rim);border-radius:20px;box-shadow:0 16px 40px var(--glass-shadow)}
  .cabin-illustration{border-radius:20px 20px 0 0}
  .site-footer{background:rgba(var(--reading-veil),.94);border-color:var(--glass-rim)}
  .hero{padding-bottom:70px}
  .hero-art{mask-image:linear-gradient(#000 0%,#000 calc(100% - 280px),transparent 100%)}
  .hero-bottom{background:rgba(11,12,14,.90);box-shadow:none;border:1px solid rgba(154,163,173,.28);border-radius:22px;padding:24px 28px;margin-bottom:10px;backdrop-filter:blur(18px)}
  .reading-transition{height:190px;margin-top:-1px;margin-bottom:-130px;position:relative;pointer-events:none;background:linear-gradient(#0b0c0e,rgba(11,12,14,.80) 30%,transparent);z-index:0}
}
@media screen and (max-width:1050px){
  .masthead-label{display:none}
}
@media screen and (max-width:760px){
  body:before{background-image:url('art/ember-atmosphere-v1-960.webp');background-position:18% center}
  body:after{background:rgba(var(--reading-veil),.90)}
  .masthead{inset:10px 10px auto;height:62px;padding:0 13px;border-radius:20px;gap:8px}
  .masthead .brand{font-size:16px;white-space:nowrap}
  .masthead .controls,.readerbar .controls{gap:6px}
  .language{padding:2px;border-radius:14px}.language button{min-width:34px;min-height:38px;border-radius:11px;font-size:10px}
  .theme-toggle{width:42px;height:44px;border-radius:14px;font-size:22px}
  .hero-art{margin-top:0;height:clamp(355px,100vw,520px);mask-image:none}
  .hero{padding-bottom:35px}.hero-bottom{padding:20px 18px;margin-bottom:0}
  .reading-transition{height:140px;margin-bottom:-100px}
  .readerbar{top:8px;width:calc(100% - 20px);margin-top:10px}
  .readerbar-inner{padding:6px 12px;border-radius:19px}
  .readerbar .controls{gap:4px}.reader-title{font-size:8px}
  .readerbar .progress{left:17px;right:17px}
  .contents{padding:0 18px;border-radius:19px}.contents summary{min-height:60px}
  .spoiler{padding:23px 21px;border-radius:18px}
  .cabin-block{border-radius:16px}.cabin-illustration{border-radius:16px 16px 0 0}
}
@media screen and (max-width:360px){
  .masthead{padding-inline:10px}.masthead .brand{font-size:14px}
}
@media screen and (prefers-reduced-transparency:reduce){
  .masthead,.readerbar-inner,.contents,.spoiler{background:var(--void);-webkit-backdrop-filter:none;backdrop-filter:none}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  @media screen{.masthead,.readerbar-inner,.contents,.spoiler{background:var(--void)}}
}
@media print{body:before,body:after,.reading-transition{display:none!important}}