*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:#02040b;color:#d9f6ff;font-family:Inter,Segoe UI,sans-serif}.app{height:100%;position:relative;background:radial-gradient(circle at 50% 44%,#0a315033 0,#02040b00 36%)}.three-world,.nebula{position:absolute;inset:0}.three-world canvas{width:100%;height:100%;display:block}.nebula{pointer-events:none;background:radial-gradient(ellipse at 70% 20%,#26307a24,transparent 35%),radial-gradient(ellipse at 30% 72%,#006c8b1f,transparent 34%);mix-blend-mode:screen}header{height:74px;position:relative;z-index:30;display:grid;grid-template-columns:260px 1fr 220px;align-items:center;padding:0 28px;border-bottom:1px solid #80dfff17;background:#0206109e;backdrop-filter:blur(16px)}.brand{display:flex;gap:10px;align-items:baseline}.brand b{letter-spacing:.28em}.brand span,.status{font-size:10px;letter-spacing:.16em;color:#78b9cf}.command{justify-self:center;width:min(520px,70vw);border:1px solid #78dfff29;border-radius:18px;padding:11px 18px;color:#79aebd;background:#081522a8}.status{text-align:right}aside{position:absolute;z-index:25;left:18px;top:95px;display:grid;gap:9px}aside button{width:54px;height:54px;border:1px solid #78dfff20;background:#07101aaa;color:#9bdbea;border-radius:16px}aside span{display:none}.hero{position:absolute;inset:74px 0 38px;z-index:10}.avatar{position:absolute;left:50%;bottom:0;transform:translate(-50%);height:min(78vh,760px);filter:drop-shadow(0 0 30px #31bfff20);pointer-events:none}.core-copy{position:absolute;left:50%;top:10%;transform:translate(-50%);text-align:center;text-shadow:0 2px 20px #000}.core-copy small{color:#7be8ff;letter-spacing:.25em}.core-copy h1{font-size:22px;letter-spacing:.18em;margin:10px 0}.core-copy p{margin:0;color:#88aab5;font-size:12px}.pod{position:absolute;width:184px;height:84px;border:1px solid #72dcff38;border-radius:22px;background:linear-gradient(145deg,#0d2135b8,#07101ab5);backdrop-filter:blur(14px) saturate(1.25);color:#e5faff;text-align:left;padding:16px 18px;box-shadow:inset 0 0 25px #3dcaff0a,0 14px 40px #0008;transition:.25s transform,.25s border-color}.pod:hover{transform:translateY(-4px) scale(1.02);border-color:#72dcff88}.pod strong,.pod span{display:block}.pod span{font-size:9px;letter-spacing:.16em;color:#6caabd;margin-top:6px}.p0{left:14%;top:23%}.p1{right:14%;top:23%}.p4{right:22%;top:76%}.orbit{position:absolute;left:50%;bottom:3%;transform:translate(-50%);display:flex;gap:12px;align-items:center}.orbit span{font-size:9px;letter-spacing:.18em;color:#5e8c9c}.orbit b{font-size:9px;font-weight:500;padding:8px 12px;border:1px solid #65d7ff24;border-radius:50%;background:#06111ac9}.workspace{position:absolute;z-index:60;inset:90px 7% 54px 12%;padding:36px;border:1px solid #79e2ff35;border-radius:30px;background:#050b13e8;backdrop-filter:blur(28px);box-shadow:0 30px 100px #000}.workspace small{letter-spacing:.18em;color:#5eb9d0}.workspace h2{font-size:32px}.workspace p{color:#89a6b0}.close{float:right;border:1px solid #71dfff35;background:#0a1721;color:#b9efff;padding:10px 14px;border-radius:14px}.workpanel{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:14px;margin-top:40px}.workpanel div{height:240px;border:1px solid #6edcff1c;border-radius:22px;padding:18px;background:#07111b}.workspace-open .hero{opacity:.16;filter:blur(2px)}footer{position:absolute;z-index:30;bottom:12px;left:24px;font-size:9px;letter-spacing:.18em;color:#4c7d8e}@media (max-width:900px){.pod{width:150px}.p0,.p2{left:4%}.p1,.p3{right:4%}.p4{right:8%}.avatar{height:62vh}.command{display:none}header{grid-template-columns:1fr 1fr}.workpanel{grid-template-columns:1fr}.workpanel div{height:110px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.workgrid{display:grid;grid-template-columns:1fr 1.35fr;gap:16px}.card{border:1px solid #6edcff22;border-radius:22px;padding:20px;background:#07111bd9;min-height:280px}.card h3{margin:0 0 18px}.drop{display:grid;gap:8px;border:1px dashed #69d9ff55;border-radius:18px;padding:28px;cursor:pointer}.drop input{width:100%}.drop span,.muted{color:#7899a6;font-size:12px}.action{margin-top:16px;border:1px solid #71dfff55;background:#0b2432;color:#c9f5ff;padding:10px 15px;border-radius:12px}.action:disabled{opacity:.4}.json{white-space:pre-wrap;overflow:auto;max-height:48vh;color:#aeeaff;background:#02070d;padding:14px;border-radius:14px;font-size:12px}.error{margin-top:14px;color:#ff9aa9}.empty{color:#668794}.row{display:flex;align-items:center;justify-content:space-between}.row .action{margin:0}textarea{width:100%;height:160px;resize:vertical;border:1px solid #69d9ff33;background:#02070d;color:#d9f6ff;border-radius:14px;padding:14px}@media (max-width:900px){.workgrid{grid-template-columns:1fr}.workspace{overflow:auto}} .update-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.update-admin,.update-status{min-height:520px}.version-pill,.state{border:1px solid #71dfff35;border-radius:999px;padding:7px 10px;color:#9eeaff;font-size:11px;white-space:nowrap}.field{display:grid;gap:8px;margin:18px 0}.field span{font-size:12px;color:#8fb5c1}.field input{width:100%;border:1px solid #69d9ff33;background:#02070d;color:#d9f6ff;border-radius:12px;padding:12px 14px;outline:none}.field input:focus{border-color:#69d9ff88}.update-actions{display:flex;gap:10px;flex-wrap:wrap}.secondary{background:#07131d}.danger{border-color:#ff8a9a55;background:#30121a;color:#ffd4da}.divider{height:1px;background:#6edcff1c;margin:20px 0}.progress{height:8px;background:#02070d;border:1px solid #6edcff1c;border-radius:999px;overflow:hidden;margin:16px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,#55bde8,#9cf4ff);transition:width .25s}.state.success{border-color:#7fffc655;color:#9dffd5}.state.ready{border-color:#ffe28a55;color:#ffe9a6}.state.failed{border-color:#ff8a9a55;color:#ffb2bd}.update-status dl{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;font-size:12px}.update-status dt{color:#7095a3}.update-status dd{margin:0;min-width:0;overflow-wrap:anywhere}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.history{display:grid;gap:8px;max-height:160px;overflow:auto}.history div{display:grid;grid-template-columns:80px 80px 1fr;gap:8px;padding:9px 10px;border:1px solid #6edcff18;border-radius:10px}.history span,.history small{color:#7899a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1000px){.update-layout{grid-template-columns:1fr}.update-admin,.update-status{min-height:auto}}.workflow-grid{display:grid;grid-template-columns:.9fr 1.15fr .8fr;gap:16px}.business-history{max-height:52vh}.history-item{width:100%;text-align:left;background:#04101a;border:1px solid #6edcff1c;color:#d9f6ff;border-radius:10px;padding:10px;display:grid;grid-template-columns:1fr auto;gap:4px;margin-bottom:8px}.history-item small{grid-column:1/-1;color:#668794}.editor{height:170px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.mini{border:1px solid #71dfff35;background:#07131d;color:#aeeaff;padding:7px 10px;border-radius:9px;margin-left:6px}.expense-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.expense-list{display:grid;gap:8px;max-height:48vh;overflow:auto}.expense-list button{display:grid;text-align:left;gap:4px;padding:12px;border-radius:12px;border:1px solid #6edcff1c;background:#04101a;color:#d9f6ff}.expense-list button.selected{border-color:#71dfff88;background:#0a2230}.expense-list span,.expense-list small{color:#7899a6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field select{width:100%;border:1px solid #69d9ff33;background:#02070d;color:#d9f6ff;border-radius:12px;padding:12px 14px}@media (max-width:1100px){.workflow-grid{grid-template-columns:1fr 1fr}.workflow-grid>.card:last-child{grid-column:1/-1}.expense-grid{grid-template-columns:1fr}}@media (max-width:760px){.workflow-grid,.expense-grid,.form-row{grid-template-columns:1fr}.workflow-grid>.card:last-child{grid-column:auto}}.hero:before{content:"";position:absolute;left:50%;top:48%;width:min(42vw,620px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#5de6ff24 0,#148db21b 28%,#0d31510d 48%,transparent 69%);box-shadow:0 0 90px #2acfff18,inset 0 0 70px #79edff0b;pointer-events:none}.hero:after{content:"";position:absolute;left:50%;top:48%;width:min(31vw,455px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #73e4ff2c;border-radius:50%;box-shadow:0 0 34px #44d9ff1d,inset 0 0 30px #55dfff0c;pointer-events:none}.avatar{z-index:5;height:min(76vh,735px);filter:drop-shadow(0 0 24px #72ddff24) drop-shadow(0 18px 55px #000a)}.core-copy{z-index:12;top:7%}.pod{z-index:14;overflow:hidden;background:linear-gradient(145deg,#102a40c9,#06101bc7);border-color:#75e4ff45;box-shadow:inset 0 1px #d4f8ff10,inset 0 0 34px #3dcaff0c,0 18px 50px #0009}.pod:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 8%,#a5efff0b 44%,transparent 62%);transform:translate(-45%);transition:transform .35s}.pod:hover:before{transform:translate(35%)}.pod:after{content:"";position:absolute;right:15px;top:14px;width:18px;height:18px;border:1px solid #73e7ff44;transform:rotate(45deg);box-shadow:0 0 18px #55dcff20}.pod strong{font-size:14px;letter-spacing:.04em}.p0{left:13%;top:22%}.p1{right:13%;top:22%}.p2{left:9%;top:55%}.p3{right:9%;top:55%}.p4{right:21%;top:75%}.orbit{z-index:16;bottom:2.5%;padding:8px 12px;border:1px solid #6ee1ff18;border-radius:999px;background:#030a11a8;backdrop-filter:blur(12px)}.orbit b{box-shadow:inset 0 0 15px #4dd8ff0c}.workspace-open .hero{opacity:.12;filter:blur(2px)}@media (max-width:900px){.hero:before{width:70vw}.hero:after{width:52vw}.avatar{height:61vh}}.hero:before{top:44%;width:min(47vw,690px);background:radial-gradient(circle,#70ebff2b 0,#159cc026 24%,#0c3d6113 46%,transparent 70%);box-shadow:0 0 120px #31d7ff22,inset 0 0 82px #8cf2ff10}.hero:after{top:44%;width:min(35vw,510px);border-color:#8aebff3d;box-shadow:0 0 46px #51e3ff29,inset 0 0 38px #67e5ff10}.avatar{height:min(72vh,700px);bottom:-1.2%;z-index:7;filter:drop-shadow(0 0 22px #79e5ff22) drop-shadow(0 20px 58px #000b)}.core-copy{top:5.5%;z-index:18}.core-copy h1{margin:8px 0 6px}.core-copy p{opacity:.78}.pod{width:190px;height:86px;border-color:#82eaff55;background:linear-gradient(145deg,#123047d6,#06111dd0);box-shadow:inset 0 1px #e1fbff16,inset 0 0 38px #43d8ff10,0 18px 55px #000a}.pod:hover{transform:translateY(-5px) scale(1.025);border-color:#8decffaa;box-shadow:inset 0 0 42px #4ee5ff18,0 22px 62px #000b,0 0 28px #4bdcff12}.p0{left:13%;top:21%}.p1{right:13%;top:21%}.p2{left:9%;top:54%}.p3{right:9%;top:54%}.p4{right:20%;top:72%}.orbit{bottom:1.2%;z-index:19;gap:10px;padding:7px 13px;background:#030a11d1;border-color:#76e7ff26;box-shadow:0 10px 34px #0009,0 0 28px #48dfff0b}.orbit b{padding:7px 11px;background:#07151edb;border-color:#70e4ff32}@media (max-width:900px){.avatar{height:59vh}.core-copy{top:4%}.orbit{bottom:.8%}}.hero:before{top:45%;width:min(41vw,600px);background:radial-gradient(circle,#65e8ff20 0,#168db51a 24%,#0b304c0d 45%,transparent 68%);box-shadow:0 0 88px #31d7ff18,inset 0 0 58px #8cf2ff0a}.hero:after{top:45%;width:min(31vw,450px);border-color:#86eaff2d;box-shadow:0 0 34px #51e3ff1c,inset 0 0 28px #67e5ff0b}.p0{left:14%;top:22%}.p1{right:14%;top:22%}.p2{left:10%;top:55%}.p3{right:10%;top:55%}.p4{right:18.5%;top:69%}.orbit{bottom:1.1%;padding:6px 12px;border-color:#76e7ff20;background:#030a11c7}@media (max-width:900px){.hero:before{width:64vw}.hero:after{width:48vw}.p4{right:8%;top:73%}}.pod{isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#143f537a,#03111ec2);box-shadow:inset 0 1px #b8f4ff1f,inset 0 -16px 34px #008fbe0e,0 14px 42px #0000003d}.pod:before{content:"";position:absolute;inset:-45% -20%;pointer-events:none;background:linear-gradient(112deg,transparent 36%,rgba(173,244,255,.11) 48%,rgba(91,217,255,.04) 54%,transparent 66%);transform:translate(-48%);transition:transform .55s ease}.pod:hover:before{transform:translate(44%)}.pod:after{filter:drop-shadow(0 0 7px rgba(86,222,255,.22))}.lite .pod:before{display:none}.pod{width:224px;height:116px;padding:14px 15px;display:grid;grid-template-columns:1fr 92px;align-items:center;text-align:left;border-radius:20px;backdrop-filter:blur(16px) saturate(1.18);-webkit-backdrop-filter:blur(16px) saturate(1.18)}.pod-copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.pod-copy strong{font-size:14px}.pod-copy>span{margin-top:4px;font-size:8px;letter-spacing:.18em;color:#70bcd0}.pod-copy em{margin-top:14px;font-size:9px;font-style:normal;color:#b9f2ff;opacity:.68}.pod:hover .pod-copy em{opacity:1}.pod-scene{position:relative;z-index:2;width:84px;height:78px;display:block;perspective:180px;filter:drop-shadow(0 0 12px #54dfff33)}.pod-scene i{position:absolute;display:block;box-sizing:border-box}.doc{width:31px;height:42px;border:1px solid #9deeff66;background:linear-gradient(145deg,#bff6ff20,#1c91b818);border-radius:3px;transform:rotateY(-18deg) rotate(-5deg)}.doc:after{content:"";position:absolute;left:6px;right:6px;top:10px;height:1px;background:#bdf6ff66;box-shadow:0 7px #bdf6ff44,0 14px #bdf6ff2c}.d1{left:24px;top:17px}.d2{left:39px;top:12px;opacity:.58}.scan{left:12px;right:8px;top:38px;height:1px;background:#b8f8ff;box-shadow:0 0 8px #59e5ff,0 0 16px #59e5ff88}.invoice-sheet{left:25px;top:10px;width:38px;height:54px;border:1px solid #b8f5ff66;background:linear-gradient(#d9fbff18,#187fa018);transform:rotateY(-15deg) rotate(4deg)}.invoice-line{left:34px;width:24px;height:2px;background:#9eeeff66}.l1{top:25px}.l2{top:33px;width:17px}.wallet{left:13px;top:31px;width:38px;height:27px;border:1px solid #a5efff77;border-radius:7px;box-shadow:inset 0 0 12px #4cdcff20}.wallet:after{content:"";position:absolute;right:-7px;top:8px;width:14px;height:9px;border:1px solid #a5efff66;border-radius:3px}.bar{bottom:17px;width:6px;background:linear-gradient(#d9fbff,#50d9ff55);box-shadow:0 0 7px #59e5ff55}.b1{left:56px;height:14px}.b2{left:66px;height:27px}.b3{left:76px;height:39px}.cube-face{width:32px;height:32px;border:1px solid #a7f1ff77;background:#55dfff0d;left:27px;top:22px}.c1{transform:rotate(30deg) skewY(-12deg)}.c2{transform:translate(14px,-8px) rotate(30deg) skewY(-12deg);opacity:.48}.c3{transform:translate(7px,10px) rotate(30deg) skewY(-12deg);opacity:.32}.up-arrow{left:39px;top:27px;color:#e5fdff;font-style:normal;font-size:24px;text-shadow:0 0 12px #67e9ff}.ai-node{width:8px;height:8px;border:1px solid #a9f4ff;border-radius:50%;background:#6eeaff44;box-shadow:0 0 9px #5de6ff}.n1{left:20px;top:22px}.n2{left:57px;top:18px}.n3{left:42px;top:50px}.wave{left:15px;right:10px;top:38px;height:1px;background:linear-gradient(90deg,transparent,#9af2ff,#806cff,#9af2ff,transparent);box-shadow:0 0 9px #62e6ff}.pod:hover .pod-scene{transform:translateY(-2px) scale(1.05)}.p0{left:11.5%;top:21%}.p1{right:11.5%;top:21%}.p2{left:7.5%;top:54%}.p3{right:7.5%;top:54%}.p4{right:17%;top:70%}.lite .pod{backdrop-filter:none;-webkit-backdrop-filter:none}.lite .pod-scene{filter:none}.lite .pod-scene .scan,.lite .pod-scene .wave{box-shadow:none}@media (max-width:900px){.pod{width:170px;height:92px;grid-template-columns:1fr 54px}.pod-scene{transform:scale(.72);transform-origin:center}.pod-copy em{display:none}.p0,.p2{left:3%}.p1,.p3{right:3%}.p4{right:7%}}.hero{isolation:isolate}.avatar{height:min(79vh,770px);bottom:-2.2%;z-index:8;filter:drop-shadow(0 0 26px #8beaff28) drop-shadow(0 24px 64px #000c)}.command-field{position:absolute;inset:0;z-index:9;pointer-events:none}.command-field .spoke{position:absolute;left:50%;top:62%;height:1px;width:35vw;transform-origin:0 50%;background:linear-gradient(90deg,#baf7ff78,#51dcff36 35%,#52dfff0b 78%,transparent);box-shadow:0 0 8px #4bdfff26}.command-field .s0{transform:rotate(-151deg)}.command-field .s1{transform:rotate(-29deg)}.command-field .s2{transform:rotate(157deg)}.command-field .s3{transform:rotate(23deg)}.command-field .s4{transform:rotate(10deg);width:27vw}.front-ai-core{position:absolute;left:50%;top:66%;width:250px;aspect-ratio:1;transform:translate(-50%,-50%);z-index:13;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 43% 37%,#ffffffef 0 1.4%,#bdf7ffbb 2.2%,#70dfff4d 5%,transparent 14%),radial-gradient(circle at 48% 45%,#9beeff36 0 20%,#398bdc2b 37%,#735cff18 52%,#04101cba 70%,#020710ed);border:1px solid #c5f8ff99;box-shadow:inset 0 0 24px #d9fbff45,inset 0 0 72px #59dfff35,0 0 18px #b9f8ff55,0 0 58px #58dcff38,0 0 110px #4f83ff1f;backdrop-filter:blur(5px) saturate(1.28);-webkit-backdrop-filter:blur(5px) saturate(1.28);overflow:visible}.front-ai-core:before,.front-ai-core:after{content:"";position:absolute;inset:-17px;border:1px solid #82eaff66;border-radius:50%;transform:rotateX(67deg) rotate(-13deg);box-shadow:0 0 15px #4de6ff22}.front-ai-core:after{inset:-38px;transform:rotateX(72deg) rotate(31deg);border-color:#8478ff52;box-shadow:0 0 22px #665cff22}.front-core-shell{position:absolute;inset:12%;border-radius:50%;border:1px solid #b9f5ff88;background:radial-gradient(circle at 50% 52%,transparent 44%,#5bdfff17 62%,#c8f8ff18 70%,transparent 73%);box-shadow:inset 0 0 35px #55dfff32}.front-core-grid{position:absolute;inset:21%;border-radius:50%;opacity:.72;background:repeating-radial-gradient(circle at center,transparent 0 13px,#8befff26 14px 15px),linear-gradient(90deg,transparent 49.5%,#a6f4ff30 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,#a6f4ff24 50%,transparent 50.5%)}.front-core-seed{position:absolute;left:50%;top:51%;width:24px;height:24px;transform:translate(-50%,-50%) rotate(45deg);background:#e7fdff;border:1px solid white;box-shadow:0 0 8px #fff,0 0 22px #6eeaff,0 0 50px #6377ff;border-radius:3px}.front-core-label{position:absolute;left:50%;top:39%;transform:translate(-50%,-50%);width:78%;text-align:center;text-shadow:0 2px 12px #000;display:grid;gap:6px}.front-core-label strong{font-size:15px;letter-spacing:.12em;color:#effdff}.front-core-label span{font-size:7px;letter-spacing:.14em;color:#b7eaf4}.pod{z-index:15}.orbit{z-index:17}.core-copy{z-index:18}.pod:hover{transform:translateY(-6px) scale(1.04)}@media (max-width:1100px){.front-ai-core{width:210px;top:67%}.avatar{height:min(75vh,710px)}}@media (max-width:900px){.front-ai-core{width:165px;top:65%}.avatar{height:63vh}.command-field{display:none}}.lite .front-ai-core{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 0 28px #59dfff24,0 0 34px #58dcff24}.lite .front-ai-core:after{display:none}
/* NewSiora v6.1.0 — Avatar Presence Runtime R1 */
:root{--siora-presence-x:0;--siora-presence-y:0}
.avatar-presence{position:absolute;left:50%;bottom:-1.2%;width:min(58vw,820px);height:min(76vh,735px);transform:translateX(-50%);z-index:7;pointer-events:none;isolation:isolate;animation:siora-presence-breathe 6.8s ease-in-out infinite;will-change:transform,filter}
.avatar-presence .avatar{left:50%;bottom:0;height:100%;width:auto;max-width:none;transform:translateX(calc(-50% + var(--siora-presence-x)*7px)) translateY(calc(var(--siora-presence-y)*-4px)) rotate(calc(var(--siora-presence-x)*.28deg));transform-origin:50% 72%;transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .55s ease;filter:drop-shadow(calc(var(--siora-presence-x)*-5px) 0 22px #79e5ff28) drop-shadow(0 20px 58px #000b);animation:siora-avatar-energy 4.6s ease-in-out infinite}
.avatar-aura{position:absolute;left:50%;top:47%;width:54%;aspect-ratio:1;transform:translate(-50%,-50%) scale(calc(1 + var(--siora-presence-y)*.008));border-radius:50%;background:radial-gradient(circle,#a8f4ff12 0,#52dfff0b 37%,transparent 69%);box-shadow:0 0 46px #5ce8ff18;opacity:.78;animation:siora-aura-pulse 4.6s ease-in-out infinite;z-index:0}
.avatar-hand-link{position:absolute;left:41%;top:37%;width:24%;height:1px;transform:rotate(58deg);transform-origin:left center;background:linear-gradient(90deg,#bffaff00,#a6f4ffb8 30%,#7fe9ff66 68%,#a98cff00);box-shadow:0 0 8px #76eaff80;opacity:.55;z-index:9;animation:siora-command-link 2.9s ease-in-out infinite}
.avatar-hand-link:after{content:"";position:absolute;right:18%;top:50%;width:5px;height:5px;border-radius:50%;transform:translateY(-50%);background:#d9fbff;box-shadow:0 0 12px #72ebff,0 0 24px #887cff}
.front-ai-core{animation:siora-core-presence 4.6s ease-in-out infinite;will-change:transform,filter}
@keyframes siora-presence-breathe{0%,100%{transform:translateX(-50%) translateY(0) scale(1)}50%{transform:translateX(-50%) translateY(-6px) scale(1.006)}}
@keyframes siora-avatar-energy{0%,100%{filter:drop-shadow(0 0 20px #79e5ff20) drop-shadow(0 20px 58px #000b)}50%{filter:drop-shadow(0 0 29px #9cefff32) drop-shadow(0 22px 62px #000c)}}
@keyframes siora-aura-pulse{0%,100%{opacity:.48;filter:blur(.2px)}50%{opacity:.9;filter:blur(1.1px)}}
@keyframes siora-command-link{0%,100%{opacity:.26;filter:brightness(.85)}48%{opacity:.82;filter:brightness(1.35)}}
@keyframes siora-core-presence{0%,100%{filter:brightness(.96) saturate(1.02)}50%{filter:brightness(1.08) saturate(1.13)}}
@media (max-width:900px){.avatar-presence{height:59vh;width:78vw}.avatar-hand-link{opacity:.32}}
@media (prefers-reduced-motion:reduce){.avatar-presence,.avatar-presence .avatar,.avatar-aura,.avatar-hand-link,.front-ai-core{animation:none!important}.avatar-presence .avatar{transform:translateX(-50%)!important}}
body[data-quality="lite"] .avatar-presence,body.lite .avatar-presence{animation:none}
body[data-quality="lite"] .avatar-aura,body.lite .avatar-aura{animation:none;opacity:.35}
body[data-quality="lite"] .avatar-hand-link,body.lite .avatar-hand-link{animation:none;opacity:.28}
/* NewSiora v6.2.0 — Command Nexus R1
Single-RAF / single-WebGL-context composition upgrade. */
.hero{--nexus-cyan:#75eaff;--nexus-violet:#8d78ff;overflow:hidden}
.hero:before{content:"";position:absolute;left:50%;top:56%;width:min(72vw,1080px);height:min(72vw,1080px);transform:translate(-50%,-50%);z-index:5;pointer-events:none;border-radius:50%;background:radial-gradient(circle,transparent 0 29%,#57dfff08 30%,transparent 31% 43%,#68e9ff08 44%,transparent 45% 58%,#8977ff07 59%,transparent 60%);filter:drop-shadow(0 0 20px #4cdfff15)}
.command-field{display:block!important;z-index:10;opacity:.92}
.spoke{top:61%;width:38vw;background:linear-gradient(90deg,#e4fdffb5,#69e9ff72 22%,#47cfff28 57%,transparent 92%);box-shadow:0 0 10px #52e4ff45;opacity:.62}
.command-field .s0{transform:rotate(-153deg)}.command-field .s1{transform:rotate(-27deg)}.command-field .s2{transform:rotate(157deg)}.command-field .s3{transform:rotate(23deg)}.command-field .s4{transform:rotate(13deg);width:31vw}
.avatar-presence{width:min(62vw,880px);height:min(79vh,760px);bottom:-1.8%;z-index:11;filter:drop-shadow(0 0 24px #74e8ff1c)}
.avatar-presence .avatar{z-index:12}
.avatar-aura{opacity:.7;transform:translate(-50%,-50%) scale(1.08)}
.avatar-hand-link{z-index:19;opacity:.78;height:2px;box-shadow:0 0 10px #76eaffb0,0 0 24px #6bdcff55}
.front-ai-core{top:64%;width:300px;z-index:20;border-color:#d7fbffcc;background:radial-gradient(circle at 42% 35%,#fff 0 1.4%,#d8fbffdf 2.4%,#82eaff70 5%,transparent 13%),radial-gradient(circle at 48% 44%,#b9f7ff4f 0 18%,#4ecfff38 31%,#7b6cff2e 48%,#071323dc 68%,#020711f5 75%);box-shadow:inset 0 0 28px #efffff66,inset 0 0 84px #52dcff45,0 0 20px #d7fbff88,0 0 66px #58dcff55,0 0 145px #526cff32}
.front-ai-core:before{inset:-24px;border-color:#78eaff8a;box-shadow:0 0 18px #52e6ff35}.front-ai-core:after{inset:-48px;border-color:#8e79ff50;box-shadow:0 0 26px #8878ff25}
.front-core-shell{inset:12%;border-color:#b9f7ff70;box-shadow:inset 0 0 24px #75eaff28,0 0 24px #70e8ff2b}.front-core-seed{box-shadow:0 0 18px #eaffff,0 0 42px #66e9ff,0 0 76px #8b75ff88}
.front-core-label strong{font-size:17px;letter-spacing:.15em}.front-core-label span{font-size:7.5px}
.pod{z-index:22;width:224px;height:108px;border-color:#8aeaff66;background:linear-gradient(145deg,#12374ad9,#06101bd6);box-shadow:inset 0 1px #e7fdff24,inset 0 0 42px #45d9ff12,0 20px 60px #000b,0 0 24px #43d9ff0b;transition:.25s transform,.25s border-color,.25s box-shadow}
.pod:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 15%,#c9f9ff0d 43%,#82eaff20 50%,transparent 58%);transform:translateX(-58%);transition:transform .45s ease}
.pod:hover{transform:translateY(-8px) scale(1.045);border-color:#b5f4ff9c;box-shadow:inset 0 1px #fff5,inset 0 0 50px #4ee5ff20,0 24px 70px #000c,0 0 35px #5ae4ff25}.pod:hover:before{transform:translateX(62%)}
.p0{left:11.5%;top:22%}.p1{right:11.5%;top:22%}.p2{left:7.5%;top:60%}.p3{right:7.5%;top:60%}.p4{right:18.5%;top:76%}
.orbit{z-index:24;bottom:2.2%;padding:5px 10px;border:1px solid #65dfff28;border-radius:999px;background:#03101ac7;box-shadow:0 0 28px #52dfff13;backdrop-filter:blur(12px)}
.core-copy{z-index:25;text-shadow:0 0 18px #4adfff20}.core-copy small{color:#86efff}.core-copy h1{letter-spacing:.08em}
@media (max-width:1100px){.front-ai-core{width:250px;top:65%}.pod{width:190px;height:96px}.p0{left:8%}.p1{right:8%}.p2{left:5%}.p3{right:5%}.p4{right:12%}}
@media (max-width:900px){.command-field{display:none!important}.front-ai-core{width:175px}.pod{width:160px;height:90px}.avatar-presence{width:82vw;height:61vh}}
@media (prefers-reduced-motion:reduce){.pod:before{display:none}.avatar-presence,.front-ai-core,.avatar-aura,.avatar-hand-link{animation:none!important}}
.lite .hero:before{opacity:.35}.lite .spoke{opacity:.32}.lite .pod{backdrop-filter:none}.lite .front-ai-core{box-shadow:inset 0 0 24px #59dfff24,0 0 38px #58dcff30}
/* NewSiora v6.3.0 — AI Core Optical Integration R2
DOM optical integration only: translucent lens/Fresnel/caustic treatment.
This does NOT claim framebuffer scene refraction or post-processing. */
.front-ai-core{top:65.5%;width:276px;background:radial-gradient(circle at 39% 31%,#f4ffffa8 0 1.1%,#bff8ff70 2%,transparent 8%),radial-gradient(circle at 48% 46%,#8cecff22 0 24%,#4fcfff16 38%,#806dff12 54%,#03101ba6 69%,#01050bca 77%);border-color:#d8fbff9c;box-shadow:inset 0 0 22px #f0ffff38,inset 0 0 62px #58dcff2d,0 0 16px #d7fbff5c,0 0 54px #58dcff3d,0 0 112px #526cff22;backdrop-filter:blur(2.8px) saturate(1.16) brightness(1.06);-webkit-backdrop-filter:blur(2.8px) saturate(1.16) brightness(1.06)}
.front-core-lens{position:absolute;inset:3.5%;border-radius:50%;overflow:hidden;pointer-events:none;background:linear-gradient(118deg,#eaffff20 5%,transparent 29%,#73e9ff10 47%,#9b83ff13 58%,transparent 76%),radial-gradient(ellipse at 32% 23%,#fff9 0 1.3%,#dffcff40 2%,transparent 17%);box-shadow:inset 18px 9px 34px #eaffff13,inset -18px -13px 42px #596cff20}
.front-core-lens:before{content:"";position:absolute;left:10%;top:12%;width:58%;height:31%;border-radius:50%;border-top:1px solid #efffff9c;transform:rotate(-18deg);filter:blur(.15px);opacity:.72}
.front-core-lens:after{content:"";position:absolute;inset:7%;border-radius:50%;border-left:2px solid #71efff7a;border-right:2px solid #9d79ff52;filter:blur(.2px);opacity:.68}
.front-core-caustic{position:absolute;inset:15%;border-radius:50%;pointer-events:none;opacity:.54;background:conic-gradient(from 18deg,transparent 0 11%,#7cecff1d 13%,transparent 18% 38%,#9a7cff1a 42%,transparent 48% 70%,#d9ffff20 74%,transparent 79%);filter:blur(5px);animation:siora-core-caustic 8.5s linear infinite}
.front-core-anchor{position:absolute;left:50%;top:4%;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:50%;background:#e9ffff;box-shadow:0 0 7px #fff,0 0 18px #65eaff,0 0 38px #8077ff;opacity:.88}
.front-core-shell{inset:13.5%;border-color:#bff8ff55;background:radial-gradient(circle at 50% 52%,transparent 0 46%,#5bdfff0e 58%,#c8f8ff13 68%,transparent 72%);box-shadow:inset 0 0 28px #55dfff22}
.front-core-grid{inset:24%;opacity:.38;mix-blend-mode:screen}
.front-core-seed{width:19px;height:19px;background:#f1ffff;box-shadow:0 0 10px #fff,0 0 30px #66e9ff,0 0 62px #8b75ff70}
.front-core-label{top:40%;opacity:.94}.front-core-label strong{font-size:15px}.front-core-label span{opacity:.68}
.avatar-hand-link{left:40.5%;top:36.5%;width:25.5%;transform:rotate(57deg);background:linear-gradient(90deg,transparent,#e6ffffd8 24%,#6feaff94 52%,#8a78ff52 76%,transparent);box-shadow:0 0 9px #8cefff8c,0 0 21px #6bdcff45}
.command-field .spoke{top:65.5%;left:50%;opacity:.5;background:linear-gradient(90deg,#e8ffff9c 0,#70eaff66 14%,#52dfff30 45%,#52dfff10 72%,transparent 96%)}
.command-field .s0{transform:rotate(-149deg)}.command-field .s1{transform:rotate(-31deg)}.command-field .s2{transform:rotate(153deg)}.command-field .s3{transform:rotate(27deg)}.command-field .s4{transform:rotate(16deg);width:30vw}
.orbit{bottom:.9%;transform:translateX(-50%) scale(.94);opacity:.9}
.p4{right:17.2%;top:73.5%}
@keyframes siora-core-caustic{0%{transform:rotate(0deg) scale(.98)}50%{transform:rotate(180deg) scale(1.035)}100%{transform:rotate(360deg) scale(.98)}}
@media (prefers-reduced-motion:reduce){.front-core-caustic{animation:none!important}}
.lite .front-core-caustic{animation:none;opacity:.2;filter:none}.lite .front-core-lens{box-shadow:none}.lite .front-ai-core{backdrop-filter:none;-webkit-backdrop-filter:none}
@media (max-width:1100px){.front-ai-core{width:235px;top:66%}}@media (max-width:900px){.front-ai-core{width:170px}.front-core-caustic{display:none}}
/* NewSiora v6.4.0 — Hero Scale & Color Convergence R1
Re-scales Siora as the dominant hero and derives the spatial palette from the master avatar.
No new RAF / WebGL context / observer / timer. */
.hero{--siora-ice:#eef4ff;--siora-pearl:#dfe6ff;--siora-lavender:#b9b2ff;--siora-violet:#8878e8;--siora-crystal:#a9ddff;--siora-data:#64d9ec;background:radial-gradient(ellipse at 50% 39%,#8e7de914 0,transparent 27%),radial-gradient(ellipse at 50% 63%,#a7dfff0b 0,transparent 38%)}
.hero:before{top:53%;width:min(82vw,1260px);height:min(82vw,1260px);background:radial-gradient(circle,transparent 0 28%,#c5c0ff0b 29%,transparent 30% 42%,#9bdfff0a 43%,transparent 44% 57%,#8e7bea0a 58%,transparent 59%);filter:drop-shadow(0 0 28px #a99cff18)}
.avatar-presence{width:min(72vw,1040px);height:min(88vh,850px);bottom:-3.2%;z-index:11;filter:drop-shadow(0 0 26px #c9c3ff22) drop-shadow(0 0 64px #82cfff0d)}
.avatar-presence .avatar{filter:drop-shadow(0 0 20px #d8d5ff20) drop-shadow(0 22px 62px #000c)}
.avatar-aura{opacity:.72;background:radial-gradient(circle,#c7c0ff18 0 18%,#9edcff0c 35%,transparent 66%);filter:drop-shadow(0 0 30px #a99cff24)}
.avatar-hand-link{background:linear-gradient(90deg,transparent,#fff 23%,#c9c4ffca 44%,#9edfff8a 67%,#8b78e858 80%,transparent);box-shadow:0 0 9px #e9e7ff9c,0 0 23px #aa9cff55}
.front-ai-core{top:66%;width:268px;border-color:#e8e8ffad;background:radial-gradient(circle at 39% 31%,#fff 0 1%,#e9e7ff7a 2%,transparent 8%),radial-gradient(circle at 48% 46%,#c7c0ff2d 0 24%,#9ddfff1c 38%,#8b78e81a 54%,#070c1a9c 69%,#01040bc4 77%);box-shadow:inset 0 0 24px #fff5,inset 0 0 68px #a99cff32,0 0 18px #e8e7ff70,0 0 58px #9d92ff45,0 0 118px #75bfff20}
.front-core-lens{background:linear-gradient(118deg,#fff2 5%,transparent 29%,#c8c2ff18 47%,#9edfff13 58%,transparent 76%),radial-gradient(ellipse at 32% 23%,#fff9 0 1.3%,#eeeaff4a 2%,transparent 17%)}
.front-core-lens:after{border-left-color:#b7e7ff8a;border-right-color:#a58cff72}.front-core-anchor{background:#fff;box-shadow:0 0 7px #fff,0 0 18px #bdb6ff,0 0 38px #79cfff}.front-core-seed{background:#fff;box-shadow:0 0 11px #fff,0 0 31px #c2bcff,0 0 64px #7bcfff70}
.command-field .spoke{background:linear-gradient(90deg,#f5f4ffad 0,#c4beff73 15%,#91d9ff3d 45%,#8075dc16 72%,transparent 96%)}
.pod{border-color:#b6b0ff55;background:linear-gradient(145deg,#19233edb,#080d1bdc);box-shadow:inset 0 1px #fff3,inset 0 0 42px #a99cff12,0 20px 60px #000b,0 0 24px #88cfff0d}
.pod:before{background:linear-gradient(110deg,transparent 15%,#f4f1ff10 43%,#c1bcff26 50%,transparent 58%)}
.pod:hover{border-color:#d8d4ff9c;box-shadow:inset 0 1px #fff6,inset 0 0 50px #a99cff24,0 24px 70px #000c,0 0 38px #9e91ff2c}
.pod-icon,.pod small,.core-copy small{color:#b9dfff}.core-copy{text-shadow:0 0 20px #b8afff2b}.orbit{border-color:#a9a0ff30;background:#060b18d2;box-shadow:0 0 30px #9f93ff16}.orbit b{border-color:#9f96ff2e}
.p0{left:10.5%;top:22.5%}.p1{right:10.5%;top:22.5%}.p2{left:6.5%;top:61%}.p3{right:6.5%;top:61%}.p4{right:16.5%;top:75%}
@media (min-width:1500px) and (min-height:850px){.avatar-presence{height:min(90vh,900px);width:min(74vw,1100px)}}
@media (max-width:1100px){.avatar-presence{width:78vw;height:82vh}.front-ai-core{width:232px;top:67%}.p0{left:7%}.p1{right:7%}.p2{left:4%}.p3{right:4%}.p4{right:11%}}
@media (max-width:900px){.avatar-presence{width:92vw;height:68vh;bottom:-1%}.front-ai-core{width:168px}.hero:before{width:100vw;height:100vw}}
@media (prefers-reduced-motion:reduce){.avatar-presence{animation:none!important}}
.lite .avatar-presence{filter:drop-shadow(0 0 18px #bdb7ff16)}.lite .hero:before{opacity:.28}
/* NewSiora v6.4.1 — Palette & Face Clearance R2
Removes hero copy from the avatar face zone and shifts the homepage from cyan/navy
toward pearl-white / moon-lilac / violet glass. No new runtime loops/resources. */
.hero{--siora-ice:#f7f4ff;--siora-pearl:#eee9ff;--siora-lavender:#cfc3ff;--siora-violet:#9b7ce8;--siora-crystal:#d7d8ff;--siora-data:#a8b9e8;background:radial-gradient(ellipse at 50% 35%,#b7a0ff20 0,transparent 31%),radial-gradient(ellipse at 50% 67%,#8065c817 0,transparent 43%),linear-gradient(180deg,#050611 0%,#080714 52%,#04050d 100%)}
/* The previous center headline overlapped Siora's horns/forehead after Hero Scale. */
.hero .core-copy{display:none!important}
.hero:before{background:radial-gradient(circle,transparent 0 27%,#e7ddff12 28%,transparent 30% 41%,#a98de615 42%,transparent 44% 56%,#7460b514 57%,transparent 60%);filter:drop-shadow(0 0 36px #aa8fff24)}
.avatar-presence{filter:drop-shadow(0 0 30px #e2d9ff2d) drop-shadow(0 0 76px #a68be51a)}
.avatar-presence .avatar{filter:drop-shadow(0 0 24px #eee9ff2a) drop-shadow(0 22px 64px #02030bc9)}
.avatar-aura{opacity:.78;background:radial-gradient(circle,#eadfff20 0 18%,#bca6ff14 34%,#7965bf0b 50%,transparent 68%);filter:drop-shadow(0 0 36px #c1aaff30)}
.avatar-hand-link{background:linear-gradient(90deg,transparent,#fff 20%,#eadfffdf 42%,#c1a7ffad 62%,#8f73dc68 80%,transparent);box-shadow:0 0 10px #fff8,0 0 26px #b596ff70}
.front-ai-core{border-color:#f0eaffbd;background:radial-gradient(circle at 39% 31%,#fff 0 1%,#f4edff85 2%,transparent 8%),radial-gradient(circle at 48% 46%,#eadfff36 0 23%,#c6b1ff25 38%,#9478d824 54%,#100d20a8 69%,#03040bc9 77%);box-shadow:inset 0 0 26px #fff6,inset 0 0 72px #b79cff3b,0 0 20px #f1eaff78,0 0 62px #b08cff55,0 0 124px #795bc92d}
.front-core-lens{background:linear-gradient(118deg,#fff3 5%,transparent 29%,#eadfff20 47%,#b99cff1b 58%,transparent 76%),radial-gradient(ellipse at 32% 23%,#fff 0 1.3%,#f0e8ff55 2%,transparent 17%)}
.front-core-lens:after{border-left-color:#eee5ff9b;border-right-color:#a985ef80}.front-core-anchor{background:#fff;box-shadow:0 0 8px #fff,0 0 20px #d5c3ff,0 0 40px #9a79e8}.front-core-seed{background:#fff;box-shadow:0 0 12px #fff,0 0 34px #d7c7ff,0 0 68px #9b7ce890}
.command-field .spoke{background:linear-gradient(90deg,#fff 0,#dfd2ff86 15%,#b69be84d 45%,#8065c51c 72%,transparent 96%)}
.pod{border-color:#cbbaff6b;background:linear-gradient(145deg,#201b39e8,#0c0a18e4);box-shadow:inset 0 1px #fff4,inset 0 0 48px #ad91e818,0 20px 62px #000b,0 0 28px #9879dd14;color:#f0edff}
.pod:before{background:linear-gradient(110deg,transparent 15%,#fff1 43%,#d7c6ff2e 50%,transparent 58%)}
.pod:hover{border-color:#eee4ffb0;box-shadow:inset 0 1px #fff7,inset 0 0 54px #c3a9ff2b,0 24px 72px #000c,0 0 42px #ae8ff13a}
.pod-icon,.pod small{color:#cbbcff}.orbit{border-color:#b99cff45;background:#090817dc;box-shadow:0 0 34px #a184e526}.orbit b{border-color:#bca6ff40;color:#ddd4ff}.orbit b:hover{border-color:#eadfff88;background:#1b1530}
.topbar,.rail{--nexus-cyan:#b8a6ef}.search{border-color:#8d78c938;background:#090914d9}.search:focus-within{border-color:#bba6f06b;box-shadow:0 0 24px #9e82e41c}
.lite .hero:before{opacity:.24}.lite .avatar-presence{filter:drop-shadow(0 0 18px #b69de51b)}
/* NewSiora v6.5.0 — Master Avatar Spatial Rebase R1
Rebuilds the home composition around the new transparent master artwork.
The artwork's own AI Core is authoritative; the legacy DOM core is visually retired.
No new RAF / WebGL context / observer / timer. */
:root{--v650-void:#03030a;--v650-midnight:#080818;--v650-indigo:#11112b;--v650-violet:#8f79e8;--v650-lilac:#c8bcff;--v650-pearl:#f1efff;--v650-ice:#dcecff;--v650-data:#8fc7e8}
.app{background:radial-gradient(ellipse at 50% 43%,#5f4cae18 0,transparent 31%),linear-gradient(180deg,#02030a 0%,#070716 54%,#03030a 100%);color:var(--v650-pearl)}
.nebula{opacity:.58;background:radial-gradient(ellipse at 50% 31%,#8f79e819,transparent 31%),radial-gradient(ellipse at 28% 70%,#5d55a10d,transparent 38%),radial-gradient(ellipse at 74% 62%,#7088d10c,transparent 36%);mix-blend-mode:screen}
header{background:#03040cb8;border-bottom-color:#bfb2ff1d;backdrop-filter:blur(18px) saturate(1.08)}
.brand span,.status{color:#9f9bc7}.command{border-color:#bcaeff2e;background:#090a18b8;color:#aaa6c8;box-shadow:inset 0 1px #fff08}.command:hover{border-color:#d6ccff4f}
aside button{border-color:#a99cff28;background:#080917c7;color:#bdb8dd}
.hero{background:radial-gradient(ellipse at 50% 44%,#9d87ef12 0,transparent 30%),radial-gradient(ellipse at 50% 76%,#7560c810 0,transparent 40%)}
/* Environmental rings move behind the character instead of competing with her. */
.hero:before{z-index:1;top:53%;width:min(78vw,1220px);height:min(78vw,1220px);opacity:.38;background:radial-gradient(circle,transparent 0 34%,#d7ceff12 34.2%,transparent 34.8% 47%,#927de514 47.2%,transparent 47.8% 59%,#7f9bd40d 59.2%,transparent 60%);filter:drop-shadow(0 0 42px #8871df1b)}
.hero:after{z-index:1;top:54%;width:min(47vw,720px);border-color:#c9bcff18;opacity:.32;box-shadow:0 0 55px #8d78de12,inset 0 0 48px #c8bcff0b}
/* Master artwork owns character + native illustrated Core + orbiting spheres. */
.avatar-presence{left:50%;bottom:-1.5%;width:min(82vw,1280px);height:min(88vh,850px);transform:translateX(-50%);z-index:12;filter:drop-shadow(0 0 26px #d8d0ff25) drop-shadow(0 30px 70px #000d);pointer-events:none}
.avatar-presence .avatar{left:50%;bottom:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:translateX(-50%);filter:drop-shadow(0 0 16px #eeeaff20) drop-shadow(0 18px 58px #000a)}
.avatar-aura{z-index:-1;inset:7% 14% 4%;opacity:.46;background:radial-gradient(ellipse at 50% 48%,#cbbcff1d 0 22%,#8771d20e 44%,transparent 70%);filter:blur(3px) drop-shadow(0 0 34px #9f89ed22)}
.avatar-hand-link{display:none!important}
/* The old synthetic foreground Core must not cover the native Core in the master artwork. */
.front-ai-core{display:none!important}
.hero .core-copy{display:none!important}
/* Keep spatial spokes as a restrained background data layer. */
.command-field{z-index:4;opacity:.33;filter:saturate(.72)}
.command-field .spoke{background:linear-gradient(90deg,transparent,#dcd4ff6f 15%,#9f8be642 42%,#728cc323 68%,transparent 96%);box-shadow:none}
/* Business pods become pearl/lilac glass and sit around—not on top of—the master. */
.pod{z-index:18;width:198px;min-height:92px;border-color:#c9bcff5c;background:linear-gradient(145deg,#211d3bd9,#0b0b1ae8 72%);color:#f3f0ff;box-shadow:inset 0 1px #fff3,inset 0 0 42px #a98de818,0 20px 64px #000c,0 0 24px #9c84e512;backdrop-filter:blur(18px) saturate(1.1)}
.pod:before{background:linear-gradient(112deg,transparent 12%,#fff0 35%,#e7deff2c 49%,transparent 61%)}
.pod:after{border-color:#c9bcff52;box-shadow:0 0 18px #aa91ef22}.pod strong{color:#f2efff}.pod span,.pod small,.pod-icon{color:#b7addc}.pod em{color:#cfc6f0}
.pod:hover{border-color:#eee8ffad;box-shadow:inset 0 1px #fff6,inset 0 0 54px #c4afff29,0 26px 76px #000d,0 0 42px #a58cec32}
.p0{left:9.5%;top:22%}.p1{right:9.5%;top:22%}.p2{left:5.5%;top:61%}.p3{right:5.5%;top:61%}.p4{right:15.5%;top:76%}
.orbit{z-index:20;bottom:1.2%;border-color:#b9a9f43d;background:#070714dc;box-shadow:0 0 36px #8f78df1f;backdrop-filter:blur(14px)}.orbit span{color:#948bb5}.orbit b{border-color:#b6a6ef3b;background:#0c0c1cd4;color:#ded7f8}.orbit b:hover{border-color:#e7dfff80;background:#1a1530}
footer{color:#746d99}.workspace{background:#070814ed;border-color:#aa9ce641}.workspace small{color:#aa9be8}
/* Desktop composition: horns approach the command bar while preserving a clear header hit area. */
@media (min-width:1400px) and (min-height:820px){.avatar-presence{width:min(84vw,1320px);height:min(91vh,885px);bottom:-2.5%}}
@media (max-width:1200px){.avatar-presence{width:88vw;height:82vh}.pod{width:174px}.p0{left:6%}.p1{right:6%}.p2{left:3%}.p3{right:3%}.p4{right:9%}}
@media (max-width:900px){.avatar-presence{width:118vw;height:69vh;bottom:1%}.pod{width:148px;min-height:76px;padding:12px}.p0{left:2%;top:22%}.p1{right:2%;top:22%}.p2{left:2%;top:58%}.p3{right:2%;top:58%}.p4{right:4%;top:74%}.command-field{opacity:.18}.hero:before{width:110vw;height:110vw}.orbit{transform:translateX(-50%) scale(.82)}}
@media (prefers-reduced-motion:reduce){.avatar-presence,.pod,.orbit{animation:none!important;transition:none!important}}
.lite .avatar-presence{filter:drop-shadow(0 0 16px #b8a8e516)}.lite .hero:before,.lite .hero:after{opacity:.18}.lite .command-field{opacity:.16}
/* V6.7.0 Clean Avatar Runtime Recomposition R1
Clean master contains no static Core/orbit objects. Foreground spatial objects are runtime surfaces. */
.avatar-presence{width:min(78vw,1160px);height:min(91vh,880px);bottom:-7.5%;z-index:10;pointer-events:none;overflow:visible}
.avatar-presence .avatar{z-index:11;max-height:none;object-fit:contain;object-position:50% 42%;transform:translateX(calc(-50% + var(--siora-presence-x)*7px)) translateY(calc(-2.8% + var(--siora-presence-y)*-4px)) rotate(calc(var(--siora-presence-x)*.28deg));filter:drop-shadow(0 0 22px #d8d5ff24) drop-shadow(0 26px 68px #000d)}
.avatar-aura{z-index:8;opacity:.58;background:radial-gradient(circle,#d8d2ff17 0 16%,#9fbcff0b 37%,transparent 68%)}
.command-field{z-index:9}.spoke{opacity:.46}
.front-ai-core{display:block!important;visibility:visible!important;opacity:1!important;z-index:21;top:62.5%;width:286px;border-color:#ece9ffc4;background:radial-gradient(circle at 37% 29%,#fff 0 1.1%,#ece9ff8a 2%,transparent 8%),radial-gradient(circle at 49% 46%,#bcb5ff35 0 23%,#83cfff20 39%,#7968e922 55%,#060a18b0 69%,#01030acc 78%);box-shadow:inset 0 0 26px #fff6,inset 0 0 74px #aa9cff38,0 0 20px #efedff7c,0 0 64px #a494ff4c,0 0 132px #6aaaff28;backdrop-filter:blur(3px) saturate(1.16);-webkit-backdrop-filter:blur(3px) saturate(1.16)}
.front-ai-core:before{border-color:#c9c4ff8f}.front-ai-core:after{border-color:#82dfff5e}
.front-core-seed{background:#fff;box-shadow:0 0 12px #fff,0 0 34px #bdb5ff,0 0 70px #75d9ff80}
.avatar-hand-link{z-index:22;left:40%;top:36%;width:27%;opacity:.82;background:linear-gradient(90deg,transparent,#fff 22%,#d7d1ffd5 43%,#93ddff94 66%,#7d6fe95a 82%,transparent)}
.orbit{z-index:24}.pod{z-index:25}
.hero:after{content:"";position:absolute;left:50%;bottom:5%;width:min(74vw,1080px);height:30%;transform:translateX(-50%);pointer-events:none;z-index:18;background:radial-gradient(ellipse at center,#a99cff10 0 18%,#74d9ff08 34%,transparent 68%);filter:blur(10px)}
@media (max-width:1100px){.avatar-presence{width:82vw;height:84vh;bottom:-5%}.front-ai-core{width:240px;top:64%}}
@media (max-width:900px){.avatar-presence{width:94vw;height:69vh;bottom:-2%}.front-ai-core{width:174px;top:65%}}
@media (prefers-reduced-motion:reduce){.avatar-presence .avatar{transform:translateX(-50%) translateY(-2.8%)!important}}
/* V6.8.0 Hero Vertical Re-anchor R1
One composition anchor: avatar, Core and local spatial field rise together.
Business pods / Capability Orbit intentionally keep their product-space anchors. */
.hero{--siora-hero-rise:-7.2%;--siora-core-rise:-6.4%;--siora-field-rise:-5.8%}
.avatar-presence{bottom:-7.5%}
.avatar-presence .avatar{transform:translateX(calc(-50% + var(--siora-presence-x)*7px)) translateY(calc(-10% + var(--siora-presence-y)*-4px)) rotate(calc(var(--siora-presence-x)*.28deg))}
.front-ai-core{top:56.1%}
.hero:before{top:47.2%}
.command-field{transform:translateY(var(--siora-field-rise));transform-origin:50% 50%}
/* keep the search/header above all hero optics even when horns approach it */
header{z-index:40}.hero{overflow:hidden}.workspace{z-index:70}
@media (min-width:1400px) and (min-height:820px){.avatar-presence .avatar{transform:translateX(calc(-50% + var(--siora-presence-x)*7px)) translateY(calc(-10.8% + var(--siora-presence-y)*-4px)) rotate(calc(var(--siora-presence-x)*.28deg))}.front-ai-core{top:55.5%}.hero:before{top:46.5%}}
@media (max-width:1100px){.avatar-presence .avatar{transform:translateX(calc(-50% + var(--siora-presence-x)*6px)) translateY(calc(-7.2% + var(--siora-presence-y)*-3px)) rotate(calc(var(--siora-presence-x)*.22deg))}.front-ai-core{top:58.5%}.hero:before{top:49%}}
@media (max-width:900px){.avatar-presence .avatar{transform:translateX(-50%) translateY(-4.5%)}.front-ai-core{top:61%}.command-field{transform:translateY(-2.5%)}}
@media (prefers-reduced-motion:reduce){.avatar-presence .avatar{transform:translateX(-50%) translateY(-10%)!important}}
/* V6.9.0 Foreground Spatial Choreography R1
Restores code-generated foreground depth around the clean avatar.
CSS/compositor choreography only: no RAF, timer, observer or WebGL context is added. */
.foreground-spatial-v690{position:absolute;left:50%;top:48.5%;width:min(76vw,1120px);height:min(66vh,650px);transform:translate(-50%,-50%);z-index:20;pointer-events:none;perspective:900px;filter:drop-shadow(0 0 14px #9b8cff22)}
.energy-arc{position:absolute;left:50%;top:53%;border:1px solid #cfc8ff78;border-left-color:#8adfff70;border-right-color:#806eea70;border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 13px #b8adff25,inset 0 0 12px #7bdcff12;opacity:.82}
.arc-a{width:72%;height:27%;transform:translate(-50%,-50%) rotate(-8deg) rotateX(68deg)}
.arc-b{width:58%;height:42%;transform:translate(-50%,-50%) rotate(24deg) rotateX(73deg);opacity:.54}
.arc-c{width:88%;height:18%;top:61%;transform:translate(-50%,-50%) rotate(5deg) rotateX(77deg);opacity:.38;border-style:dashed}
.runtime-orb{position:absolute;width:58px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 29%,#fff 0 2%,#d9d4ffbf 3%,#8de6ff58 9%,#7766df5c 31%,#10102dce 58%,#03030ae8 72%);border:1px solid #ddd7ffb0;box-shadow:inset 0 0 13px #fff6,inset 0 0 30px #8275e770,0 0 12px #d8d2ff8a,0 0 36px #8979e85e}
.runtime-orb:before,.runtime-orb:after{content:"";position:absolute;inset:-8px;border:1px solid #b8afff70;border-radius:50%;transform:rotateX(70deg) rotate(20deg)}
.runtime-orb:after{inset:14%;border-color:#8be5ff80;box-shadow:0 0 11px #7fe5ff70}
.orb-a{left:13%;top:23%;width:64px}.orb-b{right:11%;top:31%;width:48px}.orb-c{left:20%;bottom:13%;width:42px}.orb-d{right:17%;bottom:7%;width:66px}
.crystal{position:absolute;width:16px;height:31px;background:linear-gradient(135deg,#fff8,#c7bcff78 32%,#7ddcff46 67%,#5144c36b);clip-path:polygon(50% 0,100% 35%,72% 100%,28% 100%,0 35%);border-radius:3px;box-shadow:0 0 16px #b9adff70;opacity:.75}
.crystal-a{left:28%;top:18%;transform:rotate(24deg)}.crystal-b{right:25%;top:22%;transform:rotate(-18deg) scale(.8)}.crystal-c{left:31%;bottom:11%;transform:rotate(42deg) scale(.7)}
.energy-stream{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#9beaff44,#eeeaffd0,#aa98ff70,transparent);box-shadow:0 0 8px #b9b0ff55;transform-origin:left center;opacity:.64}
.stream-a{left:8%;top:43%;width:31%;transform:rotate(8deg)}.stream-b{right:7%;top:49%;width:30%;transform:rotate(-11deg)}
.particle-cluster{position:absolute;inset:0}.particle-cluster i{position:absolute;width:4px;height:4px;border-radius:50%;background:#f0edff;box-shadow:0 0 7px #d2c9ff,0 0 14px #77dfff}
.particle-cluster i:nth-child(1){left:18%;top:37%}.particle-cluster i:nth-child(2){left:27%;top:61%;width:2px;height:2px}.particle-cluster i:nth-child(3){left:38%;top:19%;width:3px;height:3px}.particle-cluster i:nth-child(4){right:35%;top:24%}.particle-cluster i:nth-child(5){right:22%;top:45%;width:2px;height:2px}.particle-cluster i:nth-child(6){right:15%;top:67%}.particle-cluster i:nth-child(7){left:34%;bottom:8%;width:2px;height:2px}.particle-cluster i:nth-child(8){right:31%;bottom:14%;width:3px;height:3px}
/* The Core remains the primary foreground object; the orbital layer passes around it. */
.front-ai-core{z-index:23}.pod{z-index:26}.orbit{z-index:27}
@media (prefers-reduced-motion:no-preference){.arc-a{animation:v690OrbitA 13s linear infinite}.arc-b{animation:v690OrbitB 17s linear infinite reverse}.runtime-orb:after{animation:v690Pulse 3.8s ease-in-out infinite}.crystal{animation:v690Crystal 5.6s ease-in-out infinite}.particle-cluster i{animation:v690Spark 4.2s ease-in-out infinite}.particle-cluster i:nth-child(2n){animation-delay:-1.7s}.particle-cluster i:nth-child(3n){animation-delay:-2.6s}}
@keyframes v690OrbitA{to{transform:translate(-50%,-50%) rotate(352deg) rotateX(68deg)}}
@keyframes v690OrbitB{to{transform:translate(-50%,-50%) rotate(384deg) rotateX(73deg)}}
@keyframes v690Pulse{50%{opacity:.45;transform:rotateX(70deg) rotate(200deg) scale(1.08)}}
@keyframes v690Crystal{50%{filter:brightness(1.35);translate:0 -5px}}
@keyframes v690Spark{50%{opacity:.28;transform:scale(.55)}}
.lite .foreground-spatial-v690{opacity:.58;filter:none}.lite .arc-b,.lite .arc-c,.lite .crystal,.lite .particle-cluster i:nth-child(n+5){display:none}.lite .foreground-spatial-v690 *{animation:none!important}
@media (max-width:900px){.foreground-spatial-v690{width:96vw;height:54vh;top:51%}.runtime-orb{transform:scale(.72)}.arc-c{display:none}}
@media (prefers-reduced-motion:reduce){.foreground-spatial-v690 *{animation:none!important}}
/* V6.9.1 Avatar Backplane Diagnostic R1
Small diagnostic release: push the complete avatar presence behind all spatial optics
so redundant effects can be visually audited. No new visual objects or loops. */
.avatar-presence{z-index:2!important}
.avatar-presence .avatar{z-index:3!important}
.avatar-aura{z-index:1!important}
.command-field{z-index:9!important}
.foreground-spatial-v690{z-index:20!important}
.hero:after{z-index:18!important}
.front-ai-core{z-index:23!important}
.pod{z-index:26!important}
.orbit{z-index:27!important}
header{z-index:40!important}
/* V6.9.2 Spatial FX Cleanup R1
Retire legacy cyan DOM spokes / concentric halo revealed by the 6.9.1 backplane audit.
Restore the clean avatar to its normal composition layer. Keep only a restrained local aura;
v6.9 foreground choreography and AI Core remain authoritative. No new runtime loops. */
.avatar-presence{z-index:10!important}
.avatar-presence .avatar{z-index:11!important}
.avatar-aura{z-index:8!important;opacity:.38!important}
/* legacy cyan Core->module spokes were the prominent blue lines behind the avatar */
.command-field{display:none!important;opacity:0!important;visibility:hidden!important}
/* legacy concentric environment halo retired; deep-space canvas/nebula remain */
.hero:before{display:none!important;opacity:0!important}
/* keep only a soft local floor/atmospheric field, not another ring system */
.hero:after{z-index:18!important;opacity:.38!important;background:radial-gradient(ellipse at center,#b7a9ff0c 0 18%,#7cdfff05 34%,transparent 66%)!important;filter:blur(14px)!important}
.foreground-spatial-v690{z-index:20!important}
.front-ai-core{z-index:23!important}
.pod{z-index:26!important}.orbit{z-index:27!important}header{z-index:40!important}
.lite .hero:after{opacity:.18!important}
/* V6.9.3 LEGACY FX PURGE R1
Clean baseline: no legacy command spokes/halo. New v6.9 foreground choreography,
authoritative AI Core, sparse stars and restrained nebula remain. */
.command-field,.command-field .spoke{display:none!important;visibility:hidden!important;opacity:0!important}
/* v6.9.4 AVATAR-FREE FX AUDIT R1
Diagnostic baseline: character artwork and avatar-local aura/link are removed from render output.
Purpose: expose every remaining homepage spatial/particle layer for visual audit. */
.avatar-removed-diagnostic{display:none!important}
/* v6.9.5 FX ZERO BASELINE R1
Remove all central/legacy decorative FX for a clean composition audit.
Keep only deep-space background stars/nebula, product pods, nav and capability orbit. */
.foreground-spatial-v690,
.front-ai-core,
.avatar-aura,
.avatar-hand-link,
.command-field,
.command-spokes { display:none!important; visibility:hidden!important; opacity:0!important; }
/* suppress any historical pseudo FX attached to the removed avatar placeholder */
.avatar-removed-diagnostic::before,
.avatar-removed-diagnostic::after { content:none!important; display:none!important; }
/* V6.9.6 COSMIC ORB REBUILD R1
Clean rebuild from FX Zero Baseline. Only the approved AI Core + runtime satellite orbs return.
Legacy arcs, crystals, streams, command spokes, geometry nodes and foreground particle clusters stay retired. */
.app{background:
radial-gradient(ellipse at 50% 47%,#32265b22 0 18%,#14153318 38%,transparent 67%),
radial-gradient(ellipse at 50% 105%,#43316f16 0 24%,transparent 57%),
linear-gradient(180deg,#03040d 0%,#050612 45%,#02030a 100%)!important}
.nebula{opacity:.92!important;background:
radial-gradient(ellipse at 50% 45%,#8d72e52c 0%,#544ba41b 19%,transparent 48%),
radial-gradient(ellipse at 26% 26%,#5f72cf14 0%,transparent 35%),
radial-gradient(ellipse at 77% 31%,#8064c915 0%,transparent 34%),
radial-gradient(ellipse at 32% 78%,#51448f13 0%,transparent 38%),
radial-gradient(ellipse at 72% 74%,#526aa313 0%,transparent 39%)!important;
mix-blend-mode:screen!important;filter:saturate(.92) blur(.2px)}
/* soft galactic depth only; this is not the retired ring/halo system */
.hero{background:
radial-gradient(ellipse at 50% 49%,#a18aff0c 0 13%,transparent 39%),
radial-gradient(ellipse at 50% 82%,#7462bd0b 0 16%,transparent 48%)}
.hero:before,.hero:after{display:none!important;content:none!important}
/* Approved rebuilt foreground container: satellite orbs only. */
.foreground-spatial-v690{display:block!important;visibility:visible!important;opacity:1!important;z-index:20!important;filter:drop-shadow(0 0 14px #9d8dff20)!important}
.foreground-spatial-v690 .energy-arc,
.foreground-spatial-v690 .crystal,
.foreground-spatial-v690 .energy-stream,
.foreground-spatial-v690 .particle-cluster{display:none!important;visibility:hidden!important;opacity:0!important}
.foreground-spatial-v690 .runtime-orb{display:block!important;visibility:visible!important;opacity:.9!important;background:
radial-gradient(circle at 34% 28%,#fff 0 2%,#e9e4ffdb 3%,#b9aaff75 10%,#7d6ee55c 29%,#262044c7 55%,#080814ed 73%)!important;
border-color:#ddd5ffb8!important;box-shadow:inset 0 0 14px #fff6,inset 0 0 32px #9c8aff6b,0 0 13px #e0d8ff85,0 0 38px #7968d653!important}
.foreground-spatial-v690 .runtime-orb:before{border-color:#bfb4ff76!important;box-shadow:0 0 12px #9f8dff42!important}
.foreground-spatial-v690 .runtime-orb:after{border-color:#9aaeff70!important;box-shadow:0 0 12px #a79aff55!important}
/* Restore only the approved optical AI Core. */
.front-ai-core{display:block!important;visibility:visible!important;opacity:1!important;z-index:23!important;top:56.5%!important;width:286px!important;border-color:#eeeaffc7!important;background:
radial-gradient(circle at 38% 29%,#fff 0 1.1%,#f2edff91 2.2%,transparent 8%),
radial-gradient(circle at 49% 46%,#d7ceff3d 0 22%,#a99cff2b 38%,#7566d827 55%,#090b1cb5 69%,#02030bce 78%)!important;
box-shadow:inset 0 0 28px #fff6,inset 0 0 78px #aa9bff40,0 0 22px #f2edff7d,0 0 70px #9a88ff50,0 0 145px #6754bf2d!important}
.front-ai-core:before{border-color:#d0c7ff91!important}.front-ai-core:after{border-color:#8d80e867!important}
/* hard retirement guard: old systems must not return */
.command-field,.command-spokes,.avatar-aura,.avatar-hand-link{display:none!important;visibility:hidden!important;opacity:0!important}
@media (prefers-reduced-motion:no-preference){.foreground-spatial-v690 .runtime-orb:after{animation:v690Pulse 4.8s ease-in-out infinite}}
@media (max-width:900px){.front-ai-core{width:174px!important;top:61%!important}.foreground-spatial-v690{width:96vw;height:54vh;top:51%}}
/* V6.9.7 ORBITAL MOTION HIERARCHY R1
Approved objects only: four satellite orbs + authoritative AI Core.
Motion is CSS compositor-driven; no RAF/timer/observer/WebGL additions. */
.foreground-spatial-v690 .runtime-orb{isolation:isolate;overflow:visible!important;will-change:transform,filter}
.foreground-spatial-v690 .runtime-orb:before{inset:-13px!important;border:1px solid #d7d0ff8c!important;border-left-color:#8bdfffba!important;border-right-color:#a58bff9c!important;box-shadow:0 0 9px #a99cff50, inset 0 0 7px #8ddfff24!important;opacity:.86}
.foreground-spatial-v690 .runtime-orb:after{inset:-5px!important;border:1px solid #a79bff82!important;border-top-color:#eef0ffcf!important;border-bottom-color:#78dfff9c!important;box-shadow:0 0 12px #9e8cff58!important;opacity:.72}
/* individual orbital attitudes avoid cloned motion */
.foreground-spatial-v690 .orb-a:before{transform:rotateX(68deg) rotateZ(18deg)}
.foreground-spatial-v690 .orb-b:before{transform:rotateX(73deg) rotateZ(-31deg)}
.foreground-spatial-v690 .orb-c:before{transform:rotateX(64deg) rotateZ(47deg)}
.foreground-spatial-v690 .orb-d:before{transform:rotateX(76deg) rotateZ(12deg)}
.foreground-spatial-v690 .orb-a:after{transform:rotateX(74deg) rotateZ(-34deg)}
.foreground-spatial-v690 .orb-b:after{transform:rotateX(66deg) rotateZ(42deg)}
.foreground-spatial-v690 .orb-c:after{transform:rotateX(78deg) rotateZ(-18deg)}
.foreground-spatial-v690 .orb-d:after{transform:rotateX(69deg) rotateZ(55deg)}
/* Main Core has a deliberately stronger optical hierarchy than satellites. */
.front-ai-core{isolation:isolate;overflow:visible!important;will-change:filter;box-shadow:inset 0 0 30px #fff7,inset 0 0 82px #b6a7ff48,0 0 24px #f4f0ff91,0 0 78px #a28fff62,0 0 165px #6957cf38!important}
.front-ai-core:before{inset:-30px!important;border:1px solid #e6e1ffad!important;border-left-color:#8be8ffc7!important;border-right-color:#ad8dffb0!important;box-shadow:0 0 16px #b8aaff61, inset 0 0 9px #8de5ff25!important;opacity:.9}
.front-ai-core:after{inset:-56px!important;border:1px solid #a894ff78!important;border-top-color:#e9e4ff9e!important;border-bottom-color:#71dfff72!important;box-shadow:0 0 24px #8875e44a!important;opacity:.72}
.front-core-shell{inset:10.5%!important;border-color:#ded8ff78!important;background:radial-gradient(circle at 50% 52%,transparent 0 43%,#a99cff12 55%,#84dfff16 65%,#eeeaff18 69%,transparent 73%)!important;box-shadow:inset 0 0 34px #b7a8ff35,0 0 18px #b5a7ff22!important}
.front-core-grid{opacity:.5!important;background:repeating-radial-gradient(circle at center,transparent 0 13px,#c7bdff24 14px 15px),linear-gradient(90deg,transparent 49.5%,#aee8ff2d 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,#c4b8ff26 50%,transparent 50.5%)!important}
.front-core-lens{box-shadow:inset 22px 12px 38px #fff1a,inset -22px -16px 48px #7662df2d,0 0 22px #b9acff1f!important}
.front-core-caustic{opacity:.66!important;filter:blur(4px)!important}
.front-core-seed{width:21px!important;height:21px!important;box-shadow:0 0 13px #fff,0 0 38px #d1c7ff,0 0 78px #8d76f2,0 0 112px #65cfff55!important}
@media (prefers-reduced-motion:no-preference){
.foreground-spatial-v690 .runtime-orb:before{animation:v697SatelliteOuter 8.6s linear infinite}
.foreground-spatial-v690 .runtime-orb:after{animation:v697SatelliteInner 5.4s linear infinite reverse}
.foreground-spatial-v690 .orb-b:before{animation-duration:10.8s;animation-direction:reverse}
.foreground-spatial-v690 .orb-b:after{animation-duration:6.7s}
.foreground-spatial-v690 .orb-c:before{animation-duration:12.2s}
.foreground-spatial-v690 .orb-c:after{animation-duration:7.8s;animation-direction:normal}
.foreground-spatial-v690 .orb-d:before{animation-duration:9.5s;animation-direction:reverse}
.foreground-spatial-v690 .orb-d:after{animation-duration:6.1s}
.foreground-spatial-v690 .runtime-orb{animation:v697SatelliteFloat 6.8s ease-in-out infinite}
.foreground-spatial-v690 .orb-b{animation-delay:-2.1s}.foreground-spatial-v690 .orb-c{animation-delay:-4.3s}.foreground-spatial-v690 .orb-d{animation-delay:-1.2s}
.front-ai-core:before{animation:v697CoreOuter 10.5s linear infinite}
.front-ai-core:after{animation:v697CoreOuter 15.5s linear infinite reverse}
.front-core-shell{animation:v697CoreShell 7.2s ease-in-out infinite}
.front-core-grid{animation:v697CoreGrid 18s linear infinite}
.front-core-seed{animation:v697CoreSeed 3.2s ease-in-out infinite}
.front-core-caustic{animation:siora-core-caustic 7.5s linear infinite}
}
@keyframes v697SatelliteOuter{from{transform:rotateX(70deg) rotateZ(0deg)}to{transform:rotateX(70deg) rotateZ(360deg)}}
@keyframes v697SatelliteInner{0%{transform:rotateX(63deg) rotateZ(0deg) scale(.94);opacity:.52}50%{transform:rotateX(76deg) rotateZ(180deg) scale(1.06);opacity:.9}100%{transform:rotateX(63deg) rotateZ(360deg) scale(.94);opacity:.52}}
@keyframes v697SatelliteFloat{0%,100%{translate:0 0;filter:brightness(.96)}50%{translate:0 -5px;filter:brightness(1.08)}}
@keyframes v697CoreOuter{from{transform:rotateX(69deg) rotateZ(0deg)}to{transform:rotateX(69deg) rotateZ(360deg)}}
@keyframes v697CoreShell{0%,100%{transform:scale(.985);opacity:.72}50%{transform:scale(1.025);opacity:1}}
@keyframes v697CoreGrid{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes v697CoreSeed{0%,100%{transform:translate(-50%,-50%) rotate(45deg) scale(.9);filter:brightness(.95)}50%{transform:translate(-50%,-50%) rotate(225deg) scale(1.12);filter:brightness(1.25)}}
@media (prefers-reduced-motion:reduce){.foreground-spatial-v690 .runtime-orb,.foreground-spatial-v690 .runtime-orb:before,.foreground-spatial-v690 .runtime-orb:after,.front-ai-core:before,.front-ai-core:after,.front-core-shell,.front-core-grid,.front-core-seed,.front-core-caustic{animation:none!important}}
.lite .foreground-spatial-v690 .runtime-orb{animation:none!important}.lite .foreground-spatial-v690 .runtime-orb:after{animation:none!important;opacity:.48!important}.lite .front-ai-core:after{animation:none!important;opacity:.38!important}.lite .front-core-grid,.lite .front-core-caustic{animation:none!important}
/* V6.9.8 SATURN RING REBUILD R1
Two oversized rolling Saturn-style rings for the authoritative Core.
One rolling ring per approved satellite. No retired legacy orbital FX restored. */
.front-ai-core{perspective:1050px;transform-style:preserve-3d;overflow:visible!important}
.front-ai-core:before,.front-ai-core:after{
content:""!important;position:absolute!important;left:50%!important;top:50%!important;inset:auto!important;
width:338%!important;height:108%!important;border-radius:50%!important;pointer-events:none!important;
background:transparent!important;transform-origin:50% 50%!important;will-change:transform,opacity,filter;
}
.front-ai-core:before{
border:2px solid #d8d0ff9c!important;border-left-color:#8edfffdb!important;border-right-color:#b391ffe0!important;
box-shadow:0 0 8px #f4efff9c,0 0 20px #9d8cff7a,inset 0 0 10px #8edfff35!important;
filter:drop-shadow(0 0 7px #a696ff88);opacity:.92!important;
}
.front-ai-core:after{
width:286%!important;height:91%!important;border:1.5px solid #a99aff9e!important;
border-top-color:#f0edffdc!important;border-bottom-color:#77dfffbd!important;
box-shadow:0 0 7px #d8d0ff86,0 0 18px #7f6ce96e,inset 0 0 8px #8ce6ff2e!important;
filter:drop-shadow(0 0 6px #806fe988);opacity:.78!important;
}
/* Satellites deliberately get ONE ring only. */
.foreground-spatial-v690 .runtime-orb:before{
left:50%!important;top:50%!important;inset:auto!important;width:178%!important;height:55%!important;
border:1px solid #d5ceff9c!important;border-left-color:#8edfffbd!important;border-right-color:#a68bffb8!important;
border-radius:50%!important;box-shadow:0 0 8px #a99cff58!important;transform-origin:50% 50%!important;
}
.foreground-spatial-v690 .runtime-orb:after{display:none!important;animation:none!important}
@media (prefers-reduced-motion:no-preference){
.front-ai-core:before{animation:v698CoreSaturnA 13.5s linear infinite!important}
.front-ai-core:after{animation:v698CoreSaturnB 18.5s linear infinite reverse!important}
.foreground-spatial-v690 .runtime-orb:before{animation:v698SatelliteSaturn 9.5s linear infinite!important}
.foreground-spatial-v690 .orb-b:before{animation-duration:11.8s!important;animation-direction:reverse!important}
.foreground-spatial-v690 .orb-c:before{animation-duration:13.2s!important}
.foreground-spatial-v690 .orb-d:before{animation-duration:10.6s!important;animation-direction:reverse!important}
}
@keyframes v698CoreSaturnA{
0%{transform:translate(-50%,-50%) rotateZ(-9deg) rotateX(58deg) rotateY(-5deg) scaleX(1);filter:brightness(.92) drop-shadow(0 0 7px #a696ff88)}
25%{transform:translate(-50%,-50%) rotateZ(34deg) rotateX(72deg) rotateY(8deg) scaleX(1.025);filter:brightness(1.08) drop-shadow(0 0 11px #c7bbffaa)}
50%{transform:translate(-50%,-50%) rotateZ(92deg) rotateX(82deg) rotateY(3deg) scaleX(.98);filter:brightness(.88) drop-shadow(0 0 6px #7fdfff77)}
75%{transform:translate(-50%,-50%) rotateZ(142deg) rotateX(67deg) rotateY(-9deg) scaleX(1.03);filter:brightness(1.12) drop-shadow(0 0 12px #b6a5ffad)}
100%{transform:translate(-50%,-50%) rotateZ(351deg) rotateX(58deg) rotateY(-5deg) scaleX(1);filter:brightness(.92) drop-shadow(0 0 7px #a696ff88)}
}
@keyframes v698CoreSaturnB{
0%{transform:translate(-50%,-50%) rotateZ(27deg) rotateX(76deg) rotateY(7deg) scaleX(.98);opacity:.66}
33%{transform:translate(-50%,-50%) rotateZ(111deg) rotateX(61deg) rotateY(-8deg) scaleX(1.04);opacity:.9}
66%{transform:translate(-50%,-50%) rotateZ(219deg) rotateX(84deg) rotateY(5deg) scaleX(1);opacity:.58}
100%{transform:translate(-50%,-50%) rotateZ(387deg) rotateX(76deg) rotateY(7deg) scaleX(.98);opacity:.66}
}
@keyframes v698SatelliteSaturn{
0%{transform:translate(-50%,-50%) rotateZ(0deg) rotateX(67deg) scaleX(1);opacity:.68}
50%{transform:translate(-50%,-50%) rotateZ(180deg) rotateX(79deg) scaleX(1.06);opacity:.95}
100%{transform:translate(-50%,-50%) rotateZ(360deg) rotateX(67deg) scaleX(1);opacity:.68}
}
@media (prefers-reduced-motion:reduce){
.front-ai-core:before{transform:translate(-50%,-50%) rotateZ(-9deg) rotateX(64deg)!important}
.front-ai-core:after{transform:translate(-50%,-50%) rotateZ(27deg) rotateX(76deg)!important}
.foreground-spatial-v690 .runtime-orb:before{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(18deg)!important}
}
.lite .front-ai-core:before{animation-duration:22s!important}.lite .front-ai-core:after{animation:none!important;opacity:.42!important}.lite .foreground-spatial-v690 .runtime-orb:before{animation-duration:16s!important}
@media (max-width:900px){.front-ai-core:before{width:300%!important}.front-ai-core:after{width:250%!important}}
/* V6.9.9 ORBIT ALIGNMENT R1
Corrected Core-ring centering/attitude. Core rings roll around the Core without the
previous near-vertical excursion. Satellites keep one stable horizontal Saturn ring
and spin left/right around their own equator. No retired legacy FX restored. */
.front-ai-core:before,.front-ai-core:after{
left:50%!important;top:50%!important;transform-origin:50% 50%!important;
perspective:none!important;
}
.front-ai-core:before{
width:318%!important;height:76%!important;
}
.front-ai-core:after{
width:272%!important;height:62%!important;
}
/* one equatorial ring per satellite; keep the ring centered on its planet */
.foreground-spatial-v690 .runtime-orb:before{
left:50%!important;top:50%!important;width:182%!important;height:48%!important;
transform-origin:50% 50%!important;
}
@media (prefers-reduced-motion:no-preference){
.front-ai-core:before{animation:v699CoreRollA 14s ease-in-out infinite!important}
.front-ai-core:after{animation:v699CoreRollB 19s ease-in-out infinite!important}
.foreground-spatial-v690 .runtime-orb:before{animation:v699SatelliteHorizontal 7.8s linear infinite!important}
.foreground-spatial-v690 .orb-b:before{animation-duration:9.4s!important;animation-direction:reverse!important}
.foreground-spatial-v690 .orb-c:before{animation-duration:10.8s!important}
.foreground-spatial-v690 .orb-d:before{animation-duration:8.7s!important;animation-direction:reverse!important}
}
/* Roll = changing projected plane while remaining centered around the Core.
scaleY crosses through a thin edge-on phase, then opens on the opposite face. */
@keyframes v699CoreRollA{
0%{transform:translate(-50%,-50%) rotate(-10deg) scaleY(.72);opacity:.92;filter:brightness(1.02) drop-shadow(0 0 8px #a696ff88)}
22%{transform:translate(-50%,-50%) rotate(2deg) scaleY(.28);opacity:.76;filter:brightness(.9) drop-shadow(0 0 6px #7fdfff77)}
34%{transform:translate(-50%,-50%) rotate(9deg) scaleY(.055);opacity:.62;filter:brightness(1.16) drop-shadow(0 0 12px #d2c8ffb0)}
50%{transform:translate(-50%,-50%) rotate(18deg) scaleY(-.62);opacity:.9;filter:brightness(1.04) drop-shadow(0 0 9px #b6a5ff9a)}
72%{transform:translate(-50%,-50%) rotate(3deg) scaleY(-.18);opacity:.7;filter:brightness(.92) drop-shadow(0 0 6px #7fdfff77)}
84%{transform:translate(-50%,-50%) rotate(-5deg) scaleY(.06);opacity:.64;filter:brightness(1.14) drop-shadow(0 0 12px #c7bbffaa)}
100%{transform:translate(-50%,-50%) rotate(-10deg) scaleY(.72);opacity:.92;filter:brightness(1.02) drop-shadow(0 0 8px #a696ff88)}
}
@keyframes v699CoreRollB{
0%{transform:translate(-50%,-50%) rotate(25deg) scaleY(.48);opacity:.72}
26%{transform:translate(-50%,-50%) rotate(13deg) scaleY(.12);opacity:.58}
38%{transform:translate(-50%,-50%) rotate(5deg) scaleY(-.055);opacity:.52}
58%{transform:translate(-50%,-50%) rotate(-18deg) scaleY(-.58);opacity:.82}
78%{transform:translate(-50%,-50%) rotate(4deg) scaleY(-.1);opacity:.56}
88%{transform:translate(-50%,-50%) rotate(16deg) scaleY(.055);opacity:.5}
100%{transform:translate(-50%,-50%) rotate(25deg) scaleY(.48);opacity:.72}
}
/* Satellite rings do NOT roll. Their orbital plane stays horizontal; the ring spins
left/right around the equator via a subtle projected phase and brightness sweep. */
@keyframes v699SatelliteHorizontal{
0%{transform:translate(-50%,-50%) rotate(-7deg) scaleX(1);filter:brightness(.82);opacity:.7}
25%{transform:translate(-50%,-50%) rotate(-4deg) scaleX(.88);filter:brightness(1.16);opacity:.94}
50%{transform:translate(-50%,-50%) rotate(-7deg) scaleX(1);filter:brightness(.9);opacity:.76}
75%{transform:translate(-50%,-50%) rotate(-10deg) scaleX(.88);filter:brightness(1.18);opacity:.96}
100%{transform:translate(-50%,-50%) rotate(-7deg) scaleX(1);filter:brightness(.82);opacity:.7}
}
@media (prefers-reduced-motion:reduce){
.front-ai-core:before{transform:translate(-50%,-50%) rotate(-10deg) scaleY(.58)!important}
.front-ai-core:after{transform:translate(-50%,-50%) rotate(25deg) scaleY(.42)!important}
.foreground-spatial-v690 .runtime-orb:before{transform:translate(-50%,-50%) rotate(-7deg)!important}
}
.lite .front-ai-core:before{animation-duration:24s!important}.lite .front-ai-core:after{animation:none!important;transform:translate(-50%,-50%) rotate(25deg) scaleY(.42)!important}.lite .foreground-spatial-v690 .runtime-orb:before{animation-duration:14s!important}
@media (max-width:900px){.front-ai-core:before{width:286%!important}.front-ai-core:after{width:242%!important}}
/* V6.10.0 COSMIC MOTION R1
Core rings use deterministic pseudo-random 3-axis roll paths spanning 360–720deg.
This creates varied 180/360/540/720-degree attitude changes without timers or a
second RAF. Satellite rings remain stable equatorial left/right motion.
Starfield density is improved in the existing Three.js particle budget. */
@media (prefers-reduced-motion:no-preference){
.front-ai-core:before{animation:v610CoreChaosA 23.7s cubic-bezier(.42,0,.58,1) infinite!important}
.front-ai-core:after{animation:v610CoreChaosB 31.3s cubic-bezier(.45,.03,.55,.97) infinite reverse!important}
}
/* Ring A: 0→720° with irregular 3D attitude changes. Perspective keeps every phase
centered on the Core while rotateX/Y/Z creates true full-direction rolling. */
@keyframes v610CoreChaosA{
0%{transform:translate(-50%,-50%) perspective(900px) rotateX(18deg) rotateY(-8deg) rotateZ(-12deg);opacity:.9;filter:brightness(1.02) drop-shadow(0 0 8px #a696ff88)}
11%{transform:translate(-50%,-50%) perspective(900px) rotateX(146deg) rotateY(38deg) rotateZ(71deg);opacity:.72;filter:brightness(.9) drop-shadow(0 0 6px #7fdfff77)}
23%{transform:translate(-50%,-50%) perspective(900px) rotateX(278deg) rotateY(-61deg) rotateZ(155deg);opacity:.94;filter:brightness(1.15) drop-shadow(0 0 12px #d2c8ffb0)}
37%{transform:translate(-50%,-50%) perspective(900px) rotateX(401deg) rotateY(92deg) rotateZ(246deg);opacity:.76;filter:brightness(.94) drop-shadow(0 0 7px #80ddff80)}
52%{transform:translate(-50%,-50%) perspective(900px) rotateX(517deg) rotateY(-126deg) rotateZ(352deg);opacity:.92;filter:brightness(1.1) drop-shadow(0 0 11px #b6a5ff9a)}
68%{transform:translate(-50%,-50%) perspective(900px) rotateX(633deg) rotateY(171deg) rotateZ(451deg);opacity:.7;filter:brightness(.9) drop-shadow(0 0 6px #7fdfff77)}
84%{transform:translate(-50%,-50%) perspective(900px) rotateX(702deg) rotateY(-205deg) rotateZ(563deg);opacity:.96;filter:brightness(1.18) drop-shadow(0 0 13px #c7bbffaa)}
100%{transform:translate(-50%,-50%) perspective(900px) rotateX(738deg) rotateY(-368deg) rotateZ(708deg);opacity:.9;filter:brightness(1.02) drop-shadow(0 0 8px #a696ff88)}
}
/* Ring B deliberately follows a different 540°/720° path and phase so the pair
never reads as synchronized machinery. */
@keyframes v610CoreChaosB{
0%{transform:translate(-50%,-50%) perspective(980px) rotateX(64deg) rotateY(22deg) rotateZ(31deg);opacity:.68}
14%{transform:translate(-50%,-50%) perspective(980px) rotateX(-87deg) rotateY(126deg) rotateZ(118deg);opacity:.86}
29%{transform:translate(-50%,-50%) perspective(980px) rotateX(-224deg) rotateY(248deg) rotateZ(209deg);opacity:.58}
43%{transform:translate(-50%,-50%) perspective(980px) rotateX(-361deg) rotateY(337deg) rotateZ(318deg);opacity:.82}
59%{transform:translate(-50%,-50%) perspective(980px) rotateX(-476deg) rotateY(469deg) rotateZ(407deg);opacity:.62}
76%{transform:translate(-50%,-50%) perspective(980px) rotateX(-548deg) rotateY(601deg) rotateZ(526deg);opacity:.9}
89%{transform:translate(-50%,-50%) perspective(980px) rotateX(-598deg) rotateY(684deg) rotateZ(642deg);opacity:.56}
100%{transform:translate(-50%,-50%) perspective(980px) rotateX(-656deg) rotateY(742deg) rotateZ(751deg);opacity:.68}
}
/* richer deep-space body without reintroducing retired orbit/wireframe FX */
.nebula{background:
radial-gradient(ellipse at 50% 48%,rgba(91,69,171,.13) 0%,rgba(39,30,92,.075) 25%,transparent 55%),
radial-gradient(ellipse at 24% 32%,rgba(53,77,148,.065),transparent 42%),
radial-gradient(ellipse at 78% 68%,rgba(91,55,153,.055),transparent 38%)!important;
opacity:1!important}
@media (prefers-reduced-motion:reduce){
.front-ai-core:before{transform:translate(-50%,-50%) perspective(900px) rotateX(58deg) rotateY(-12deg) rotateZ(-8deg)!important}
.front-ai-core:after{transform:translate(-50%,-50%) perspective(980px) rotateX(72deg) rotateY(18deg) rotateZ(24deg)!important}
}
.lite .front-ai-core:before{animation-duration:36s!important}
.lite .front-ai-core:after{animation:none!important;opacity:.38!important}
/* V6.10.1 PARALLEL ORBIT + DEEP SPACE R1
Corrects v6.10.0 free-axis chaos. Both large Core rings stay centered and parallel,
flipping vertically through front/edge/back phases only. Satellite rings retain
their single stable horizontal equatorial motion. Star diversity is handled by the
existing bounded Three.js particle budget (BALANCED 1200 / LITE 350). */
.front-ai-core:before,.front-ai-core:after{left:50%!important;top:50%!important;transform-origin:50% 50%!important;perspective:none!important}
.front-ai-core:before{width:318%!important;height:76%!important}
.front-ai-core:after{width:272%!important;height:62%!important}
@media (prefers-reduced-motion:no-preference){
.front-ai-core:before{animation:v6101ParallelFlipA 15.8s ease-in-out infinite!important}
.front-ai-core:after{animation:v6101ParallelFlipB 21.6s ease-in-out infinite!important}
.foreground-spatial-v690 .runtime-orb:before{animation:v699SatelliteHorizontal 7.8s linear infinite!important}
.foreground-spatial-v690 .orb-b:before{animation-duration:9.4s!important;animation-direction:reverse!important}
.foreground-spatial-v690 .orb-c:before{animation-duration:10.8s!important}
.foreground-spatial-v690 .orb-d:before{animation-duration:8.7s!important;animation-direction:reverse!important}
}
/* Both rings share one plane angle. Only projected Y changes sign: a controlled
vertical flip around the Core, never an XYZ free tumble or screen-crossing sweep. */
@keyframes v6101ParallelFlipA{
0%{transform:translate(-50%,-50%) rotate(-9deg) scaleY(.72);opacity:.94;filter:brightness(1.02) drop-shadow(0 0 9px #b4a7ff92)}
23%{transform:translate(-50%,-50%) rotate(-9deg) scaleY(.24);opacity:.78}
34%{transform:translate(-50%,-50%) rotate(-9deg) scaleY(.045);opacity:.62;filter:brightness(1.22) drop-shadow(0 0 14px #e1dcffb8)}
50%{transform:translate(-50%,-50%) rotate(-9deg) scaleY(-.72);opacity:.94;filter:brightness(1.04) drop-shadow(0 0 9px #9f91ff96)}
73%{transform:translate(-50%,-50%) rotate(-9deg) scaleY(-.22);opacity:.76}
84%{transform:translate(-50%,-50%) rotate(-9deg) scaleY(-.045);opacity:.62;filter:brightness(1.2) drop-shadow(0 0 14px #d7d1ffb0)}
100%{transform:translate(-50%,-50%) rotate(-9deg) scaleY(.72);opacity:.94;filter:brightness(1.02) drop-shadow(0 0 9px #b4a7ff92)}
}
@keyframes v6101ParallelFlipB{
0%{transform:translate(-50%,-50%) rotate(-9deg) scaleY(-.52);opacity:.72}
18%{transform:translate(-50%,-50%) rotate(-9deg) scaleY(-.16);opacity:.61}
29%{transform:translate(-50%,-50%) rotate(-9deg) scaleY(-.04);opacity:.5;filter:brightness(1.18)}
50%{transform:translate(-50%,-50%) rotate(-9deg) scaleY(.52);opacity:.8}
70%{transform:translate(-50%,-50%) rotate(-9deg) scaleY(.15);opacity:.6}
82%{transform:translate(-50%,-50%) rotate(-9deg) scaleY(.04);opacity:.5;filter:brightness(1.18)}
100%{transform:translate(-50%,-50%) rotate(-9deg) scaleY(-.52);opacity:.72}
}
@media (prefers-reduced-motion:reduce){
.front-ai-core:before{transform:translate(-50%,-50%) rotate(-9deg) scaleY(.62)!important}
.front-ai-core:after{transform:translate(-50%,-50%) rotate(-9deg) scaleY(-.44)!important}
}
.lite .front-ai-core:before{animation-duration:26s!important}.lite .front-ai-core:after{animation:none!important;transform:translate(-50%,-50%) rotate(-9deg) scaleY(-.44)!important;opacity:.42!important}
/* Deep-space color volume: restrained galactic haze; no retired wireframes/arcs. */
.nebula{background:
radial-gradient(ellipse at 51% 48%,rgba(111,86,205,.145) 0%,rgba(57,43,124,.08) 25%,transparent 55%),
radial-gradient(ellipse at 18% 27%,rgba(65,91,165,.07),transparent 38%),
radial-gradient(ellipse at 82% 72%,rgba(108,65,171,.065),transparent 40%),
radial-gradient(ellipse at 63% 18%,rgba(78,102,176,.035),transparent 31%)!important;opacity:1!important}
/* V6.10.2 FULL CORE FLIP + DENSE COSMOS R1
Main Core rings remain centered and co-planar, but now complete a continuous
360-degree front -> edge -> back -> edge -> front flip. No free XYZ tumble.
Satellite rings retain the approved horizontal equatorial motion. */
.front-ai-core{transform-style:preserve-3d!important}
.front-ai-core:before,.front-ai-core:after{
left:50%!important;top:50%!important;transform-origin:50% 50%!important;
backface-visibility:visible!important;will-change:transform,opacity,filter;
}
.front-ai-core:before{width:326%!important;height:78%!important}
.front-ai-core:after{width:282%!important;height:64%!important}
@media (prefers-reduced-motion:no-preference){
.front-ai-core:before{animation:v6102CoreFullFlipA 16.8s linear infinite!important}
.front-ai-core:after{animation:v6102CoreFullFlipB 22.4s linear infinite!important}
.foreground-spatial-v690 .runtime-orb:before{animation:v699SatelliteHorizontal 7.8s linear infinite!important}
}
@keyframes v6102CoreFullFlipA{
0%{transform:translate(-50%,-50%) perspective(1100px) rotateZ(-9deg) rotateX(0deg);opacity:.94;filter:brightness(1.04) drop-shadow(0 0 10px #b8aaff9c)}
25%{transform:translate(-50%,-50%) perspective(1100px) rotateZ(-9deg) rotateX(90deg);opacity:.64;filter:brightness(1.28) drop-shadow(0 0 15px #e5e0ffc0)}
50%{transform:translate(-50%,-50%) perspective(1100px) rotateZ(-9deg) rotateX(180deg);opacity:.82;filter:brightness(.9) drop-shadow(0 0 8px #8c7cff82)}
75%{transform:translate(-50%,-50%) perspective(1100px) rotateZ(-9deg) rotateX(270deg);opacity:.64;filter:brightness(1.28) drop-shadow(0 0 15px #e5e0ffc0)}
100%{transform:translate(-50%,-50%) perspective(1100px) rotateZ(-9deg) rotateX(360deg);opacity:.94;filter:brightness(1.04) drop-shadow(0 0 10px #b8aaff9c)}
}
@keyframes v6102CoreFullFlipB{
0%{transform:translate(-50%,-50%) perspective(1100px) rotateZ(-9deg) rotateX(180deg);opacity:.66;filter:brightness(.92) drop-shadow(0 0 7px #8171ed70)}
25%{transform:translate(-50%,-50%) perspective(1100px) rotateZ(-9deg) rotateX(270deg);opacity:.52;filter:brightness(1.18) drop-shadow(0 0 12px #cfc5ff9c)}
50%{transform:translate(-50%,-50%) perspective(1100px) rotateZ(-9deg) rotateX(360deg);opacity:.74;filter:brightness(1.02) drop-shadow(0 0 9px #a996ff86)}
75%{transform:translate(-50%,-50%) perspective(1100px) rotateZ(-9deg) rotateX(450deg);opacity:.52;filter:brightness(1.18) drop-shadow(0 0 12px #cfc5ff9c)}
100%{transform:translate(-50%,-50%) perspective(1100px) rotateZ(-9deg) rotateX(540deg);opacity:.66;filter:brightness(.92) drop-shadow(0 0 7px #8171ed70)}
}
@media (prefers-reduced-motion:reduce){
.front-ai-core:before{transform:translate(-50%,-50%) rotate(-9deg) scaleY(.66)!important}
.front-ai-core:after{transform:translate(-50%,-50%) rotate(-9deg) scaleY(-.46)!important}
}
.lite .front-ai-core:before{animation-duration:30s!important}.lite .front-ai-core:after{animation:none!important;opacity:.4!important}
/* Denser-looking deep space without restoring retired geometry FX. */
.nebula{background:
radial-gradient(ellipse at 50% 49%,rgba(115,87,210,.16) 0%,rgba(55,41,126,.085) 25%,transparent 56%),
radial-gradient(ellipse at 20% 25%,rgba(53,82,160,.085),transparent 38%),
radial-gradient(ellipse at 82% 70%,rgba(111,68,183,.075),transparent 42%),
radial-gradient(ellipse at 65% 17%,rgba(77,111,187,.055),transparent 34%),
radial-gradient(ellipse at 35% 78%,rgba(89,69,165,.05),transparent 36%)!important;opacity:1!important}
/* V6.10.3 CROSS AXIS ORBIT R1
Two large Core rings share one immutable center but use orthogonal constrained axes:
Ring A flips vertically (rotateX); Ring B flips horizontally (rotateY).
Uneven deterministic keyframe holds/reversals create random-like timing without timers,
a second RAF, center drift, or free XYZ tumbling. */
.front-ai-core:before,.front-ai-core:after{
left:50%!important;top:50%!important;transform-origin:50% 50%!important;
backface-visibility:visible!important;will-change:transform,opacity,filter;
}
.front-ai-core:before{width:326%!important;height:78%!important}
.front-ai-core:after{width:294%!important;height:70%!important}
@media (prefers-reduced-motion:no-preference){
.front-ai-core:before{animation:v6103VerticalReverse 27.4s cubic-bezier(.42,0,.58,1) infinite!important}
.front-ai-core:after{animation:v6103HorizontalReverse 31.8s cubic-bezier(.42,0,.58,1) infinite!important}
}
/* Blue-axis ring: centered vertical roll. Uneven reversal points: up -> down -> up. */
@keyframes v6103VerticalReverse{
0%{transform:translate(-50%,-50%) perspective(1200px) rotateZ(-8deg) rotateX(0deg);opacity:.94}
18%{transform:translate(-50%,-50%) perspective(1200px) rotateZ(-8deg) rotateX(186deg);opacity:.78}
31%{transform:translate(-50%,-50%) perspective(1200px) rotateZ(-8deg) rotateX(360deg);opacity:.94;filter:brightness(1.08) drop-shadow(0 0 11px #b7a9ff9c)}
35%{transform:translate(-50%,-50%) perspective(1200px) rotateZ(-8deg) rotateX(360deg);opacity:.94}
54%{transform:translate(-50%,-50%) perspective(1200px) rotateZ(-8deg) rotateX(148deg);opacity:.74}
69%{transform:translate(-50%,-50%) perspective(1200px) rotateZ(-8deg) rotateX(0deg);opacity:.94;filter:brightness(1.05) drop-shadow(0 0 10px #a99cff92)}
74%{transform:translate(-50%,-50%) perspective(1200px) rotateZ(-8deg) rotateX(0deg);opacity:.94}
88%{transform:translate(-50%,-50%) perspective(1200px) rotateZ(-8deg) rotateX(214deg);opacity:.76}
100%{transform:translate(-50%,-50%) perspective(1200px) rotateZ(-8deg) rotateX(360deg);opacity:.94}
}
/* Red-axis ring: centered left/right roll around Y, crossing the vertical ring. */
@keyframes v6103HorizontalReverse{
0%{transform:translate(-50%,-50%) perspective(1200px) rotateZ(8deg) rotateY(0deg);opacity:.74}
21%{transform:translate(-50%,-50%) perspective(1200px) rotateZ(8deg) rotateY(-205deg);opacity:.6}
38%{transform:translate(-50%,-50%) perspective(1200px) rotateZ(8deg) rotateY(-360deg);opacity:.78;filter:brightness(1.08) drop-shadow(0 0 10px #9c8dff88)}
44%{transform:translate(-50%,-50%) perspective(1200px) rotateZ(8deg) rotateY(-360deg);opacity:.78}
61%{transform:translate(-50%,-50%) perspective(1200px) rotateZ(8deg) rotateY(-164deg);opacity:.58}
79%{transform:translate(-50%,-50%) perspective(1200px) rotateZ(8deg) rotateY(0deg);opacity:.76;filter:brightness(1.04) drop-shadow(0 0 9px #8879ef80)}
84%{transform:translate(-50%,-50%) perspective(1200px) rotateZ(8deg) rotateY(0deg);opacity:.76}
100%{transform:translate(-50%,-50%) perspective(1200px) rotateZ(8deg) rotateY(-180deg);opacity:.62}
}
@media (prefers-reduced-motion:reduce){
.front-ai-core:before{animation:none!important;transform:translate(-50%,-50%) rotate(-8deg) scaleY(.62)!important}
.front-ai-core:after{animation:none!important;transform:translate(-50%,-50%) rotate(82deg) scaleY(.52)!important;opacity:.46!important}
}
.lite .front-ai-core:before{animation-duration:40s!important}
.lite .front-ai-core:after{animation-duration:46s!important;opacity:.46!important}
/* V6.10.4 ORTHOGRAPHIC CROSS PROJECTION R1
Correct 3D projection model: both rings share the exact Core center.
A horizontal ellipse rotated around X collapses to a horizontal line at 90/270deg.
The orthogonal ellipse rotated around Y collapses to a vertical line at 90/270deg.
No translate drift, no rotateZ pre-tilt, no free-axis tumble. */
.front-ai-core{transform-style:preserve-3d!important;perspective:1200px!important}
.front-ai-core:before,.front-ai-core:after{
left:50%!important;top:50%!important;transform-origin:50% 50%!important;
transform-style:preserve-3d!important;backface-visibility:visible!important;
}
.front-ai-core:before{width:326%!important;height:78%!important}
.front-ai-core:after{width:294%!important;height:70%!important}
@media (prefers-reduced-motion:no-preference){
.front-ai-core:before{animation:v6104VerticalPlane 24.8s cubic-bezier(.45,.02,.55,.98) infinite!important}
.front-ai-core:after{animation:v6104HorizontalPlane 29.6s cubic-bezier(.45,.02,.55,.98) infinite!important}
}
/* Vertical-plane flip. At 90/270deg the projected ring is exactly a horizontal line. */
@keyframes v6104VerticalPlane{
0%{transform:translate(-50%,-50%) rotateX(0deg);opacity:.94}
20%{transform:translate(-50%,-50%) rotateX(180deg);opacity:.84}
34%{transform:translate(-50%,-50%) rotateX(360deg);opacity:.94}
39%{transform:translate(-50%,-50%) rotateX(360deg);opacity:.94}
58%{transform:translate(-50%,-50%) rotateX(180deg);opacity:.84}
73%{transform:translate(-50%,-50%) rotateX(0deg);opacity:.94}
78%{transform:translate(-50%,-50%) rotateX(0deg);opacity:.94}
100%{transform:translate(-50%,-50%) rotateX(360deg);opacity:.94}
}
/* Horizontal-plane flip. At 90/270deg the projected ring is exactly a vertical line. */
@keyframes v6104HorizontalPlane{
0%{transform:translate(-50%,-50%) rotateY(0deg);opacity:.76}
23%{transform:translate(-50%,-50%) rotateY(-180deg);opacity:.68}
41%{transform:translate(-50%,-50%) rotateY(-360deg);opacity:.78}
47%{transform:translate(-50%,-50%) rotateY(-360deg);opacity:.78}
65%{transform:translate(-50%,-50%) rotateY(-180deg);opacity:.68}
82%{transform:translate(-50%,-50%) rotateY(0deg);opacity:.76}
87%{transform:translate(-50%,-50%) rotateY(0deg);opacity:.76}
100%{transform:translate(-50%,-50%) rotateY(-180deg);opacity:.68}
}
@media (prefers-reduced-motion:reduce){
.front-ai-core:before{animation:none!important;transform:translate(-50%,-50%) rotateX(18deg)!important}
.front-ai-core:after{animation:none!important;transform:translate(-50%,-50%) rotateY(68deg)!important;opacity:.52!important}
}
.lite .front-ai-core:before{animation-duration:36s!important}
.lite .front-ai-core:after{animation-duration:42s!important;opacity:.52!important}
/* V6.10.9 CORE RING ZERO BASELINE R2
Authoritative purge: the historical AI Core ring system lived on
.front-ai-core::before/::after. Remove those generated objects entirely.
Satellite .runtime-orb rings are intentionally preserved. */
.front-ai-core::before,
.front-ai-core::after{
content:none!important;
display:none!important;
visibility:hidden!important;
animation:none!important;
width:0!important;
height:0!important;
border:0!important;
box-shadow:none!important;
filter:none!important;
opacity:0!important;
}
.three-world{z-index:21;pointer-events:none}
/* Responsive updater workspace: contain tall content and allow the panel to scroll. */
.workspace{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
/* v6.10.25 — New master avatar placement. Keep the source artwork untouched. */
.hero .avatar-presence.siora-master{position:absolute;left:50%;top:0;bottom:auto;width:min(92vw,1620px);height:min(94vh,920px);transform:translateX(-50%);z-index:12;display:block;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 22px #b8a7f51c)}
.avatar-presence.siora-master .avatar-master-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center top;transform:none;filter:drop-shadow(0 0 18px #ded5ff18);user-select:none;-webkit-user-drag:none;pointer-events:none}
@media (max-width:1200px){.hero .avatar-presence.siora-master{width:min(112vw,1300px);height:min(88vh,780px)}}
@media (max-width:900px){.hero .avatar-presence.siora-master{top:1%;width:min(145vw,980px);height:min(78vh,640px)}}
@media (prefers-reduced-motion:reduce){.hero .avatar-presence.siora-master,.avatar-presence.siora-master .avatar-master-image{animation:none!important;transition:none!important}}
/* v6.10.25 — Reference orbit composition on the recovered no-ring base. */
.hero .avatar-presence.siora-master{width:min(66vw,1120px);height:auto;aspect-ratio:1672/941;top:0;opacity:.92}
@media (max-width:1200px){.hero .avatar-presence.siora-master{width:min(88vw,980px)}}
@media (max-width:900px){.hero .avatar-presence.siora-master{width:min(118vw,700px)}}
/* v6.10.26 — Keep orbit paths fixed; the WebGL ring motes carry the motion. Retire the older CSS orbit loops. */
.foreground-spatial-v690 .energy-arc{display:none!important;animation:none!important}
/* v6.10.27 — Ring identity comes from three broad glass bands; avoid stray orbit filaments. */
.foreground-spatial-v690 .energy-arc{display:none!important;animation:none!important}
/* v6.10.31 — Remove the obsolete Core-centered CSS ellipse pair. The three guardian rings are rendered by the existing 3D ring meshes. */
.front-ai-core::before,.front-ai-core::after{content:none!important;display:none!important;visibility:hidden!important}
/* v6.10.31 R2 — Composite projected front halves of the existing 3D rings over the transparent avatar. Paths are refreshed only on initial layout and resize using the current WebGL camera projection. */
.hero .guardian-rings-front{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:24;pointer-events:none}
.guardian-front-ring [data-body]{stroke:none;fill:#b99cff2e;filter:drop-shadow(0 0 7px #b99cff54)}
.ring-front-1 [data-body]{fill:#8ecbff35;filter:drop-shadow(0 0 8px #8bc9ff70)}
.ring-front-2 [data-body]{fill:#b596ff30;filter:drop-shadow(0 0 7px #b596ff64)}
.guardian-front-ring [data-outer],.guardian-front-ring [data-inner]{fill:none;stroke:#e7ddffad;stroke-width:1.35;stroke-linejoin:round;filter:drop-shadow(0 0 4px #bda7ff96)}
.ring-front-1 [data-outer],.ring-front-1 [data-inner]{stroke:#d9f3ffdb;filter:drop-shadow(0 0 5px #86d7ffb8)}
.ring-front-2 [data-outer],.ring-front-2 [data-inner]{stroke:#e7d9ffd0;filter:drop-shadow(0 0 4px #b899ff9e)}
.front-ai-core .front-core-label{opacity:0!important}
.guardian-core-label-front{position:absolute;left:50%;top:calc(56.5% - 29px);transform:translate(-50%,-50%);width:224px;z-index:25;display:grid;gap:6px;text-align:center;text-shadow:0 2px 12px #080817,0 0 8px #09091b;color:#f4efff;pointer-events:none}
.guardian-core-label-front strong{font-size:15px;letter-spacing:.12em}.guardian-core-label-front span{font-size:7px;letter-spacing:.14em;color:#d3d0f4}
@media (max-width:1100px){.guardian-core-label-front{top:calc(58.5% - 24px)}}
@media (max-width:900px){.guardian-core-label-front{top:calc(61% - 20px);width:170px}.guardian-core-label-front strong{font-size:12px}.guardian-core-label-front span{font-size:6px}}
/* v6.10.33 R1 — Keep the upper guardian ring behind the avatar. Foreground arcs are reserved for the Core and lower waist bands. */
.guardian-rings-front .ring-front-0{display:inline!important}
.guardian-front-ring [data-body]{fill:#9a83e91b;filter:drop-shadow(0 0 8px #a996ff4d)}
.ring-front-1 [data-body]{fill:#8ecbff20;filter:drop-shadow(0 0 9px #8bc9ff68)}
.ring-front-2 [data-body]{fill:#b596ff1d;filter:drop-shadow(0 0 8px #b596ff58)}
.guardian-front-ring [data-sheen]{fill:none;stroke:#f3f0ff82;stroke-width:1.05;stroke-linecap:round;filter:drop-shadow(0 0 5px #d2c4ff8c)}
.ring-front-1 [data-sheen]{stroke:#dcf6ffad;filter:drop-shadow(0 0 6px #8bdcffc7)}
.ring-front-2 [data-sheen]{stroke:#efe5ff9c;filter:drop-shadow(0 0 5px #b99affb8)}
.guardian-front-ring [data-outer],.guardian-front-ring [data-inner]{stroke-width:1.6;stroke-linecap:round}
/* v6.10.34 — Slightly compact, level Core ring with clearer near/far separation. */
.ring-front-1 [data-sheen]{stroke-width:.82;opacity:.82}
/* v6.10.36 — Controlled specular sweeps and sparse moving glass motes on the finalized ring paths. */
.guardian-ring-glint{fill:#f8f6ff;opacity:.92;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px #cabaff);pointer-events:none}
.ring-front-1 .guardian-ring-glint{fill:#e5f8ff;filter:drop-shadow(0 0 3px #f5fdff) drop-shadow(0 0 9px #89dfff)}
.ring-front-2 .guardian-ring-glint{fill:#f5edff;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px #b99aff)}
/* v6.10.38 — Rear ring segments remain behind the avatar; only approved foreground arcs are composited above it. */
/* v6.10.39 — Put every ring behind the avatar; disable foreground arc compositing and restore opaque avatar compositing. */
.hero .guardian-rings-front{display:none!important}
.hero .avatar-presence.siora-master{opacity:1!important}
/* v6.10.40 — Put the complete WebGL world behind the avatar/hero composition (hero z-index: 10). */
.three-world{z-index:9!important}
/* v6.10.41 — Unified blue-violet crystal glass material across all guardian rings. */
/* v6.10.42 — Raise shared crystal body color and alpha while keeping narrow silver-white rims. */
/* v6.10.43 — Ring scene camera is fixed; pointer parallax remains avatar-only. */
/* v6.10.44 — Layered shader caustics, traveling energy filaments and restrained star motes. */
/* v6.10.46 — Crystal Energy Rings R1. Stronger amethyst separation without changing geometry. */
.nebula{background:radial-gradient(ellipse at 68% 18%,#514f8c2e,transparent 34%),radial-gradient(ellipse at 30% 72%,#34346330,transparent 36%),radial-gradient(circle at 50% 54%,#7774bc14,transparent 31%);filter:saturate(1.16)}
.three-world canvas{filter:saturate(1.16) contrast(1.035)}
@media (prefers-reduced-motion:reduce){.three-world canvas{filter:saturate(1.08) contrast(1.02)}}
/* v6.10.48 — Energy FX Overdrive R1. Existing WebGL loop only: denser traveling motes,
sparse starburst packets, stronger internal energy surges and etched HUD pulses. */
.nebula{filter:saturate(1.24) contrast(1.025)}
.three-world canvas{filter:saturate(1.24) contrast(1.055) brightness(1.025)}
@media (prefers-reduced-motion:reduce){.three-world canvas{filter:saturate(1.12) contrast(1.025)}.nebula{filter:saturate(1.10)}}
/* v6.10.49 Planetary Core FX R1 — visible energy + artificial planet treatment */
.front-ai-core{
isolation:isolate;
background:
radial-gradient(circle at 34% 27%,rgba(255,255,255,.96) 0 1.2%,rgba(224,244,255,.78) 1.8%,transparent 7%),
radial-gradient(ellipse at 64% 62%,rgba(116,75,212,.46) 0 13%,transparent 33%),
radial-gradient(ellipse at 29% 68%,rgba(52,78,171,.50) 0 12%,transparent 31%),
radial-gradient(circle at 48% 47%,rgba(155,136,232,.60) 0 22%,rgba(94,82,177,.62) 38%,rgba(35,40,103,.76) 57%,rgba(9,13,39,.91) 72%,rgba(2,5,17,.98) 79%);
border-color:rgba(223,220,255,.88);
box-shadow:inset 0 0 24px rgba(244,242,255,.55),inset -22px -14px 62px rgba(35,34,94,.72),inset 20px 12px 48px rgba(177,162,255,.25),0 0 20px rgba(229,222,255,.68),0 0 62px rgba(128,102,255,.42),0 0 130px rgba(74,111,255,.26);
}
.front-core-lens{inset:4%;overflow:hidden;background:
radial-gradient(ellipse at 33% 20%,rgba(255,255,255,.72) 0 1.2%,rgba(225,238,255,.22) 3%,transparent 18%),
repeating-linear-gradient(166deg,transparent 0 13px,rgba(174,158,255,.08) 14px 16px,transparent 18px 31px),
radial-gradient(ellipse at 36% 58%,rgba(107,87,203,.34),transparent 31%),
radial-gradient(ellipse at 72% 43%,rgba(70,157,238,.20),transparent 27%);
box-shadow:inset 17px 8px 30px rgba(255,255,255,.14),inset -24px -18px 50px rgba(25,23,76,.45);filter:saturate(1.35) contrast(1.08)}
.front-core-lens:before{inset:-22%;left:-15%;top:12%;width:135%;height:76%;border:0;border-radius:45%;opacity:.82;transform:rotate(-13deg);filter:blur(3px);background:repeating-linear-gradient(8deg,transparent 0 12px,rgba(191,173,255,.16) 14px 18px,rgba(96,126,232,.13) 20px 25px,transparent 28px 43px);animation:siora-planet-clouds 16s linear infinite}
.front-core-lens:after{inset:6%;border:0;border-radius:50%;opacity:.9;filter:none;background:radial-gradient(circle at 66% 61%,rgba(198,174,255,.40) 0 3%,rgba(142,95,255,.18) 5%,transparent 12%),radial-gradient(circle at 31% 54%,rgba(91,177,255,.30) 0 2%,transparent 10%),radial-gradient(circle at 54% 34%,rgba(255,255,255,.18) 0 1%,transparent 8%),linear-gradient(100deg,rgba(255,255,255,.12),transparent 31% 69%,rgba(48,37,119,.30));animation:siora-planet-weather 7.5s ease-in-out infinite alternate}
.front-core-caustic{inset:8%;opacity:.82;filter:blur(4px);mix-blend-mode:screen;background:conic-gradient(from 18deg,transparent 0 8%,rgba(121,212,255,.22) 10%,transparent 15% 27%,rgba(184,132,255,.30) 31%,transparent 38% 53%,rgba(224,215,255,.27) 57%,transparent 63% 76%,rgba(85,158,255,.24) 81%,transparent 88%);animation:siora-core-caustic 6.2s linear infinite}
.front-core-shell{inset:10%;border-color:rgba(218,211,255,.54);background:radial-gradient(circle at 50% 50%,transparent 0 53%,rgba(151,124,255,.15) 62%,rgba(226,220,255,.18) 68%,transparent 72%);box-shadow:inset 0 0 34px rgba(122,105,255,.30),0 0 20px rgba(156,126,255,.18)}
.front-core-grid{opacity:.20;mix-blend-mode:screen;animation:siora-planet-grid 12s linear infinite}
.front-core-seed{width:15px;height:15px;background:#fffaff;box-shadow:0 0 12px #fff,0 0 32px rgba(188,153,255,.95),0 0 70px rgba(102,126,255,.82),0 0 110px rgba(76,91,255,.48);animation:siora-planet-heart 2.8s ease-in-out infinite}
.front-ai-core:before{inset:-29px;border-color:rgba(176,155,255,.62);box-shadow:0 0 12px rgba(218,205,255,.28),0 0 30px rgba(117,91,255,.26);animation:siora-planet-orbit-a 11s linear infinite}
.front-ai-core:after{display:block!important;inset:-48px;border-color:rgba(111,196,255,.38);box-shadow:0 0 16px rgba(104,199,255,.20),0 0 34px rgba(122,94,255,.20);animation:siora-planet-orbit-b 16s linear infinite reverse}
@keyframes siora-planet-clouds{from{transform:translateX(-7%) rotate(-13deg)}to{transform:translateX(7%) rotate(-9deg)}}
@keyframes siora-planet-weather{0%{transform:rotate(-4deg) scale(1);opacity:.64}100%{transform:rotate(5deg) scale(1.035);opacity:.96}}
@keyframes siora-planet-grid{to{transform:rotate(360deg)}}
@keyframes siora-planet-heart{0%,100%{transform:translate(-50%,-50%) rotate(45deg) scale(.82);filter:brightness(.95)}50%{transform:translate(-50%,-50%) rotate(45deg) scale(1.22);filter:brightness(1.35)}}
@keyframes siora-planet-orbit-a{to{transform:rotateX(67deg) rotate(347deg)}}
@keyframes siora-planet-orbit-b{to{transform:rotateX(72deg) rotate(391deg)}}
@media (prefers-reduced-motion:reduce){.front-core-lens:before,.front-core-lens:after,.front-core-caustic,.front-core-grid,.front-core-seed,.front-ai-core:before,.front-ai-core:after{animation:none!important}}
\n/* v6.10.51 Living Crystal Nexus R1 — faceted rings + living planetary core */
.front-ai-core{box-shadow:0 0 34px rgba(129,105,255,.34),0 0 74px rgba(88,113,255,.18),inset -24px -10px 38px rgba(28,22,78,.24),inset 16px 5px 30px rgba(225,216,255,.12)!important}
.front-core-lens{background:radial-gradient(circle at 31% 27%,rgba(255,255,255,.28),transparent 13%),radial-gradient(circle at 66% 63%,rgba(106,67,211,.34),transparent 31%),linear-gradient(103deg,rgba(236,228,255,.17) 0 29%,rgba(119,104,203,.08) 45%,rgba(31,27,91,.30) 72% 100%),radial-gradient(circle at 48% 48%,rgba(135,117,220,.22),rgba(57,48,130,.16) 63%,rgba(20,18,62,.30) 100%)!important}
.front-core-lens:before{background:repeating-linear-gradient(7deg,transparent 0 9px,rgba(211,194,255,.20) 11px 15px,rgba(88,156,255,.15) 17px 21px,transparent 24px 38px)!important;filter:blur(2.2px)!important;mix-blend-mode:screen}
.front-core-lens:after{background:radial-gradient(ellipse at 69% 57%,rgba(214,177,255,.55) 0 2%,rgba(136,89,255,.22) 4%,transparent 12%),radial-gradient(ellipse at 32% 61%,rgba(83,184,255,.38) 0 2%,transparent 9%),radial-gradient(circle at 57% 32%,rgba(255,255,255,.22) 0 1%,transparent 7%),linear-gradient(92deg,rgba(255,255,255,.15),transparent 28% 61%,rgba(39,31,105,.38))!important}
.front-core-shell{box-shadow:inset 18px 0 28px rgba(235,225,255,.10),inset -24px -4px 34px rgba(28,20,91,.32),inset 0 0 38px rgba(122,105,255,.28),0 0 22px rgba(156,126,255,.20)!important}
.front-core-caustic{opacity:.94!important;filter:blur(3px)!important}
.front-core-grid{opacity:.14!important}
.front-core-seed{box-shadow:0 0 10px #fff,0 0 28px rgba(201,169,255,.98),0 0 62px rgba(105,138,255,.86),0 0 118px rgba(76,91,255,.42)!important}
@keyframes siora-planet-clouds{0%{transform:translateX(-12%) rotate(-14deg) scaleX(1.04)}50%{transform:translateX(3%) rotate(-10deg) scaleX(.98)}100%{transform:translateX(15%) rotate(-7deg) scaleX(1.04)}}
@keyframes siora-planet-weather{0%{transform:translate(-2%,0) rotate(-5deg) scale(1);opacity:.58}50%{transform:translate(2%,-1%) rotate(2deg) scale(1.025);opacity:.96}100%{transform:translate(5%,1%) rotate(7deg) scale(1.045);opacity:.70}}
/* v6.10.60 — Guardian Renderer Takeover R1 diagnostic baseline.
One authoritative DOM/SVG ring layer sits above the legacy WebGL world and below the avatar.
Deliberately distinct widths/colors make ownership visually undeniable before crystal geometry work resumes. */
.hero .guardian-takeover-rings{position:absolute;inset:0;width:100%;height:100%;z-index:11;pointer-events:none;overflow:visible;display:block!important}
.guardian-takeover-rings .takeover-ring{fill:none;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;stroke-linecap:round}
.guardian-takeover-rings .takeover-upper{stroke:#79dfff;stroke-width:2.4;opacity:.78;filter:drop-shadow(0 0 3px #8ee7ff) drop-shadow(0 0 10px #547cff)}
.guardian-takeover-rings .takeover-middle{stroke:#a987ff;stroke-width:5.2;opacity:.72;filter:drop-shadow(0 0 4px #c6b1ff) drop-shadow(0 0 14px #704cff)}
.guardian-takeover-rings .takeover-lower{stroke:#eeeaff;stroke-width:8.2;opacity:.66;filter:drop-shadow(0 0 4px #ffffff) drop-shadow(0 0 16px #9278ff)}
@media (prefers-reduced-motion:reduce){.guardian-takeover-rings .takeover-ring{filter:none}}
/* v6.10.61 — Custom Crystal Geometry R1.
The authoritative takeover rings are now hollow polygonal crystal rails, not round SVG strokes.
Large angular faces are intentionally visible at normal homepage scale. */
.guardian-takeover-rings.crystal-geometry-r1 .takeover-ring{stroke-linejoin:bevel!important;stroke-linecap:butt!important;vector-effect:non-scaling-stroke;paint-order:stroke fill;transform:none!important}
.guardian-takeover-rings.crystal-geometry-r1 .takeover-upper{fill:rgba(92,194,255,.22)!important;stroke:#bcecff!important;stroke-width:1.35!important;opacity:.88!important;filter:drop-shadow(0 0 4px rgba(116,218,255,.9)) drop-shadow(0 0 12px rgba(76,104,255,.48))!important}
.guardian-takeover-rings.crystal-geometry-r1 .takeover-middle{fill:rgba(128,91,226,.28)!important;stroke:#d3c0ff!important;stroke-width:1.55!important;opacity:.90!important;filter:drop-shadow(0 0 5px rgba(190,156,255,.92)) drop-shadow(0 0 15px rgba(103,68,255,.52))!important}
.guardian-takeover-rings.crystal-geometry-r1 .takeover-lower{fill:rgba(119,92,190,.32)!important;stroke:#eee8ff!important;stroke-width:1.8!important;opacity:.92!important;filter:drop-shadow(0 0 5px rgba(255,255,255,.86)) drop-shadow(0 0 18px rgba(138,104,255,.58))!important}
@media (prefers-reduced-motion:reduce){.guardian-takeover-rings.crystal-geometry-r1 .takeover-ring{filter:none!important}}
/* v6.10.62 Crystal PBR R1 — authoritative crystal rails; legacy WebGL ring bodies retired in JS. */
.guardian-takeover-rings.crystal-pbr-r1{z-index:11!important;mix-blend-mode:screen;isolation:isolate}
.guardian-takeover-rings.crystal-pbr-r1 .takeover-ring{
stroke-linejoin:bevel!important;stroke-linecap:butt!important;
vector-effect:non-scaling-stroke!important;
paint-order:stroke fill!important;
}
.guardian-takeover-rings.crystal-pbr-r1 .takeover-upper{
fill:rgba(45,88,142,.34)!important;
stroke:rgba(218,248,255,.96)!important;stroke-width:1.55!important;opacity:.94!important;
filter:drop-shadow(0 0 1px rgba(255,255,255,.98)) drop-shadow(0 0 5px rgba(109,220,255,.88)) drop-shadow(0 0 15px rgba(55,87,255,.42))!important;
}
.guardian-takeover-rings.crystal-pbr-r1 .takeover-middle{
fill:rgba(74,47,142,.42)!important;
stroke:rgba(236,224,255,.98)!important;stroke-width:1.75!important;opacity:.96!important;
filter:drop-shadow(0 0 1px rgba(255,255,255,1)) drop-shadow(0 0 6px rgba(194,154,255,.88)) drop-shadow(0 0 18px rgba(100,60,255,.48))!important;
}
.guardian-takeover-rings.crystal-pbr-r1 .takeover-lower{
fill:rgba(63,43,120,.48)!important;
stroke:rgba(248,244,255,.98)!important;stroke-width:2.05!important;opacity:.97!important;
filter:drop-shadow(0 0 1px rgba(255,255,255,1)) drop-shadow(0 0 7px rgba(213,190,255,.92)) drop-shadow(0 0 20px rgba(126,82,255,.52))!important;
}
/* Interior silver facets: deliberately crisp, not a soft tube. */
.guardian-takeover-rings.crystal-pbr-r1 .takeover-ring{stroke-dasharray:74 3 42 2 96 4 58 2;stroke-dashoffset:0}
@media (prefers-reduced-motion:no-preference){
.guardian-takeover-rings.crystal-pbr-r1 .takeover-upper{animation:crystalPbrPulse 7.2s ease-in-out infinite}
.guardian-takeover-rings.crystal-pbr-r1 .takeover-middle{animation:crystalPbrPulse 8.6s ease-in-out -2.1s infinite}
.guardian-takeover-rings.crystal-pbr-r1 .takeover-lower{animation:crystalPbrPulse 10.2s ease-in-out -4.4s infinite}
}
@keyframes crystalPbrPulse{0%,100%{filter:brightness(.92) contrast(1.12) drop-shadow(0 0 2px rgba(255,255,255,.78)) drop-shadow(0 0 12px rgba(126,91,255,.48))}50%{filter:brightness(1.18) contrast(1.2) drop-shadow(0 0 3px rgba(255,255,255,.98)) drop-shadow(0 0 18px rgba(121,164,255,.64))}}
/* v6.10.63 Optical FX R1 — spectral refraction, Fresnel separation and travelling caustics. */
.guardian-takeover-rings.optical-fx-r1{mix-blend-mode:screen!important;overflow:visible!important}
.guardian-takeover-rings.optical-fx-r1 .takeover-ring{filter:none!important}
.guardian-takeover-rings.optical-fx-r1 .optical-dispersion{fill:none!important;pointer-events:none;vector-effect:non-scaling-stroke;mix-blend-mode:screen}
.guardian-takeover-rings.optical-fx-r1 .optical-cyan{stroke:#55dfff;stroke-width:2.2;opacity:.28;transform:translate(-1.1px,-.35px)}
.guardian-takeover-rings.optical-fx-r1 .optical-violet{stroke:#d58cff;stroke-width:2.3;opacity:.30;transform:translate(1.15px,.45px)}
.guardian-takeover-rings.optical-fx-r1 .optical-silver{fill:none;stroke:#fff;stroke-width:1.15;opacity:.82;stroke-dasharray:4 92 2 48 6 126;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:url(#sioraOpticalGlow)}
.guardian-takeover-rings.optical-fx-r1 .optical-caustic{fill:none;stroke:url(#sioraPrismEdge);stroke-width:3.1;opacity:.55;stroke-dasharray:16 115 7 83 3 154;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:url(#sioraOpticalGlow)}
.guardian-takeover-rings.optical-fx-r1 .takeover-upper{fill:url(#sioraCrystalUpper)!important;stroke:#eafcff!important;stroke-width:1.25!important;opacity:.94!important}
.guardian-takeover-rings.optical-fx-r1 .takeover-middle{fill:url(#sioraCrystalMiddle)!important;stroke:#f2eaff!important;stroke-width:1.45!important;opacity:.96!important}
.guardian-takeover-rings.optical-fx-r1 .takeover-lower{fill:url(#sioraCrystalLower)!important;stroke:#fffaff!important;stroke-width:1.7!important;opacity:.97!important}
@media (prefers-reduced-motion:no-preference){
.guardian-takeover-rings.optical-fx-r1 .optical-silver{animation:sioraOpticalSweep 5.8s linear infinite}
.guardian-takeover-rings.optical-fx-r1 .optical-caustic{animation:sioraCausticTravel 8.4s linear infinite}
.guardian-takeover-rings.optical-fx-r1 .optical-cyan{animation:sioraChromaticBreath 4.6s ease-in-out infinite alternate}
.guardian-takeover-rings.optical-fx-r1 .optical-violet{animation:sioraChromaticBreath 5.2s ease-in-out -1.7s infinite alternate-reverse}
}
@keyframes sioraOpticalSweep{to{stroke-dashoffset:-420}}
@keyframes sioraCausticTravel{0%{stroke-dashoffset:0;opacity:.30}45%{opacity:.78}100%{stroke-dashoffset:-610;opacity:.30}}
@keyframes sioraChromaticBreath{0%{opacity:.16}100%{opacity:.38}}
/* NewSiora v6.10.64 — Energy & Bloom R1 */
.guardian-takeover-rings.energy-bloom-r1{overflow:visible!important;isolation:isolate}
.guardian-takeover-rings.energy-bloom-r1 .energy-aura{fill:none;pointer-events:none;vector-effect:non-scaling-stroke;mix-blend-mode:screen;stroke-linecap:round;filter:url(#sioraEnergyBloom)}
.guardian-takeover-rings.energy-bloom-r1 .energy-aura.upper{stroke:#66e8ff;stroke-width:6;opacity:.18;stroke-dasharray:42 108 16 76;animation:sioraEnergyFlow 7.2s linear infinite}
.guardian-takeover-rings.energy-bloom-r1 .energy-aura.middle{stroke:#9b72ff;stroke-width:8;opacity:.22;stroke-dasharray:58 132 22 94;animation:sioraEnergyFlow 8.6s linear -2.2s infinite}
.guardian-takeover-rings.energy-bloom-r1 .energy-aura.lower{stroke:#d6c8ff;stroke-width:10;opacity:.25;stroke-dasharray:74 148 26 112;animation:sioraEnergyFlow 10.4s linear -4.8s infinite}
.guardian-takeover-rings.energy-bloom-r1 .energy-coreline{fill:none;pointer-events:none;vector-effect:non-scaling-stroke;stroke-linecap:round;mix-blend-mode:screen;filter:url(#sioraEnergyBloomTight)}
.guardian-takeover-rings.energy-bloom-r1 .energy-coreline.upper{stroke:#baf7ff;stroke-width:1.4;opacity:.86;stroke-dasharray:3 24 1 54;animation:sioraEnergyFlow 4.8s linear infinite}
.guardian-takeover-rings.energy-bloom-r1 .energy-coreline.middle{stroke:#dfcaff;stroke-width:1.65;opacity:.90;stroke-dasharray:4 31 2 63;animation:sioraEnergyFlow 5.9s linear reverse infinite}
.guardian-takeover-rings.energy-bloom-r1 .energy-coreline.lower{stroke:#fff;stroke-width:1.85;opacity:.94;stroke-dasharray:5 38 2 72;animation:sioraEnergyFlow 6.8s linear infinite}
.guardian-takeover-rings.energy-bloom-r1 .energy-node{pointer-events:none;mix-blend-mode:screen;filter:url(#sioraNodeBloom)}
.guardian-takeover-rings.energy-bloom-r1 .energy-node.upper{fill:#bff8ff}.guardian-takeover-rings.energy-bloom-r1 .energy-node.middle{fill:#d6b8ff}.guardian-takeover-rings.energy-bloom-r1 .energy-node.lower{fill:#fff}
.guardian-takeover-rings.energy-bloom-r1 .energy-node-halo{fill:none;stroke:currentColor;stroke-width:1;opacity:.5;filter:url(#sioraEnergyBloom)}
@keyframes sioraEnergyFlow{to{stroke-dashoffset:-360}}
@keyframes sioraNodePulse{0%,100%{opacity:.5}50%{opacity:1}}
.guardian-takeover-rings.energy-bloom-r1 .energy-node{animation:sioraNodePulse 1.9s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.guardian-takeover-rings.energy-bloom-r1 .energy-aura,.guardian-takeover-rings.energy-bloom-r1 .energy-coreline,.guardian-takeover-rings.energy-bloom-r1 .energy-node{animation:none!important}}
/* v6.10.65 Ring Depth Occlusion R2 — structural Back / Character / Front separation.
No central erase-mask: the complete authoritative ring/effects layer is behind Siora;
a dedicated near-arc layer restores only the lower/front half of each orbit above her. */
.hero{isolation:isolate}
.hero .guardian-takeover-rings.depth-back-r1{z-index:9!important;mix-blend-mode:normal!important}
.hero .avatar-presence.siora-master{z-index:12!important}
.hero .guardian-rings-depth-front{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:13;pointer-events:none;display:block;mix-blend-mode:screen}
.guardian-rings-depth-front .depth-front-crystal,.guardian-rings-depth-front .depth-front-edge{vector-effect:non-scaling-stroke;stroke-linejoin:bevel;stroke-linecap:butt;fill-rule:evenodd}
.guardian-rings-depth-front .depth-front-crystal.upper{fill:rgba(70,170,226,.18);stroke:#e8fbff;stroke-width:1.25;opacity:.90;filter:drop-shadow(0 0 3px rgba(104,222,255,.72))}
.guardian-rings-depth-front .depth-front-crystal.middle{fill:rgba(100,67,185,.24);stroke:#eee5ff;stroke-width:1.45;opacity:.92;filter:drop-shadow(0 0 4px rgba(166,126,255,.72))}
.guardian-rings-depth-front .depth-front-crystal.lower{fill:rgba(104,79,164,.27);stroke:#fffaff;stroke-width:1.7;opacity:.94;filter:drop-shadow(0 0 4px rgba(255,255,255,.68)) drop-shadow(0 0 9px rgba(139,104,255,.44))}
.guardian-rings-depth-front .depth-front-edge{fill:none;stroke:#fff;stroke-width:.72;opacity:.72;stroke-dasharray:5 34 2 61;filter:drop-shadow(0 0 3px rgba(213,205,255,.75))}
.guardian-rings-depth-front .depth-front-edge.upper{stroke:#c9f7ff}.guardian-rings-depth-front .depth-front-edge.middle{stroke:#dfceff}.guardian-rings-depth-front .depth-front-edge.lower{stroke:#fff}
@media (prefers-reduced-motion:reduce){.guardian-rings-depth-front .depth-front-edge{stroke-dasharray:none;opacity:.48}}
/* v6.10.66 R3 — Smooth Ring Reconstruction.
Concept-reference geometry pass: thin continuous optical-energy ellipses.
Keeps v6.10.65 structural Back / Character / Front occlusion; no crystal clusters. */
.guardian-takeover-rings.crystal-geometry-r1 .takeover-ring,
.guardian-takeover-rings.crystal-pbr-r1 .takeover-ring,
.guardian-takeover-rings.optical-fx-r1 .takeover-ring{
fill:none!important;stroke-linejoin:round!important;stroke-linecap:round!important;
stroke-dasharray:none!important;paint-order:stroke!important
}
.guardian-takeover-rings.optical-fx-r1 .takeover-upper{stroke:#b9f3ff!important;stroke-width:1.05!important;opacity:.74!important}
.guardian-takeover-rings.optical-fx-r1 .takeover-middle{stroke:#c6afff!important;stroke-width:1.22!important;opacity:.72!important}
.guardian-takeover-rings.optical-fx-r1 .takeover-lower{stroke:#eee8ff!important;stroke-width:1.38!important;opacity:.70!important}
.guardian-takeover-rings.energy-bloom-r1 .energy-aura.upper{stroke-width:3.2!important;opacity:.10!important}
.guardian-takeover-rings.energy-bloom-r1 .energy-aura.middle{stroke-width:4.1!important;opacity:.12!important}
.guardian-takeover-rings.energy-bloom-r1 .energy-aura.lower{stroke-width:4.8!important;opacity:.13!important}
.guardian-rings-depth-front .depth-front-crystal{fill:none!important;stroke-linejoin:round!important;stroke-linecap:round!important}
.guardian-rings-depth-front .depth-front-crystal.upper{stroke-width:1.05!important;opacity:.76!important}
.guardian-rings-depth-front .depth-front-crystal.middle{stroke-width:1.22!important;opacity:.78!important}
.guardian-rings-depth-front .depth-front-crystal.lower{stroke-width:1.38!important;opacity:.80!important}
.guardian-rings-depth-front .depth-front-edge{stroke-width:.58!important;opacity:.58!important}
/* v6.10.67 Optical Energy Surface R1 — concept-reference material pass. */
.guardian-takeover-rings.optical-energy-surface-r1 .takeover-ring{opacity:.44!important;filter:none!important}
.guardian-takeover-rings.optical-energy-surface-r1 .takeover-upper{stroke:#6ccfe9!important;stroke-width:.78!important}
.guardian-takeover-rings.optical-energy-surface-r1 .takeover-middle{stroke:#8269d6!important;stroke-width:.92!important}
.guardian-takeover-rings.optical-energy-surface-r1 .takeover-lower{stroke:#aaa2d7!important;stroke-width:1.02!important}
.guardian-takeover-rings.optical-energy-surface-r1 .optical-cyan{stroke-width:.9!important;opacity:.12!important}
.guardian-takeover-rings.optical-energy-surface-r1 .optical-violet{stroke-width:1.0!important;opacity:.13!important}
.guardian-takeover-rings.optical-energy-surface-r1 .optical-caustic{stroke-width:1.35!important;opacity:.30!important}
.guardian-takeover-rings.optical-energy-surface-r1 .optical-silver{stroke-width:.72!important;opacity:.58!important}
.guardian-takeover-rings.optical-energy-surface-r1 .energy-aura.upper{stroke-width:2.1!important;opacity:.065!important}
.guardian-takeover-rings.optical-energy-surface-r1 .energy-aura.middle{stroke-width:2.7!important;opacity:.085!important}
.guardian-takeover-rings.optical-energy-surface-r1 .energy-aura.lower{stroke-width:3.1!important;opacity:.09!important}
.guardian-takeover-rings.optical-energy-surface-r1 .energy-coreline{opacity:.54!important}
.guardian-takeover-rings .oes-flow,.guardian-rings-depth-front .oes-flow{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;mix-blend-mode:screen;pointer-events:none;filter:url(#sioraOesGlow);stroke-dasharray:24 128 7 92 3 164;animation:sioraOesTravel 9.5s linear infinite}
.guardian-takeover-rings .oes-flow.upper,.guardian-rings-depth-front .oes-flow.upper{stroke:#5de8ff;stroke-width:1.15;opacity:.54;animation-duration:8.2s}
.guardian-takeover-rings .oes-flow.middle,.guardian-rings-depth-front .oes-flow.middle{stroke:#9c78ff;stroke-width:1.45;opacity:.62;animation-duration:9.1s;animation-direction:reverse}
.guardian-takeover-rings .oes-flow.lower,.guardian-rings-depth-front .oes-flow.lower{stroke:#c9baff;stroke-width:1.55;opacity:.56;animation-duration:10.4s}
.guardian-takeover-rings .oes-specular,.guardian-rings-depth-front .oes-specular{fill:none;vector-effect:non-scaling-stroke;stroke:#fff;stroke-linecap:round;mix-blend-mode:screen;pointer-events:none;filter:url(#sioraOesGlow);stroke-dasharray:2 84 9 156 3 112;animation:sioraOesSpecular 7.2s linear infinite}
.guardian-takeover-rings .oes-specular.upper,.guardian-rings-depth-front .oes-specular.upper{stroke-width:.62;opacity:.78}
.guardian-takeover-rings .oes-specular.middle,.guardian-rings-depth-front .oes-specular.middle{stroke-width:.78;opacity:.84;animation-duration:6.6s}
.guardian-takeover-rings .oes-specular.lower,.guardian-rings-depth-front .oes-specular.lower{stroke-width:.88;opacity:.90;animation-duration:7.8s}
.guardian-takeover-rings .oes-prism,.guardian-rings-depth-front .oes-prism{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;mix-blend-mode:screen;pointer-events:none;stroke:url(#sioraPrismEdge);stroke-dasharray:5 198 2 146;stroke-width:1.1;opacity:.34;animation:sioraOesPrism 12s linear infinite}
.guardian-rings-depth-front.optical-energy-surface-front-r1 .depth-front-crystal{opacity:.42!important;filter:none!important}
.guardian-rings-depth-front.optical-energy-surface-front-r1 .depth-front-edge{stroke-width:.46!important;opacity:.42!important}
.guardian-rings-depth-front.optical-energy-surface-front-r1 .oes-flow,.guardian-rings-depth-front.optical-energy-surface-front-r1 .oes-specular,.guardian-rings-depth-front.optical-energy-surface-front-r1 .oes-prism{filter:drop-shadow(0 0 2px rgba(206,196,255,.52))}
@keyframes sioraOesTravel{to{stroke-dashoffset:-520}}
@keyframes sioraOesSpecular{to{stroke-dashoffset:-410}}
@keyframes sioraOesPrism{to{stroke-dashoffset:370}}
@media (prefers-reduced-motion:reduce){.guardian-takeover-rings .oes-flow,.guardian-takeover-rings .oes-specular,.guardian-takeover-rings .oes-prism,.guardian-rings-depth-front .oes-flow,.guardian-rings-depth-front .oes-specular,.guardian-rings-depth-front .oes-prism{animation:none!important}}
/* v6.10.68 Concept Final Polish R1 — final concept-reference balance pass.
No geometry replacement, no crystal clusters, no WebGL/RAF additions. */
.hero.concept-final-polish-stage-r1{--siora-ring-cyan:#73ddf3;--siora-ring-violet:#9678e8;--siora-ring-silver:#d8d2ee}
.guardian-takeover-rings.concept-final-polish-r1{opacity:.94;filter:saturate(.96) contrast(1.03)}
.guardian-takeover-rings.concept-final-polish-r1 .takeover-upper{stroke:#62c8df!important;stroke-width:.70!important;opacity:.38!important}
.guardian-takeover-rings.concept-final-polish-r1 .takeover-middle{stroke:#7861c5!important;stroke-width:.82!important;opacity:.40!important}
.guardian-takeover-rings.concept-final-polish-r1 .takeover-lower{stroke:#9c95c6!important;stroke-width:.90!important;opacity:.39!important}
.guardian-takeover-rings.concept-final-polish-r1 .energy-aura.upper{stroke-width:1.65!important;opacity:.045!important}
.guardian-takeover-rings.concept-final-polish-r1 .energy-aura.middle{stroke-width:2.15!important;opacity:.060!important}
.guardian-takeover-rings.concept-final-polish-r1 .energy-aura.lower{stroke-width:2.45!important;opacity:.064!important}
.guardian-takeover-rings.concept-final-polish-r1 .energy-coreline.upper{opacity:.38!important}
.guardian-takeover-rings.concept-final-polish-r1 .energy-coreline.middle{opacity:.46!important}
.guardian-takeover-rings.concept-final-polish-r1 .energy-coreline.lower{opacity:.42!important}
.guardian-takeover-rings.concept-final-polish-r1 .optical-cyan{opacity:.085!important;stroke-width:.72!important}
.guardian-takeover-rings.concept-final-polish-r1 .optical-violet{opacity:.095!important;stroke-width:.78!important}
.guardian-takeover-rings.concept-final-polish-r1 .optical-caustic{opacity:.20!important;stroke-width:1.05!important}
.guardian-takeover-rings.concept-final-polish-r1 .optical-silver{opacity:.42!important;stroke-width:.56!important}
.guardian-takeover-rings.concept-final-polish-r1 .oes-flow{stroke-dasharray:18 154 5 116 2 196;filter:drop-shadow(0 0 1.6px rgba(153,132,255,.46));}
.guardian-takeover-rings.concept-final-polish-r1 .oes-flow.upper{stroke:#64ddf3;stroke-width:.96;opacity:.46;animation-duration:10.8s}
.guardian-takeover-rings.concept-final-polish-r1 .oes-flow.middle{stroke:#9b78ef;stroke-width:1.18;opacity:.57;animation-duration:9.8s}
.guardian-takeover-rings.concept-final-polish-r1 .oes-flow.lower{stroke:#b9aceb;stroke-width:1.20;opacity:.48;animation-duration:12.4s}
.guardian-takeover-rings.concept-final-polish-r1 .oes-specular{stroke-dasharray:1 116 7 214 2 168;filter:drop-shadow(0 0 1.8px rgba(255,255,255,.64));}
.guardian-takeover-rings.concept-final-polish-r1 .oes-specular.upper{stroke-width:.52;opacity:.68;animation-duration:9.6s}
.guardian-takeover-rings.concept-final-polish-r1 .oes-specular.middle{stroke-width:.62;opacity:.76;animation-duration:8.8s}
.guardian-takeover-rings.concept-final-polish-r1 .oes-specular.lower{stroke-width:.70;opacity:.82;animation-duration:10.6s}
.guardian-takeover-rings.concept-final-polish-r1 .oes-prism{stroke-width:.82;opacity:.22;stroke-dasharray:3 236 1 182;animation-duration:15.5s}
.guardian-rings-depth-front.concept-final-polish-front-r1 .depth-front-crystal{opacity:.34!important;filter:none!important}
.guardian-rings-depth-front.concept-final-polish-front-r1 .depth-front-edge{stroke-width:.40!important;opacity:.34!important}
.guardian-rings-depth-front.concept-final-polish-front-r1 .oes-flow{opacity:.50;filter:drop-shadow(0 0 1.6px rgba(173,151,255,.48))}
.guardian-rings-depth-front.concept-final-polish-front-r1 .oes-specular{opacity:.72;filter:drop-shadow(0 0 1.8px rgba(255,255,255,.62))}
.guardian-rings-depth-front.concept-final-polish-front-r1 .oes-prism{opacity:.20}
/* Preserve the concept hierarchy: avatar/core first, ring highlights second. */
.hero.concept-final-polish-stage-r1 .front-ai-core{filter:drop-shadow(0 0 18px rgba(112,91,235,.14))}
@media (prefers-reduced-motion:reduce){.guardian-takeover-rings.concept-final-polish-r1 .oes-flow,.guardian-takeover-rings.concept-final-polish-r1 .oes-specular,.guardian-takeover-rings.concept-final-polish-r1 .oes-prism{animation:none!important}}
/* NewSiora 6.10.77 R2 — License Workspace Foundation */
.workspace:has(.license1077){inset:76px 6.2% 5.5%;padding:28px 30px 26px;max-width:none;background:rgba(5,7,22,.94);border:1px solid rgba(138,128,255,.28);box-shadow:0 28px 90px rgba(0,0,0,.48),0 0 45px rgba(91,69,210,.09);overflow:auto}.workspace:has(.license1077)>small,.workspace:has(.license1077)>h2{display:none}.license1077{min-width:1080px;color:#eef0ff}.license1077-head{display:flex;align-items:flex-start;justify-content:space-between;margin:0 0 20px}.license1077-head small{letter-spacing:.18em;color:#9b91d7}.license1077-head h3{font-size:30px;margin:7px 0 5px}.license1077-head p{margin:0;color:#969bb8}.l77-refresh,.l77-primary{border:1px solid rgba(125,112,255,.7);background:linear-gradient(135deg,#5f48df,#8375ff);color:white;border-radius:9px;padding:10px 15px}.l77-grid{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(430px,1.55fr) minmax(320px,1fr);gap:14px;min-height:600px}.l77-panel{background:linear-gradient(180deg,rgba(13,17,39,.9),rgba(7,12,29,.86));border:1px solid rgba(112,122,194,.24);border-radius:16px;padding:16px;min-width:0}.l77-panel-title{display:flex;justify-content:space-between;align-items:center;font-size:17px;margin-bottom:13px}.l77-panel-title span{font-size:11px;color:#8d94b5}.l77-search,.l77-filter{box-sizing:border-box;width:100%;border:1px solid rgba(106,112,181,.3);background:#0b1025;color:#e9ebff;border-radius:8px;padding:10px 11px;margin-bottom:9px}.l77-history-list{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow:auto}.l77-history-item{display:grid;grid-template-columns:42px 1fr auto;gap:9px;text-align:left;align-items:center;background:rgba(16,22,48,.76);border:1px solid rgba(104,113,177,.2);border-radius:9px;padding:9px;color:#e8eaff}.l77-history-item.active{border-color:#7c67ff;box-shadow:0 0 18px rgba(104,76,255,.2)}.l77-history-item span:nth-child(2){display:flex;min-width:0;flex-direction:column}.l77-history-item strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l77-history-item small{font-size:10px;color:#9299b8;margin-top:2px}.l77-history-item em{font-size:10px;color:#7fe6ca;font-style:normal}.l77-thumb{display:grid;place-items:center;height:42px;border-radius:7px;background:rgba(109,90,232,.15);color:#9e92ff}.l77-empty{padding:34px 8px;text-align:center;color:#707793}.l77-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.l77-steps div{position:relative;text-align:center;color:#777f9e;font-size:11px}.l77-steps div:after{content:"";position:absolute;top:14px;left:64%;width:72%;height:1px;background:#313957}.l77-steps div:last-child:after{display:none}.l77-steps i{display:grid;place-items:center;width:28px;height:28px;margin:auto auto 5px;border:1px solid #59617f;border-radius:50%;font-style:normal}.l77-steps .on{color:#c5c0ff}.l77-steps .on i{background:#6850e8;border-color:#8f7eff;box-shadow:0 0 14px rgba(108,78,245,.45)}.l77-stage-body{border-top:1px solid rgba(111,118,177,.18);padding-top:18px}.l77-stage-title{display:flex;justify-content:space-between;align-items:start}.l77-stage-title h4{font-size:20px;margin:0 0 5px}.l77-stage-title p{margin:0;color:#8990ad}.l77-working{font-size:10px;color:#b3a9ff;border:1px solid #6255ac;border-radius:20px;padding:6px 9px}.l77-upload{height:310px;margin:18px 0 14px;border:1px dashed rgba(120,129,202,.46);border-radius:12px;background:radial-gradient(circle at 50% 40%,rgba(92,70,190,.12),transparent 60%),#090e20;display:grid;place-items:center;overflow:hidden;cursor:pointer}.l77-upload input{display:none}.l77-upload img{width:100%;height:100%;object-fit:contain;padding:12px;box-sizing:border-box}.l77-upload div{text-align:center;display:flex;flex-direction:column;gap:7px}.l77-upload b{color:#d8d5ff}.l77-upload span{font-size:12px;color:#737c9d}.l77-actions{display:flex;align-items:center;gap:12px}.l77-actions span{font-size:10px;color:#707895}.l77-actions button:disabled,.l77-result-actions button:disabled{opacity:.35}.l77-error{margin-top:10px;color:#ff8995}.l77-log{margin-top:15px;border-top:1px solid rgba(107,115,172,.18);padding-top:12px}.l77-log p{font-size:12px;color:#8990ad;margin:7px 0}.l77-fields{display:flex;flex-direction:column;gap:8px}.l77-fields label{display:grid;grid-template-columns:108px 1fr;gap:8px;align-items:center}.l77-fields label>span{font-size:11px;color:#8e95b2}.l77-fields label>div{background:#10162e;border:1px solid rgba(103,112,174,.24);border-radius:7px;min-height:20px;padding:8px 9px;font-size:12px;word-break:break-all}.l77-fields .multiline{min-height:72px;line-height:1.55}.l77-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.l77-result-actions button{border:1px solid rgba(105,114,180,.45);background:#0c1229;color:#dce0f7;border-radius:8px;padding:10px}.l77-note{display:block;color:#686f8c;line-height:1.5;margin-top:10px}.workspace:has(.license1077) .close{top:22px;right:26px}@media(max-width:1250px){.license1077{min-width:0}.l77-grid{grid-template-columns:260px 1fr}.l77-result{grid-column:1/-1}.workspace:has(.license1077){inset:70px 3% 4%}}
\n/* 6.10.78 OCR Interaction & Recognition Flow */
.license1078 .l77-upload.dragging{border-color:#8d7cff;background:rgba(113,88,255,.12);box-shadow:0 0 28px rgba(109,86,255,.16) inset}.l78-filemeta{display:flex;justify-content:space-between;gap:12px;margin:-4px 0 10px;padding:9px 12px;border:1px solid rgba(130,147,220,.15);border-radius:10px;background:rgba(8,14,29,.48);font-size:11px}.l78-filemeta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l78-filemeta span{color:#7f8ba9;white-space:nowrap}.l78-cancel{border:1px solid rgba(255,128,153,.38);background:rgba(93,20,42,.24);color:#ffb0c1;border-radius:10px;padding:10px 18px;cursor:pointer}.l78-log p{display:flex;gap:10px;align-items:flex-start}.l78-log time{color:#596987;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;min-width:58px}.l78-log p.success span{color:#9be9cf}.l78-log p.error span{color:#ff9cad}.l78-log p.warn span{color:#ffd28a}.l77-error{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.l77-error button{border:1px solid rgba(255,133,157,.35);background:transparent;color:#ffb2c2;border-radius:8px;padding:5px 10px}.l78-result-loading{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8d99b9}.l78-result-loading i{width:34px;height:34px;border:2px solid rgba(129,111,255,.22);border-top-color:#8b7cff;border-radius:50%;animation:l78spin .8s linear infinite}.l78-result-loading b{color:#d9ddf3}.l77-steps>div.done i{background:rgba(91,222,181,.16);border-color:rgba(91,222,181,.45);color:#8df1cf}.l77-steps>div.done span{color:#9ca9c9}@keyframes l78spin{to{transform:rotate(360deg)}}
/* 6.10.79 Review & Business Data */
.license1079 .l79-fields label{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:start;gap:10px}.license1079 .l79-fields label>span{padding-top:9px}.license1079 .l79-fields input,.license1079 .l79-fields textarea{width:100%;box-sizing:border-box;border:1px solid rgba(132,137,210,.22);background:rgba(13,20,38,.72);color:#eef0ff;border-radius:8px;padding:9px 10px;font:inherit;outline:none}.license1079 .l79-fields input:focus,.license1079 .l79-fields textarea:focus{border-color:rgba(139,113,255,.72);box-shadow:0 0 0 2px rgba(121,91,255,.12)}.license1079 .l79-fields textarea{min-height:92px;resize:vertical;line-height:1.55}.license1079 .l79-fields input:disabled,.license1079 .l79-fields textarea:disabled{opacity:.72}.license1079 .l79-fields em{color:#ff8ca8;font-style:normal}.l79-confidence{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:9px 11px;border:1px solid rgba(122,136,210,.18);border-radius:9px;background:rgba(17,24,45,.58);font-size:12px}.l79-confidence span{color:#9aa4c9}.l79-confidence b{color:#d8d5ff}.l79-confidence em{margin-left:auto;color:#ffc879;font-style:normal}.l79-notice{margin:10px 0;padding:10px 12px;border:1px solid rgba(83,214,161,.3);border-radius:9px;background:rgba(21,97,74,.16);color:#8cf1c7;font-size:12px}.license1079 .l77-history-item em{min-width:48px;text-align:center}.license1079 .l77-result-actions{position:sticky;bottom:0;padding-top:12px;background:linear-gradient(180deg,rgba(8,13,26,0),rgba(8,13,26,.96) 28%)}
/* NewSiora 6.10.86 — License Review V2 */
.license1080 .l77-panel{box-shadow:inset 0 1px rgba(255,255,255,.018)}
.license1080 .l77-upload{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.license1080 .l77-upload:focus-within{border-color:rgba(143,126,255,.78);box-shadow:0 0 0 3px rgba(111,85,245,.09)}
.license1080 .l77-upload img{transition:transform .22s ease;transform-origin:center center}
.license1080 .l77-upload:hover img{transform:scale(1.035)}
.license1080 .l77-history-list{scrollbar-width:thin;scrollbar-color:#4f467d transparent}
.license1080 .l79-fields textarea{min-height:116px;max-height:240px;overflow:auto}
.license1080 .l79-fields input:disabled,.license1080 .l79-fields textarea:disabled{cursor:not-allowed}
.license1080 button:not(:disabled){cursor:pointer}.license1080 button:focus-visible,.license1080 input:focus-visible,.license1080 select:focus-visible,.license1080 textarea:focus-visible{outline:2px solid rgba(154,137,255,.72);outline-offset:2px}
.license1080 .l77-primary:not(:disabled){box-shadow:0 8px 24px rgba(90,68,220,.22)}
.license1080 .l77-error{padding:10px 12px;border:1px solid rgba(255,115,143,.2);border-radius:9px;background:rgba(104,20,43,.12)}
@media(max-width:900px){.workspace:has(.license1080){inset:64px 1.5% 2%;padding:18px}.license1080 .l77-grid{display:block}.license1080 .l77-panel{margin-bottom:12px}.license1080 .l77-history-list{max-height:260px}.license1080 .l77-upload{height:260px}.license1080 .l79-fields label{grid-template-columns:1fr}.license1080 .l79-fields label>span{padding-top:0}}
@media(prefers-reduced-motion:reduce){.license1080 .l77-upload img{transition:none}.license1080 .l77-upload:hover img{transform:none}}
/* 6.10.84 OCR V2 production: preserve full license preview without cropping. */
.license1080 .l77-upload img{width:100%;height:100%;max-height:420px;object-fit:contain!important;object-position:center;background:rgba(5,7,18,.72)}
/* 6.10.91 OCR raw text viewer */
.l91-ocr-text-btn{width:100%;margin:10px 0 12px;padding:10px 12px;border:1px solid rgba(117,101,255,.45);border-radius:10px;background:rgba(93,73,190,.14);color:#d9d4ff;font-weight:700;cursor:pointer}.l91-ocr-text-btn:disabled{opacity:.45;cursor:not-allowed}.l91-ocr-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:28px;background:rgba(2,4,14,.78);backdrop-filter:blur(8px)}.l91-ocr-dialog{width:min(900px,92vw);max-height:84vh;display:flex;flex-direction:column;border:1px solid rgba(121,109,210,.38);border-radius:16px;background:#080b1d;box-shadow:0 28px 80px rgba(0,0,0,.5);overflow:hidden}.l91-ocr-dialog header,.l91-ocr-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid rgba(130,137,190,.18)}.l91-ocr-dialog footer{border-top:1px solid rgba(130,137,190,.18);border-bottom:0}.l91-ocr-dialog header div{display:flex;flex-direction:column;gap:4px}.l91-ocr-dialog header b{font-size:16px;color:#f3f1ff}.l91-ocr-dialog header small,.l91-ocr-dialog footer span{color:#8f97ba}.l91-ocr-dialog button{border:1px solid rgba(121,109,210,.35);border-radius:8px;background:#12172e;color:#dcd8ff;padding:7px 11px;cursor:pointer}.l91-ocr-dialog header>button{font-size:20px;line-height:1;padding:5px 9px}.l91-ocr-label{padding:14px 18px 0;color:#aaa4d7;font-size:13px;font-weight:700}.l91-ocr-dialog pre{margin:10px 18px 16px;padding:16px;overflow:auto;white-space:pre-wrap;word-break:break-word;border:1px solid rgba(117,126,177,.18);border-radius:10px;background:#050817;color:#d9deef;font:13px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:240px}