@import"https://fonts.cdnfonts.com/css/tt-fors-trial";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}div{display:flex;flex-direction:column;align-items:center;justify-content:center}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:TT Fors Trial Variable,sans-serif;color:var(--text-primary);background-color:var(--bg-primary);transition:all .3s ease;width:100vw;height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}ul,ol{list-style:none}:root{--color-primary: #000102;--color-primary-hover: #40527a;--color-primary-light: #dbeafe;--color-success: #0b7250;--color-success-light: #d1fae5;--color-warning: #946514;--color-warning-light: #fef3c7;--color-error: #961f1f;--color-error-light: #fee2e2;--color-info: #137688;--color-info-light: #cffafe;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--bg-primary: #ffffff;--bg-primary-transparent: rgba(255, 255, 255, .7);--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-400);--text-inverse: #ffffff;--border-primary: var(--gray-200);--border-secondary: var(--gray-300);--border-focus: var(--color-primary);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--space-xxs: .125rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--gap-xxs: var(--space-xxs);--gap-xs: var(--space-xs);--gap-sm: var(--space-sm);--gap-md: var(--space-md);--gap-lg: var(--space-lg);--gap-xl: var(--space-xl);--gap-2xl: var(--space-2xl);--transition-fast: .15s ease;--transition-normal: .3s ease}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-lg)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-md)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-md)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-sm)}.text-body{font-size:var(--font-size-base);color:var(--text-primary)}.text-body-sm{font-size:var(--font-size-sm);color:var(--text-secondary)}.text-caption{font-size:var(--font-size-xs);color:var(--text-tertiary)}.text-xs{font-size:var(--font-size-xs);color:var(--text-primary)}.text-sm{font-size:var(--font-size-sm);color:var(--text-primary)}.link-sm{font-size:var(--font-size-xs);color:var(--text-primary);cursor:pointer;margin-right:5px;border-bottom:1px solid var(--gray-400)}.link-sm:hover{border-bottom:2px solid var(--gray-800)}.info-group{display:flex;width:100%;flex-direction:column;align-items:start;gap:var(--space-xxs);margin-bottom:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-light)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--gray-200)}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background:var(--color-error);color:var(--text-inverse)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-md) var(--space-lg)}.btn-full{width:100%}.badge{:hover{box-shadow:(var(--shadow-sm))}cursor:pointer;display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-error{background:var(--color-error-light);color:var(--color-error)}.badge-neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-alert{background:var(--color-error);color:var(--color-warning-light);top:17px;left:17px;position:relative}.toast-anchor{width:1px;height:1px;background-color:#fff;anchor-name:--tc}.toast{position:absolute;display:flex;flex-direction:row;justify-content:start;width:340px;height:3rem;max-width:340px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;position-anchor:--tc;justify-self:anchor-center;top:anchor(top);transition:opacity .8s,transform .8s,display .8s allow-discrete;opacity:1;transform:translate(0)}.toast::backdrop{backdrop-filter:blur(3px)}@starting-style{.toast:popover-open{opacity:0;transform:translateY(20px)}}.toast:popover-open{opacity:1;transform:translate(0)}.toast:not(:popover-open){opacity:0;transform:translateY(20px)}.toast .toast-icon{border-radius:var(--radius-md);width:3rem;height:3rem;background-repeat:no-repeat;background-position:center}.toast .toast-mesaage{padding:var(--gap-md)}.toast-info{.toast-icon{background-color:var(--color-info);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-info'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'%3e%3c/circle%3e%3cline%20x1='12'%20y1='16'%20x2='12'%20y2='12'%3e%3c/line%3e%3cline%20x1='12'%20y1='8'%20x2='12.01'%20y2='8'%3e%3c/line%3e%3c/svg%3e")}}.toast-success{.toast-icon{background-color:var(--color-success);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-check-circle'%3e%3cpath%20d='M22%2011.08V12a10%2010%200%201%201-5.93-9.14'%3e%3c/path%3e%3cpolyline%20points='22%204%2012%2014.01%209%2011.01'%3e%3c/polyline%3e%3c/svg%3e")}}.toast-error{.toast-icon{background-color:var(--color-error);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-x-circle'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'%3e%3c/circle%3e%3cline%20x1='15'%20y1='9'%20x2='9'%20y2='15'%3e%3c/line%3e%3cline%20x1='9'%20y1='9'%20x2='15'%20y2='15'%3e%3c/line%3e%3c/svg%3e")}}.toast-warning{.toast-icon{background-color:var(--color-warning);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-alert-circle'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'%3e%3c/circle%3e%3cline%20x1='12'%20y1='8'%20x2='12'%20y2='12'%3e%3c/line%3e%3cline%20x1='12'%20y1='16'%20x2='12.01'%20y2='16'%3e%3c/line%3e%3c/svg%3e")}}.body-container{width:100%;height:100%;gap:var(--gap-sm);background-size:cover;background-position:center bottom;background-repeat:no-repeat;background-color:var(--bg-primary-transparent);background-blend-mode:lighten}.container-app{display:flex;flex-direction:column;gap:var(--gap-md)}.container-cards{flex-direction:row;gap:var(--gap-md)}.bg-1{background-image:url(./1.png)}.bg-2{background-image:url(./2.png)}.bg-3{background-image:url(./3.png)}.bg-4{background-image:url(./4.png)}.bg-5{background-image:url(./5.png)}.bg-6{background-image:url(./6.png)}.bg-7{background-image:url(./7.png)}.bg-8{background-image:url(./8.png)}.bg-9{background-image:url(./9.png)}.bg-10{background-image:url(./10.png)}.bg-11{background-image:url(./11.png)}.bg-12{background-image:url(./12.png)}.bg-13{background-image:url(./13.png)}.bg-14{background-image:url(./14.png)}.bg-15{background-image:url(./15.png)}.bg-16{background-image:url(./16.png)}.bg-17{background-image:url(./17.png)}.bg-18{background-image:url(./18.png)}.bg-19{background-image:url(./19.png)}.bg-20{background-image:url(./20.png)}.bg-21{background-image:url(./21.png)}.bg-22{background-image:url(./22.png)}.bg-23{background-image:url(./23.png)}.bg-24{background-image:url(./21.png)}.bg-25{background-image:url(./22.png)}.bg-26{background-image:url(./26.png)}.bg-27{background-image:url(./27.png)}.bg-28{background-image:url(./28.png)}.bg-29{background-image:url(./29.png)}.bg-30{background-image:url(./30.png)}.bg-31{background-image:url(./31.png)}.card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;padding:var(--gap-md);max-width:340px;background:var(--bg-primary);backdrop-filter:blur(10px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:opacity .8s,transform .8s,display .8s allow-discrete;opacity:0;transform:scale(0)}.card:hover{box-shadow:var(--shadow-md)}.card-header{grid-column:2;grid-row:1;padding-left:var(--gap-md);flex-direction:row;gap:var(--gap-sm);justify-content:start}.card-icon{grid-column:1;grid-row:1;width:3rem;height:3rem;overflow:hidden;cursor:pointer;.card-img{width:100%;height:100%;object-fit:cover}}.card-divider{margin-top:10px;margin-bottom:10px;width:100%;height:1px;background-image:linear-gradient(to right,#80808080,#80808000)}.card-body{grid-column:1 / -1;grid-row:2;justify-content:left;position:relative}.card-footer{padding:var(--space-md);border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.card[data-state=init]{.card-icon,.card-header,.card-body{display:none}opacity:0;display:none;transform:scale(0)}.card[data-state=start]{.card-icon{display:inherit}.card-header,.card-body{display:none}gap:0px;display:grid;transform:scale(1);opacity:1}.card[data-state=header]{width:340px;.card-icon,.card-header{display:inherit}.card-body{display:none}transform:scale(1);opacity:1}.card[data-state=body]{width:340px;.card-header{display:inherit}.card-body{display:flex}transform:scale(1);opacity:1}.card[data-state=open]{display:inherit}.card[data-state=close]{display:none;transform:scale(0);opacity:0}isphere-app[data-state=start]{width:340px}isphere-home{.card-icon{background-repeat:no-repeat;background-position:center;background-color:var(--color-background);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='276'%20height='276'%20viewBox='0%200%20280%20280'%20data-app='Xyris'%3e%3cdefs%3e%3csymbol%20id='symbol-nw9gEWSvyxpuvZmjghDY7x'%20refX='137.5'%20refY='137.5'%20viewBox='0%200%20285%20285'%3e%3cellipse%20fill='none'%20stroke='rgb(107,%20107,%20107)'%20stroke-width='20'%20cx='143'%20cy='143'%20rx='130.5'%20ry='130.5'%20transform=''%3e%3c/ellipse%3e%3c/symbol%3e%3c/defs%3e%3cfilter%20id='myFilter'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.05'%20numOctaves='2'%20result='turbulence'%3e%3canimate%20attributeName='baseFrequency'%20from='0.05'%20to='0.15'%20dur='3s'%20repeatCount='indefinite'%20/%3e%3c/feTurbulence%3e%3cfeDisplacementMap%20in='SourceGraphic'%20in2='turbulence'%20scale='20'%20/%3e%3c/filter%3e%3cfilter%20id='blurFilter'%3e%3cfeGaussianBlur%20in='SourceGraphic'%20stdDeviation='0'%3e%3canimate%20attributeName='stdDeviation'%20attributeType='XML'%20values='0;30;0'%20dur='1s'%20repeatCount='1'%20/%3e%3c/feGaussianBlur%3e%3cfeTurbulence%20type='turbulence'%20baseFrequency='0.05'%20numOctaves='2'%20result='turbulence'%20%3e%3canimate%20attributeName='baseFrequency'%20from='0.0'%20to='0.05'%20dur='1s'%20repeatCount='indefinite'%20/%3e%3c/feTurbulence%3e%3cfeDisplacementMap%20in2='turbulence'%20in='SourceGraphic'%20scale='10'%20xChannelSelector='R'%20yChannelSelector='G'%20/%3e%3c!--%20%3cfeDropShadow%20dx='20'%20dy='20'%20stdDeviation='0.5'%20flood-color='cyan'%20/%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.001'%20numOctaves='2'%20result='turbulence'%3e%3canimate%20attributeName='baseFrequency'%20from='0.001'%20to='0.005'%20dur='1'%20repeatCount='indefinite'%20/%3e%3c/feTurbulence%3e%20--%3e%3c/filter%3e%3cg%20transform='translate(-113%20-113)'%3e%3cuse%20id=''%20x='112.224'%20y='114.926'%20width='275'%20height='275'%20href='%23symbol-nw9gEWSvyxpuvZmjghDY7x'%20transform-origin='256%20256'%20visibility='visible'%3e%3canimateTransform%20attributeName='transform'%20type='scale'%20begin='0'%20dur='1'%20keyTimes='0;%200.4;%200.7;%201'%20values='0,%201;%201,%201;%200,%201;%201,%201'%20fill='freeze'%20additive='sum'%20calcMode='spline'%20keySplines='0.42%200%201%201;0%200%200.58%201;0.42%200%201%201'%20repeatCount='1'%3e%3c/animateTransform%3e%3c/use%3e%3cuse%20x='107.978'%20y='110.838'%20width='275'%20height='275'%20href='%23symbol-nw9gEWSvyxpuvZmjghDY7x'%20transform-origin='256%20256'%20transform='rotate(-30)'%20visibility='visible'%3e%3canimateTransform%20attributeName='transform'%20type='scale'%20begin='0'%20dur='1'%20keyTimes='0;%200.2;%200.5;%201'%20values='0,%201;1;0,%201;0.5,%201'%20fill='freeze'%20additive='sum'%20calcMode='spline'%20keySplines='0.55%200.055%200.675%200.19;0.55%200.085%200.68%200.53;0.42%200%201%201'%20repeatCount='1'%3e%3c/animateTransform%3e%3c/use%3e%3cuse%20x='185.269'%20y='191.177'%20width='125.909'%20height='125.909'%20href='%23symbol-nw9gEWSvyxpuvZmjghDY7x'%20transform-origin='256%20256'%20style=''%20transform=''%3e%3canimateTransform%20attributeName='transform'%20type='scale'%20begin='-0.00001'%20dur='1.7311880321147421'%20keyTimes='0;%201'%20values='0.00009998924360843375,%200;%201,%201'%20fill='freeze'%20additive='sum'%20calcMode='spline'%20keySplines='0%200%201%201'%3e%3c/animateTransform%3e%3c/use%3e%3c/g%3e%3c/svg%3e");background-size:48px}}isphere-home[data-dstate=start]{.card-icon{background-repeat:no-repeat;background-position:center;background-color:var(--color-background);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='276'%20height='276'%20viewBox='0%200%20280%20280'%20data-app='Xyris'%3e%3cdefs%3e%3csymbol%20id='symbol-nw9gEWSvyxpuvZmjghDY7x'%20refX='137.5'%20refY='137.5'%20viewBox='0%200%20285%20285'%3e%3cellipse%20fill='none'%20stroke='rgb(107,%20107,%20107)'%20stroke-width='20'%20cx='143'%20cy='143'%20rx='130.5'%20ry='130.5'%20transform=''%3e%3c/ellipse%3e%3c/symbol%3e%3c/defs%3e%3cfilter%20id='myFilter'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.05'%20numOctaves='2'%20result='turbulence'%3e%3canimate%20attributeName='baseFrequency'%20from='0.05'%20to='0.15'%20dur='3s'%20repeatCount='indefinite'%20/%3e%3c/feTurbulence%3e%3cfeDisplacementMap%20in='SourceGraphic'%20in2='turbulence'%20scale='20'%20/%3e%3c/filter%3e%3cfilter%20id='blurFilter'%3e%3cfeGaussianBlur%20in='SourceGraphic'%20stdDeviation='0'%3e%3canimate%20attributeName='stdDeviation'%20attributeType='XML'%20values='0;30;0'%20dur='1s'%20repeatCount='1'%20/%3e%3c/feGaussianBlur%3e%3cfeTurbulence%20type='turbulence'%20baseFrequency='0.05'%20numOctaves='2'%20result='turbulence'%20%3e%3canimate%20attributeName='baseFrequency'%20from='0.0'%20to='0.05'%20dur='1s'%20repeatCount='indefinite'%20/%3e%3c/feTurbulence%3e%3cfeDisplacementMap%20in2='turbulence'%20in='SourceGraphic'%20scale='10'%20xChannelSelector='R'%20yChannelSelector='G'%20/%3e%3c!--%20%3cfeDropShadow%20dx='20'%20dy='20'%20stdDeviation='0.5'%20flood-color='cyan'%20/%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.001'%20numOctaves='2'%20result='turbulence'%3e%3canimate%20attributeName='baseFrequency'%20from='0.001'%20to='0.005'%20dur='1'%20repeatCount='indefinite'%20/%3e%3c/feTurbulence%3e%20--%3e%3c/filter%3e%3cg%20transform='translate(-113%20-113)'%3e%3cuse%20id=''%20x='112.224'%20y='114.926'%20width='275'%20height='275'%20href='%23symbol-nw9gEWSvyxpuvZmjghDY7x'%20transform-origin='256%20256'%20visibility='visible'%3e%3canimateTransform%20attributeName='transform'%20type='scale'%20begin='0'%20dur='1'%20keyTimes='0;%200.4;%200.7;%201'%20values='0,%201;%201,%201;%200,%201;%201,%201'%20fill='freeze'%20additive='sum'%20calcMode='spline'%20keySplines='0.42%200%201%201;0%200%200.58%201;0.42%200%201%201'%20repeatCount='1'%3e%3c/animateTransform%3e%3c/use%3e%3cuse%20x='107.978'%20y='110.838'%20width='275'%20height='275'%20href='%23symbol-nw9gEWSvyxpuvZmjghDY7x'%20transform-origin='256%20256'%20transform='rotate(-30)'%20visibility='visible'%3e%3canimateTransform%20attributeName='transform'%20type='scale'%20begin='0'%20dur='1'%20keyTimes='0;%200.2;%200.5;%201'%20values='0,%201;1;0,%201;0.5,%201'%20fill='freeze'%20additive='sum'%20calcMode='spline'%20keySplines='0.55%200.055%200.675%200.19;0.55%200.085%200.68%200.53;0.42%200%201%201'%20repeatCount='1'%3e%3c/animateTransform%3e%3c/use%3e%3cuse%20x='185.269'%20y='191.177'%20width='125.909'%20height='125.909'%20href='%23symbol-nw9gEWSvyxpuvZmjghDY7x'%20transform-origin='256%20256'%20style=''%20transform=''%3e%3canimateTransform%20attributeName='transform'%20type='scale'%20begin='-0.00001'%20dur='1.7311880321147421'%20keyTimes='0;%201'%20values='0.00009998924360843375,%200;%201,%201'%20fill='freeze'%20additive='sum'%20calcMode='spline'%20keySplines='0%200%201%201'%3e%3c/animateTransform%3e%3c/use%3e%3c/g%3e%3c/svg%3e")}}isphere-home[data-dstate=loading]{.card-icon{background-repeat:no-repeat;background-position:center;background-color:var(--color-background);background-image:url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20xmlns='http://www.w3.org/2000/svg'%3e%3c!--%20Clock%20circle%20--%3e%3ccircle%20cx='25'%20cy='25'%20r='23'%20fill='none'%20stroke='%23000'%20stroke-width='3'%20stroke-linecap='round'/%3e%3c!--%20Hour%20hand%20(shorter,%20rotates%20every%2012%20seconds)%20--%3e%3cline%20x1='25'%20y1='25'%20x2='25'%20y2='15'%20stroke='%23000'%20stroke-width='3'%20stroke-linecap='round'%3e%3canimateTransform%20attributeName='transform'%20attributeType='XML'%20type='rotate'%20from='0%2025%2025'%20to='360%2025%2025'%20dur='12s'%20repeatCount='indefinite'/%3e%3c/line%3e%3c!--%20Minute%20hand%20(longer,%20rotates%20every%204%20seconds)%20--%3e%3cline%20x1='25'%20y1='25'%20x2='25'%20y2='10'%20stroke='%23000'%20stroke-width='3'%20stroke-linecap='round'%3e%3canimateTransform%20attributeName='transform'%20attributeType='XML'%20type='rotate'%20from='0%2025%2025'%20to='360%2025%2025'%20dur='4s'%20repeatCount='indefinite'/%3e%3c/line%3e%3c!--%20Center%20dot%20--%3e%3ccircle%20cx='25'%20cy='25'%20r='0.5'%20fill='%23000'/%3e%3c/svg%3e")}}isphere-home[data-dstate=authenticating]{.card-icon{background-repeat:no-repeat;background-position:center;background-color:var(--color-background);background-image:url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20xmlns='http://www.w3.org/2000/svg'%3e%3c!--%20Shield%20path%20with%201px%20margin%20from%20edges%20--%3e%3cg%20transform='translate(25,%2025)'%3e%3cpath%20d='M%200%20-21%20L%2018%20-15%20L%2018%20-1%20Q%2018%2010%200%2021%20Q%20-18%2010%20-18%20-1%20L%20-18%20-15%20Z'%20fill='none'%20stroke='%232c3e50'%20stroke-width='3'%20stroke-linejoin='round'%20stroke-linecap='round'%3e%3canimateTransform%20attributeName='transform'%20attributeType='XML'%20type='scale'%20values='0.5;%201;%200.5'%20dur='2s'%20repeatCount='indefinite'%20calcMode='spline'%20keySplines='0.4%200%200.6%201;%200.4%200%200.6%201'%20keyTimes='0;%200.5;%201'/%3e%3c/path%3e%3c/g%3e%3c/svg%3e")}}isphere-status[data-state=start]{.card-header{display:inherit}}.component{display:flex;flex-direction:column;width:100%;border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all .5s allow-discrete;opacity:0;display:none;transform:scale(0)}.component-title{width:100%;background-color:var(--gray-100);padding:var(--gap-sm);border-bottom:1px solid var(--border-primary)}.component-body{padding:var(--gap-sm);align-self:flex-start;width:100%;border-top:1px sold var(--border-secondary)}.component-body :nth-last-child(1 of.info-group){margin-bottom:0}.component{display:flex;flex-direction:column;width:100%;transition:all .5s allow-discrete;opacity:0;display:none;transform:scale(0)}.component[data-state=init]{display:none;transform:scale(0);opacity:0}.component[data-state=start]{display:inherit;transform:scale(1);opacity:1;width:100%}.component[data-dstate=initializing]{.component-body span{position:relative}.component-body span:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background-color:var(--gray-200);animation:load;animation-duration:2s;animation-iteration-count:infinite;background-image:linear-gradient(to right,#fff0,#ffffff80,#fff0)}}@keyframes load{0%{background-position:-100px 0px}to{background-position:100px 0px}}.card[data-dstate=disabled]{.card-body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff6;z-index:1000;border-radius:8px;backdrop-filter:blur(1px)}}.component[d-state=loading]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffe6;z-index:1000;border-radius:8px;backdrop-filter:blur(0px);animation:blurCycle 2s ease-in-out infinite}.component[d-state=loading]:after{content:"";position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;z-index:1001;filter:blur(1.1px);border-style:solid;border-color:transparent;border-top-width:5px;border-right-width:4px;border-bottom-width:2px;border-left-width:1px;animation:spin 2s linear infinite,colorChange 2s ease-in-out infinite}.voice-card{grid-template-columns:auto 1fr;grid-template-rows:1fr;padding:var(--gap-sm);background-color:#fff6;align-self:self-end}.voice-card .card-header{grid-column:1;grid-row:1;padding:0}.voice-card .card-body{display:grid;grid-column:1;grid-template-rows:1fr;grid-template-columns:1fr;justify-items:center}.voice-card .card-body #_voiceText{grid-row:1;grid-column:1}.voice-card .card-body #_voiceSpeech{margin-top:-5px;max-width:280px;width:100%;grid-row:1;grid-column:1;text-align:center;cursor:pointer}.voice-card[data-state=init]{display:none}.voice-card[data-state=start]{.card-header,.card-body,.mic-pulse,#_voiceSpeech,#_voiceText{display:none}#_wave{visibility:visible}}.voice-card[data-state=voiceMode]{.card-header{display:inherit}.card-body{display:grid}.mic-pulse,#_voiceSpeech{display:inherit}#_voiceText{display:none}#_wave{visibility:visible}}.voice-card[data-state=textMode]{.card-header{display:inherit}.card-body{display:grid}.mic-pulse,#_voiceSpeech{display:none}#_voiceText{display:inherit}#_wave{visibility:hidden}}.voice-card .card-icon{grid-column:2;grid-row:-1/1}.voice-card .card-body{grid-column:1;grid-row:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes colorChange{0%,to{border-top-color:#8fb5cf;border-right-color:#8fb5cf;border-bottom-color:#8fb5cf;border-left-color:#8fb5cf}50%{border-top-color:#b0b1bb;border-right-color:#b0b1bb;border-bottom-color:#b0b1bb;border-left-color:#b0b1bb}}@keyframes blurCycle{0%,to{backdrop-filter:blur(2px)}50%{backdrop-filter:blur(5px)}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@starting-style{.component[data-state=start],.card[data-state=start]{transform:scale(0);opacity:0}}.input-dialog{outline:none;max-width:320px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:1rem;box-shadow:var(--shadow-md);overflow:hidden;transition:box-shadow var(--transition-normal)}.input-dialog-header{padding:10px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}.input-dialog-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.input-dialog-description{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:5px}.ai-input{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.status-badge{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-fast);white-space:nowrap}.profile-card{display:flex;flex-direction:row;padding:var(--gap-md);max-width:340px;background:var(--bg-primary);backdrop-filter:blur(10px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;align-items:start;transition:opacity .8s,transform .8s,display .8s allow-discrete}.profile-card:hover{box-shadow:var(--shadow-md)}.profile-header{padding-left:var(--gap-md);gap:var(--gap-sm);align-items:flex-start;flex:1}.profile-icon{grid-column:1;grid-row:1;width:3rem;height:3rem;overflow:hidden;cursor:pointer;.card-img{width:100%;height:100%;object-fit:cover}}.attendance-icon{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='60'%20height='60'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-check-square'%3e%3cpolyline%20points='9%2011%2012%2014%2022%204'%3e%3c/polyline%3e%3cpath%20d='M21%2012v7a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11'%3e%3c/path%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:48px}.leave-icon{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='60'%20height='60'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-briefcase'%3e%3crect%20x='2'%20y='7'%20width='20'%20height='14'%20rx='2'%20ry='2'%3e%3c/rect%3e%3cpath%20d='M16%2021V5a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v16'%3e%3c/path%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:48px}.pr-icon{background-image:url(./pr-MUsEYvYb.png);background-position:center;background-repeat:no-repeat;background-size:48px}.service-icon{background-image:url(./service-CMoYUxb8.png);background-position:center;background-repeat:no-repeat;background-size:48px}