@layer utilities{.glass-shadow-hover,.glass-shadow-standard{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 10%),transparent),inset 1.8px 3px 0 -2px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 90%),transparent),inset -2px -2px 0 -2px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 80%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 60%),transparent),inset -.3px -1px 4px 0 color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 12%),transparent),inset -1.5px 2.5px 0 -2px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 20%),transparent),inset 0 3px 4px -2px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 20%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 10%),transparent),0 1px 5px 0 color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 10%),transparent),0 6px 16px 0 color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 8%),transparent)}.glass-shadow-button{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 10%),transparent),inset 2px 1px 0 -1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 90%),transparent),inset -1.5px -1px 0 -1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 80%),transparent),inset -2px -6px 1px -5px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 60%),transparent),inset -1px 2px 3px -1px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 20%),transparent),inset 0 -4px 1px -2px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 10%),transparent),0 3px 6px 0 color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 8%),transparent)}.glass-shadow-button-hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 15%),transparent),inset 2px 1px 0 -1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 95%),transparent),inset -1.5px -1px 0 -1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 85%),transparent),inset -2px -6px 1px -5px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 65%),transparent),inset -1px 2px 3px -1px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 25%),transparent),inset 0 -4px 1px -2px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 15%),transparent),0 4px 8px 0 color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 12%),transparent)}.glass-shadow-button-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 5%),transparent),inset 2px 1px 0 -1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 85%),transparent),inset -1.5px -1px 0 -1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 75%),transparent),inset -2px -6px 1px -5px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 55%),transparent),inset -1px 2px 3px -1px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 15%),transparent),inset 0 -4px 1px -2px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 5%),transparent),0 2px 4px 0 color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 6%),transparent)}.glass-bg-light{background-color:color-mix(in srgb,var(--color-glass-base) 10%,transparent)}.glass-bg-standard{background-color:color-mix(in srgb,var(--color-glass-base) 12%,transparent)}.glass-bg-message{background-color:color-mix(in srgb,var(--color-glass-base) 18%,transparent)}.glass-bg-button{background-color:color-mix(in srgb,var(--color-glass-base) 36%,transparent)}.glass-backdrop-standard{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-backdrop-light{backdrop-filter:blur(8px) saturate(var(--color-glass-saturation));-webkit-backdrop-filter:blur(8px) saturate(var(--color-glass-saturation))}.glass-backdrop-medium{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-input{background-color:color-mix(in srgb,var(--color-glass-base) 10%,transparent)}.glass-input,.glass-message{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 10%),transparent),inset 1.8px 3px 0 -2px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 90%),transparent),inset -2px -2px 0 -2px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 80%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 60%),transparent),inset -.3px -1px 4px 0 color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 12%),transparent),inset -1.5px 2.5px 0 -2px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 20%),transparent),inset 0 3px 4px -2px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 20%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 10%),transparent),0 1px 5px 0 color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 10%),transparent),0 6px 16px 0 color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 8%),transparent)}.glass-message{background-color:color-mix(in srgb,var(--color-glass-base) 18%,transparent)}.glass-button-base{background-color:color-mix(in srgb,var(--color-glass-base) 36%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 10%),transparent),inset 2px 1px 0 -1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 90%),transparent),inset -1.5px -1px 0 -1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 80%),transparent),inset -2px -6px 1px -5px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 60%),transparent),inset -1px 2px 3px -1px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 20%),transparent),inset 0 -4px 1px -2px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 10%),transparent),0 3px 6px 0 color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 8%),transparent)}.glass-button-base:hover:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 15%),transparent),inset 2px 1px 0 -1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 95%),transparent),inset -1.5px -1px 0 -1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 85%),transparent),inset -2px -6px 1px -5px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 65%),transparent),inset -1px 2px 3px -1px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 25%),transparent),inset 0 -4px 1px -2px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 15%),transparent),0 4px 8px 0 color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 12%),transparent)}.glass-button-base:active:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 5%),transparent),inset 2px 1px 0 -1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 85%),transparent),inset -1.5px -1px 0 -1px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 75%),transparent),inset -2px -6px 1px -5px color-mix(in srgb,var(--color-glass-light) calc(var(--color-glass-reflex-light) * 55%),transparent),inset -1px 2px 3px -1px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 15%),transparent),inset 0 -4px 1px -2px color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 5%),transparent),0 2px 4px 0 color-mix(in srgb,var(--color-glass-dark) calc(var(--color-glass-reflex-dark) * 6%),transparent)}}html{transition:background-color .35s cubic-bezier(.4,0,.2,1)}body{transition:background-color .35s cubic-bezier(.4,0,.2,1),color .35s cubic-bezier(.4,0,.2,1)}*{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:4px}[data-module="1"] :focus-visible{outline-color:var(--color-success)}[data-module="2"] :focus-visible{outline-color:var(--color-warning)}[data-module="3"] :focus-visible{outline-color:var(--color-info)}.message-user{background:var(--color-message-user-bg)!important;box-shadow:var(--color-message-user-shadow)!important;border-left:3px solid color-mix(in srgb,var(--color-accent-primary) 40%,transparent)!important}.button-module-1:hover,[data-module="1"] button:hover,button[data-module="1"]:hover{box-shadow:0 4px 12px var(--color-success-glow),0 2px 4px rgba(0,0,0,.1)}.button-module-2:hover,[data-module="2"] button:hover,button[data-module="2"]:hover{box-shadow:0 4px 12px var(--color-warning-glow),0 2px 4px rgba(0,0,0,.1)}.button-module-3:hover,[data-module="3"] button:hover,button[data-module="3"]:hover{box-shadow:0 4px 12px var(--color-info-glow),0 2px 4px rgba(0,0,0,.1)}button:hover:not(:disabled):not(.glass-button){filter:brightness(1.05)}[data-module="1"]{background:linear-gradient(180deg,color-mix(in srgb,var(--color-success) 3%,var(--color-bg-primary)) 0,var(--color-bg-primary) 100%)}[data-module="2"]{background:linear-gradient(180deg,color-mix(in srgb,var(--color-warning) 3%,var(--color-bg-primary)) 0,var(--color-bg-primary) 100%)}[data-module="3"]{background:linear-gradient(180deg,color-mix(in srgb,var(--color-info) 3%,var(--color-bg-primary)) 0,var(--color-bg-primary) 100%)}.content-bg-panel,.glass-element{background:color-mix(in srgb,var(--color-bg-secondary) 60%,transparent);backdrop-filter:blur(20px) saturate(var(--color-glass-saturation));-webkit-backdrop-filter:blur(20px) saturate(var(--color-glass-saturation));box-shadow:0 8px 32px rgba(13,63,64,.06),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(13,63,64,.05)}[data-theme=dark] .content-bg-panel,[data-theme=dark] .glass-element{box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.2)}[data-theme=dim] .content-bg-panel,[data-theme=dim] .glass-element{box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(153,222,255,.15),inset 0 -1px 0 rgba(32,0,27,.3)}[data-module="1"]:before{background:linear-gradient(180deg,var(--color-success) 0,transparent 100%)}[data-module="1"]:before,[data-module="2"]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;opacity:.6}[data-module="2"]:before{background:linear-gradient(180deg,var(--color-warning) 0,transparent 100%)}[data-module="3"]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-info) 0,transparent 100%);opacity:.6}[data-module="1"] .content-bg-card,[data-module="1"] .content-bg-panel{border-left:3px solid var(--color-success)}[data-module="2"] .content-bg-card,[data-module="2"] .content-bg-panel{border-left:3px solid var(--color-warning)}[data-module="3"] .content-bg-card,[data-module="3"] .content-bg-panel{border-left:3px solid var(--color-info)}[data-module="1"] h1,[data-module="1"] h2{border-bottom:2px solid color-mix(in srgb,var(--color-success) 30%,transparent);padding-bottom:.5rem}[data-module="2"] h1,[data-module="2"] h2{border-bottom:2px solid color-mix(in srgb,var(--color-warning) 30%,transparent);padding-bottom:.5rem}[data-module="3"] h1,[data-module="3"] h2{border-bottom:2px solid color-mix(in srgb,var(--color-info) 30%,transparent);padding-bottom:.5rem}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}body,html{transition:none!important}}[data-theme=dark] body{background:radial-gradient(circle at 20% 30%,rgba(26,54,56,.4) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(35,71,73,.3) 0,transparent 50%),var(--color-bg-primary)}[data-theme=dim] body{background:radial-gradient(ellipse at top,rgba(78,51,97,.12) 0,transparent 40%),radial-gradient(ellipse at bottom right,rgba(197,165,227,.08) 0,transparent 50%),var(--color-bg-primary)}.alert-success,[role=alert].success{background:color-mix(in srgb,var(--color-success-light) 20%,var(--color-bg-primary));border-left:4px solid var(--color-success);color:var(--color-success-dark)}.alert-warning,[role=alert].warning{background:color-mix(in srgb,var(--color-warning-light) 20%,var(--color-bg-primary));border-left:4px solid var(--color-warning);color:var(--color-warning-dark)}.alert-info,[role=alert].info{background:color-mix(in srgb,var(--color-info-light) 20%,var(--color-bg-primary));border-left:4px solid var(--color-info);color:var(--color-info-dark)}.alert-error,[role=alert].error{background:color-mix(in srgb,var(--color-error-light) 20%,var(--color-bg-primary));border-left:4px solid var(--color-error);color:var(--color-error)}