:root{--primary-color: #635ef2;--primary-color-light: rgba(99, 94, 242, .1);--primary-color-hover: rgb(129, 125, 255);--primary-color-border: rgba(99, 94, 242, .2);--secondary-color: #252273;--tertiary-color: #1E2159;--background-color: #0a0a0a;--background-light: #161616;--success-color: #C4d977;--font-family-base: "Sora", "Inter", sans-serif;--font-color: white;--spacing-unit: 8px;--route-transition-duration: .3s;--safe-area-inset-top: 0px;--safe-area-inset-right: 0px;--safe-area-inset-bottom: 0px;--safe-area-inset-left: 0px}@supports (padding-bottom: env(safe-area-inset-bottom)){:root{--safe-area-inset-top: env(safe-area-inset-top);--safe-area-inset-right: env(safe-area-inset-right);--safe-area-inset-bottom: env(safe-area-inset-bottom);--safe-area-inset-left: env(safe-area-inset-left)}}html,body{height:100%}body{font-family:Inter,sans-serif;margin:0;padding:0;background-color:var(--background-color);color:var(--font-color);min-width:320px;min-height:500px}button:hover{color:green}:focus{outline:none}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}input:focus,textarea:focus{outline:none;border-color:var(--primary-color)}button:focus{outline:none}button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.message:focus{outline:none}.message:focus-visible{background-color:var(--primary-color-light)}.nav-item:focus{outline:none}.nav-item:focus-visible{background-color:var(--primary-color-light);outline:none}.chat-link:focus{outline:none}.chat-link:focus-visible{background-color:var(--primary-color-light);outline:none;border-color:var(--primary-color)}.action-btn:focus{outline:none}.action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;background-color:#2a2a2a;color:#fff}.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip-link:focus-visible{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:9999;width:auto;height:auto;padding:1rem;background-color:var(--primary-color);color:#fff;text-decoration:none;clip:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.route-transition-container{position:relative}.route-transition-container .route-transition-item{animation:fadeIn var(--route-transition-duration) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.fade-in{animation:fadeIn .3s ease-out}.fade-out{animation:fadeOut .3s ease-out forwards}button{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.page-loading{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),#22c55e);z-index:1000;transform-origin:left;animation:pageLoadingBar 2s ease-out forwards}@keyframes pageLoadingBar{0%{transform:scaleX(0)}50%{transform:scaleX(.5)}to{transform:scaleX(1)}}@media (max-width: 768px){button,a.button,.action-btn,input[type=submit],input[type=button]{min-height:44px;min-width:44px}.file-select-buttons{gap:8px!important}.message-input-container{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}textarea,input{-webkit-touch-callout:text;-webkit-user-select:text;user-select:text}}@media (hover: none){.action-btn:hover,button:hover{transform:none!important;box-shadow:none!important}.action-btn:active,button:active{opacity:.8;transform:scale(.98)}}
