/* ══ VIEWER PATH ════════════════════════════════════════ */
#ps-viewer{display:block;overflow:hidden;background:radial-gradient(ellipse at 55% 25%,#0e0818 0%,#060610 60%,#04040c 100%)}
.view-wrap{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:50px 20px 40px;scroll-behavior:smooth}
.view-wrap::-webkit-scrollbar{width:3px}
.view-wrap::-webkit-scrollbar-thumb{background:rgba(184,152,212,.22);border-radius:2px}
.view-header{text-align:center;margin-bottom:46px;max-width:680px}
.view-header .rune-deco{font-family:'Cinzel Decorative',serif;font-size:.62rem;letter-spacing:.7em;color:rgba(184,152,212,.25);margin-bottom:16px;text-transform:uppercase}
.view-header h1{font-family:'Cinzel Decorative',serif;font-size:clamp(1.4rem,3.5vw,2.6rem);color:var(--violet);letter-spacing:.12em;text-shadow:0 0 50px rgba(184,152,212,.55),0 0 100px rgba(184,152,212,.2)}
.view-header .opener{font-family:'Cinzel',serif;font-size:.78rem;color:rgba(190,162,220,.42);letter-spacing:.28em;margin-top:12px;line-height:1.8}
.view-section-label{font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.5em;color:rgba(184,152,212,.35);text-transform:uppercase;text-align:center;margin:48px 0 26px}
#view-posts{width:min(640px,92vw)}
.view-back{margin-top:40px;padding:9px 26px;background:transparent;color:rgba(184,152,212,.45);border:1px solid rgba(184,152,212,.18);border-radius:7px;font-family:'Cinzel',serif;font-size:.63rem;letter-spacing:.24em;cursor:pointer;transition:all .22s}
.view-back:hover{color:var(--violet);border-color:rgba(184,152,212,.45)}

/* ══ PERSONAL PATH ══════════════════════════════════════ */
#ps-personal{display:block;overflow:hidden;background:radial-gradient(ellipse at 40% 20%,#160606 0%,#060308 80%,#030206 100%)}
.pers-wrap{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:56px 20px 40px}
.pers-wrap::-webkit-scrollbar{width:3px}
.pers-wrap::-webkit-scrollbar-thumb{background:rgba(208,96,96,.18);border-radius:2px}
.pers-header{text-align:center;margin-bottom:44px}
.pers-sword{font-size:3rem;display:block;margin-bottom:14px;animation:pbreathe 4s ease-in-out infinite}
@keyframes pbreathe{0%,100%{filter:drop-shadow(0 0 20px rgba(208,96,96,.45))}50%{filter:drop-shadow(0 0 40px rgba(208,96,96,.9)) drop-shadow(0 0 80px rgba(208,96,96,.3))}}
.pers-header h1{font-family:'Cinzel Decorative',serif;font-size:clamp(1.5rem,4vw,2.8rem);color:var(--crimson);letter-spacing:.1em;text-shadow:0 0 40px rgba(208,96,96,.55)}
.pers-header .sub{font-family:'Cinzel',serif;font-size:.76rem;color:rgba(210,130,130,.38);letter-spacing:.3em;margin-top:10px}
.pers-section-label{font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.5em;color:rgba(208,96,96,.4);text-transform:uppercase;text-align:center;margin:48px 0 26px}
#pers-blog{width:min(680px,94vw)}
.pers-back{margin-top:40px;padding:9px 26px;background:transparent;color:rgba(208,96,96,.4);border:1px solid rgba(208,96,96,.16);border-radius:7px;font-family:'Cinzel',serif;font-size:.63rem;letter-spacing:.24em;cursor:pointer;transition:all .22s}
.pers-back:hover{color:var(--crimson);border-color:rgba(208,96,96,.45)}

.view-wrap,.pers-wrap{overscroll-behavior:contain;scrollbar-gutter:stable}
.view-back:focus-visible,.pers-back:focus-visible{outline:2px solid currentColor;outline-offset:4px}

html.system-pointer,html.system-pointer body{cursor:auto!important}
html.system-pointer #cur,html.system-pointer #cur-ring,html.system-pointer #flame-canvas{display:none!important}
html.system-pointer button,html.system-pointer a{cursor:pointer!important}

@media(max-width:680px){
  .view-wrap,.pers-wrap{padding:42px 14px 34px}
  .view-header,.pers-header{margin-bottom:30px}
  .view-header .rune-deco{letter-spacing:.35em;line-height:1.7}
  .view-header .opener,.pers-header .sub{letter-spacing:.14em}
  .view-section-label,.pers-section-label{letter-spacing:.28em;margin:38px 0 22px}
}

@media(prefers-reduced-motion:reduce){
  .pers-sword{animation:none}
  .view-wrap,.pers-wrap{scroll-behavior:auto}
}