.esoteric-wrapper{--gold-tone:#c5a059;--bg-dark:#0f0f0f;--card-bg:#1a1a1a;--text-main:#999;background:var(--bg-dark);color:var(--text-main);font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;line-height:1.6;padding:0;background-image:url('https://dascent-sigils.com/wp-content/uploads/2026/01/bg-book.png');background-repeat:no-repeat;background-size:cover;background-position:center;}.esoteric-inner{display:block;width:100%;height:auto;margin:0 auto;box-sizing:border-box;padding:3em 0 3em;background-color:rgba(0,0,0,0.7);backdrop-filter:blur(0px);}
.esoteric-wrapper .hero-header{text-align:center;padding:60px 0;border-bottom:1px solid var(--gold-tone);}.hero-header .avatar{text-align:center;margin:0 auto;}.hero-header .avatar img{display:block;width:140px;height:auto;margin:0 auto;border-radius:50%;border: 5px solid rgba(243, 229, 171, 0.2)}
.esoteric-wrapper h1{font-size:3rem;letter-spacing:4px;color:var(--gold-tone);text-transform:uppercase;margin:0;font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; font-weight:100;}.esoteric-wrapper h1 span{font-weight:500;}
.esoteric-wrapper .tagline{font-style:italic;opacity:0.8;}
.esoteric-wrapper section{max-width:970px;margin:0 auto;padding:1.3em 2em 1.5em;border-bottom:1px solid #333;background-color:rgba(0,0,0,0.1);backdrop-filter:blur(11px);margin:30px auto 33px auto;border-radius:10px;}
.esoteric-wrapper h2{color:var(--gold-tone);font-size:1.8rem;border-left:3px solid var(--gold-tone);padding-left:15px;margin-bottom:25px;}
.esoteric-wrapper .bio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;}
.esoteric-wrapper .audio-skin{background:var(--card-bg);padding:25px;border-radius:2px;border:1px solid #2a2a2a;}
.esoteric-wrapper .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;}
.esoteric-wrapper .gallery-item{width:100%;height:300px;object-fit:cover;cursor:zoom-in;filter:sepia(0.2) contrast(1.1);transition:transform 0.4s ease;}
.esoteric-wrapper .gallery-item:hover{transform:scale(1.02);filter:sepia(0);}
.esoteric-wrapper .skill-cloud{display:flex;flex-wrap:wrap;gap:12px;}
.esoteric-wrapper .skill-tag{border:1px solid var(--gold-tone);padding:6px 14px;font-size:0.85rem;color:var(--gold-tone);text-transform:uppercase;letter-spacing:1px;}
.esoteric-wrapper .cta-box{text-align:center;padding:60px 0;}
.esoteric-wrapper .main-btn{display:inline-block;padding:18px 45px;border:1px solid var(--gold-tone);color:var(--gold-tone);text-decoration:none;font-weight:bold;letter-spacing:2px;transition:0.3s;}
.esoteric-wrapper .main-btn:hover{background:var(--gold-tone);color:var(--bg-dark);}
#eso-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);display:grid;place-items:center;z-index:99999;opacity:0;pointer-events:none;transition:opacity 0.4s ease;}
#eso-lightbox.visible{opacity:1;pointer-events:auto;}
#eso-lightbox img{max-width:90%;max-height:80vh;border:2px solid var(--gold-tone);}
#eso-lightbox .caption{margin-top:20px;color:var(--gold-tone);font-style:italic;}
#eso-lightbox .close-trigger{position:absolute;top:30px;right:30px;font-size:2rem;color:var(--gold-tone);cursor:pointer;font-family:sans-serif;}
.audio-skin{display:flex;gap:10px;}.audio-skin .isai{display:block;width:240px;max-width:240px;margin:0 auto;text-align:center;border-radius: 24px; padding: 30px;background: rgba(30, 20, 50, 0.6); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(243, 229, 171, 0.2); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);}
.audio-skin .isai img{display:block;width:100%;height:auto;margin:0 auto;border-radius:20px;border: 1px solid rgba(243, 229, 171, 0.6);}.audio-skin .selene-player{display:block;width:90%;max-width:90%;}


