.lumina{--lum-canvas:linear-gradient(150deg,#f1ecf6 0%,#efe9f4 45%,#f3ecf3 100%);--lum-wrapper:#ffffff80;--lum-wrapper-border:#ffffffbf;--lum-block:#fbfafe;--lum-block-border:#eeeaf8e6;--lum-block-shadow:0 4px 16px #785faf0f;--lum-block-shadow-hover:0 8px 24px #785faf1a;--lum-tile:linear-gradient(145deg,#fff,#f5f1fc);--lum-tile-shadow:0 5px 14px #6450a014;--radius-wrapper:30px;--radius-block:22px;--radius-tile:15px;--lum-violet:#7c3aed;--lum-violet-2:#a78bfa;--lum-violet-soft:#8b5cf61f;--lum-grad:linear-gradient(135deg,#a78bfa,#7c3aed);--lum-rim:conic-gradient(from 210deg,#ff9db080,#c99dff8c,#8ec5ff80,#ffd79d59,#ff9db080);--lum-ink:#1e1e2c;--lum-ink-2:#6e6e86;--lum-ink-3:#9b98b0}.lumina.dark,:where(.dark) .lumina{--lum-canvas:#08070e;--lum-wrapper:#ffffff0d;--lum-block:#141220;--lum-block-border:#ffffff14;--lum-ink:#f2f3f8;--lum-ink-2:#a9adc0;--lum-ink-3:#6a7089}.lumina.dark:before,:where(.dark) .lumina:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(1px 1px at 18% 32%,#ffffff59,#0000),radial-gradient(1px 1px at 62% 18%,#ffffff47,#0000),radial-gradient(1px 1px at 84% 54%,#ffffff38,#0000),radial-gradient(1px 1px at 34% 72%,#ffffff4d,#0000),radial-gradient(1px 1px at 72% 84%,#fff3,#0000),radial-gradient(1px 1px at 8% 88%,#ffffff3d,#0000),radial-gradient(620px 480px at 78% -8%,#7c3aed1f,#0000 70%);position:fixed;inset:0}@property --lum-a{syntax:"<angle>";inherits:true;initial-value:0deg}.lum-rim{position:relative}.lum-rim:after{content:"";border-radius:inherit;pointer-events:none;opacity:.3;background:var(--lum-rim);-webkit-mask-composite:xor;padding:1px;transition:opacity .28s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.lum-rim:hover:after{opacity:.5}.lum-block{background:var(--lum-block);border:1px solid var(--lum-block-border);border-radius:var(--radius-block);box-shadow:var(--lum-block-shadow);transition:transform .28s cubic-bezier(.2,.9,.3,1.3),box-shadow .28s}.lum-block:hover{box-shadow:var(--lum-block-shadow-hover);transform:translateY(-2px)}.lum-tile{background:var(--lum-tile);border-radius:var(--radius-tile);box-shadow:var(--lum-tile-shadow)}.lum-tile.on{background:var(--lum-grad);color:#fff;box-shadow:0 7px 20px #7c3aed47}@media (prefers-reduced-motion:reduce){.lum-block,.lum-rim:after{transition:none}}.lum-orb{width:var(--orb-size);height:var(--orb-size);display:inline-block;position:relative}.lum-orb-halo{background:conic-gradient(from var(--lum-a),#ff9db0,#c99dff,#8ec5ff,#9df0dd,#ffd79d,#ff9db0);filter:blur(6px)saturate(1.2);opacity:.9;border-radius:50%;animation:5s linear infinite lum-spin;position:absolute;inset:0}.lum-orb-core{background:radial-gradient(circle at 36% 30%,#fff,#f4f2fb 58%,#e7e3f6);border-radius:50%;animation:2.6s ease-in-out infinite lum-breathe;position:absolute;inset:15%;box-shadow:inset 0 -2px 6px #8c78c84d}.lum-orb[data-state=settled] .lum-orb-core{animation:none}.lum-orb[data-state=settled] .lum-orb-halo{opacity:.6;animation-duration:12s}@keyframes lum-spin{to{--lum-a:360deg}}@keyframes lum-breathe{0%,to{transform:scale(.94)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.lum-orb-halo,.lum-orb-core{animation:none!important}}.lum-mic-ring{border:1.5px solid #8b5cf659;border-radius:50%;animation:2.4s ease-out infinite lum-mic;position:absolute;inset:-7px}@keyframes lum-mic{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.lum-mic-ring{animation:none}}.lum-prev-blob{filter:blur(56px);pointer-events:none;border-radius:50%;position:absolute}.lum-prev-q1{background:radial-gradient(circle,#c4aafa59,#0000 68%);width:360px;height:360px;animation:26s ease-in-out infinite alternate lum-prev-d1;top:-14%;right:-8%}.lum-prev-q2{background:radial-gradient(circle,#fac8dc42,#0000 68%);width:300px;height:300px;animation:31s ease-in-out infinite alternate lum-prev-d2;bottom:-12%;left:-6%}@keyframes lum-prev-d1{to{transform:translate(-40px,30px)scale(1.08)}}@keyframes lum-prev-d2{to{transform:translate(34px,-24px)scale(1.05)}}.lum-prev-ruler{letter-spacing:.08em;color:var(--lum-ink-3);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:9px;font-weight:600;display:flex;position:absolute}.lum-prev-line{background:#9b98b059}.lum-prev-rw{top:14px;left:50%;transform:translate(-50%)}.lum-prev-rw .lum-prev-line{width:46px;height:1px}.lum-prev-rh{flex-direction:column;top:50%;right:18px;transform:translateY(-50%)}.lum-prev-rh .lum-prev-line{width:1px;height:40px}.lum-prev-avatar{background:conic-gradient(#c4b5fd,#8b5cf6,#7dd3fc,#c4b5fd);border:1.5px solid #fff;border-radius:50%;width:26px;height:26px;display:inline-block;box-shadow:0 1px 4px #6450a040}.lum-prev-chev{animation:1.6s ease-in-out infinite lum-prev-up}@keyframes lum-prev-up{0%,to{opacity:.7;transform:translateY(2px)}50%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.lum-prev-q1,.lum-prev-q2,.lum-prev-chev{animation:none}.lum-prev-unit{transition:none!important}.animate-shimmer{background-position:0 0;animation:none}.lumina .animate-bounce{animation:none}}