@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms) ; --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms) ; animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms) ; animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms) ; --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px) ; --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px) ; --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)*.01) ; --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)*.01) ; --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%) ; --tw-enter-scale: --value(ratio) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%) ; --tw-enter-scale: calc(--value(ratio)*-1) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%) ; --tw-exit-scale: --value(ratio) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%) ; --tw-exit-scale: calc(--value(ratio)*-1) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg) ; --tw-enter-rotate: calc(--value(ratio)*360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg) ; --tw-enter-rotate: calc(--value(ratio)*-360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg) ; --tw-exit-rotate: calc(--value(ratio)*360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg) ; --tw-exit-rotate: calc(--value(ratio)*-360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-y: calc(--value(ratio)*-100%) ; --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-y: calc(--value(ratio)*100%) ; --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-y: calc(--value(ratio)*-100%) ; --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-y: calc(--value(ratio)*100%) ; --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@theme inline{@keyframes accordion-down {from {height: 0;} to {height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) );}} @keyframes accordion-up {from {height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) );} to {height: 0;}}}@custom-variant data-open{&:where([data-state="open"]),&:where([data-open]:not([data-open="false"])) {@slot;}}@custom-variant data-closed{&:where([data-state="closed"]),&:where([data-closed]:not([data-closed="false"])) {@slot;}}@custom-variant data-checked{&:where([data-state="checked"]),&:where([data-checked]:not([data-checked="false"])) {@slot;}}@custom-variant data-unchecked{&:where([data-state="unchecked"]),&:where([data-unchecked]:not([data-unchecked="false"])) {@slot;}}@custom-variant data-selected{&:where([data-selected="true"]) {@slot;}}@custom-variant data-disabled{&:where([data-disabled="true"]),&:where([data-disabled]:not([data-disabled="false"])) {@slot;}}@custom-variant data-active{&:where([data-state="active"]),&:where([data-active]:not([data-active="false"])) {@slot;}}@custom-variant data-horizontal{&:where([data-orientation="horizontal"]) {@slot;}}@custom-variant data-vertical{&:where([data-orientation="vertical"]) {@slot;}}@utility no-scrollbar{-ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar {display: none;}}@property --scroll-fade-t{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@property --scroll-fade-b{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@property --scroll-fade-s{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@property --scroll-fade-e{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@property --scroll-fade-mask{syntax: "*"; inherits: false;}@theme inline{@keyframes scroll-fade-reveal-t {from { --scroll-fade-t: 0px; } to { --scroll-fade-t: var(--_scroll-fade-size-t, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))); }} @keyframes scroll-fade-reveal-b {from { --scroll-fade-b: var(--_scroll-fade-size-b, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-b: 0px; }} @keyframes scroll-fade-reveal-s {from { --scroll-fade-s: 0px; } to { --scroll-fade-s: var(--_scroll-fade-size-s, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))); }} @keyframes scroll-fade-reveal-e {from { --scroll-fade-e: var(--_scroll-fade-size-e, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-e: 0px; }}}@utility scroll-fade{ --_scroll-fade-size-t: var( --scroll-fade-t-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --_scroll-fade-size-b: var( --scroll-fade-b-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-block: linear-gradient( to bottom, transparent 0, #000 var(--scroll-fade-t, 0px), #000 calc(100% - var(--scroll-fade-b, 0px)), transparent 100% ); -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask, var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); } }@utility scroll-fade-y{ --_scroll-fade-size-t: var( --scroll-fade-t-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --_scroll-fade-size-b: var( --scroll-fade-b-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-block: linear-gradient( to bottom, transparent 0, #000 var(--scroll-fade-t, 0px), #000 calc(100% - var(--scroll-fade-b, 0px)), transparent 100% ); -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask, var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); } }@utility scroll-fade-x{ --_scroll-fade-size-s: var( --scroll-fade-s-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --_scroll-fade-size-e: var( --scroll-fade-e-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-inline: linear-gradient( to right, transparent 0, #000 var(--scroll-fade-s, 0px), #000 calc(100% - var(--scroll-fade-e, 0px)), transparent 100% ); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-inline: linear-gradient( to left, transparent 0, #000 var(--scroll-fade-s, 0px), #000 calc(100% - var(--scroll-fade-e, 0px)), transparent 100% ); } -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline)); mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out, scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline), scroll(self inline); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); --scroll-fade-e: var(--_scroll-fade-size-e); } }@utility scroll-fade-t{ --_scroll-fade-size-t: var( --scroll-fade-t-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to bottom, transparent 0, #000 var(--scroll-fade-t, 0px), #000 100% ); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); } }@utility scroll-fade-b{ --_scroll-fade-size-b: var( --scroll-fade-b-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to bottom, #000 0, #000 calc(100% - var(--scroll-fade-b, 0px)), transparent 100% ); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: calc( 100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24)) ) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-b: var(--_scroll-fade-size-b); } }@utility scroll-fade-l{ --_scroll-fade-size-s: var( --scroll-fade-s-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to right, transparent 0, #000 var(--scroll-fade-s, 0px), #000 100% ); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); } }@utility scroll-fade-r{ --_scroll-fade-size-e: var( --scroll-fade-e-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to right, #000 0, #000 calc(100% - var(--scroll-fade-e, 0px)), transparent 100% ); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: calc( 100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24)) ) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); } }@utility scroll-fade-s{ --_scroll-fade-size-s: var( --scroll-fade-s-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to right, transparent 0, #000 var(--scroll-fade-s, 0px), #000 100% ); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient( to left, transparent 0, #000 var(--scroll-fade-s, 0px), #000 100% ); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); } }@utility scroll-fade-e{ --_scroll-fade-size-e: var( --scroll-fade-e-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to right, #000 0, #000 calc(100% - var(--scroll-fade-e, 0px)), transparent 100% ); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient( to left, #000 0, #000 calc(100% - var(--scroll-fade-e, 0px)), transparent 100% ); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: calc( 100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24)) ) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); } }@utility scroll-fade-*{ --scroll-fade-size: calc(var(--spacing) * --value(integer)); --scroll-fade-size: --value([length], [percentage]); }@utility scroll-fade-t-*{ --scroll-fade-t-size: calc(var(--spacing) * --value(integer)); --scroll-fade-t-size: --value([length], [percentage]); }@utility scroll-fade-b-*{ --scroll-fade-b-size: calc(var(--spacing) * --value(integer)); --scroll-fade-b-size: --value([length], [percentage]); }@utility scroll-fade-s-*{ --scroll-fade-s-size: calc(var(--spacing) * --value(integer)); --scroll-fade-s-size: --value([length], [percentage]); }@utility scroll-fade-e-*{ --scroll-fade-e-size: calc(var(--spacing) * --value(integer)); --scroll-fade-e-size: --value([length], [percentage]); }@utility scroll-fade-none{ --scroll-fade-mask: none; }@property --shimmer-angle{syntax: "<angle>"; inherits: true; initial-value: 20deg;}@property --shimmer-image{syntax: "*"; inherits: false;}@property --shimmer-text-fill{syntax: "*"; inherits: false;}@theme inline{@keyframes tw-shimmer {from {background-position: 100% 0;} to {background-position: 0 0;}}}@utility shimmer{ --_spread: var(--shimmer-spread, calc(3ch + 40px) ); --_base: currentColor; --_highlight: var( --shimmer-color, oklch(from currentColor l c h / calc(alpha/5) ) ); background-image: var( --shimmer-image, linear-gradient( calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread)) ) ); background-repeat: no-repeat; background-size: calc(200% + var(--_spread) * 2) 100%; background-position: 0 0; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: var(--shimmer-text-fill, transparent); animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite; @variant dark { --_highlight: var( --shimmer-color, oklch(from currentColor max(.8, calc(l + .4) ) c h / calc(alpha + .4) ) ); } &:where([dir="rtl"], [dir="rtl"] *) { animation-direction: reverse; } @media (prefers-reduced-motion: reduce) { animation: none; background-image: none; -webkit-text-fill-color: currentColor; } }@utility shimmer-once{animation-iteration-count: 1;}@utility shimmer-reverse{animation-direction: reverse;}@utility shimmer-none{ --shimmer-image: none; --shimmer-text-fill: currentColor; }@utility shimmer-color-*{ --shimmer-color: --value(--color, [color]); --shimmer-color: color-mix( in oklch, --value(--color, [color]) calc(--modifier(integer)*1%) , transparent ); }@utility shimmer-duration-*{ --shimmer-duration: calc(--value(integer)*1ms) ; }@utility shimmer-spread-*{ --shimmer-spread: calc(var(--spacing) * --value(integer)); --shimmer-spread: --value([length], [percentage]); }@utility shimmer-angle-*{ --shimmer-angle: calc(--value(integer)*1deg) ; }@media(prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sileo-spring-easing: linear( 0, .002 .6%, .007 1.2%, .015 1.8%, .026 2.4%, .041 3.1%, .06 3.8%, .108 5.3%, .157 6.6%, .214 8%, .467 13.7%, .577 16.3%, .631 17.7%, .682 19.1%, .73 20.5%, .771 21.8%, .808 23.1%, .844 24.5%, .874 25.8%, .903 27.2%, .928 28.6%, .952 30.1%, .972 31.6%, .988 33.1%, 1.01 35.7%, 1.025 38.5%, 1.034 41.6%, 1.038 45%, 1.035 50.1%, 1.012 64.2%, 1.003 73%, .999 83.7%, 1 );--sileo-duration: .6s;--sileo-height: 40px;--sileo-width: 350px;--sileo-state-success: oklch(.723 .219 142.136);--sileo-state-loading: oklch(.556 0 0);--sileo-state-error: oklch(.637 .237 25.331);--sileo-state-warning: oklch(.795 .184 86.047);--sileo-state-info: oklch(.685 .169 237.323);--sileo-state-action: oklch(.623 .214 259.815)}[data-sileo-toast]{position:relative;cursor:pointer;pointer-events:auto;touch-action:none;border:0;background:transparent;padding:0;width:var(--sileo-width);height:var(--_h, var(--sileo-height));opacity:0;transform:translateZ(0) scale(.95);transform-origin:center;contain:layout style;overflow:visible}[data-sileo-toast][data-state=loading]{cursor:default}[data-sileo-toast][data-ready=true]{opacity:1;transform:translateZ(0) scale(1);transition:transform calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),opacity calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),margin-bottom calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),margin-top calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),height var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-viewport][data-position^=top] [data-sileo-toast]:not([data-ready=true]){transform:translateY(-6px) scale(.95)}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast]:not([data-ready=true]){transform:translateY(6px) scale(.95)}[data-sileo-toast][data-ready=true][data-exiting=true]{opacity:0;pointer-events:none}[data-sileo-viewport][data-position^=top] [data-sileo-toast][data-ready=true][data-exiting=true]{transform:translateY(-6px) scale(.95)}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast][data-ready=true][data-exiting=true]{transform:translateY(6px) scale(.95)}[data-sileo-canvas]{position:absolute;left:0;right:0;pointer-events:none;transform:translateZ(0);contain:layout style;overflow:visible}[data-sileo-canvas][data-edge=top]{bottom:0;transform:scaleY(-1) translateZ(0)}[data-sileo-canvas][data-edge=bottom]{top:0}[data-sileo-svg]{overflow:visible}[data-sileo-header]{position:absolute;z-index:20;display:flex;align-items:center;padding:.5rem;height:var(--sileo-height);overflow:hidden;left:var(--_px, 0px);transform:var(--_ht);max-width:var(--_pw)}[data-sileo-toast][data-ready=true] [data-sileo-header]{transition:transform var(--sileo-duration) var(--sileo-spring-easing),left var(--sileo-duration) var(--sileo-spring-easing),max-width var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-header][data-edge=top]{bottom:0}[data-sileo-header][data-edge=bottom]{top:0}[data-sileo-header-stack]{position:relative;display:inline-flex;align-items:center;height:100%}[data-sileo-header-inner]{display:flex;align-items:center;gap:.5rem;white-space:nowrap;opacity:1;filter:blur(0px);transform:translateZ(0)}[data-sileo-header-inner][data-layer=current]{position:relative;z-index:1;animation:sileo-header-enter var(--sileo-duration) var(--sileo-spring-easing) both}[data-sileo-header-inner][data-layer=current]:not(:only-child),[data-sileo-header-inner][data-exiting=true]{will-change:opacity,filter}[data-sileo-header-inner][data-layer=prev]{position:absolute;left:0;top:0;z-index:0;pointer-events:none}[data-sileo-header-inner][data-exiting=true]{animation:sileo-header-exit calc(var(--sileo-duration) * .7) ease forwards}[data-sileo-badge]{display:flex;height:24px;width:24px;flex-shrink:0;align-items:center;justify-content:center;padding:2px;box-sizing:border-box;border-radius:9999px;color:var(--sileo-tone, currentColor);background-color:var(--sileo-tone-bg, transparent)}[data-sileo-title]{font-size:.825rem;line-height:1rem;font-weight:500;text-transform:capitalize;color:var(--sileo-tone, currentColor)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state]{--_c: var(--sileo-state-success)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=loading]{--_c: var(--sileo-state-loading)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=error]{--_c: var(--sileo-state-error)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=warning]{--_c: var(--sileo-state-warning)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=info]{--_c: var(--sileo-state-info)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=action]{--_c: var(--sileo-state-action)}:is([data-sileo-badge],[data-sileo-title])[data-state]{--sileo-tone: var(--_c);--sileo-tone-bg: color-mix(in oklch, var(--_c) 20%, transparent)}[data-sileo-content]{position:absolute;left:0;z-index:10;width:100%;pointer-events:none;opacity:var(--_co, 0)}[data-sileo-content]:not([data-visible=true]){content-visibility:hidden}[data-sileo-toast][data-ready=true] [data-sileo-content]{transition:opacity calc(var(--sileo-duration) * .08) ease calc(var(--sileo-duration) * .04)}[data-sileo-content][data-edge=top]{top:0}[data-sileo-content][data-edge=bottom]{top:var(--sileo-height)}[data-sileo-content][data-visible=true]{pointer-events:auto}[data-sileo-toast][data-ready=true] [data-sileo-content][data-visible=true]{transition:opacity calc(var(--sileo-duration) * .6) ease calc(var(--sileo-duration) * .3)}[data-sileo-description]{width:100%;text-align:left;padding:1rem;font-size:.875rem;line-height:1.25rem;contain:layout style paint;content-visibility:auto}[data-sileo-button]{display:flex;align-items:center;justify-content:center;height:1.75rem;padding:0 .625rem;margin-top:.75rem;border-radius:9999px;border:0;font-size:.75rem;font-weight:500;cursor:pointer;color:var(--sileo-btn-color, currentColor);background-color:var(--sileo-btn-bg, transparent);transition:background-color .15s ease}[data-sileo-button]:hover{background-color:var(--sileo-btn-bg-hover, transparent)}[data-sileo-button][data-state]{--sileo-btn-color: var(--_c);--sileo-btn-bg: color-mix(in oklch, var(--_c) 15%, transparent);--sileo-btn-bg-hover: color-mix(in oklch, var(--_c) 25%, transparent)}[data-sileo-icon=spin]{animation:sileo-spin 1s linear infinite}@keyframes sileo-spin{to{transform:rotate(360deg)}}@keyframes sileo-header-enter{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0px)}}@keyframes sileo-header-exit{0%{opacity:1;filter:blur(0px)}to{opacity:0;filter:blur(6px)}}[data-sileo-viewport]{position:fixed;z-index:50;display:flex;gap:.75rem;padding:.75rem;pointer-events:none;max-width:calc(100vw - 1.5rem);contain:layout style}[data-sileo-viewport][data-position^=top] [data-sileo-toast]:not([data-ready=true]){margin-bottom:calc(-1 * (var(--sileo-height) + .75rem))}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast]:not([data-ready=true]){margin-top:calc(-1 * (var(--sileo-height) + .75rem))}[data-sileo-viewport][data-position^=top]{top:0;flex-direction:column-reverse}[data-sileo-viewport][data-position^=bottom]{bottom:0;flex-direction:column}[data-sileo-viewport][data-position$=left]{left:0;align-items:flex-start}[data-sileo-viewport][data-position$=right]{right:0;align-items:flex-end}[data-sileo-viewport][data-position$=center]{left:50%;transform:translate(-50%);align-items:center}@media(prefers-reduced-motion:no-preference){[data-sileo-toast][data-ready=true]:hover,[data-sileo-toast][data-ready=true][data-exiting=true]{will-change:transform,opacity,height}}@media(prefers-reduced-motion:reduce){[data-sileo-viewport],[data-sileo-viewport] *,[data-sileo-viewport] *:before,[data-sileo-viewport] *:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}[data-sileo-viewport][data-theme=dark] [data-sileo-description]{color:rgba(0,0,0,.5)}[data-sileo-viewport][data-theme=light] [data-sileo-description]{color:rgba(255,255,255,.5)}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Vazirmatn,Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.theme{--font-heading:var(--font-sans);--font-sans:"Inter Variable", sans-serif}:root{--background:oklch(1 0 0);--foreground:oklch(.141 .005 285.823);--card:oklch(1 0 0);--card-foreground:oklch(.141 .005 285.823);--popover:oklch(1 0 0);--popover-foreground:oklch(.141 .005 285.823);--primary:oklch(.5 .134 242.749);--primary-foreground:oklch(.977 .013 236.62);--secondary:oklch(.967 .001 286.375);--secondary-foreground:oklch(.21 .006 285.885);--muted:oklch(.967 .001 286.375);--muted-foreground:oklch(.552 .016 285.938);--accent:oklch(.967 .001 286.375);--accent-foreground:oklch(.21 .006 285.885);--destructive:oklch(.577 .245 27.325);--border:oklch(.92 .004 286.32);--input:oklch(.92 .004 286.32);--ring:oklch(.705 .015 286.067);--chart-1:oklch(.871 .006 286.286);--chart-2:oklch(.552 .016 285.938);--chart-3:oklch(.442 .017 285.786);--chart-4:oklch(.37 .013 285.805);--chart-5:oklch(.274 .006 286.033);--radius:.875rem;--sidebar:oklch(.985 0 0);--sidebar-foreground:oklch(.141 .005 285.823);--sidebar-primary:oklch(.588 .158 241.966);--sidebar-primary-foreground:oklch(.977 .013 236.62);--sidebar-accent:oklch(.967 .001 286.375);--sidebar-accent-foreground:oklch(.21 .006 285.885);--sidebar-border:oklch(.92 .004 286.32);--sidebar-ring:oklch(.705 .015 286.067)}.dark{--background:oklch(.141 .005 285.823);--foreground:oklch(.985 0 0);--card:oklch(.21 .006 285.885);--card-foreground:oklch(.985 0 0);--popover:oklch(.21 .006 285.885);--popover-foreground:oklch(.985 0 0);--primary:oklch(.443 .11 240.79);--primary-foreground:oklch(.977 .013 236.62);--secondary:oklch(.274 .006 286.033);--secondary-foreground:oklch(.985 0 0);--muted:oklch(.274 .006 286.033);--muted-foreground:oklch(.705 .015 286.067);--accent:oklch(.274 .006 286.033);--accent-foreground:oklch(.985 0 0);--destructive:oklch(.704 .191 22.216);--border:oklch(1 0 0 / 10%);--input:oklch(1 0 0 / 15%);--ring:oklch(.552 .016 285.938);--chart-1:oklch(.871 .006 286.286);--chart-2:oklch(.552 .016 285.938);--chart-3:oklch(.442 .017 285.786);--chart-4:oklch(.37 .013 285.805);--chart-5:oklch(.274 .006 286.033);--sidebar:oklch(.21 .006 285.885);--sidebar-foreground:oklch(.985 0 0);--sidebar-primary:oklch(.685 .169 237.323);--sidebar-primary-foreground:oklch(.293 .066 243.157);--sidebar-accent:oklch(.274 .006 286.033);--sidebar-accent-foreground:oklch(.985 0 0);--sidebar-border:oklch(1 0 0 / 10%);--sidebar-ring:oklch(.552 .016 285.938)}*{border-color:hsl(var(--border));outline-color:hsl(var(--ring) / .5)}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}html{font-family:Vazirmatn,Inter,sans-serif}.visible{visibility:visible}.static{position:static}.block{display:block}.inline-flex{display:inline-flex}.grid{display:grid}.size-10{width:2.5rem;height:2.5rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.shrink-0{flex-shrink:0}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.whitespace-nowrap{white-space:nowrap}.rounded-3xl{border-radius:1.5rem}.border{border-width:1px}.border-border{border-color:hsl(var(--border))}.border-transparent{border-color:transparent}.bg-background{background-color:hsl(var(--background))}.bg-destructive\/10{background-color:hsl(var(--destructive) / .1)}.bg-input\/50{background-color:hsl(var(--input) / .5)}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-clip-padding{background-clip:padding-box}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.text-destructive{color:hsl(var(--destructive))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.underline-offset-4{text-underline-offset:4px}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-\[color\,box-shadow\,background-color\]{transition-property:color,box-shadow,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font-family:Inter,Vazirmatn,system-ui,sans-serif;color:#1c1b21;background:#faf9fc;--surface:#fff;--surface-soft:#f6f5f9;--ink:#1c1b21;--muted:#85818e;--line:#eceaf0;--accent:#7958c6;--accent-soft:#f0ebfb;--wall:#f7f5fb;--shadow:0 18px 48px #3224500d}.dark{color:#f6f4fa;background:#111015;--surface:#1d1b22;--surface-soft:#28252e;--ink:#f6f4fa;--muted:#aaa5b3;--line:#37333f;--accent:#ad8df7;--accent-soft:#332a46;--wall:#141219;--shadow:0 18px 48px #0003}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{background:var(--surface);color:var(--ink)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input,textarea{color:var(--ink)}.eyebrow{display:block;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.18em}.error-text{color:#c04658;font-size:13px}.success-text{display:flex;align-items:center;gap:7px;color:#3f8768;font-size:13px}.state-text{padding:20px 8px;color:var(--muted);font-size:13px}.state-text button{color:var(--accent);font-weight:700;text-decoration:underline}.wordmark{font-size:26px;font-weight:800;letter-spacing:-.075em;line-height:1}.wordmark span,.brand-dot{color:var(--accent)}.avatar{display:inline-grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;font-size:17px;font-weight:700;color:#5b40a3;background:linear-gradient(135deg,#ebe6f9,#d9c9f6)}.dark .avatar{color:#e8dbff;background:linear-gradient(135deg,#574476,#3e3254)}.avatar-lg{width:66px;height:66px;font-size:27px}.dashboard{height:100vh;height:100dvh;min-height:500px;overflow:hidden;background:var(--surface)}.app-layout{display:flex;height:100%;width:100%}.sidebar{display:flex;flex:none;flex-direction:column;width:clamp(310px,31vw,420px);min-width:310px;background:var(--surface);border-inline-end:1px solid var(--line);z-index:2}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:28px 26px 20px}.sidebar-user{display:flex;align-items:center;gap:9px;min-width:0}.sidebar-user .avatar{width:36px;height:36px;font-size:15px}.sidebar-user div{display:flex;flex-direction:column;min-width:0}.sidebar-user strong{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.sidebar-user small{font-size:10px;color:var(--muted);text-align:start}.sidebar-body{min-height:0;overflow:auto;flex:1;padding:10px 17px 20px}.sidebar-title{padding:0 9px 17px}.sidebar-title h1{margin:7px 0 0;font-size:30px;letter-spacing:-.055em;line-height:1.2}.folder-strip{display:flex;gap:5px;padding:5px;background:var(--surface-soft);border-radius:16px}.folder-strip button{border:0;background:transparent;border-radius:12px;padding:8px 12px;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.folder-strip button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 9px rgba(0,0,0,.047)}.folder-strip span{margin-inline-start:6px;color:var(--accent)}.sidebar-list{padding-top:26px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.section-title h3{margin:0;font-size:14px;font-weight:700}.sidebar-list .section-title{padding-inline:9px}.sidebar-add{width:29px;height:29px;border:0;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.sidebar-person{width:100%;display:flex;align-items:center;gap:12px;text-align:start;border:0;border-bottom:1px solid var(--line);background:transparent;padding:13px 10px;border-radius:10px}.sidebar-person:hover,.sidebar-person.selected{background:var(--accent-soft)}.sidebar-person span:last-child{display:flex;flex-direction:column;min-width:0}.sidebar-person strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-person small{color:var(--muted);font-size:11px;text-align:start}.sidebar-empty{display:grid;justify-items:center;text-align:center;gap:8px;padding:28px 10px;color:var(--muted);font-size:13px}.sidebar-empty p{margin:0}.sidebar-empty button{border:0;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700;padding:9px 13px;border-radius:10px}.sidebar-bottom-nav{display:flex;align-items:center;justify-content:space-around;gap:3px;align-self:center;width:calc(100% - 36px);margin:12px 18px 19px;padding:6px;border:1px solid var(--line);border-radius:21px;background:var(--surface-soft);box-shadow:var(--shadow)}.sidebar-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;min-width:0;height:55px;border:0;border-radius:16px;background:transparent;color:var(--muted);font-size:10px;font-weight:700}.sidebar-bottom-nav button.active{background:var(--surface);color:var(--accent);box-shadow:0 3px 12px rgba(0,0,0,.043)}.main-pane{display:flex;flex:1;flex-direction:column;min-width:0;background:var(--wall);position:relative}.main-pane:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.8;background-image:radial-gradient(circle at 18% 22%,#b69be62b 0,transparent 28%),radial-gradient(circle at 81% 78%,#d8c9f330 0,transparent 31%),radial-gradient(#ae9bb921 .9px,transparent .9px);background-size:auto,auto,27px 27px}.dark .main-pane:before{opacity:.55;background-image:radial-gradient(circle at 14% 22%,#67448a28 0,transparent 28%),radial-gradient(circle at 80% 76%,#60448225 0,transparent 30%),radial-gradient(#8d6fab20 .8px,transparent .8px)}.pane-scroll{position:relative;flex:1;min-height:0;overflow:auto}.chat-stage{min-height:100%;display:flex;flex-direction:column}.conversation-head{min-height:76px;display:flex;align-items:center;gap:12px;padding:14px 29px;background:var(--surface);background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.conversation-head div{display:flex;flex-direction:column}.conversation-head strong{font-size:14px}.conversation-head span:not(.avatar){font-size:11px;color:var(--muted);text-align:start}.mobile-back{display:none}.empty-stage{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:38px 25px}.empty-symbol{width:106px;height:106px;display:grid;place-items:center;border-radius:34px;color:var(--accent);background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line)}.empty-stage h2{max-width:460px;margin:23px 0 0;font-size:clamp(23px,3vw,33px);letter-spacing:-.05em}.empty-stage p{max-width:430px;margin:10px 0 0;line-height:1.8;color:var(--muted);font-size:14px}.soon-pill{display:inline-flex;align-items:center;gap:7px;margin-top:22px;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:9px 14px;font-weight:700;font-size:11px}.content-stack{position:relative;display:flex;flex-direction:column;gap:17px;max-width:760px;padding:40px 38px 90px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}.page-heading h2{font-size:34px;letter-spacing:-.06em;margin:7px 0 4px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.heading-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border-radius:15px}.panel{padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 8px 26px rgba(46,34,75,.03)}.panel h3{font-size:16px;margin:0 0 17px}.panel .section-title h3{margin:0}.search-box{display:flex;align-items:center;gap:11px;height:49px;padding:0 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);color:var(--muted)}.search-box:focus-within{border-color:var(--accent)}.search-box input{border:0;background:transparent;outline:none;min-width:0;flex:1;font-size:13px}.search-box input::-moz-placeholder{color:var(--muted)}.search-box input::placeholder{color:var(--muted)}.results-area{margin-top:13px}.people-list{list-style:none;margin:0;padding:0}.person-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.person-row:last-child{border-bottom:0}.person-main{display:flex;align-items:center;gap:13px;flex:1;min-width:0;border:0;background:transparent;text-align:start;padding:0;color:var(--ink)}.person-main:hover .person-copy strong{color:var(--accent)}.person-copy{display:flex;flex-direction:column;min-width:0;flex:1}.person-copy strong{font-size:13px}.person-copy span,.person-copy small{font-size:11px;color:var(--muted);text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-action{display:grid;place-items:center;flex:none;width:35px;height:35px;border:0;border-radius:11px;background:var(--accent-soft);color:var(--accent)}.person-action-muted{background:var(--surface-soft);color:var(--muted)}.count-pill{font-size:11px;color:var(--accent);background:var(--accent-soft);border-radius:30px;padding:4px 8px}.mini-empty{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;padding:9px 0}.mini-empty p{margin:0}.profile-preview{display:flex;align-items:center;gap:14px;padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid var(--line)}.profile-preview div{display:flex;flex-direction:column;gap:3px}.profile-preview strong{font-size:17px}.profile-preview span:not(.avatar){font-size:12px;color:var(--muted);text-align:start}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.profile-form label,.auth-card form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700}.profile-form label:nth-child(n+3){grid-column:1/-1}.profile-form input,.profile-form textarea,.auth-card input{width:100%;min-height:46px;outline:none;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:11px 14px;font-size:13px}.profile-form textarea{resize:vertical}.profile-form input:focus,.profile-form textarea:focus,.auth-card input:focus{border-color:var(--accent)}.profile-form .read-only-input{color:var(--muted);cursor:default}.input-prefix{display:flex;align-items:center;gap:5px;min-height:46px;padding-inline-start:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);color:var(--muted)}.input-prefix input{border:0;background:transparent;padding-inline-start:0}.profile-form .primary-button,.profile-form .error-text,.profile-form .success-text{grid-column:1/-1}.primary-button{display:flex;align-items:center;justify-content:center;gap:11px;min-height:46px;border:0;border-radius:13px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;padding:12px 20px;transition:filter .2s}.primary-button:hover{filter:brightness(1.08)}.setting-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.setting-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent-soft);color:var(--accent)}.setting-row>span:nth-child(2){flex:1}.switch{width:42px;height:25px;padding:3px;border:0;border-radius:30px;background:#ccc7d3;text-align:start}.switch span{display:block;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .2s}.switch-on{background:var(--accent)}.switch-on span{transform:translate(17px)}[dir=rtl] .switch-on span{transform:translate(-17px)}.segmented{display:flex;padding:3px;gap:2px;border-radius:10px;background:var(--surface-soft)}.segmented button{border:0;background:transparent;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:700;color:var(--muted)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 2px 5px rgba(0,0,0,.067)}.logout-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:47px;border:1px solid #e9c8d0;border-radius:14px;background:var(--surface);color:#bf455c;font-size:13px;font-weight:700}.mobile-header,.mobile-nav{display:none}.app-loading{min-height:100vh;display:grid;place-items:center}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:800;letter-spacing:-.075em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--accent);color:#fff}.auth-layout{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;overflow:hidden;background:#f7f7f8;color:#202024}.dark .auth-layout{background:#121116;color:#f5f3f8}.auth-glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(2px)}.auth-glow-one{width:420px;height:420px;top:-240px;inset-inline-start:-130px;background:rgba(220,208,244,.667)}.auth-glow-two{width:360px;height:360px;bottom:-220px;inset-inline-end:-120px;background:rgba(231,218,250,.4)}.dark .auth-glow-one{background:rgba(88,62,123,.22)}.dark .auth-glow-two{background:rgba(113,73,165,.17)}.auth-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:min(100% - 64px,1180px);margin:24px auto 0}.auth-top-brand{display:flex;align-items:center;gap:10px}.iran-flag-badge{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 4px 14px rgba(49,36,61,.043)}.iran-flag{display:block;width:22px;height:15px;border-radius:2px;overflow:hidden}.auth-tools{display:flex;gap:8px}.auth-tools button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);padding:0 11px;font-size:12px;box-shadow:0 3px 10px rgba(49,36,61,.03)}.auth-center{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;width:min(100%,560px);margin:auto;padding:28px 24px 22px}.auth-welcome{text-align:center;margin:0 0 24px}.auth-flag-note{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:11px;font-weight:600}.auth-flag-note .iran-flag{width:18px;height:12px}.auth-welcome h1{margin:12px 0 5px;font-size:clamp(24px,4vw,31px);font-weight:800;letter-spacing:-.045em}.auth-welcome p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.auth-card-wrap{position:relative;width:min(100%,420px)}.auth-card-accent{position:absolute;z-index:-1;inset-inline:-13px;top:0;height:105px;border-radius:19px;background:linear-gradient(112deg,#8d70d3,#6f50b4 58%,#aa8dde);box-shadow:0 12px 26px rgba(118,86,181,.145)}.auth-card{position:relative;width:100%;margin-top:15px;padding:24px 30px 23px;border:1px solid #eceaf0;border-radius:18px;background:#fff;box-shadow:0 18px 55px rgba(36,32,44,.07)}.dark .auth-card{border-color:#34313b;background:#1d1b22;box-shadow:0 18px 55px rgba(0,0,0,.333)}.auth-card-heading{display:flex;align-items:center;gap:9px}.auth-step-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent-soft);color:var(--accent)}.auth-step-label{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.15em}.auth-card h2{margin:17px 0 5px;font-size:24px;letter-spacing:-.04em}.auth-card-subtitle{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.auth-card form{display:flex;flex-direction:column;gap:15px;margin-top:22px}.auth-card form label{font-size:12px}.auth-card label small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.7}.auth-card input{min-height:47px;border-color:#e8e6eb;border-radius:11px;background:#faf9fb;padding:11px 13px;font-size:13px}.dark .auth-card input{border-color:#3a3641;background:#26232d}.auth-card input:focus{border-color:var(--accent)}.phone-input-wrap{display:flex;align-items:center;min-height:47px;overflow:hidden;border:1px solid #e8e6eb;border-radius:11px;background:#faf9fb;transition:border-color .2s,box-shadow .2s}.dark .phone-input-wrap{border-color:#3a3641;background:#26232d}.phone-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(121,88,198,.082)}.phone-prefix{display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:66px;padding:0 12px;border-inline-end:1px solid #e8e6eb;background:#f2eff8;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.02em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark .phone-prefix{border-color:#3a3641;background:#302a3b;color:#bd9cf5}.auth-card .phone-input-wrap input{flex:1;width:0;min-width:0;min-height:45px;border:0;border-radius:0;background:transparent;box-shadow:none;padding:10px 13px;text-align:left;letter-spacing:.035em}.auth-card .phone-input-wrap input::-moz-placeholder{color:#aaa5b1;opacity:1}.auth-card .phone-input-wrap input::placeholder{color:#aaa5b1;opacity:1}.auth-card .phone-input-wrap input:focus{outline:0}.auth-phone-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);font-size:11px}.auth-phone-summary span{color:var(--muted)}.auth-phone-summary strong{margin-inline-start:auto;font-size:13px}.auth-phone-summary button{display:inline-flex;align-items:center;gap:3px;border:0;background:transparent;color:var(--accent);font-size:11px;font-weight:700}.auth-card .error-text{margin:0;font-size:12px;line-height:1.7}.auth-submit{min-height:48px;border:0;border-radius:11px;background:var(--accent);color:#fff;padding:12px 20px;font-size:13px;font-weight:700;box-shadow:0 7px 16px rgba(121,88,198,.17)}.auth-switch{text-align:center;margin:20px 0 0;color:var(--muted);font-size:12px}.auth-switch button{border:0;background:transparent;color:var(--accent);font-weight:800;padding:3px 4px}.auth-legal{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px;color:var(--muted);font-size:11px}.auth-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100% - 64px,1180px);margin:0 auto;padding:17px 0 20px;border-top:1px solid #e9e7ec;color:var(--muted);font-size:10px}.dark .auth-bottom{border-color:#302d36}@media(max-width:800px){.sidebar{width:300px;min-width:300px}.sidebar-user div{display:none}.content-stack{padding:30px 25px 80px}}@media(max-width:680px){.dashboard{min-height:0}.sidebar{display:none}.main-pane{width:100%}.mobile-header{display:flex;align-items:center;justify-content:space-between;height:65px;min-height:65px;padding:0 21px;border-bottom:1px solid var(--line);background:var(--surface);z-index:1}.mobile-header .avatar{width:35px;height:35px;font-size:14px}.mobile-nav{display:flex;position:fixed;z-index:10;inset-inline:16px;bottom:calc(12px + env(safe-area-inset-bottom));height:65px;padding:5px;border-radius:22px;background:var(--surface);background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);box-shadow:0 13px 40px rgba(33,21,47,.17);backdrop-filter:blur(18px)}.mobile-nav button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:17px;background:transparent;color:var(--muted);font-size:10px;font-weight:700}.mobile-nav button.active{background:var(--accent-soft);color:var(--accent)}.pane-scroll{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.content-stack{padding:24px 16px 20px;gap:12px}.page-heading{padding:4px 3px}.page-heading h2{font-size:28px}.panel{padding:19px;border-radius:19px}.profile-form{grid-template-columns:1fr}.profile-form label{grid-column:1/-1}.conversation-head{padding:12px 19px}.mobile-back{display:grid;place-items:center;flex:none;width:34px;height:34px;border:0;border-radius:10px;background:var(--surface-soft);color:var(--ink)}.empty-stage{min-height:calc(100dvh - 185px)}.auth-top{width:calc(100% - 32px);margin-top:16px}.auth-center{justify-content:flex-start;padding:48px 20px 24px}.auth-welcome{margin-bottom:22px}.auth-card{padding:23px 21px 21px}.auth-card h2{font-size:22px}.auth-bottom{width:calc(100% - 32px);padding-bottom:calc(15px + env(safe-area-inset-bottom))}.auth-bottom span:last-child{display:none}}@media(max-width:380px){.page-heading p{max-width:250px}.heading-icon{display:none}.auth-center{padding-inline:17px}.auth-card{padding-inline:18px}.auth-tools button{padding-inline:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.conversation-list{padding:26px 26px 100px;max-width:680px;margin:auto}.conversation-list h2{font-size:23px;margin:0 0 18px}.conversation-row{display:flex;align-items:center;gap:13px;width:100%;padding:14px 10px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:start}.conversation-row:hover{background:var(--accent-soft);border-radius:13px}.conversation-row-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.conversation-row-copy strong{font-size:14px}.conversation-row-copy small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-row time{font-size:11px;color:var(--muted);align-self:flex-start}.chat-list-empty,.messages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--muted);text-align:center;min-height:260px}.chat-list-empty p{color:var(--ink);font-weight:700;margin:8px 0 0}.chat-list-empty small{max-width:290px;line-height:1.6}.chat-stage{height:100%;min-height:0}.messages-viewport{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px clamp(16px,4vw,48px);display:flex;flex-direction:column}.message-stack{display:flex;flex-direction:column;gap:9px;margin-top:auto}.message-line{display:flex;justify-content:flex-start}.message-line.mine{justify-content:flex-end}.message-bubble{display:flex;flex-direction:column;gap:5px;max-width:min(76%,580px);padding:10px 13px 7px;border-radius:17px 17px 17px 5px;background:var(--surface);box-shadow:0 2px 9px rgba(0,0,0,.04);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.message-line.mine .message-bubble{border-radius:17px 17px 5px;background:var(--accent-soft)}.message-bubble time,.message-status{align-self:flex-end;font-size:10px;color:var(--muted);line-height:1}.message-bubble.pending{opacity:.7}.message-bubble.failed{opacity:1;border:1px solid #df6868}.message-status button{display:flex;gap:4px;align-items:center;background:none;border:0;color:#d84b4b;font-size:11px;cursor:pointer}.message-composer{display:flex;align-items:center;gap:10px;padding:12px clamp(16px,4vw,48px) max(14px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.message-composer input{flex:1;min-width:0;border:1px solid var(--line);border-radius:999px;padding:13px 18px;background:var(--surface-soft);color:var(--ink);font:inherit;outline:none}.message-composer input:focus{border-color:var(--accent)}.message-composer button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer}.message-composer button:disabled{opacity:.45;cursor:default}.older-messages{align-self:center;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 14px;margin-bottom:18px;cursor:pointer}.chat-state{padding:20px;text-align:center;color:var(--muted)}.chat-state button{border:0;background:none;color:var(--accent);cursor:pointer}@media(max-width:680px){.conversation-open .mobile-header,.conversation-open .mobile-nav{display:none}.conversation-open .pane-scroll{padding-bottom:0;overflow:hidden}.conversation-open .chat-stage{height:100dvh}.conversation-list{padding:22px 16px 100px}.messages-viewport{padding:15px 12px}.message-bubble{max-width:86%}.message-composer{padding:9px 10px max(10px,env(safe-area-inset-bottom))}}:root{--primary:#7958c6;--primary-foreground:#fff;--ring:#7958c6}.dark{--primary:#ad8df7;--primary-foreground:#17131e;--ring:#ad8df7}.contacts-page{width:min(100%,660px);min-height:100%;margin:0 auto;padding:24px 25px 110px;background:var(--surface)}.directory-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.directory-head h2{font-size:19px;letter-spacing:-.025em;margin:0}.directory-sort,.directory-add{display:grid;place-items:center;min-width:43px;height:43px;padding:0 12px;border:0;border-radius:50px;background:var(--surface-soft);color:var(--ink);font-size:12px}.directory-add{width:43px;padding:0}.directory-search{height:46px;border:0;border-radius:15px}.directory-section{margin-top:27px}.directory-section h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--accent);font-size:12px;font-weight:700}.contacts-page .person-row{padding:9px 0;min-height:63px}.contacts-page .person-main .avatar{width:43px;height:43px}.contacts-page .person-copy strong{font-size:14px}.contacts-page .person-copy span,.contacts-page .person-copy small{font-size:11px}.contacts-page .person-action{width:34px;height:34px;border-radius:50%}.settings-page{position:relative;width:min(100%,690px);min-height:100%;margin:0 auto;padding:25px 25px 110px;background:var(--surface)}.settings-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-top h2{font-size:19px;margin:0}.settings-top button{display:flex;align-items:center;gap:7px;border:0;border-radius:999px;background:var(--surface-soft);color:var(--ink);padding:10px 15px;font-size:12px}.settings-hero{display:flex;align-items:center;flex-direction:column;text-align:center;padding:15px 10px 36px}.settings-hero .avatar{width:118px;height:118px;font-size:48px;background:linear-gradient(135deg,#6b577c,#251c35);color:#fff;box-shadow:0 11px 35px rgba(78,54,101,.17)}.settings-hero h3{font-size:clamp(25px,4vw,33px);margin:15px 0 4px;letter-spacing:-.035em}.settings-hero p{margin:0;color:var(--muted);font-size:14px}.settings-hero small{max-width:400px;margin-top:11px;color:var(--muted);line-height:1.5}.settings-group{overflow:hidden;margin:0 0 16px;border-radius:23px;background:var(--surface-soft)}.settings-link{display:flex;align-items:center;gap:15px;width:100%;min-height:64px;padding:10px 16px;border:0;background:none;color:var(--ink);text-align:start;font-size:14px}.settings-link+.settings-link{border-top:1px solid var(--line)}.settings-link>span:nth-child(2){flex:1}.settings-link:hover:is(button){background:var(--accent-soft)}.settings-tile{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;color:#fff}.profile-tile{background:linear-gradient(135deg,#fe806f,#e75169)}.theme-tile{background:linear-gradient(135deg,#8165c8,#5d4aa7)}.language-tile{background:linear-gradient(135deg,#48bcd9,#277ac7);font-weight:800}.logout-tile{background:linear-gradient(135deg,#f57576,#d84b58)}.settings-chevron{color:var(--muted)}[dir=rtl] .settings-chevron{transform:rotate(180deg)}.settings-editor{padding:18px}.settings-editor .profile-form{gap:13px}.settings-logout{color:#c94e5b}.desktop-chat-empty{height:100%;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:var(--muted);font-size:13px}.desktop-chat-empty svg{color:var(--accent);opacity:.75}.mobile-conversation-list{display:none}.dark .dashboard{--surface:#111014;--surface-soft:#222126;--wall:#0b0a0f;--line:#302e34;--accent-soft:#30263f;--ink:#f6f4f8}.dark .sidebar{background:#151418}.dark .main-pane:before{opacity:.8;background-image:radial-gradient(circle at 15% 23%,#70508c13,transparent 30%),radial-gradient(circle at 80% 75%,#6a4a8312,transparent 34%),radial-gradient(#825c9b2b .8px,transparent .8px);background-size:auto,auto,24px 24px}.sidebar-person{border-radius:0;padding:11px 9px}.sidebar-person.selected{border-radius:12px}.sidebar-person span:last-child{flex:1;overflow:hidden}.sidebar-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-stack{direction:ltr}.message-bubble span:first-child{direction:auto;unicode-bidi:plaintext}.dark .message-line.mine .message-bubble{background:linear-gradient(135deg,#8350db,#6240bd);color:#fff}.dark .message-line.mine time,.dark .message-line.mine .message-status{color:rgba(238,231,255,.71)}.dark .message-line:not(.mine) .message-bubble{background:#2c2832}.message-composer{background:color-mix(in srgb,var(--wall) 82%,transparent)}.message-composer input{background:color-mix(in srgb,var(--surface-soft) 88%,transparent)}@media(max-width:680px){.contacts-page,.settings-page{padding:20px 17px calc(105px + env(safe-area-inset-bottom))}.mobile-conversation-list{display:block}.desktop-chat-empty{display:none}.settings-hero{padding-bottom:31px}.settings-hero .avatar{width:104px;height:104px;font-size:42px}.conversation-open .chat-stage{height:100dvh}.conversation-open .messages-viewport{padding-bottom:13px}.conversation-open .message-composer{position:relative;z-index:2}}.conversation-open .app-layout,.conversation-open .main-pane,.conversation-open .pane-scroll{min-height:0;overflow:hidden}.conversation-open .pane-scroll{height:100%;overscroll-behavior:none}.conversation-open .chat-stage{height:100%;min-height:0;overflow:hidden}.conversation-head,.message-composer{flex:none}.messages-viewport{overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 30%,transparent) transparent}.message-stack{gap:11px}.message-bubble{position:relative;border-radius:20px 20px 20px 8px;padding:12px 15px 8px;box-shadow:0 4px 15px rgba(22,16,29,.07);transition:transform .15s ease,box-shadow .15s ease}.message-line.mine .message-bubble{border-radius:20px 20px 8px}.message-bubble:hover{box-shadow:0 7px 20px rgba(22,16,29,.098)}.message-bubble>span:first-child{padding-inline-end:0}.bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-height:14px}.message-bubble time{font-size:10px;opacity:.72}.delivery-state{display:inline-flex;align-items:center;color:var(--accent);opacity:.88}.dark .delivery-state{color:#e7d8ff}.message-actions{position:absolute;right:calc(100% + 8px);top:50%;z-index:2;opacity:.6;transform:translateY(-50%);transition:opacity .15s ease}.message-line:not(.mine) .message-actions{right:auto;left:calc(100% + 8px)}.message-actions:focus-within,.message-line:hover .message-actions{opacity:1}.message-actions>button{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:50%;background:color-mix(in srgb,var(--surface) 78%,transparent);color:var(--muted);backdrop-filter:blur(8px)}.message-action-menu{position:absolute;right:0;left:auto;top:calc(100% + 5px);min-width:145px;padding:5px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 10px 30px rgba(16,12,25,.2)}.message-line:not(.mine) .message-action-menu{right:auto;left:0}.message-action-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px;border:0;border-radius:9px;background:transparent;color:var(--ink);text-align:start;font-size:12px}.message-action-menu button:hover{background:color-mix(in srgb,#d15362 10%,var(--surface))}.message-action-menu button.destructive{color:#d15362}.message-quote{display:grid;gap:3px;width:100%;margin:0 0 7px;padding:7px 9px;border:0;border-inline-start:2px solid var(--accent);border-radius:5px;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--ink);text-align:start}.message-quote strong{font-size:11px;color:var(--accent)}.message-quote span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;opacity:.78}.composer-context{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 12px;border-inline-start:3px solid var(--accent);border-radius:9px;background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.composer-context span{display:grid;min-width:0;gap:2px}.composer-context strong{font-size:11px;color:var(--accent)}.composer-context small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.75}.composer-context button{display:grid;place-items:center;flex:0 0 30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--muted)}.message-retry{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#c44d57;font-size:11px}.peer-profile-trigger{display:flex;align-items:center;gap:12px;min-width:0;border:0;border-radius:16px;background:transparent;padding:5px 8px;color:var(--ink);text-align:start}.peer-profile-trigger:hover{background:var(--accent-soft)}.peer-profile-trigger>span:last-child{display:flex;flex-direction:column;gap:3px}.peer-profile-trigger small{color:var(--muted);font-size:11px}.peer-profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:rgba(16,14,23,.66);backdrop-filter:blur(9px)}.peer-profile-card{position:relative;display:flex;align-items:center;flex-direction:column;width:min(100%,380px);min-height:310px;padding:40px 28px 30px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:30px;background:var(--surface);box-shadow:0 24px 80px rgba(5,4,8,.333);text-align:center;animation:profile-enter .18s ease-out}.peer-profile-card>.avatar{width:106px;height:106px;font-size:43px}.peer-profile-card h2{margin:18px 0 5px;font-size:25px;letter-spacing:-.03em}.peer-profile-card>p{margin:0;color:var(--accent);font-size:13px}.peer-profile-bio{width:100%;margin-top:24px;padding:16px;border-radius:17px;background:var(--surface-soft);color:var(--muted);font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.peer-profile-close{position:absolute;inset-inline-end:14px;top:14px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--surface-soft);color:var(--muted)}@keyframes profile-enter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dark .main-pane:before{opacity:.72;background-image:radial-gradient(ellipse at 18% 22%,#76559022,transparent 42%),radial-gradient(ellipse at 82% 78%,#54407120,transparent 46%),radial-gradient(#8b6d9a16 .7px,transparent .7px);background-size:auto,auto,30px 30px}.dark .message-line:not(.mine) .message-bubble{background:color-mix(in srgb,#2b2830 90%,transparent)}.dark .message-line.mine .message-bubble{background:linear-gradient(145deg,#8257ca,#6945b4)}.contacts-page,.settings-page{border-radius:26px}.settings-group{border-radius:25px;box-shadow:0 4px 20px rgba(23,17,28,.035)}.directory-search{border-radius:18px}@media(hover:none){.message-actions{opacity:.8}}@media(max-width:680px){.conversation-open .main-pane{height:100dvh}.conversation-open .pane-scroll{padding-bottom:0}.conversation-open .conversation-head{min-height:70px;padding-block:8px}.conversation-open .message-composer{padding-bottom:max(12px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--wall) 88%,transparent)}.message-bubble{max-width:88%;border-radius:19px 19px 19px 8px}.message-line.mine .message-bubble{border-radius:19px 19px 8px}.peer-profile-card{border-radius:28px}}:root{--glass-fill:rgba(255,255,255,.7);--glass-fill-strong:rgba(255,255,255,.82);--glass-edge:rgba(255,255,255,.78);--glass-shine:rgba(255,255,255,.68);--glass-shadow:0 18px 50px rgba(48,35,74,.12)}.dark{--glass-fill:rgba(30,27,37,.72);--glass-fill-strong:rgba(35,32,43,.86);--glass-edge:rgba(255,255,255,.13);--glass-shine:rgba(255,255,255,.12);--glass-shadow:0 18px 50px rgba(0,0,0,.32)}.sidebar{background:var(--glass-fill);backdrop-filter:blur(26px) saturate(155%)}.dark .sidebar{background:var(--glass-fill)}.conversation-head,.message-composer{background:var(--glass-fill-strong);border-color:color-mix(in srgb,var(--glass-edge) 70%,var(--line));backdrop-filter:blur(26px) saturate(160%)}.sidebar-bottom-nav,.folder-strip,.settings-group,.directory-search,.message-action-menu,.peer-profile-card{background:var(--glass-fill-strong);border:1px solid var(--glass-edge);backdrop-filter:blur(24px) saturate(160%);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-shine)}.folder-strip{padding:5px}.folder-strip button.active,.sidebar-bottom-nav button.active{background:color-mix(in srgb,var(--glass-fill-strong) 86%,var(--accent-soft));border:1px solid var(--glass-edge);box-shadow:0 5px 16px rgba(25,17,35,.07),inset 0 1px 0 var(--glass-shine)}.settings-group{overflow:hidden}.settings-link+.settings-link{border-color:color-mix(in srgb,var(--glass-edge) 35%,var(--line))}.panel,.contacts-page,.settings-page{background:color-mix(in srgb,var(--glass-fill) 88%,var(--surface));border-color:var(--glass-edge);backdrop-filter:blur(24px) saturate(145%);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-shine)}.message-bubble{border:1px solid color-mix(in srgb,var(--glass-edge) 72%,transparent);background:var(--glass-fill-strong);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 8px 24px rgba(21,15,32,.1),inset 0 1px 0 var(--glass-shine)}.message-line.mine .message-bubble{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 84%,white 16%),color-mix(in srgb,var(--accent) 94%,transparent));border-color:color-mix(in srgb,var(--accent) 40%,white 60%);box-shadow:0 9px 28px color-mix(in srgb,var(--accent) 24%,transparent),inset 0 1px rgba(255,255,255,.44)}.dark .message-line:not(.mine) .message-bubble{background:rgba(45,41,53,.76);border-color:rgba(255,255,255,.1)}.dark .message-line.mine .message-bubble{background:linear-gradient(145deg,rgba(139,101,207,.92),rgba(91,64,153,.9));border-color:rgba(226,209,255,.25)}.message-actions>button,.message-action-menu{border:1px solid var(--glass-edge);background:var(--glass-fill-strong);backdrop-filter:blur(22px) saturate(160%);box-shadow:0 8px 26px rgba(15,10,24,.15),inset 0 1px 0 var(--glass-shine)}.message-action-menu button:hover{background:color-mix(in srgb,var(--accent-soft) 78%,transparent)}.message-action-menu button.destructive:hover{background:color-mix(in srgb,#d15362 12%,transparent)}.message-composer{box-shadow:0 -8px 30px rgba(35,24,52,.06)}.message-composer input{border-color:var(--glass-edge);background:color-mix(in srgb,var(--glass-fill-strong) 74%,var(--surface-soft));box-shadow:inset 0 1px 0 var(--glass-shine)}.peer-profile-card{background:var(--glass-fill-strong)}@media(prefers-reduced-transparency:reduce){.sidebar,.conversation-head,.message-composer,.folder-strip,.sidebar-bottom-nav,.settings-group,.directory-search,.panel,.contacts-page,.settings-page,.message-bubble,.message-actions>button,.message-action-menu,.peer-profile-card{backdrop-filter:none;background:var(--surface)}}.chat-stage{position:relative}.messages-viewport{padding-block-end:112px}.message-composer{position:absolute;z-index:5;inset-inline:clamp(14px,3.2vw,42px);bottom:max(17px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:8px;padding:7px;border:1px solid var(--glass-edge);border-radius:999px;background:color-mix(in srgb,var(--glass-fill-strong) 88%,transparent);box-shadow:0 14px 38px rgba(26,18,38,.17),inset 0 1px 0 var(--glass-shine);backdrop-filter:blur(28px) saturate(175%)}.message-composer input{grid-column:1;grid-row:1;min-height:46px;padding:11px 17px;border:0;border-radius:999px;background:transparent;box-shadow:none;font-size:15px}.message-composer input:focus{border:0;outline:0}.message-composer .composer-send{grid-column:2;grid-row:1;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:linear-gradient(145deg,#9673e6,#7654c6);color:#fff;box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 36%,transparent),inset 0 1px rgba(255,255,255,.48);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.message-composer .composer-send:not(:disabled):hover{transform:translateY(-1px) scale(1.035);box-shadow:0 8px 21px color-mix(in srgb,var(--accent) 45%,transparent),inset 0 1px rgba(255,255,255,.55)}.message-composer .composer-send:disabled{background:color-mix(in srgb,var(--accent) 50%,var(--muted));box-shadow:none}.message-composer:has(.composer-context){grid-template-rows:auto auto;border-radius:23px;padding:9px}.message-composer .composer-context{grid-column:1/-1;grid-row:1}.message-composer:has(.composer-context) input{grid-row:2}.message-composer:has(.composer-context) .composer-send{grid-row:2}.mobile-nav{background:color-mix(in srgb,var(--glass-fill-strong) 86%,transparent);border-color:var(--glass-edge);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-shine);backdrop-filter:blur(28px) saturate(170%)}.mobile-nav button.active{background:color-mix(in srgb,var(--accent-soft) 78%,var(--glass-fill-strong));box-shadow:inset 0 1px 0 var(--glass-shine)}.search-box,.directory-sort,.directory-add,.settings-top button,.mobile-back,.auth-tools button,.auth-card,.input-prefix,.profile-form input,.profile-form textarea,.auth-card input,.sidebar-add,.sidebar-empty button,.older-messages,.person-action{border-color:var(--glass-edge);background:color-mix(in srgb,var(--glass-fill-strong) 78%,var(--surface-soft));box-shadow:inset 0 1px 0 var(--glass-shine)}.auth-card{background:var(--glass-fill-strong);backdrop-filter:blur(28px) saturate(160%);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-shine)}.primary-button{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 82%,white),var(--accent));box-shadow:0 7px 19px color-mix(in srgb,var(--accent) 24%,transparent),inset 0 1px rgba(255,255,255,.35)}.sidebar-person:hover,.sidebar-person.selected,.conversation-row:hover,.settings-link:hover:is(button){backdrop-filter:blur(12px);background:color-mix(in srgb,var(--accent-soft) 74%,var(--glass-fill))}.message-action-menu,.peer-profile-card{background:var(--glass-fill-strong)}@media(max-width:680px){.message-composer{inset-inline:11px;bottom:max(12px,env(safe-area-inset-bottom));padding:6px}.message-composer .composer-send{width:47px;height:47px}.messages-viewport{padding-block-end:106px}.message-composer:has(.composer-context){border-radius:21px}}@media(prefers-reduced-transparency:reduce){.mobile-nav,.search-box,.directory-sort,.directory-add,.settings-top button,.mobile-back,.auth-tools button,.auth-card,.input-prefix,.profile-form input,.profile-form textarea,.auth-card input,.sidebar-add,.sidebar-empty button,.older-messages,.person-action{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--surface)}}.sidebar{width:clamp(330px,34vw,440px);min-width:310px}.sidebar-head{min-height:75px;padding:12px 20px;border-bottom:1px solid color-mix(in srgb,var(--glass-edge) 46%,var(--line));background:color-mix(in srgb,var(--glass-fill-strong) 66%,transparent)}.sidebar-brand{display:flex;align-items:center;gap:8px;min-width:0}.sidebar-brand .wordmark{font-size:25px}.sidebar-brand-caption{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.14em}.sidebar-user{gap:8px}.sidebar-user .avatar{width:35px;height:35px}.sidebar-toolbar{display:grid;gap:12px;padding:16px 17px 13px;border-bottom:1px solid color-mix(in srgb,var(--glass-edge) 38%,var(--line))}.sidebar-toolbar-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px}.sidebar-toolbar-title h1{margin:2px 0 0;font-size:24px;letter-spacing:-.04em}.sidebar-compose{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:linear-gradient(145deg,#5aa3ff,#347fe8);color:#fff;box-shadow:0 7px 18px rgba(50,127,232,.227),inset 0 1px rgba(255,255,255,.5);transition:transform .16s ease,box-shadow .16s ease}.sidebar-compose:hover{transform:translateY(-1px) scale(1.035);box-shadow:0 10px 23px rgba(50,127,232,.29),inset 0 1px rgba(255,255,255,.627)}.sidebar-segments{display:flex;gap:4px;min-height:48px;padding:4px;border-radius:999px}.sidebar-segments button{flex:1;border-radius:999px;padding:8px 10px;font-size:13px;font-weight:600}.sidebar-segments button.active{color:var(--ink)}.sidebar-search{height:43px;border-radius:999px;padding-inline:14px}.sidebar-search input{font-size:12px}.sidebar-body{padding:0 10px 16px}.sidebar-list{padding-top:4px}.sidebar-person{position:relative;min-height:108px;gap:14px;padding:12px 8px;border:0;border-radius:13px;text-align:start}.sidebar-person:after{content:"";position:absolute;inset-inline-start:124px;inset-inline-end:8px;bottom:0;height:1px;background:color-mix(in srgb,var(--line) 80%,transparent)}.sidebar-person:hover,.sidebar-person.selected{border-radius:13px}.sidebar-person .avatar{width:72px;height:72px;flex:0 0 72px;font-size:26px}.avatar img{display:block;width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}.sidebar-person-copy{display:flex!important;flex:1;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.sidebar-person strong{font-size:16px;font-weight:600;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-person small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:14px;line-height:1.4;text-align:start;white-space:normal;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.sidebar-row-meta{display:flex!important;align-self:stretch;flex:0 0 58px;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:7px;overflow:visible!important;padding-top:2px}.sidebar-time{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-end;gap:5px;color:var(--muted);font-size:13px;white-space:nowrap}.sidebar-row-meta time{color:var(--muted);font-size:13px;direction:ltr}.sidebar-delivery{display:flex!important;color:#4d9cff}.sidebar-delivery.is-sent{color:var(--muted)}.sidebar-contact-open{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 74%,var(--glass-fill))}.sidebar-empty{min-height:180px}.sidebar-bottom-nav{width:calc(100% - 32px);margin:12px 16px max(13px,env(safe-area-inset-bottom));border-radius:999px;padding:5px}.sidebar-bottom-nav button{height:48px;border-radius:999px;font-size:10px}.contacts-page,.settings-page{width:min(calc(100% - 48px),760px);min-height:calc(100% - 48px);margin:24px auto;border:1px solid var(--glass-edge);border-radius:28px;padding:25px clamp(22px,4vw,34px) 100px;background:color-mix(in srgb,var(--glass-fill) 82%,var(--surface));backdrop-filter:blur(24px) saturate(145%);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-shine)}.directory-head,.settings-top{min-height:48px;margin-bottom:14px}.directory-head h2,.settings-top h2{font-size:20px;font-weight:700;letter-spacing:-.025em}.directory-section{padding:14px 15px;margin-top:16px;border:1px solid color-mix(in srgb,var(--glass-edge) 56%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--glass-fill) 62%,transparent);box-shadow:inset 0 1px 0 var(--glass-shine)}.directory-section h3{margin-bottom:8px}.contacts-page .person-row{padding-inline:3px}@media(max-width:800px){.sidebar{width:300px;min-width:280px}.sidebar-brand-caption{display:none}.sidebar-person{min-height:92px;gap:11px}.sidebar-person:after{inset-inline-start:91px}.sidebar-person .avatar{width:58px;height:58px;flex-basis:58px}.sidebar-person strong{font-size:14px}.sidebar-person small{font-size:12px}.sidebar-row-meta{flex-basis:53px}.sidebar-time,.sidebar-row-meta time{font-size:11px}}@media(max-width:680px){.sidebar{display:none}.contacts-page,.settings-page{width:100%;min-height:100%;margin:0;border:0;border-radius:0;padding:20px 17px calc(105px + env(safe-area-inset-bottom));box-shadow:none}.directory-section{border-radius:18px;padding:12px}.directory-head,.settings-top{margin-bottom:12px}.sidebar-person{min-height:106px;gap:13px;padding-inline:8px}.sidebar-person:after{inset-inline-start:105px}.sidebar-person .avatar{width:68px;height:68px;flex-basis:68px}.sidebar-person strong{font-size:16px}.sidebar-person small{font-size:13px}.sidebar-row-meta{flex-basis:58px}.sidebar-time,.sidebar-row-meta time{font-size:12px}.sidebar-open .sidebar{display:flex;width:100%;min-width:0;height:100%;border:0;border-radius:0}.sidebar-open .sidebar-user div{display:flex}.sidebar-open .sidebar-head{min-height:76px;padding-inline:20px}.sidebar-open .main-pane,.sidebar-open .mobile-nav{display:none}.sidebar-open .sidebar-bottom-nav{margin-bottom:max(14px,env(safe-area-inset-bottom))}.sidebar-open .sidebar-body{padding-inline:12px}}.mobile-nav,.sidebar-bottom-nav{align-items:center;justify-content:space-around;gap:5px;padding:7px;border:1px solid color-mix(in srgb,var(--glass-edge) 80%,transparent);border-radius:999px;background:color-mix(in srgb,var(--glass-fill-strong) 88%,transparent);box-shadow:0 12px 34px rgba(0,0,0,.2),inset 0 1px 0 var(--glass-shine);backdrop-filter:blur(30px) saturate(175%)}.mobile-nav button,.sidebar-bottom-nav button{position:relative;display:flex;flex:1;min-width:0;height:74px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:999px;background:transparent;color:var(--ink);font-size:12px;font-weight:600;transition:background .2s ease,color .2s ease,transform .2s ease}.mobile-nav button svg,.sidebar-bottom-nav button svg{width:29px;height:29px;flex:none}.mobile-nav button.active,.sidebar-bottom-nav button.active{background:color-mix(in srgb,var(--ink) 12%,transparent);color:var(--accent);box-shadow:inset 0 1px 0 var(--glass-shine)}.mobile-nav button:active,.sidebar-bottom-nav button:active{transform:scale(.96)}.sidebar-bottom-nav{height:88px;margin:12px 16px max(13px,env(safe-area-inset-bottom));padding:6px}.sidebar-bottom-nav button{height:72px}@media(max-width:680px){.mobile-nav{inset-inline:16px;bottom:calc(12px + env(safe-area-inset-bottom));height:88px;padding:7px}.mobile-nav button{height:72px}.mobile-nav button.active{background:color-mix(in srgb,var(--ink) 13%,transparent)}.mobile-nav button.active svg{filter:drop-shadow(0 2px 5px color-mix(in srgb,var(--accent) 25%,transparent))}}@media(prefers-reduced-transparency:reduce){.mobile-nav,.sidebar-bottom-nav{background:var(--surface);backdrop-filter:none}}.dashboard{--surface:#18181f;--surface-soft:#22222c;--wall:#101016;--ink:#f4f3fb;--muted:#9e9cb0;--line:rgba(199,197,224,.105);--accent:#6481ff;--accent-soft:#32344f;--glass-fill:rgba(24,24,31,.92);--glass-fill-strong:rgba(29,29,39,.91);--glass-edge:rgba(178,174,233,.22);--glass-shine:rgba(255,255,255,.12);--glass-shadow:0 18px 50px rgba(0,0,0,.32);background:#111117;color:var(--ink)}.dashboard:not(.dark){--surface:#18181f;--surface-soft:#22222c;--wall:#101016;--ink:#f4f3fb;--muted:#9e9cb0;--line:rgba(199,197,224,.105);--accent:#8295ff;--accent-soft:#32344f;--glass-fill:rgba(24,24,31,.92);--glass-fill-strong:rgba(29,29,39,.91);--glass-edge:rgba(178,174,233,.22);--glass-shine:rgba(255,255,255,.12);--glass-shadow:0 18px 50px rgba(0,0,0,.32)}.app-layout{direction:ltr}.sidebar{direction:rtl;width:clamp(360px,37vw,538px);min-width:330px;background:radial-gradient(ellipse at 12% 4%,rgba(49,47,66,.2),transparent 32%),linear-gradient(130deg,#1a1a22,#17171e 57%,#16161c);border-inline-end:0;border-left:1px solid rgba(183,182,212,.16);box-shadow:6px 0 24px rgba(0,0,0,.133)}.sidebar-head{direction:ltr;grid-template-columns:1fr auto 1fr;gap:12px;height:94px;min-height:94px;padding:10px 23px 0}.sidebar-edit{justify-self:start;min-width:92px;height:52px;border-color:#494752;background:linear-gradient(145deg,#33323d,#24232d);font-size:17px}.sidebar-brand-mark{font-size:31px;color:#f6f2fb;letter-spacing:-2px}.sidebar-brand-mark:first-letter{color:#af82f4}.sidebar-compose{justify-self:end;width:59px;height:59px}.sidebar-toolbar{padding:1px 23px 12px}.sidebar-search{direction:ltr;gap:14px;height:53px;margin:0;padding-inline:20px;border-color:#3b3a48;border-radius:30px;background:linear-gradient(120deg,rgba(44,44,56,.66),rgba(37,37,48,.72));color:#9895ad;box-shadow:inset 0 1px 2px rgba(255,255,255,.03)}.sidebar-search input{direction:rtl;text-align:start;color:#ebe9f7;font-size:16px}.sidebar-search input::-moz-placeholder{color:#a4a1b5}.sidebar-search input::placeholder{color:#a4a1b5}.sidebar-body{padding:0 10px 14px;background:transparent}.sidebar-list{padding-top:0}.sidebar-person{direction:ltr;min-height:87px;gap:19px;padding:8px 14px;border:0;border-radius:15px;text-align:left;background:transparent;transition:background .2s ease}.sidebar-person:after{inset-inline-start:100px;inset-inline-end:0;background:var(--line)}.sidebar-person:hover,.sidebar-person.selected{background:linear-gradient(110deg,rgba(71,57,103,.4),rgba(54,49,79,.54));border-radius:15px}.sidebar-person .avatar{width:67px;height:67px;flex:0 0 67px;font-size:27px;color:#e3d8ff;background:linear-gradient(145deg,#7658a3,#493b76)}.sidebar-person-copy{direction:inherit;gap:0;padding:1px 0;text-align:start}.sidebar-person strong{font-size:18px;font-weight:650;line-height:1.5}.sidebar-person small{display:block;color:#a6a3b9;font-size:15px;line-height:1.65;text-align:start;white-space:nowrap}.sidebar-row-meta{flex-basis:58px;justify-content:center;gap:7px;padding:0;color:#aaa8bf}.sidebar-time{gap:5px;color:#aaa8bf;font-size:14px}.sidebar-row-meta time{color:#aaa8bf;font-size:14px}.sidebar-delivery{color:#8dabff}.sidebar-delivery.is-sent{color:#a5a7c6}.sidebar-bottom-nav{position:absolute;z-index:10;inset-inline:23px;bottom:17px;width:auto;height:72px;margin:0;direction:rtl;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px;border-radius:42px;border-color:rgba(178,174,233,.32);background:linear-gradient(130deg,rgba(66,66,91,.48),rgba(39,39,58,.72) 48%,rgba(43,43,66,.78));box-shadow:0 8px 35px rgba(5,4,12,.48),inset 0 1px 1px rgba(255,255,255,.18),inset 0 -1px 2px rgba(11,11,21,.8);backdrop-filter:blur(25px) saturate(1.5)}.sidebar-bottom-nav button{height:60px;gap:2px;border:1px solid transparent;border-radius:36px;color:#aaa7c2;font-size:13px;font-weight:600}.sidebar-bottom-nav button svg{width:25px;height:25px;stroke-width:1.85}.sidebar-bottom-nav button.active{color:#f2f0ff;border-color:rgba(148,162,242,.4);background:radial-gradient(ellipse at 50% 100%,rgba(91,119,238,.28),transparent 88%),linear-gradient(160deg,rgba(98,96,140,.46),rgba(42,45,83,.52));box-shadow:inset 0 2px 2px rgba(197,188,255,.2),0 0 19px rgba(107,106,232,.2),inset 0 0 12px rgba(97,100,178,.2)}.sidebar-bottom-nav button.active svg{stroke:#8dabff;filter:drop-shadow(0 0 5px #637aff)}.main-pane{direction:rtl;position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 50%,#17171f,#121219 48%,#101016)}.main-pane:before{content:none}.nili-wallpaper{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:#514768;opacity:.14;pointer-events:none}.pane-scroll{z-index:1;background:transparent}.chat-stage{position:relative;z-index:1;background:transparent}.desktop-chat-empty{position:relative;z-index:1;min-height:100%;color:#9d9ab4}.desktop-chat-empty svg{color:#514768;opacity:.8}.conversation-head{min-height:82px;padding:11px 22px;border-color:rgba(220,216,247,.09);background:rgba(30,29,40,.64);backdrop-filter:blur(22px)}.peer-profile-trigger{color:#f4f3fb}.peer-profile-trigger .avatar{width:49px;height:49px;background:linear-gradient(145deg,#7658a3,#493b76);color:#e3d8ff}.conversation-head strong{font-size:17px}.peer-profile-trigger small{color:#aaa5bf}.messages-viewport{scrollbar-color:#535064 transparent}.message-stack{gap:13px}.message-bubble{min-width:125px;max-width:min(77%,550px);padding:10px 14px 9px;border-radius:18px;background:#2c2638;color:#f4f3fb;box-shadow:0 2px 8px rgba(0,0,0,.2)}.message-line.mine .message-bubble{border-radius:18px 18px 6px;background:linear-gradient(145deg,#7059e6,#564bc9);border-color:rgba(148,162,242,.3)}.message-line:not(.mine) .message-bubble{border-radius:18px 18px 18px 6px;background:#2c2638}.message-bubble time{color:rgba(255,255,255,.62)}.message-composer{inset-inline:24px;bottom:22px;min-height:58px;grid-template-columns:minmax(0,1fr) 48px;gap:11px;padding:6px 8px;border-radius:33px;border-color:rgba(167,162,204,.23);background:rgba(52,49,62,.74);box-shadow:0 6px 25px rgba(0,0,0,.267)}.message-composer input{grid-column:1;grid-row:1;min-height:44px;border:0;background:transparent;padding:11px 12px;color:#f4f3fb;font-size:16px}.message-composer input::-moz-placeholder{color:#aaa8b8}.message-composer input::placeholder{color:#aaa8b8}.message-composer .composer-send{grid-column:2;grid-row:1;width:43px;height:43px;border:0;border-radius:50%;background:linear-gradient(140deg,#659efa,#4c67de);box-shadow:inset 0 1px 2px rgba(255,255,255,.376)}.contacts-page,.settings-page{width:100%;min-height:100%;margin:0;padding:15px 14px 120px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.directory-head{min-height:44px;margin-bottom:13px}.directory-head h2,.settings-top h2{color:#f4f3fb;font-size:19px}.directory-sort,.directory-add,.settings-top button{border-color:#494752;background:linear-gradient(145deg,#33323d,#24232d);color:#f4f3fb}.directory-search{height:48px;margin-bottom:14px;border-color:#3b3a48;border-radius:30px;background:linear-gradient(120deg,rgba(44,44,56,.66),rgba(37,37,48,.72));color:#9895ad}.directory-search input{color:#f4f3fb}.directory-section{margin-top:12px;padding:12px 10px;border:0;border-radius:0;background:transparent;box-shadow:none}.directory-section h3{color:#aaa7bb;font-size:14px}.contacts-page .person-row{min-height:69px;padding:8px 4px;border-color:var(--line)}.contacts-page .person-main .avatar{width:56px;height:56px}.contacts-page .person-copy strong{color:#eeeaf6;font-size:16px}.contacts-page .person-copy span,.contacts-page .person-copy small{color:#aaa7bb;font-size:12px}.contacts-page .person-main{direction:ltr}.contacts-page .person-action{width:36px;height:36px;border:1px solid #484654;border-radius:50%;background:#292832;color:#aaa7c2}.settings-top{margin-bottom:10px}.settings-hero{display:grid;grid-template-columns:65px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;-moz-column-gap:15px;column-gap:15px;row-gap:2px;padding:18px 10px 20px;margin-bottom:18px;border-bottom:1px solid var(--line);text-align:start}.settings-hero .avatar{grid-column:1;grid-row:1/3}.settings-hero h3{grid-column:2;grid-row:1}.settings-hero p{grid-column:2;grid-row:2}.settings-hero .avatar{width:65px;height:65px;flex:none;font-size:26px}.settings-hero h3{margin:0;color:#f4f3fb;font-size:21px}.settings-hero p{margin:4px 0 0;color:var(--muted)}.settings-hero small{display:none}.settings-group{margin:10px 0;border-radius:16px;border-color:rgba(178,174,233,.13);background:rgba(34,33,45,.64);box-shadow:inset 0 1px rgba(255,255,255,.06)}.settings-link{min-height:58px;padding:10px 13px;color:#eeeaf6}.settings-tile{width:35px;height:35px;border-radius:11px}.settings-editor{padding:15px}.settings-editor .profile-form label{color:#d5d2e1}.profile-form input,.profile-form textarea{border-color:#454352;background:#17171f;color:#f4f3fb}.sidebar-open .sidebar{position:relative}@media(max-width:800px){.sidebar{width:clamp(330px,37vw,538px);min-width:300px}}@media(max-width:680px){.sidebar{width:100%;min-width:0;height:100%;border:0}.sidebar-open .sidebar{width:100%;min-width:0;height:100%}.sidebar-head{height:86px;min-height:86px;padding:10px 18px 0}.sidebar-toolbar{padding:1px 18px 12px}.sidebar-body{padding:0 10px 8px}.sidebar-bottom-nav{position:sticky;inset:auto;align-self:center;flex:none;width:calc(100% - 36px);height:72px;margin:0 18px max(17px,env(safe-area-inset-bottom));padding:5px}.sidebar-bottom-nav button{height:60px}.sidebar-open .sidebar-bottom-nav{margin-bottom:max(17px,env(safe-area-inset-bottom))}.sidebar-person{min-height:80px;gap:13px;padding:7px 10px}.sidebar-person:after{inset-inline-start:89px}.sidebar-person .avatar{width:55px;height:55px;flex-basis:55px;font-size:23px}.sidebar-person strong{font-size:16px}.sidebar-person small{font-size:13px}.sidebar-row-meta{flex-basis:55px}.sidebar-time,.sidebar-row-meta time{font-size:12px}.main-pane,.conversation-open .sidebar{display:none}.conversation-open .main-pane{display:flex;width:100%;height:100dvh}.conversation-open .pane-scroll{height:100%;padding-bottom:0}.conversation-open .chat-stage{height:100%;min-height:0}.conversation-open .message-composer{inset-inline:10px;bottom:max(14px,env(safe-area-inset-bottom));min-height:54px;padding:5px 7px}.conversation-open .messages-viewport{padding:18px 13px 105px}.contacts-page,.settings-page{min-height:100%;padding:8px 14px 14px}.sidebar-list:has(.contacts-page),.sidebar-list:has(.settings-page){padding-top:0}.sidebar-open .mobile-header{display:none}}@media(max-width:390px){.sidebar-head,.sidebar-toolbar{padding-inline:15px}.sidebar-person{gap:11px;padding-inline:9px}.sidebar-person .avatar{width:52px;height:52px;flex-basis:52px}.sidebar-person:after{inset-inline-start:80px}.sidebar-person strong{font-size:15px}.sidebar-person small{font-size:12px}.sidebar-row-meta{flex-basis:49px}.sidebar-time,.sidebar-row-meta time{font-size:11px}.message-composer{inset-inline:10px}}html:not(.dark) .dashboard{--surface:#f5f4f8;--surface-soft:#e9e8ef;--wall:#eae8f0;--ink:#25232d;--muted:#777382;--line:rgba(49,44,72,.13);--accent:#536fe3;--accent-soft:#dfe4fb;--glass-fill:rgba(246,245,250,.92);--glass-fill-strong:rgba(255,255,255,.9);--glass-edge:rgba(72,66,105,.17);--glass-shine:rgba(255,255,255,.8);--glass-shadow:0 18px 50px rgba(48,35,74,.12);background:#ecebf1;color:var(--ink)}html:not(.dark) .sidebar{background:radial-gradient(ellipse at 12% 4%,rgba(121,110,158,.09),transparent 32%),linear-gradient(130deg,#f9f8fb,#f1f0f5 57%,#eeedf3);border-left-color:rgba(72,66,105,.15);box-shadow:6px 0 24px rgba(36,27,57,.07)}html:not(.dark) .sidebar-edit,html:not(.dark) .directory-sort,html:not(.dark) .directory-add,html:not(.dark) .settings-top button{border-color:#d8d6e0;background:linear-gradient(145deg,#fff,#eeedf3);color:#25232d}html:not(.dark) .sidebar-brand-mark{color:#25232d}html:not(.dark) .sidebar-search,html:not(.dark) .directory-search{border-color:#d9d7e2;background:linear-gradient(120deg,#f0eff5,#e7e6ed);color:#777382}html:not(.dark) .sidebar-search input,html:not(.dark) .directory-search input{color:#25232d}html:not(.dark) .sidebar-search input::-moz-placeholder{color:#777382}html:not(.dark) .sidebar-search input::placeholder{color:#777382}html:not(.dark) .sidebar-person strong,html:not(.dark) .directory-head h2,html:not(.dark) .settings-top h2,html:not(.dark) .settings-hero h3,html:not(.dark) .settings-link{color:#25232d}html:not(.dark) .sidebar-person small,html:not(.dark) .sidebar-time,html:not(.dark) .sidebar-row-meta time{color:#777382}html:not(.dark) .sidebar-person:hover,html:not(.dark) .sidebar-person.selected{background:linear-gradient(110deg,rgba(220,215,238,.7),rgba(210,207,230,.62))}html:not(.dark) .sidebar-bottom-nav{border-color:rgba(72,66,105,.19);background:linear-gradient(130deg,rgba(255,255,255,.84),rgba(234,233,242,.9));box-shadow:0 8px 35px rgba(36,32,57,.15),inset 0 1px 1px #fff,inset 0 -1px 2px #bcb9cb}html:not(.dark) .sidebar-bottom-nav button{color:#777382}html:not(.dark) .sidebar-bottom-nav button.active{color:#3e58c3;border-color:rgba(83,111,227,.3);background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(216,222,249,.9));box-shadow:inset 0 1px 2px #fff,0 0 14px rgba(83,111,227,.14)}html:not(.dark) .main-pane{background:radial-gradient(ellipse at 55% 50%,#f5f3fa,#ebe9f2 58%,#e5e3ed)}html:not(.dark) .nili-wallpaper{color:#796b9c;opacity:.12}html:not(.dark) .desktop-chat-empty{color:#777382}html:not(.dark) .desktop-chat-empty svg{color:#786c9e}html:not(.dark) .conversation-head{border-color:rgba(72,66,105,.14);background:rgba(248,247,251,.78)}html:not(.dark) .peer-profile-trigger{color:#25232d}html:not(.dark) .peer-profile-trigger small{color:#777382}html:not(.dark) .message-bubble,html:not(.dark) .message-line:not(.mine) .message-bubble{background:rgba(255,255,255,.82);color:#25232d;border-color:rgba(72,66,105,.14)}html:not(.dark) .message-line.mine .message-bubble{background:linear-gradient(145deg,#6983ed,#536fe3);color:#fff;border-color:rgba(83,111,227,.3)}html:not(.dark) .message-composer{border-color:rgba(72,66,105,.2);background:rgba(255,255,255,.8);box-shadow:0 6px 25px rgba(36,27,57,.11)}html:not(.dark) .message-composer input{color:#25232d}html:not(.dark) .message-composer input::-moz-placeholder{color:#777382}html:not(.dark) .message-composer input::placeholder{color:#777382}html:not(.dark) .directory-section h3,html:not(.dark) .contacts-page .person-copy span,html:not(.dark) .contacts-page .person-copy small{color:#777382}html:not(.dark) .contacts-page .person-copy strong{color:#25232d}html:not(.dark) .settings-hero p{color:#777382}html:not(.dark) .settings-group{border-color:rgba(72,66,105,.16);background:rgba(255,255,255,.72);box-shadow:inset 0 1px #fff}html:not(.dark) .settings-editor .profile-form label{color:#383542}html:not(.dark) .profile-form input,html:not(.dark) .profile-form textarea{border-color:#d9d7e2;background:#f7f6fa;color:#25232d}@media(prefers-reduced-transparency:reduce){.sidebar-bottom-nav{background:var(--surface)}}.sidebar-head{display:grid;grid-template-columns:max-content minmax(0,1fr) 52px;align-items:center;gap:12px;min-height:78px;padding:10px 17px;border-bottom:0;background:transparent}.sidebar-edit{min-width:70px;height:48px;padding:0 17px;border:1px solid var(--glass-edge);border-radius:999px;background:var(--glass-fill-strong);color:var(--ink);font-size:15px;font-weight:600;box-shadow:0 6px 20px rgba(0,0,0,.08),inset 0 1px 0 var(--glass-shine);backdrop-filter:blur(22px) saturate(160%)}.sidebar-brand-mark{justify-self:center;color:var(--ink);font-size:25px;font-weight:750;letter-spacing:-.075em;line-height:1}.sidebar-brand-mark:first-letter{color:var(--accent)}.sidebar-compose{width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#5aa3ff,#347fe8);color:#fff}.sidebar-toolbar{display:block;padding:0 17px 13px;border:0;background:transparent}.sidebar-search{height:48px;border:1px solid color-mix(in srgb,var(--glass-edge) 72%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--glass-fill-strong) 77%,var(--surface-soft));box-shadow:inset 0 1px 0 var(--glass-shine)}.sidebar-search input{text-align:center;font-size:16px}.sidebar-search input::-moz-placeholder{text-align:center}.sidebar-search input::placeholder{text-align:center}.mobile-header .sidebar-brand-mark{font-size:26px}@media(max-width:680px){.sidebar-open .sidebar-head{min-height:78px;padding:10px 17px}.mobile-header{justify-content:center}}[data-sileo-viewport]{--sileo-duration:.52s;--sileo-spring-easing:cubic-bezier(.22,.8,.25,1);z-index:100;max-width:calc(100vw - 24px)}[data-sileo-toast][data-ready=true]{filter:drop-shadow(0 12px 30px rgba(20,15,30,.18))}[data-sileo-viewport][data-theme=light] [data-sileo-description]{color:rgba(28,27,33,.72)}[data-sileo-viewport][data-theme=dark] [data-sileo-description]{color:rgba(246,244,250,.72)}[data-sileo-viewport][data-theme=light] [data-sileo-title]{color:#1c1b21}[data-sileo-viewport][data-theme=dark] [data-sileo-title]{color:#f6f4fa}@media(max-width:480px){[data-sileo-viewport]{--sileo-width:min(350px, calc(100vw - 24px) )}}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:1.75rem}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}.hover\:bg-destructive\/20:hover{background-color:hsl(var(--destructive) / .2)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:underline:hover{text-decoration-line:underline}.focus-visible\:border-destructive\/40:focus-visible{border-color:hsl(var(--destructive) / .4)}.focus-visible\:border-ring:focus-visible{border-color:hsl(var(--ring))}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:hsl(var(--destructive) / .2)}.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:hsl(var(--ring) / .3)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:hsl(var(--muted))}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:hsl(var(--secondary))}.aria-expanded\:text-foreground[aria-expanded=true]{color:hsl(var(--foreground))}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:hsl(var(--secondary-foreground))}@media(min-width:768px){.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media(prefers-color-scheme:dark){.dark\:bg-destructive\/20{background-color:hsl(var(--destructive) / .2)}.dark\:bg-transparent{background-color:transparent}.dark\:hover\:bg-destructive\/30:hover{background-color:hsl(var(--destructive) / .3)}.dark\:hover\:bg-input\/30:hover{background-color:hsl(var(--input) / .3)}.dark\:hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / .5)}.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:hsl(var(--destructive) / .4)}}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:.75rem;height:.75rem}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:1rem;height:1rem}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}