.selene-player { position: relative;background: rgba(30, 20, 50, 0.6); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 24px; padding: 30px; width: 90%; max-width: 500px;min-width:270px; color: #c5a059; border: 1px solid rgba(243, 229, 171, 0.2); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); overflow: hidden;} #particle-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; } .content-layer { position: relative; z-index: 1; }.slider,.slider:focus,.slider:active{ -webkit-appearance: none; width: 100%; border-radius: 5px; outline: none; cursor: pointer; margin: 10px 0; background: rgba(255, 255, 255, 0.1);border:none; } .main-slider { height: 4px;border:none; outline: none;} .main-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 32px; height: 32px; background: #c5a059; clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); filter: drop-shadow(0 0 5px rgba(243, 229, 171, 0.6)); } .playing .main-slider::-webkit-slider-thumb { animation: starPulse 1.5s infinite ease-in-out; }
@keyframes starPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); filter: brightness(1.2) drop-shadow(0 0 15px #c5a059); } } .ui-main { display: flex; align-items: center; gap: 20px; margin-top: 20px; } .moon-btn { width: 60px; height: 60px; border-radius: 50%; border: 1.5px solid #c5a059; background: transparent; cursor: pointer; display: grid; place-items: center;background-color:rgba(0,0,0,0.1); } .moon-shape { width: 40px; height: 40px; border-radius: 50%; box-shadow: 6px 4px 0 0 #c5a059; transform: rotate(-15deg) translate(-16px,-8px); } .meta-info { flex-grow: 1; display: flex; flex-direction: column; gap: 12px; } .vol-slider { height: 3px; } .vol-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 10px; height: 10px; background: #c5a059; border-radius: 50%; } .icon-btn { background: none; border: none; color: #c5a059; font-size: 1.2rem; cursor: pointer; opacity: 0.4; transition: 0.3s; } .icon-btn.active { opacity: 1; text-shadow: 0 0 8px #c5a059; }.icon-btn{text-decoration:none;}
:root { --gold: #c5a059; --gold-glow: rgba(243, 229, 171, 0.6); --purple-fill: rgba(106, 90, 205, 0.7); --track-bg: rgba(255, 255, 255, 0.1); --bg-dark: #0f0a1a;}.extra-controls em{font-size:14px;opacity:.5;}
@media only screen and (min-width: 200px) and (max-width: 1100px){ .audio-skin{display:flex;gap:10px;flex-direction:column}.audio-skin .isai{display:block;width:90%;max-width:90%;margin:0 auto;text-align:center;border-radius: 24px; padding: 30px;background: rgba(30, 20, 50, 0.6); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(243, 229, 171, 0.2); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);}
.audio-skin .isai img{display:block;width:100%;height:auto;margin:0 auto;}.audio-skin .selene-player{display:block;width:90%;max-width:90%;}.next-gallery{text-align:center;}.othershapes{display:flex;gap:10px;flex-direction:column;}}
.noai,.page-links{display:none!important;}
.next-gallery{display:block;padding:1em 0 1em;text-align:right;}
.next-gallery a{display:inline-block;padding:.6em 2em .5em;text-align:center;font-size:14px;color:#D5C58E;text-decoration:none; border: 1px solid rgba(243, 229, 171, 1);text-decoration:none;opacity:.7;text-transform:uppercase;letter-spacing:.5em;}
.next-gallery a:hover{opacity:1;}.next-gallery a:after{content:'';display:inline-block;width:20px;height:20px;background-color:rgba(243, 229, 171, 1);clip-path: polygon(27% 0, 56% 51%, 28% 100%, 0% 100%, 25% 50%, 0% 0%);transform:scale(.6) translate(8px,-2px);vertical-align:middle;}.islink a{color:#D5C58E;opacity:.7;}.islink a:hover{opacity:1;}.othershapes{display:flex;gap:5px;flex-direction:row;}.othershapes div img{display:block;width:100%;height:300px;object-fit:cover;margin:0 auto;opacity:.7;}.othershapes div{display:block;width:100%;height:auto;margin:0 auto;}.othershapes div a:hover img{opacity:1;}.othershapes div{text-align:center;}.othershapes div a{text-decoration:none;color:#D5C58E}.othershapes div a:hover{color:#F0ECD9;}.navi{display:flex;background-color:rgba(0,0,0, 0.7);padding:.5em;}.navi a{color:#F0ECD9;opacity:.7;font-size:14px;text-decoration:none;}.navi a:hover{color:#F0ECD9;opacity:1;}

.juiz_sps_links .juiz_sps_item .juiz_sps_button {background-color: #222;color: #D5C58E;
 transition: color .2s, background-color .2s, transform .2s;}.juiz_sps_links  .juiz_sps_item .juiz_sps_button:hover{color: #222; background-color: #D5C58E;}