/* Xingjian: an open, playful universe. All decorative animation can be paused. */
:root{--purple:#c0afff;--cyan:#8fe2df;--muted:#a0aac0;--panel:#111a2ac9}body{background:#070c18;font-size:15px;isolation:isolate}.sidebar{z-index:20;background:#0b1120ec;backdrop-filter:blur(20px)}.stars{z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 80% 15%,#4c357b35,transparent 50%),radial-gradient(ellipse at 30% 75%,#1d73751a,transparent 55%)}.stars:before{content:'';position:absolute;inset:-10%;background:radial-gradient(ellipse at 70% 30%,#ad74ff13,transparent 42%);animation:nebula 24s ease-in-out infinite alternate}.stars:after{animation:twinkle 7s ease-in-out infinite alternate}.star-dot{position:absolute;width:2px;height:2px;border-radius:50%;background:#dfe7ff;box-shadow:0 0 8px #cbdbff77;animation:star-pulse var(--duration,5s) ease-in-out var(--delay,0s) infinite alternate}.shooting-star{position:absolute;top:12%;left:28%;width:150px;height:1px;background:linear-gradient(90deg,transparent,#c6d9ff);transform:rotate(35deg);animation:shoot 13s ease-in-out infinite;opacity:0}.shooting-star:nth-last-child(1){top:44%;left:58%;animation-delay:6s;width:90px}main{max-width:none;padding-bottom:90px}header{height:90px}.breadcrumb{font-size:12px}.header-right{font-size:11px}.brand small{font-size:8px}.hero{min-height:540px;grid-template-columns:1.1fr 1fr;gap:20px}.hero h1{font-size:clamp(38px,4.6vw,68px);line-height:1.35;letter-spacing:-1.5px;margin:27px 0 24px;font-weight:500}.hero h1 span{font-family:inherit;background:linear-gradient(105deg,#cdbbff,#9ce3e1);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{font-size:14px;line-height:2.1}.hero .eyebrow{font-size:10px;letter-spacing:2px}.hero-actions .primary,.hero-actions .ghost{padding:12px 20px;font-size:13px}.micro{font-size:10px;letter-spacing:.6px}.cosmos{height:440px;transform:none;min-width:0}.cosmos-top{left:8%;top:20px;color:#9da3c5;font-size:8px}.cosmos-bottom{left:15%;bottom:24px;font-size:10px}.planet{width:205px;height:205px;overflow:hidden;background:#204559;box-shadow:-8px -6px 32px #8de5e83b,0 0 100px #8d70ef18,inset -35px -20px 50px #020610;z-index:3}.planet-surface{position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(12deg,transparent 0 10%,#c9b5ec44 12%,#5ab9c14d 16%,transparent 22%),repeating-radial-gradient(ellipse at 35% 45%,#7bd8d3 0 7%,#395782 11%,#af9dc9 14%,#638ca0 19%,#2b4564 24%);background-size:220% 100%;animation:planet-spin 44s linear infinite;filter:saturate(.8)}.planet-shade{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 24% 24%,#e7ffff25,transparent 40%,#010713bf 75%);box-shadow:inset 1px 2px 5px #b9f4ef88,inset -26px -10px 40px #010713}.planet-halo{position:absolute;left:50%;top:50%;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#8ed0e516,transparent 68%);animation:halo-breathe 7s ease-in-out infinite}.planet-ring{position:absolute;left:50%;top:50%;width:320px;height:84px;border:9px solid #b6a8e55c;border-top-color:#e0c4f77a;border-bottom-color:#8ed5dc77;border-radius:50%;transform:translate(-50%,-50%) rotate(-27deg);z-index:4;clip-path:polygon(0 38%,100% 38%,100% 100%,0 100%);box-shadow:0 0 13px #c5a2e82a}.orbit{z-index:2;border-color:#b3bcdb28}.o1{width:355px;height:355px;animation:orbital-one 70s linear infinite}.o2{width:430px;height:195px;animation:orbital-two 52s linear infinite}.o3{width:390px;height:145px;border-style:dashed;border-color:#a5b8d31c}.moon{position:absolute;display:block;border-radius:50%;top:10%;left:20%;background:radial-gradient(circle at 30% 25%,#f0d7f7,#a18bc5 40%,#2b244c 85%);width:17px;height:17px;box-shadow:0 0 18px #bc9ff355}.moon-two{width:9px;height:9px;background:#a8e3e2;top:65%;left:-1%;box-shadow:0 0 18px #a8e3e2}.l1{top:79px;left:4%;color:#b4a8cf}.l2{right:1%;bottom:86px}.l3{bottom:57px;left:4%;font-size:7px}.stats{margin-top:5px;backdrop-filter:blur(8px);background:linear-gradient(110deg,#172139ae,#101725b0);padding:25px 0}.stat span{font-size:12px}.stat strong{font-size:32px}.stat small{font-size:8px}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portal{position:relative;padding:30px;text-align:left;overflow:hidden;min-height:300px;border:1px solid #b5b8df27;border-radius:16px;background:linear-gradient(145deg,#19243b,#0d1424);transition:transform .3s,border-color .3s,box-shadow .3s}.portal:after{content:'';position:absolute;width:180px;height:180px;right:-65px;top:-60px;border:1px solid #c1b8e72b;border-radius:50%;box-shadow:0 0 0 30px #b8a8ed05,0 0 0 60px #b8a8ed04;transition:transform .5s}.portal:hover{transform:translateY(-6px);border-color:#bca8ef77;box-shadow:0 20px 60px #02040a55}.portal:hover:after{transform:scale(1.3)}.portal-tests{background:linear-gradient(145deg,#25213d,#111425)}.portal-collection{background:linear-gradient(145deg,#132e38,#0d1626)}.portal-visual{display:block;font-size:46px;line-height:1;color:#c6b9fb;margin-bottom:30px;filter:drop-shadow(0 0 14px #b4a1e955)}.portal-collection .portal-visual{color:#9edbd6}.portal small{font:9px monospace;letter-spacing:1.6px;color:#9a9ebc}.portal h3{font-size:23px;font-weight:500;margin:14px 0}.portal p{font-size:12px;color:#a1acc2;line-height:2;margin-bottom:22px}.portal b{font-size:12px;font-weight:400;color:#cbbbf5}.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.discovery-grid button{text-align:left;border:1px solid #b5b8df22;background:#121b2aa6;border-radius:12px;padding:25px;transition:border-color .2s,background .2s}.discovery-grid button:hover{background:#1a2439;border-color:#bca8ef66}.discovery-grid small{font:9px monospace;letter-spacing:1px;color:#9991b4}.discovery-grid h3{font-size:16px;font-weight:400;margin:14px 0 9px}.discovery-grid p{font-size:12px;color:#929db5;line-height:2}.discovery-grid span{display:block;margin-top:23px;font-size:11px;color:#b9b0de}.section-title h2{font-size:23px}.page-title p{font-size:14px;line-height:2}.page-title h1{font-size:36px}.test-description,.test-boundary{line-height:2}.test-report-notes p{line-height:2.1;margin:18px 0;color:#b7c2d7}.test-explanation-row td{font-size:12px;color:#a8c5cf;background:#8da3c208;padding:14px!important}.music-dock{position:fixed;z-index:40;bottom:20px;right:28px;width:420px;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #b6add646;border-radius:15px;background:#111a2dea;backdrop-filter:blur(24px);box-shadow:0 12px 45px #02050a80}.music-play{border:1px solid #cbbaf66b;background:#c0acf324;width:40px;height:40px;border-radius:50%;flex-shrink:0;font-size:14px;color:#e8dbff}.music-info{min-width:0;flex:1}.music-info small{display:flex;gap:8px;font:8px/1.5 monospace;letter-spacing:1px;color:#a59bc5}.music-info small span{font:9px/1.5 system-ui;letter-spacing:0;color:#8296af}.music-info select{font-size:12px;border:0;background:transparent;margin:3px 0 0;padding:2px 15px 2px 0;outline:none;max-width:100%;cursor:pointer}.music-info option{background:#111a2d}.music-volume{width:60px;margin:0;font-size:9px;color:#8a9ab2}.music-volume input{width:60px;padding:0;margin:4px 0 0;height:10px;accent-color:#b7a8e9;cursor:pointer}.music-collapse{border:0;background:none;font-size:20px;color:#8997b1;padding:2px 5px}.equalizer{display:flex;gap:3px;align-items:center;height:23px}.equalizer i{width:2px;height:7px;background:#a3cfc9;border-radius:4px;animation:equalize 1.1s ease-in-out infinite alternate;animation-play-state:paused}.equalizer i:nth-child(2){height:19px;animation-delay:-.6s}.equalizer i:nth-child(3){height:12px;animation-delay:-.2s}.equalizer i:nth-child(4){height:22px;animation-delay:-.8s}.music-dock.playing .equalizer i{animation-play-state:running}.music-dock.collapsed{width:auto;padding:9px;gap:4px}.music-dock.collapsed .music-info,.music-dock.collapsed .music-volume,.music-dock.collapsed .equalizer{display:none}.music-dock.collapsed .music-collapse{transform:rotate(180deg)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quote{margin-bottom:45px}.view:not([hidden]){animation:view-arrive .45s ease-out}button:focus-visible,a:focus-visible{outline-offset:5px}nav button{font-size:14px}.side-bottom p{font-size:12px}.side-bottom button{font-size:12px}
@keyframes planet-spin{from{background-position:0 0}to{background-position:200% 0}}@keyframes orbital-one{from{transform:translate(-50%,-50%) rotate(-30deg)}to{transform:translate(-50%,-50%) rotate(330deg)}}@keyframes orbital-two{from{transform:translate(-50%,-50%) rotate(-30deg)}to{transform:translate(-50%,-50%) rotate(-390deg)}}@keyframes halo-breathe{50%{opacity:.55;transform:translate(-50%,-50%) scale(1.2)}}@keyframes star-pulse{from{opacity:.15;transform:scale(.6)}to{opacity:.85;transform:scale(1.25)}}@keyframes twinkle{from{opacity:.4}to{opacity:.9}}@keyframes nebula{to{transform:translate(-3%,4%) scale(1.1)}}@keyframes shoot{0%,82%{opacity:0;transform:translate(-80px,-50px) rotate(35deg)}85%{opacity:.7}91%,100%{opacity:0;transform:translate(350px,230px) rotate(35deg)}}@keyframes equalize{to{transform:scaleY(.3)}}@keyframes view-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .view:not([hidden]){animation:none}.motion-paused .portal:hover{transform:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.shooting-star{display:none}}
@media(max-width:1200px){.hero{min-height:480px}.cosmos{transform:scale(.83);margin:0 -25px}.hero h1{font-size:46px}.portal{padding:23px}.portal p{font-size:11px}.discovery-grid button{padding:20px}.stat{padding:0 19px}}
@media(max-width:950px){.portal-grid{gap:13px}.portal{padding:20px;min-height:290px}.portal h3{font-size:20px}.portal small{font-size:8px;letter-spacing:1px}.hero h1{font-size:42px}.hero p{font-size:12px}.hero-actions{gap:10px;flex-wrap:wrap}.hero-actions .primary,.hero-actions .ghost{padding:10px 15px;font-size:12px}.cosmos{transform:scale(.7);margin:0 -45px}.music-dock{right:20px;width:390px}.discovery-grid{grid-template-columns:1fr}.discovery-grid button{display:grid;grid-template-columns:1fr auto;gap:0 15px}.discovery-grid button p{grid-column:1}.discovery-grid button span{grid-column:2;grid-row:1/4;align-self:center;margin:0}.discovery-grid h3{margin:8px 0}.section-title h2{font-size:21px}}
@media(max-width:800px){.hero{grid-template-columns:1fr 1fr}.portal-grid{grid-template-columns:1fr}.portal{min-height:0;padding:26px}.portal-visual{float:right;margin:20px 5px 10px 20px;font-size:60px}.portal h3{font-size:24px}.portal p{font-size:13px}.portal b{display:inline-block;margin-top:2px}.hero h1{font-size:40px}.cosmos{transform:scale(.7)}.side-bottom{display:none}.page-title h1{font-size:32px}}
@media(max-width:580px){.sidebar{position:relative;padding:18px 19px 12px}.brand small{font-size:7px}nav{gap:3px;margin-top:15px}nav button{font-size:11px;gap:5px;padding:8px 7px;white-space:nowrap}nav button>span{font-size:15px}main{padding-bottom:90px}.hero{display:flex;flex-direction:column;min-height:0;gap:0;padding-top:37px}.hero-copy{width:100%}.hero h1{font-size:46px;margin:23px 0 19px}.hero p{font-size:13px;max-width:none}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.micro{font-size:9px}.cosmos{width:100%;height:310px;transform:scale(.8);margin:0 0 -10px}.cosmos-top{top:4px;left:0;font-size:7px}.cosmos-bottom{bottom:-10px;left:16%;font-size:10px}.l1{top:30px;left:-1%}.l2{right:-2%;bottom:40px}.l3{bottom:17px;left:-2%}.o2{width:390px}.stats{margin-top:10px;padding:18px 0;gap:22px 0}.stat strong{font-size:30px}.stat span{font-size:11px}.stat small{font-size:7px}.section-title h2{font-size:20px}.section-title>.muted{display:none}.music-dock{bottom:12px;right:12px;left:12px;width:auto;gap:10px;padding:10px 12px}.music-dock.collapsed{left:auto}.music-volume{width:54px}.music-volume input{width:54px}.music-info select{font-size:12px}.music-play{width:37px;height:37px}.page-title h1{font-size:30px}.page-title p{font-size:12px}.portal{padding:24px}.quote p{font-size:12px;line-height:2}.header-right #connection{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discovery-grid button{display:block}.discovery-grid button span{margin-top:18px}.test-category-tabs{gap:8px}.test-local-note{font-size:10px}.test-report-notes p{font-size:13px}.test-report-source a{overflow-wrap:anywhere}}
@media print{.music-dock,.stars{display:none!important}main{padding-bottom:0}.view{animation:none!important}}

.header-settings{border:1px solid #b7a4e23c;border-radius:50%;background:#b8adf30b;color:#b8adf3;width:30px;height:30px;padding:0;font-size:16px;display:grid;place-items:center}.header-settings:hover{background:#b8adf322}@media(max-width:580px){.header-right{gap:8px}.avatar{display:none}.header-settings{width:29px;height:29px}}
