@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Marcellus+SC&family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Marcellus&display=swap";:root{--void-abyss:#030109;--void-deep:#08041a;--void-mid:#16092e;--void-plum:#2a0f45;--void-wine:#3d0d3a;--amethyst:#7b4dff;--amethyst-soft:#a67bff;--rose-forbidden:#c77dff;--spore:#4dffb8;--moon-ivory:#ece4ff;--ivory-dim:#b8a8dc;--ivory-faint:#726090;--font-display:"Cinzel Decorative", serif;--font-title:"Marcellus SC", serif;--font-body:"EB Garamond", serif;--font-label:"Marcellus", serif}html{scrollbar-width:thin;scrollbar-color:var(--amethyst) var(--void-abyss)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--void-abyss);border-left:1px solid #a67bff1f}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--amethyst-soft), var(--amethyst) 45%, var(--rose-forbidden));border:2px solid var(--void-abyss);border-radius:999px;box-shadow:0 0 8px #7b4dff99}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--rose-forbidden), var(--amethyst-soft));box-shadow:0 0 14px #c77dffcc}::-webkit-scrollbar-corner{background:var(--void-abyss)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--void-abyss);color:var(--moon-ivory);font-family:var(--font-body);-webkit-font-smoothing:antialiased;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg filter='url(%23g)'%3E%3Cpath d='M14 3 L16 12 L25 14 L16 16 L14 25 L12 16 L3 14 L12 12 Z' fill='%23c77dff'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='g' x='-4' y='-4' width='36' height='36'%3E%3CfeGaussianBlur stdDeviation='1.4' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") 14 14,auto;overflow-x:hidden}a,button,.signature,[role=button]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg filter='url(%23g)'%3E%3Cpath d='M16 3 L18.5 13.5 L29 16 L18.5 18.5 L16 29 L13.5 18.5 L3 16 L13.5 13.5 Z' fill='%234dffb8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='g' x='-4' y='-4' width='40' height='40'%3E%3CfeGaussianBlur stdDeviation='1.8' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") 16 16,pointer}::selection{color:var(--moon-ivory);background:#c77dff4d}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.page{isolation:isolate;background-color:var(--void-abyss);background-image:radial-gradient(40% 50% at 18% 28%, #7b4dff47 0%, transparent 60%), radial-gradient(45% 55% at 78% 72%, #3d0d3a8c 0%, transparent 62%), radial-gradient(35% 45% at 62% 18%, #4dffb80f 0%, transparent 55%), radial-gradient(120% 100% at 30% 40%, var(--void-mid) 0%, var(--void-deep) 42%, var(--void-abyss) 100%);min-height:100vh;position:relative;overflow:hidden}.page:before{content:"";z-index:-1;filter:blur(30px);background-image:radial-gradient(30% 40% at 25% 30%,#a67bff24,#0000 60%),radial-gradient(28% 38% at 70% 65%,#c77dff1f,#0000 60%),radial-gradient(22% 30% at 50% 80%,#4dffb80d,#0000 60%);animation:32s ease-in-out infinite alternate nebula;position:absolute;inset:-20%}.stage{z-index:1;grid-template-columns:55fr 45fr;min-height:100vh;display:grid;position:relative}.portrait{justify-content:center;align-items:stretch;display:flex;position:relative;overflow:hidden}.portrait__aura{filter:blur(10px);z-index:0;background:radial-gradient(50% 55% at 55% 45%,#7b4dff6b 0%,#7b4dff1f 45%,#0000 72%);animation:9s ease-in-out infinite breathe;position:absolute;inset:-10% -20% -10% -10%}.portrait__frame{z-index:1;justify-content:center;align-items:stretch;width:100%;height:100%;display:flex;position:relative}.portrait__img{object-fit:cover;object-position:center top;width:100%;height:100%;min-height:100vh;-webkit-mask-image:linear-gradient(90deg,#000 82%,#0000 100%);mask-image:linear-gradient(90deg,#000 82%,#0000 100%)}.portrait__placeholder{background:linear-gradient(160deg, var(--void-plum) 0%, var(--void-deep) 60%, var(--void-abyss) 100%);border-right:1px solid #a67bff26;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;width:100%;min-height:100vh;display:flex;-webkit-mask-image:linear-gradient(90deg,#000 80%,#0000 100%);mask-image:linear-gradient(90deg,#000 80%,#0000 100%)}.portrait__placeholder-sigil{font-family:var(--font-display);color:var(--amethyst-soft);text-shadow:0 0 30px #7b4dff99;font-size:clamp(3rem,8vw,6rem);animation:9s ease-in-out infinite breathe}.portrait__placeholder-label{font-family:var(--font-label);letter-spacing:.5em;text-transform:uppercase;color:var(--ivory-faint);font-size:.72rem}.portrait:after{content:"";background:linear-gradient(90deg, transparent, var(--void-deep) 92%);z-index:2;pointer-events:none;width:30%;position:absolute;top:0;bottom:0;right:0}.content{z-index:3;flex-direction:column;justify-content:center;gap:2.4rem;padding:6vh 7vw 6vh 3vw;display:flex;position:relative}.footer{z-index:3;background:linear-gradient(180deg, transparent 0%, var(--void-abyss) 55%);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem 2rem;min-height:22vh;padding:4vh 2rem;display:flex;position:relative}.footer__divider{background:linear-gradient(#0000,#a67bff80,#0000);width:1px;height:22px}.credit{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ivory-faint);font-size:.72rem}.credit__name{color:var(--ivory-dim);transition:color .4s,text-shadow .4s}.credit__amp{color:var(--ivory-faint);letter-spacing:0}.portrait__img{opacity:0;filter:blur(12px);transition:opacity 1.4s,transform 1.8s cubic-bezier(.16,1,.3,1),filter 1.4s;transform:scale(1.04)}.portrait__img.is-loaded{opacity:1;filter:blur();transform:scale(1)}@media (width<=860px){.stage{grid-template-columns:1fr}.portrait__img,.portrait__placeholder{height:62vh;min-height:0;-webkit-mask-image:linear-gradient(#000 72%,#0000 100%);mask-image:linear-gradient(#000 72%,#0000 100%)}.portrait:after{display:none}.content{text-align:center;align-items:center;margin-top:-8vh;padding:2rem 8vw 4rem}.footer{min-height:16vh}}@media (width>=1900px){.credit{font-size:.95rem}}@media (width>=2560px){.credit{font-size:1.2rem}}.ornament{width:200px;height:34px;color:var(--amethyst-soft);filter:drop-shadow(0 0 6px #7b4dff8c);align-items:center;gap:.6rem;display:flex}.ornament__line{background:linear-gradient(90deg,#0000,currentColor);flex:1;height:1px}.ornament__line--right{background:linear-gradient(90deg,currentColor,#0000)}.ornament__flower{width:34px;height:34px;color:var(--amethyst-soft);filter:drop-shadow(0 0 8px var(--amethyst)) drop-shadow(0 0 16px #c77dff80);flex:none;animation:6s ease-in-out infinite breathe}.ornament__flower svg{width:100%;height:100%;display:block}.title{font-family:var(--font-display);letter-spacing:.01em;color:var(--moon-ivory);text-shadow:0 0 45px #7b4dff73,0 0 12px #c77dff4d;font-size:clamp(2.6rem,5.2vw,4.6rem);font-weight:700;line-height:1.04}.title__glow{font-family:var(--font-title);letter-spacing:.42em;text-transform:uppercase;color:var(--amethyst-soft);text-shadow:0 0 20px #a67bff80;margin-top:1.1rem;font-size:.34em;font-weight:400;display:block}.aspect__name{font-family:var(--font-title);letter-spacing:.14em;text-transform:uppercase;color:var(--moon-ivory);font-size:1.1rem;font-weight:400}.epithet{font-family:var(--font-body);color:var(--ivory-dim);max-width:34ch;font-size:clamp(1.15rem,1.8vw,1.5rem);font-style:italic;font-weight:300;line-height:1.5}.epithet em{color:var(--rose-forbidden);font-style:italic}.divider{background:linear-gradient(90deg,#a67bff80,#0000);border:none;width:100%;max-width:32ch;height:1px}.aspects{flex-direction:column;gap:1.6rem;list-style:none;display:flex}.aspect{padding-left:2.8rem;position:relative}.aspect__mark{width:24px;height:24px;color:var(--amethyst);filter:drop-shadow(0 0 6px var(--amethyst)) drop-shadow(0 0 12px #7b4dff99);position:absolute;top:.02em;left:0}.aspect__mark svg{width:100%;height:100%;display:block}.aspect--forbidden .aspect__mark{color:var(--spore);filter:drop-shadow(0 0 6px var(--spore)) drop-shadow(0 0 12px #4dffb899)}.aspect--forbidden .aspect__name{color:var(--spore)}.aspect__desc{font-family:var(--font-body);color:var(--ivory-dim);max-width:40ch;margin-top:.15rem;font-size:1.1rem;font-weight:300;line-height:1.45}.signature{color:var(--amethyst-soft);align-items:center;gap:.7rem;width:fit-content;text-decoration:none;transition:color .4s;display:inline-flex}.signature__glyph{width:44px;color:var(--rose-forbidden);filter:drop-shadow(0 0 6px);transition:color .4s;display:inline-flex}.signature__glyph svg{width:100%;height:auto;overflow:visible}.signature__star{filter:drop-shadow(0 0 3px #dfe4f0);animation:3.2s ease-in-out infinite twinkle-star}.signature__star--sm{animation-duration:4.1s;animation-delay:-1.6s}.signature__star--sm:last-of-type{animation-delay:-2.8s}.signature__text{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ivory-faint);font-size:.74rem;transition:color .4s,text-shadow .4s}.signature__site{color:var(--ivory-dim);letter-spacing:.2em;transition:color .4s,text-shadow .4s}.signature:hover .signature__text{color:var(--ivory-dim)}.signature:hover .signature__site{color:var(--moon-ivory);text-shadow:0 0 14px #c77dffb3}.signature:hover .signature__glyph{color:var(--spore)}@keyframes twinkle-star{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media (width<=860px){.aspect{padding-left:0}.aspect__mark{margin-bottom:.4rem;display:inline-block;position:static}.aspects{align-items:center}.aspect__desc,.epithet{max-width:46ch}.ornament{margin:0 auto}}@media (width>=1900px){.title{font-size:5.6rem}.epithet{font-size:1.75rem}.aspect__name,.aspect__desc{font-size:1.45rem}.signature__text{font-size:1rem}.ornament{width:300px;height:44px}.ornament__flower{width:44px;height:44px}.aspect{padding-left:3.4rem}.aspect__mark{width:32px;height:32px}}@media (width>=2560px){.title{font-size:7rem}.epithet{font-size:2.2rem}.aspect__name,.aspect__desc{font-size:1.8rem}.signature__text{font-size:1.25rem}.ornament{width:380px;height:56px}.ornament__flower{width:56px;height:56px}.aspect{padding-left:4.2rem}.aspect__mark{width:40px;height:40px}}.motes{z-index:4;pointer-events:none;position:fixed;inset:0;overflow:hidden}.mote-track{will-change:transform;position:absolute}.mote{opacity:0;will-change:transform, opacity;border-radius:50%;display:block}.mote:before,.mote:after{content:"";opacity:.7;background:currentColor;border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mote:before{width:1px;height:320%}.mote:after{width:320%;height:1px}.mote--amethyst{color:#a67bff;background:#a67bff}.mote--rose{color:#c77dff;background:#c77dff}.mote--spore{color:#4dffb8;background:#4dffb8}.mote--azure{color:#6db8ff;background:#6db8ff}.mote--gold{color:#ffd98a;background:#ffd98a}.mote--magenta{color:#ff6ed4;background:#ff6ed4}.mote--ice{color:#d9ecff;background:#d9ecff}.vignette{z-index:5;pointer-events:none;background:radial-gradient(120% 120% at 50% 45%,#0000 52%,#030109b3 100%);position:fixed;inset:0}@keyframes breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes nebula{0%{transform:translate(0)scale(1)rotate(0)}to{transform:translate(3%,-3%)scale(1.12)rotate(8deg)}}@keyframes drift{0%{transform:translateY(20px)translate(0)}to{transform:translateY(-110vh) translateX(var(--mote-drift,20px))}}@keyframes twinkle{0%,to{opacity:0;transform:scale(.35)rotate(0)}25%{opacity:var(--mote-opacity,.9);transform:scale(1)rotate(45deg)}50%{opacity:calc(var(--mote-opacity,.9) * .3);transform:scale(.65)rotate(90deg)}75%{opacity:var(--mote-opacity,.9);transform:scale(1.2)rotate(135deg)}}