/* Shared visual direction with Longxia Era. Existing account and connection states own behavior. */
:root{--night:#090c14;--night-2:#111522;--panel:#141927a6;--panel-strong:#191e2e;--line:#a5b4d333;--line-bright:#c5b6df66;--ink:#eeedf4;--muted:#abb3c5;--violet:#c6b9df;--violet-2:#b5a1d1;--cyan:#a9c7d5;--gold:#dac89c;--green:#9cdbbd;--shadow:0 24px 70px #0003;--font-display:'Songti SC','STSong','Noto Serif CJK SC',serif;--accent:#c6c3ef}
body{background:var(--night);font-size:16px;line-height:1.8}
body:before{display:none}
::selection{background:#a391cf55;color:white}
html{scroll-padding-top:112px}
a:hover{color:#fff}
h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:.02em}
h1{font-size:clamp(42px,4.6vw,74px);line-height:1.48;margin:23px 0;max-width:none}
h1 em{color:var(--ink);background:none}
h2{font-size:clamp(30px,3.2vw,46px);line-height:1.55}
h3{font-size:25px;line-height:1.5}
p{line-height:1.95}
.kicker,.label{color:var(--gold);font-size:10px;letter-spacing:.18em;font-weight:400}
.crystal-skip{position:fixed;z-index:100;left:20px;top:-100px;padding:10px 20px;background:#151a2a;color:var(--ink)}
.crystal-skip:focus{top:12px}
main{position:relative;z-index:1;max-width:1440px;width:89.6%;padding:0 0 70px}
.top{padding:18px 5.2%;gap:30px;background:#0b0e17e8;backdrop-filter:blur(22px);min-height:87px;z-index:80}
.brand{font-size:21px;font-weight:500;gap:13px;letter-spacing:.03em}
.brand img{width:39px;height:39px;border-radius:50%;box-shadow:none;filter:drop-shadow(0 0 10px #c4adf035);transition:filter .4s}
.brand:hover img{filter:drop-shadow(0 0 18px #c4adf070)}
.brand small{font-size:8px;font-weight:400;letter-spacing:.18em;color:var(--muted);margin-top:4px}
.top nav{font-size:13px;gap:28px;margin-left:auto}
.top nav a{font-weight:400;color:var(--muted);white-space:nowrap;transition:text-shadow .3s,color .3s}
.top nav a:hover,.top nav a:focus-visible{color:var(--ink);text-shadow:0 0 18px #c4adf080}
.crystal-header-actions{display:flex;align-items:center;gap:22px;font-size:13px}
.crystal-motion-toggle{color:var(--gold);border:0;background:none;padding:6px 0;display:flex;gap:6px;align-items:center;white-space:nowrap;cursor:pointer;font-size:12px}
.crystal-motion-toggle>span:first-child{font-size:22px;line-height:1}
.top .nav-action{border:0;border-left:1px solid var(--line);border-radius:0;background:none;padding:2px 0 2px 20px;color:var(--violet);white-space:nowrap}
.crystal-more{position:relative;color:var(--muted)}
.crystal-more summary{cursor:pointer;list-style:none;font-size:12px;white-space:nowrap}
.crystal-more summary::-webkit-details-marker{display:none}
.crystal-more>div{position:absolute;right:0;top:36px;width:210px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#121624f7;box-shadow:0 20px 60px #0006}
.crystal-more a{display:block;color:var(--ink);font-size:13px;padding:10px 12px;border-radius:5px}
.crystal-more a:hover{background:#24283a}
.hero{grid-template-columns:1.2fr 1fr;gap:65px;min-height:640px;padding:60px 0 75px}
.hero .lead{font-size:17px;line-height:2;color:var(--muted);max-width:640px}
.hero-actions{gap:18px;margin-top:33px}
.trust-strip{margin-top:28px;gap:12px 24px;font-size:11px;color:var(--muted)}
.trust-strip li:before{color:var(--gold)}
.trust-strip b{font-weight:400;color:var(--ink)}
.button{border-radius:4px;font-size:14px;font-weight:400;min-height:46px;padding:11px 22px;letter-spacing:.02em;background:#e5dfed;color:#151726;border-color:#e5dfed;transition:box-shadow .3s,background .3s,border-color .3s,color .3s}
.button:hover{transform:none;filter:none;background:#f5f0fa;color:#111522;box-shadow:0 0 30px #c2a9e337}
.button.luminous{background:#e8dec8;border-color:#e8dec8;color:#111318;box-shadow:0 0 22px #dbcba312}
.button.luminous:hover{background:#f6f2e9;box-shadow:0 0 32px #e1cda442}
.button.glass{color:var(--ink);background:#11152180;border-color:#a5b4d34d}
.button.glass:hover{border-color:#c8b6df80;box-shadow:0 0 24px #b49ed22b}
.text-button{font-size:13px;color:var(--violet)}
.button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.crystal-engine-orbit{position:relative;display:grid;place-items:center;width:min(440px,100%);aspect-ratio:1;margin:0 auto;background:radial-gradient(circle,#9282bf28,transparent 66%);isolation:isolate}
.crystal-engine-orbit img{width:43%;height:auto;border-radius:30%;animation:cognitionSeal 10s ease-in-out infinite;filter:drop-shadow(0 0 25px #ad99d740)}
.crystal-engine-orbit i{position:absolute;width:89%;height:89%;border:1px solid #b5aac246;border-radius:50%;transform:rotate(-25deg) scaleY(.63);animation:cognitionOrbit 24s linear infinite;box-shadow:0 0 12px #b7a5e110,inset 0 0 10px #b7a5e10b}
.crystal-engine-orbit i:nth-child(2){animation-delay:-9s;animation-duration:32s}
.crystal-engine-orbit i:nth-child(3){width:100%;height:100%;transform:none;animation:none;border-color:#dbc4a82b}
.crystal-engine-orbit>span{position:absolute;bottom:0;font-size:9px;letter-spacing:.18em;color:var(--gold)}
@keyframes cognitionOrbit{to{transform:rotate(335deg) scaleY(.63)}}
@keyframes cognitionSeal{50%{filter:drop-shadow(0 0 35px #c3a5f065)}}
.value-ribbon{margin:0 0 90px;padding:28px 0;border-inline:0;border-radius:0;background:none;box-shadow:none;gap:24px}
.value-ribbon strong{font-size:17px;font-weight:400}
.value-ribbon small{font-size:12px;color:var(--muted);margin-top:5px}
.value-ribbon span{font-size:11px;color:var(--gold);padding-top:4px}
.section{margin:0 0 95px}
.section-head{margin-bottom:34px;align-items:flex-end}
.section-head.wide>div{max-width:700px}
.section-head.wide>p{font-size:14px;max-width:410px;color:var(--muted);line-height:1.95}
.badge,.engine-state{border-radius:4px;font-size:11px;font-weight:400;line-height:1.6;padding:5px 10px;background:#ffffff03;color:var(--muted);border-color:var(--line)}
.engine-grid{gap:24px;align-items:stretch}
.engine-card{padding:30px;border-radius:12px;background:#14192799;box-shadow:none;min-height:440px}
.engine-design{background:linear-gradient(145deg,#30233655,#14192799)}
.engine-workbench{background:linear-gradient(145deg,#213a3f44,#14192799)}
.engine-glyph{border-radius:8px;width:48px;height:48px;color:var(--gold);border-color:var(--line);background:#c1a9dc0c}
.engine-card h3{font-size:29px;margin:14px 0 18px}
.engine-card>p:not(.engine-kicker){font-size:14px;line-height:1.95;color:var(--muted)}
.engine-kicker{font-size:10px;letter-spacing:.16em;margin-top:25px;color:var(--gold)}
.engine-flow{font-size:12px;color:var(--gold);border-color:var(--line);background:none;line-height:1.9}
.engine-card>.engine-boundary{font-size:12px!important}
.engine-card>.subtle{font-size:11px!important}
.engine-card .actions{gap:12px;margin:22px 0 10px}
.engine-card .button{font-size:12px;padding:9px 13px}
.engine-state.ready{color:var(--green);border-color:#9cdbbd38}
.engine-state.preview{color:var(--gold);border-color:#dac89c38}
.engine-card>a{font-size:13px;padding-top:22px;color:var(--violet)}
.scenario-grid{gap:24px;align-items:stretch}
.card,.capability-card,.cognition-packet,.memory-architect,.memory-service-offer,.video-story,.rules-card,.account-section,.connect-section,.connection-center,.connection-preview,.connect-invite{border-radius:12px;border-color:var(--line);background:#14192799;box-shadow:none}
.card{padding:28px;min-width:0}
.card h3{font-size:25px}
.card p{font-size:14px;color:var(--muted);line-height:1.95}
.scenario-card{display:flex;flex-direction:column;min-height:210px}
.scenario-card .button{align-self:flex-start;margin-top:auto}
.crystal-task-detail{margin:8px 0 25px;border-block:1px solid var(--line);padding:14px 0;color:var(--muted);font-size:13px}
.crystal-task-detail summary{cursor:pointer;color:var(--violet);font-size:13px}
.crystal-task-detail p{margin-top:18px;line-height:2}
#public-skills .scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#public-skills .card>code{font-size:11px;color:var(--gold);background:#d7bb8c07;border:1px solid var(--line);border-radius:3px;padding:5px 9px;display:inline-block}
#public-skills>.card{margin-top:24px}
.memory-architect{padding:34px;background:linear-gradient(130deg,#29203955,#15203344)}
.memory-service-offer{padding:30px;background:#11162485}
.memory-columns p,.memory-columns li,.memory-service-offer p,.memory-service-offer li{font-size:14px;color:var(--muted)}
.memory-columns h3{font-size:27px}
.memory-columns .button{font-size:13px}
.service-price strong{font-family:var(--font-display);font-weight:400;color:var(--gold)}
.memory-service-offer .service-price{font-size:15px}
.capability-grid{gap:24px}
.capability-card{padding:30px;min-height:275px;transition:border-color .4s,box-shadow .4s}
.capability-card:after{display:none}
.capability-card:hover{transform:none;box-shadow:none;border-color:var(--line-bright)}
.capability-card h3{font-size:24px;margin:16px 0 12px}
.capability-card p{font-size:14px}
.capability-card em{left:30px;font-size:11px;color:var(--gold)}
.sigil{color:var(--gold);border-color:var(--line);background:#d7bb8c07;border-radius:8px;box-shadow:none;margin-bottom:22px}
.cognition-story{gap:60px}
.story-copy>p{font-size:15px}
.story-points b{font-size:15px;font-weight:400}.story-points span{font-size:13px;color:var(--muted)}
.cognition-packet{transform:none;padding:30px;background:#111624a6}
.packet-grid b,.cognition-packet li span b{font-size:13px;font-weight:400}
.packet-grid small,.cognition-packet li span small{font-size:11px;color:var(--muted)}
.packet-head{font-size:13px}
.video-visual{background:radial-gradient(circle,#9282bf20,transparent 70%)}
.video-visual:before{border-color:var(--line)}
.video-copy p{font-size:15px;color:var(--muted)}
.video-copy h2{font-size:34px}
.video-emblem>img{filter:drop-shadow(0 0 18px #9389c335);border-radius:25%;box-shadow:none}
.account-section,.connect-section{padding:36px;background:#111624a6;scroll-margin-top:115px}
.account-grid{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
.account-grid>article{min-width:0}
.card-kicker{font-size:10px;color:var(--gold);font-weight:400;letter-spacing:.14em}
.tabs{border-radius:6px;border-color:var(--line);background:#101420}
.tabs button{font-size:13px;font-weight:400;border-radius:4px}
.tabs button.active{color:var(--ink);background:#30283b}
label{font-size:14px;color:var(--muted)}
input:not([type=checkbox]),select{border:1px solid #a5b4d34d;border-radius:6px;background:#101521;color:var(--ink);padding:13px 15px;min-width:0;max-width:100%;font-size:14px}
input:focus,select:focus{outline:1px solid var(--accent);box-shadow:0 0 0 3px #b4a0e315,0 0 22px #b4a0e312}
input[type=checkbox]{accent-color:var(--violet)}
.stats{background:#111624a6;border-radius:10px;border-color:var(--line);margin-bottom:28px}
.stats span{font-size:12px;color:var(--muted)}
.stats strong{font-family:var(--font-display);font-weight:400;color:var(--gold)}
.explain dt{font-size:15px;font-weight:400;color:var(--ink)}
.explain dd{font-size:13px;color:var(--muted)}
.connection-center{padding:32px;background:linear-gradient(145deg,#30243b40,#13232e40)}
.connection-heading h3{font-size:30px}
.connection-preview{background:#0e1421a6}
.connection-form select,.connection-form input{background:#101521;border-color:#a5b4d34d;color:var(--ink)}
.connection-result{border-color:#9cdbbd38;border-radius:6px;color:var(--green);background:#9cdbbd08}
.connection-steps b{color:var(--gold)}
.connection-preview pre{color:var(--ink)}
.connect-invite{padding:28px;background:linear-gradient(110deg,#29203966,#15203344)}
.connect-invite h3{font-size:25px}
.connect-invite p{font-size:14px}
pre{background:#0e1421a6;border-color:var(--line);border-radius:6px;color:#d1cae0;line-height:1.9;font-size:12px}
.table-wrap{overflow-x:auto}
th,td{font-size:13px;line-height:1.8;color:var(--muted)}
th{color:var(--gold);font-weight:400;background:#151a2780}
.rules-card{padding:32px}.rules-grid{gap:35px}.rules-grid h3{font-size:23px}.rules-grid p{font-size:14px}
.policy h2{font-size:30px}.policy p{font-size:13px;max-width:1100px;color:var(--muted)}
footer{position:relative;z-index:1;width:89.6%;max-width:1440px;margin:auto;padding:30px 0 45px;gap:25px;font-size:12px;line-height:1.8;border-top:1px solid var(--line)}
footer img{border-radius:50%;width:34px;height:34px}
footer small{font-size:11px;color:var(--muted)}
#notice{background:#171c2a;border-color:var(--line-bright);border-radius:8px;font-size:14px;z-index:100}
.crystal-light-interaction{z-index:60}.crystal-atmosphere{z-index:0}
[data-crystal-lit]{position:relative;isolation:isolate;box-shadow:inset 0 0 0 1px #cabced48,0 0 26px #ac93da0a!important}
[data-crystal-lit]:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(330px circle at var(--light-x,50%) var(--light-y,50%),#beb0ec14,transparent 74%)}
body[data-crystal-motion=off] .crystal-engine-orbit *,body[data-crystal-hidden=true] .crystal-engine-orbit *{animation-play-state:paused}
@media(min-width:1600px){.hero{min-height:720px;padding-block:90px}.crystal-engine-orbit{width:470px}}
@media(max-width:1160px){.top{gap:18px}.top nav{gap:18px}.crystal-header-actions{gap:16px}.brand{font-size:18px}.brand small{font-size:7px}.hero{gap:35px}.engine-card{padding:25px}.engine-card h3{font-size:25px}}
@media(max-width:900px){.top{display:grid;grid-template-columns:1fr auto;gap:12px 20px;padding:15px 20px 12px}.top nav{grid-row:2;grid-column:1/-1;width:100%;margin:0;gap:26px;overflow-x:auto;padding-top:5px;scrollbar-width:none;justify-content:flex-start}.top nav a:not(.nav-action){display:block}.brand small{display:block}.crystal-header-actions{grid-column:2;grid-row:1;gap:16px}.crystal-motion-toggle>span:last-child{display:none}.hero{grid-template-columns:1fr;gap:30px;padding:50px 0 60px;min-height:0}.hero-copy{text-align:left}.hero-actions,.trust-strip{justify-content:flex-start}.hero .lead{margin-inline:0}.crystal-engine-orbit{width:300px}.value-ribbon{grid-template-columns:1fr 1fr;gap:24px;padding:24px 0}.value-ribbon>i{display:none}.engine-grid{grid-template-columns:1fr}.engine-card{min-height:0;padding:30px}.scenario-grid,#public-skills .scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cognition-story{grid-template-columns:1fr;gap:30px}.account-grid{grid-template-columns:1fr}.memory-columns{grid-template-columns:1fr}.section-head.wide>p{max-width:none;margin-top:14px;text-align:left}.account-section,.connect-section{margin-inline:0}.section{margin-bottom:72px}.section-head.wide{display:block}}
@media(max-width:600px){main,footer{width:calc(100% - 40px)}.brand{font-size:17px}.brand img{width:32px;height:32px}.brand small{font-size:6px}.crystal-header-actions{gap:12px}.top .nav-action{font-size:11px;padding-left:12px;max-width:95px;overflow:hidden;text-overflow:ellipsis}.crystal-more summary{font-size:11px}.top nav{font-size:12px;gap:25px}.hero{padding-top:40px;gap:25px}.hero h1{font-size:clamp(31px,8.8vw,40px);line-height:1.55}.hero .lead{font-size:15px}.hero .lead br{display:none}.hero-actions{gap:12px}.hero-actions .button{padding-inline:17px;font-size:13px}.trust-strip{gap:10px 17px;font-size:10px}.crystal-engine-orbit{width:min(270px,90%)}.value-ribbon{gap:25px 12px;margin-bottom:65px}.value-ribbon div{border:0!important;padding:0!important}.value-ribbon strong{font-size:15px}.value-ribbon small{font-size:10px}.value-ribbon span{font-size:9px}.section-head h2{font-size:30px}.section-head.wide>p{font-size:13px}.section-head{gap:20px;flex-wrap:wrap}.engine-card,.card,.capability-card{padding:24px}.engine-card h3{font-size:27px}.scenario-grid,#public-skills .scenario-grid,.capability-grid{grid-template-columns:1fr}.scenario-card{min-height:175px}.card h3{font-size:24px}.memory-architect,.account-section,.connect-section,.connection-center,.rules-card{padding:22px;margin-inline:0}.memory-service-offer{padding:22px;grid-template-columns:1fr}.memory-start{padding:22px 0 0;border-left:0;border-top:1px solid var(--line)}.memory-columns .actions .button{font-size:12px;padding:10px 14px}.memory-columns .badge{font-size:10px}.capability-card{min-height:265px}.capability-card em{left:24px}.account-section .section-head h2{font-size:28px}.connection-preview{padding:20px}.connection-steps{grid-template-columns:1fr}.connection-grid{grid-template-columns:1fr}.connect-invite{flex-direction:column;align-items:flex-start;padding:24px}.connect-invite .button{white-space:normal}.connection-heading{flex-direction:column}.video-copy{padding:28px}.video-copy h2{font-size:28px}.policy h2{font-size:27px}.stats strong{font-size:28px}.crystal-header-actions a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.crystal-engine-orbit *{animation:none!important}html{scroll-behavior:auto}}
/* Light has three roles: atmosphere, invitation, and feedback. It never catches input. */
.crystal-atmosphere { contain: strict; background: #090c14; }
.crystal-atmosphere .crystal-aura { filter: none; width: 105vw; height: 105vh; opacity: .38; animation: crystalTide 28s ease-in-out infinite alternate; }
.crystal-atmosphere .crystal-aura.blue { background: radial-gradient(ellipse, #274a8b75, #1e335132 40%, transparent 70%); top: -20%; left: -42%; }
.crystal-atmosphere .crystal-aura.violet { background: radial-gradient(ellipse, #6c418e80, #482e6630 40%, transparent 72%); bottom: -40%; right: -30%; animation-delay: -17s; }
.crystal-atmosphere .crystal-aura.pearl { width: 90vw; height: 85vh; left: 20%; top: 28%; background: radial-gradient(ellipse, #3e7b8240, transparent 64%); animation-duration: 36s; animation-delay: -8s; }
.crystal-aurora-band { position: absolute; width: 160vw; height: 50vh; left: -30vw; top: 22%; border-radius: 50%; background: radial-gradient(ellipse, transparent 50%, #9bb4ed09 58%, #a0aefc15 61%, #aacbea07 65%, transparent 71%); transform: rotate(-22deg); animation: crystalCurrent 32s ease-in-out infinite alternate; }
.crystal-aurora-band.two { top: 57%; left: -12vw; opacity: .55; background: radial-gradient(ellipse, transparent 53%, #b99bcc12 61%, #dcbd810a 64%, transparent 71%); animation-delay: -19s; animation-duration: 39s; }
.crystal-star-depth { position: absolute; inset: -15%; opacity: .2; background-image: radial-gradient(1px 1px at 16% 23%, #c6d9ff 98%, transparent), radial-gradient(1px 1px at 63% 70%, #e6d4ae 98%, transparent), radial-gradient(1px 1px at 85% 30%, #d1bff5 98%, transparent); background-size: 340px 310px, 510px 460px, 430px 390px; animation: crystalDepth 48s ease-in-out infinite alternate; }
.crystal-spark { animation-name: crystalLightDrift; }
@keyframes crystalTide { from { transform: translate3d(-3%, -3%, 0) scale(.94); opacity: .3; } to { transform: translate3d(8%, 9%, 0) scale(1.15); opacity: .6; } }
@keyframes crystalCurrent { to { transform: translate3d(-5%, 10%, 0) rotate(-13deg) scale(1.1); } }
@keyframes crystalDepth { to { transform: translate3d(24px, -38px, 0); opacity: .36; } }
@keyframes crystalLightDrift { 40% { opacity: .6; transform: translate3d(-12px, -50px, 0); } 100% { opacity: .1; transform: translate3d(24px, -150px, 0); } }

.crystal-light-interaction { position: fixed; inset: 0; z-index: 60; pointer-events: none; overflow: hidden; contain: strict; }
.crystal-pointer-halo, .crystal-pointer-echo { position: absolute; left: 0; top: 0; opacity: 0; transition: opacity .65s ease; pointer-events: none; }
.crystal-pointer-halo { width: 440px; height: 440px; margin: -220px; background: radial-gradient(circle, #dfd6ff19, #a9c7ff0d 25%, #99b6f405 45%, transparent 68%); }
.crystal-pointer-echo { width: 620px; height: 620px; margin: -310px; background: radial-gradient(ellipse, #af99e510, #cead7205 36%, transparent 67%); }
.crystal-light-interaction[data-visible] .crystal-pointer-halo, .crystal-light-interaction[data-visible] .crystal-pointer-echo { opacity: 1; }
.crystal-ripples span { position: absolute; width: 42px; height: 42px; margin: -21px; border: 1px solid #d4c3fa75; border-radius: 50%; box-shadow: 0 0 16px #d4c3fa25, inset 0 0 10px #d4c3fa18; animation: crystalRipple .75s ease-out forwards; }
@keyframes crystalRipple { from { opacity: .6; transform: scale(.3); } to { opacity: 0; transform: scale(2.8); } }

/* A contained sheen: typography remains above the light; photographs keep their contrast. */
:is(.path-card,.post-card,.lobster-card,.crystal-cognition-entry,.crystal-engine-grid article,.crystal-engine-links>a,.opc-current-card,.opc-lesson-card,.dashboard-hero,.next-action-panel,.crystal-home .path-list>a,.crystal-home .service-grid>a,.crystal-home .knowledge-list>a,.crystal-home .case,.crystal-home .portrait-frame) { position: relative; isolation: isolate; transition: border-color .4s ease, box-shadow .4s ease; }
[data-crystal-lit]::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit; background: radial-gradient(330px circle at var(--light-x,50%) var(--light-y,50%), #beb0ec14, transparent 74%); box-shadow: inset 0 0 0 1px #cabced48, 0 0 26px #ac93da0a; }
.crystal-home .portrait-frame[data-crystal-lit]::after,.crystal-home .case[data-crystal-lit]::after { z-index: 1; background: none; box-shadow: inset 0 0 0 1px #d4c7ef80; }
.crystal-cognition-entry { border-color: #b6a7d04d; }
.crystal-cognition-entry img { animation: crystalSealGlow 8s ease-in-out infinite; }
.crystal-brand-mark { filter: drop-shadow(0 0 7px #e6c98840); transition: filter .4s ease; }
.vnext-brand:hover .crystal-brand-mark { filter: drop-shadow(0 0 12px #e6c98885); }
.crystal-engine-orbit img { animation: crystalSealGlow 10s ease-in-out infinite; }
.crystal-engine-orbit i { box-shadow: 0 0 12px #b7a5e110, inset 0 0 10px #b7a5e10b; }
@keyframes crystalSealGlow { 50% { filter: drop-shadow(0 0 22px #c3a5f060); } }
.vnext-primary-nav a { position: relative; transition: color .3s, text-shadow .3s; }
.vnext-primary-nav a:hover,.vnext-primary-nav a:focus-visible { color: #f3eefe; text-shadow: 0 0 16px #c4b4e780; }
.button,.crystal-home .button { transition: box-shadow .3s, border-color .3s, background .3s, color .3s; }
.button.primary,.crystal-home .button.primary { box-shadow: 0 0 22px #dbcba312; }
.button:hover,.button:focus-visible { box-shadow: 0 0 0 1px #cdbbe342, 0 0 24px #c4ace32b; }
.button.primary:hover,.button.primary:focus-visible { box-shadow: 0 0 0 1px #f2dec866, 0 0 32px #e1cda442; }
:is(input:not([type=range]),textarea,select):focus { box-shadow: 0 0 0 3px #b4a0e315, 0 0 22px #b4a0e312; }

/* The user's switch and OS preference own every new effect. Hidden tabs do no work. */
body[data-crystal-motion=off] .crystal-light-interaction { display: none; }
body[data-crystal-motion=off] :is(.crystal-atmosphere *,.crystal-cognition-entry img,.crystal-engine-orbit img,.crystal-home .hero-sign img,.crystal-home .gate-emblem:before),body[data-crystal-hidden=true] :is(.crystal-atmosphere *,.crystal-cognition-entry img,.crystal-engine-orbit img,.crystal-engine-orbit i,.crystal-home .hero-sign img,.crystal-home .gate-emblem:before) { animation-play-state: paused; }
body[data-crystal-motion=off] [data-crystal-lit]::after { display: none; }
@media (hover:none), (pointer:coarse) { .crystal-pointer-halo,.crystal-pointer-echo { display:none; } }
@media (max-width:600px) { .crystal-atmosphere .crystal-aura { animation-duration: 40s; opacity: .28; } .crystal-aurora-band.two,.crystal-star-depth,.crystal-spark:nth-of-type(n+17) { display:none; } }
@media (prefers-reduced-motion:reduce) { .crystal-light-interaction { display:none; } .crystal-atmosphere *,.crystal-cognition-entry img,.crystal-engine-orbit img { animation:none!important; } }
/* Portal cards use one sheen layer; preserve their existing decoration selectors. */
[data-crystal-lit]::after{content:none}
.crystal-spark{position:absolute;width:2px;height:2px;border-radius:50%;background:#ded5ff;box-shadow:0 0 6px #b9b5fc;opacity:.25;animation:crystalLightDrift 24s linear infinite}
.crystal-spark:nth-of-type(5n){width:3px;height:3px;background:#eed6a3;box-shadow:0 0 8px #d4bd91}
.top nav a[aria-current]{color:var(--ink);text-decoration:underline;text-decoration-color:#c6b9df80;text-underline-offset:12px}
body[data-crystal-motion=off] [data-crystal-lit]:before{display:none}
@media(prefers-reduced-motion:reduce){[data-crystal-lit]:before{display:none}}

.crystal-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.crystal-aura{position:absolute}
.crystal-engine-orbit img{border-radius:50%}
.subtle{font-size:12px;line-height:1.9;color:var(--muted)}
.tabs button[aria-pressed=true]{color:var(--ink);background:#30283b;font-weight:400}
.text-button.danger{color:var(--bad)}
.secret{background:#322d2040;border-color:#dac89c55}
.crystal-preview-notice{position:fixed;bottom:12px;left:14px;z-index:110;padding:6px 12px;border:1px solid #a598ba40;border-radius:4px;background:#111521dc;color:#b6bfd1;font-size:10px;pointer-events:none}
/* Keep navigation available throughout this long portal; avoid an accidental body scroll container. */
body{overflow-x:clip}
.stats .small-number{font-family:inherit;font-size:13px;line-height:1.8;padding-top:7px;color:var(--muted);overflow-wrap:anywhere}
.account-section .section-head h2{text-wrap:balance}