/* AuthorChe: palette-aware depth and responsive fixes, preserving page structure. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{min-height:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,a,input,select,textarea{touch-action:manipulation}
img,video,canvas,svg{max-width:100%}
img{height:auto}
button,input,select,textarea{font:inherit}

/* RGB fallbacks use colors already present in each page's authored palette. */
body[data-premium]{--ac-accent:var(--gold,var(--accent,currentColor));--ac-rgb:200,169,110;--ac-depth:rgba(0,0,0,.18);--ac-edge:rgba(255,255,255,.10)}
body[data-premium="blue"]{--ac-accent:var(--blue,var(--accent,#6ea8ff));--ac-rgb:110,168,255}
body[data-premium="violet"]{--ac-accent:var(--accent,#667eea);--ac-rgb:102,126,234}
body[data-premium="lavender"]{--ac-accent:var(--pri,#d0bcff);--ac-rgb:208,188,255}
body[data-premium="indigo"]{--ac-accent:var(--teal,#818cf8);--ac-rgb:129,140,248}
body[data-premium="silver"]{--ac-accent:#c2ccff;--ac-rgb:194,204,255}
body[data-premium="music"]{--ac-accent:var(--accent,#eecf8f);--ac-rgb:238,207,143}
body[data-premium="azure"]{--ac-accent:var(--accent,var(--primary,#007acc));--ac-rgb:0,122,204}
body[data-premium="green"]{--ac-accent:var(--primary,#33ff33);--ac-rgb:51,255,51}
body[data-premium="light"]{--ac-depth:rgba(30,40,70,.10);--ac-edge:rgba(255,255,255,.8);--ac-accent:#007acc;--ac-rgb:0,122,204}
[data-theme="light"] body[data-premium],body[data-theme="light"][data-premium]{--ac-depth:rgba(30,40,70,.10);--ac-edge:rgba(255,255,255,.8)}

/* Background depth follows the original gold/navy palette and theme tokens. */
body[data-premium="gold"]{
 background-image:radial-gradient(ellipse at 12% 0%,rgba(200,169,110,.09),transparent 46%),radial-gradient(ellipse at 95% 65%,rgba(110,168,255,.045),transparent 54%),linear-gradient(165deg,var(--bg,#030712),var(--bg-2,var(--bg,#030712)) 54%,var(--bg,#030712));
 background-repeat:no-repeat;
}

/* Explicit surfaces only: preserve photo backgrounds, artwork and nested icons. */
body[data-premium] :is(.card,.panel,.exp-card,.link-card,.tool-card,.contact-card,.glass-card,.poem-post,.post,.privacy-card,.about-card,.feature-card,.feature-box,.release,.auth-card,.player-card,.cmp-panel,.chat-window,.sup-card,.install-block,.legal-notice,.support-card,.float-card,.device-card,.terminal,.docs-sidebar){
 background-image:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,0) 43%,rgba(0,0,0,.06)),radial-gradient(ellipse at 0% 0%,rgba(var(--ac-rgb),.105),transparent 64%);
 box-shadow:inset 0 1px 0 var(--ac-edge),0 12px 36px -18px var(--ac-depth),0 2px 8px -5px var(--ac-depth);
}
@supports (color:color-mix(in srgb,red,transparent)){
 body[data-premium] :is(.card,.panel,.exp-card,.link-card,.tool-card,.contact-card,.glass-card,.poem-post,.post,.privacy-card,.about-card,.feature-card,.feature-box,.release,.auth-card,.player-card,.cmp-panel,.chat-window,.sup-card,.install-block,.legal-notice,.support-card,.float-card,.device-card,.terminal,.docs-sidebar){
  background-image:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,0) 43%,rgba(0,0,0,.06)),radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--ac-accent) 11%,transparent),transparent 64%);
 }
}

/* Control sheen preserves the existing fill and gradient. */
body[data-premium] :is(.btn,.cta-button,.action-btn,.nav-download,.auth-btn){
 box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.10),0 10px 26px -14px var(--ac-depth);
}
body[data-premium] :is(.hero-social,.social-link,.chip,.tag,.pill,.crypto-item){
 background-image:linear-gradient(145deg,rgba(255,255,255,.075),transparent 60%,rgba(0,0,0,.035));
}
@media (hover:hover) and (pointer:fine){
 body[data-premium] :is(a.exp-card,a.link-card,.feature-card,.contact-card,.sup-card):hover{
  box-shadow:inset 0 1px 0 var(--ac-edge),0 20px 44px -20px var(--ac-depth),0 0 0 1px rgba(var(--ac-rgb),.13);
 }
}

/* Older engines ignore these enhancements and keep native wrapping. */
body[data-premium] :is(h1,h2,.hero-title,.page-title){text-wrap:balance}
body[data-premium] :is(.exp-desc,.link-desc,.muted,.page-subtitle){text-wrap:pretty}
body[data-premium] :is(.feature-card,.link-meta,.tool-description,.card-body){min-width:0;overflow-wrap:anywhere}
body[data-premium] :is(a,button,input,select,textarea,summary):focus{outline:2px solid var(--ac-accent,currentColor);outline-offset:4px}
@supports selector(:focus-visible){
 body[data-premium] :is(a,button,input,select,textarea,summary):focus:not(:focus-visible){outline:none}
 body[data-premium] :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--ac-accent,currentColor);outline-offset:4px}
}
@media (max-width:680px){
 html{scroll-padding-top:80px}
 body[data-premium] :is(p,li,.lead,.legal,.f-content){overflow-wrap:break-word}
 body[data-premium] :is(.btn,.cta-button,.action-btn,.auth-btn,.menu-toggle,.theme-btn,.lang-btn){min-height:44px}
 body[data-premium] :is(input,select,textarea){font-size:max(16px,1em)}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media (prefers-reduced-transparency:reduce){
 body[data-premium] :is(.glass-card,.panel,.contact-card,.poem-post,.feature-card,.privacy-card){-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (prefers-contrast:more){
 body[data-premium] :is(a,button,input,select,textarea,summary):focus{outline-width:3px}
}
@media (forced-colors:active){
 body[data-premium],body[data-premium] :is(.card,.panel,.exp-card,.link-card,.tool-card,.contact-card,.glass-card,.poem-post,.post,.privacy-card,.feature-card,.feature-box,.release,.auth-card,.player-card,.cmp-panel,.chat-window,.sup-card){background-image:none;box-shadow:none}
 body[data-premium] :is(a,button,input,select,textarea,summary):focus{outline-color:Highlight}
}
@media print{
 body[data-premium]{background-image:none}
 body[data-premium] :is(.card,.panel,.poem-post,.post,.privacy-card){box-shadow:none;background-image:none}
}
.seo-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;clip-path:inset(50%)!important}

/* Keep the brand intact inside every orbit, including fallback fonts. */
body[data-premium] .pre-text-block{max-width:100%;text-align:center}
body[data-premium] .pre-monogram{white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:clamp(1.2rem,6vw,1.5rem);letter-spacing:.10em;padding-right:0;line-height:1.3}
body[data-premium] .pre-label{white-space:nowrap;overflow-wrap:normal}
.nav-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}
@media(max-width:768px){
 body[data-premium] .navbar{padding-inline:12px;gap:8px}
 body[data-premium] .navbar .nav-logo{white-space:nowrap;letter-spacing:.04em;font-size:1.3rem;flex-shrink:0}
 body[data-premium] .navbar :is(.nav-controls,.nav-actions,.nav-right){gap:6px;flex-shrink:0}
 body[data-premium] .navbar :is(.theme-btn,.menu-toggle){width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0;padding:0;align-items:center;justify-content:center}
 body[data-premium] .navbar .lang-trigger{min-height:44px;padding:6px;gap:4px;font-size:.625rem;white-space:nowrap}
 body[data-premium] .navbar .lang-btn{min-height:44px;align-items:center}
 body[data-premium] .navbar .lang-dropdown{max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto}
 body[data-premium] .navbar .nav-links.open{max-height:calc(100vh - 56px);max-height:calc(100dvh - 56px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 20px 40px rgba(0,0,0,.24)}
 body[data-premium] .navbar .nav-links a{display:block;min-height:44px}
 [data-theme="light"] body[data-premium] .navbar .nav-links.open{background:rgba(240,242,248,.98)}
 body[data-premium] .about-text p{font-size:1rem;line-height:1.75}
}
@media(max-width:359px){
 body[data-premium] .navbar .nav-logo{font-size:1.15rem;letter-spacing:.02em}
 body[data-premium] .navbar .lang-trigger{font-size:.6rem;letter-spacing:0}
}

/* Light theme: complete surfaces, including the full-width header and footer. */
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark}
:root[data-theme="light"] body[data-premium="gold"]{
 --bg-2:#e8eaf2;--bg-3:#dfe2f0;--ac-rgb:138,98,24;
 --text-dim:#45506a;--text-faint:#5d6680;--gold-dim:#8a6218;
 --grad-gold:linear-gradient(120deg,#684713,#8a6218,#684713);
 --ac-light-surface:rgba(255,255,255,.92);--ac-light-edge:rgba(60,80,120,.16);
 --ac-light-shadow:0 10px 32px rgba(30,40,70,.10);
 --ac-depth:rgba(30,40,70,.12);--ac-edge:rgba(255,255,255,.88);
}
:root[data-theme="light"] body[data-premium="gold"] :is(.nav-wrapper,.navbar){
 background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(240,242,248,.95));
 border-color:var(--ac-light-edge);box-shadow:0 2px 18px rgba(30,40,70,.08);
}
:root[data-theme="light"] body[data-premium="gold"] .nav-wrapper .navbar{background:transparent;box-shadow:none}
:root[data-theme="light"] body[data-premium="gold"] :is(.nav-wrapper,.navbar).scrolled{box-shadow:0 4px 24px rgba(30,40,70,.12);border-color:var(--ac-light-edge)}
:root[data-theme="light"] body[data-premium="gold"] :is(.about,.experience,#github){
 background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,255,255,.28));
}
:root[data-theme="light"] body[data-premium="gold"] :is(footer,.music-footer){
 background:linear-gradient(180deg,rgba(247,248,252,.94),rgba(232,234,242,.94));color:var(--text-dim);border-color:var(--ac-light-edge);
}
:root[data-theme="light"] body[data-premium="gold"] :is(.footer-text,.footer-links,.footer-links a,.donate-footer p){color:var(--text-dim)}
:root[data-theme="light"] body[data-premium="gold"] #particles-canvas{opacity:.14}
:root[data-theme="light"] body[data-premium="gold"] :is(.lang-trigger,.lang-dropdown,.theme-btn,.menu-toggle,.nav-back,.btn-secondary,.search-input,.close-sidenav){
 background:var(--ac-light-surface);color:var(--text-dim);border-color:var(--ac-light-edge);
}
:root[data-theme="light"] body[data-premium="gold"] :is(.lang-trigger,.theme-btn,.menu-toggle,.nav-back,.btn-secondary):hover{
 background:rgba(138,98,24,.08);color:var(--gold);
}
:root[data-theme="light"] body[data-premium="gold"] :is(.lang-btn,.lang-btn.active,.lang-btn:hover){color:var(--text-dim)}
:root[data-theme="light"] body[data-premium="gold"] :is(.sidebar,.sidenav){background:rgba(247,248,252,.98);border-color:var(--ac-light-edge);color:var(--text)}
:root[data-theme="light"] body[data-premium="gold"] :is(.highlight-card,.journey-card,.creative-philosophy,.github-card,.quote-card,.section-card,.profile-card,.intro-card,.sup-card,.post-display){
 background-color:var(--ac-light-surface);border-color:var(--ac-light-edge);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),var(--ac-light-shadow);
}
:root[data-theme="light"] body[data-premium="gold"] :is(.highlight-card,.journey-card,.creative-philosophy,.github-card,.quote-card):hover{box-shadow:0 14px 36px rgba(30,40,70,.13)}
:root[data-theme="light"] body[data-premium="gold"] :is(.hero-eyebrow,.poems-eyebrow,.blog-eyebrow){color:var(--gold)}
:root[data-theme="light"] body[data-premium="gold"] :is(.post-body em,.post-body h5.post-subheading,.post-body h6.post-subheading){color:var(--gold)}
:root[data-theme="light"] body[data-premium="gold"] .skill-bar{background:rgba(60,80,120,.16)}
:root[data-theme="light"] body[data-premium="gold"] :is(.btn-primary,.btn-gold){
 background:linear-gradient(135deg,rgba(138,98,24,.12),rgba(138,98,24,.055));color:#684713;border-color:rgba(138,98,24,.34);
}
:root[data-theme="light"] body[data-premium="gold"] :is(.btn-primary,.btn-gold):hover{background:linear-gradient(135deg,rgba(138,98,24,.20),rgba(138,98,24,.08))}
:root[data-theme="light"] body[data-premium="gold"] .hero-scroll{color:var(--text-dim);opacity:1}
:root[data-theme="light"] body[data-premium="silver"]{background:#f8f9fa linear-gradient(145deg,#fff,#eef1f7);color:#202838;--ac-accent:#536785;--ac-rgb:83,103,133}
:root[data-theme="light"] body[data-premium="silver"] :is(.helper,.footer){color:#526078}
:root[data-theme="light"] body[data-premium="silver"] :is(.btn-style,.action-btn):hover{color:#202838}

/* Signature loader: fine counter-rotating rings and a balanced wordmark. */
body[data-premium] #preloader{
 --ac-loader-size:clamp(196px,62vw,240px);--ac-loader-gold:var(--gold,#c8a96e);--ac-loader-rgb:200,169,110;
 background:radial-gradient(ellipse at 50% 44%,rgba(var(--ac-loader-rgb),.075),transparent 45%),linear-gradient(160deg,var(--bg,#030712),var(--bg-2,var(--bg,#030712)));
 gap:18px;overflow:hidden;isolation:isolate;transition:opacity .5s ease,visibility .5s;
}
:root[data-theme="light"] body[data-premium] #preloader{--ac-loader-rgb:138,98,24;--ac-loader-gold:#8a6218}
body[data-premium] #preloader::after{
 content:"";position:absolute;top:calc(50% + var(--ac-loader-size)/2 + 44px);left:50%;transform:translateX(-50%);
 width:112px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(var(--ac-loader-rgb),.15),var(--ac-loader-gold),rgba(var(--ac-loader-rgb),.15),transparent);
 background-size:220% 100%;animation:ac-loader-shimmer 2.6s ease-in-out infinite;pointer-events:none;
}
body[data-premium] #preloader .pre-orbit{
 width:var(--ac-loader-size);height:var(--ac-loader-size);margin:0;flex-shrink:0;
 border-radius:50%;box-shadow:0 0 64px rgba(var(--ac-loader-rgb),.045);
}
body[data-premium] #preloader .pre-orbit::before{
 content:"";position:absolute;inset:-13px;border:1px solid rgba(var(--ac-loader-rgb),.075);border-radius:50%;pointer-events:none;
}
body[data-premium] #preloader .pre-orbit-ring{
 border:1px solid transparent;background:linear-gradient(var(--bg,#030712),var(--bg,#030712)) padding-box,conic-gradient(from 30deg,transparent 0%,rgba(var(--ac-loader-rgb),.16) 28%,var(--ac-loader-gold) 46%,rgba(var(--ac-loader-rgb),.18) 56%,transparent 74%,rgba(var(--ac-loader-rgb),.30)) border-box;
 animation:ac-loader-orbit 6.4s linear infinite;
}
body[data-premium] #preloader .pre-orbit-ring-2{
 inset:14px;border:1px solid rgba(var(--ac-loader-rgb),.14);border-top-color:rgba(var(--ac-loader-rgb),.55);
 animation:ac-loader-orbit 9s linear infinite reverse;
}
body[data-premium] #preloader .pre-orbit-dot{
 width:6px;height:6px;top:-3px;left:calc(50% - 3px);transform:none;
 transform-origin:50% calc(var(--ac-loader-size)/2 + 3px);background:var(--ac-loader-gold);
 box-shadow:0 0 12px rgba(var(--ac-loader-rgb),.6);animation:ac-loader-orbit 6.4s linear infinite;
}
body[data-premium] #preloader .pre-text-block{width:calc(var(--ac-loader-size) - 32px);max-width:calc(100% - 32px);text-align:center}
body[data-premium] #preloader :is(.pre-monogram,.preloader-monogram){
 font-size:clamp(1.65rem,6vw,2rem);font-weight:500;line-height:1.25;letter-spacing:.055em;padding:0;
 white-space:nowrap;word-break:normal;overflow-wrap:normal;filter:none;
 color:var(--ac-loader-gold);background:var(--grad-gold,linear-gradient(120deg,#a9864a,#ead9b8,#b49359));
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
 animation:ac-loader-reveal .55s ease .08s both;
}
body[data-premium] #preloader .pre-mark{font-size:4rem;letter-spacing:.02em}
body[data-premium] #preloader .pre-tagdot{justify-content:center;gap:8px;margin:12px 0;animation:ac-loader-reveal .55s ease .18s both}
body[data-premium] #preloader .pre-tagdot-line{width:28px;background:linear-gradient(90deg,transparent,rgba(var(--ac-loader-rgb),.5))}
body[data-premium] #preloader .pre-tagdot-line:last-child{background:linear-gradient(270deg,transparent,rgba(var(--ac-loader-rgb),.5))}
body[data-premium] #preloader .pre-tagdot-gem{width:3px;height:3px;background:var(--ac-loader-gold);box-shadow:0 0 8px rgba(var(--ac-loader-rgb),.3)}
body[data-premium] #preloader :is(.pre-label,.preloader-label){
 font-size:.625rem;line-height:1.6;letter-spacing:.16em;font-weight:500;color:var(--text-dim,#b4baca);
 white-space:nowrap;overflow-wrap:normal;animation:ac-loader-reveal .55s ease .28s both;
}
:root[data-theme="light"] body[data-premium] #preloader :is(.pre-label,.preloader-label){color:#45506a}
@keyframes ac-loader-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes ac-loader-reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes ac-loader-shimmer{0%,100%{background-position:100% 0;opacity:.45}50%{background-position:0 0;opacity:.9}}
@media(prefers-reduced-motion:reduce){
 body[data-premium] #preloader,body[data-premium] #preloader *{animation:none!important;transition:none!important;opacity:1}
 body[data-premium] #preloader::after{animation:none!important}
}
@media(max-height:360px){body[data-premium] #preloader{--ac-loader-size:160px}body[data-premium] #preloader :is(.pre-monogram,.preloader-monogram){font-size:1.3rem}body[data-premium] #preloader::after{top:calc(50% + 102px)}}
@media(forced-colors:active){body[data-premium] #preloader{background:Canvas}body[data-premium] #preloader :is(.pre-monogram,.preloader-monogram){background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}body[data-premium] #preloader :is(.pre-orbit-ring,.pre-orbit-ring-2){background:none;border-color:CanvasText}}

:root[data-theme="light"] body[data-premium="gold"] .lang-btn.active{color:var(--gold);background:rgba(138,98,24,.10)}

/* Compositor-friendly progress and bounded decorative layers. */
#scroll-bar{width:100%;transform:scaleX(0);transform-origin:left center;transition:none;will-change:auto}
#particles-canvas{width:100%;height:100%}
.star,[data-aos].aos-animate,.skill-fill{will-change:auto}
.skill-fill{animation:none}
html[data-ac-page-hidden="true"] :is(.star,.hero-gem,.hero-scroll,.skill-fill,.pre-ring,.pre-dot){animation-play-state:paused}
@media(max-width:768px),(pointer:coarse){
 body[data-premium] :is(.card,.panel,.exp-card,.link-card,.tool-card,.contact-card,.glass-card,.poem-post,.post,.feature-card,.privacy-card){backdrop-filter:none;-webkit-backdrop-filter:none}
 .star{animation:none;opacity:.35}
 .hero-gem{animation:none}
}
html[data-ac-page-hidden="true"] .cosmos-bg::before{animation-play-state:paused}
html[data-ac-page-hidden="true"] :is(.hero-divider-gem,.hero-typing .cursor){animation-play-state:paused}
@media(max-width:768px),(pointer:coarse){
 .cosmos-bg::before{animation:none;will-change:auto}
 .hero-divider-gem{animation:none}
 .grain{display:none}
 .navbar,.nav-links.open{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
}


/* Literary reading cards keep their native surface without an extra inner glow. */
body[data-premium="gold"] .poem-post{
 background-image:none;
}
body[data-premium="gold"] .poem-post > .post{
 background:transparent;
 background-image:none;
 box-shadow:none;
 border:0;
}