@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");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;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");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;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@tailwind base;@tailwind components;@tailwind utilities;:root{--shamrock-primary:#22c55e;--shamrock-secondary:#16a34a;--shamrock-accent:#4ade80;--shamrock-soft:#86efac;--shamrock-subtle:#bbf7d0;--shamrock-focus:rgba(29,147,171,0.15);--shamrock-focus-border:rgba(29,147,171,0.3);--background:#ffffff;--foreground:#0f172a;--muted:#f1f5f9;--muted-foreground:#64748b;--border:#e2e8f0;--input:#ffffff;--ring:#22c55e}.dark{--background:#0f172a;--foreground:#f8fafc;--muted:#1e293b;--muted-foreground:#94a3b8;--border:#334155;--input:#1e293b;--ring:#4ade80;--shamrock-focus:rgba(29,147,171,0.15);--shamrock-focus-border:rgba(29,147,171,0.3)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--foreground);background:var(--background)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--muted);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--shamrock-primary)}@keyframes shamrock-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes sidebar-glow{0%,to{opacity:.1}50%{opacity:.2}}@keyframes content-fade-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes shamrock-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shamrock-bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.shamrock-spin{animation:shamrock-spin 2s linear infinite}.shamrock-pulse{animation:shamrock-pulse 2s ease-in-out infinite}.shamrock-bounce{animation:shamrock-bounce 1s ease-in-out infinite}.gradient-bg{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.dark .gradient-bg{background:linear-gradient(135deg,#14532d,#166534)}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2)}.dark .glass-effect{background:rgba(15,23,42,.8);border:1px solid rgba(51,65,85,.2)}.input-focus{@apply focus:ring-2 focus:ring-shamrock-500 focus:border-shamrock-500 transition-all duration-200}.btn-primary{@apply bg-shamrock-500 hover:bg-shamrock-600 text-white font-medium px-4 py-2 rounded-lg transition-all duration-200 focus:ring-2 focus:ring-shamrock-500 focus:ring-offset-2}.btn-secondary{@apply bg-gray-100 hover:bg-gray-200 text-gray-900 font-medium px-4 py-2 rounded-lg transition-all duration-200 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2}.dark .btn-secondary{@apply bg-gray-800 hover:bg-gray-700 text-gray-100}.card{@apply bg-white rounded-xl shadow-sm border border-gray-200 p-6}.dark .card{@apply bg-gray-900 border-gray-800}.text-gradient{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container-responsive{@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8}.loading-skeleton{@apply animate-pulse bg-gray-200 rounded}.dark .loading-skeleton{@apply bg-gray-800}.code-block{@apply bg-gray-50 border border-gray-200 rounded-lg p-4 font-mono text-sm overflow-x-auto}.dark .code-block{@apply bg-gray-900 border-gray-800}.tooltip{@apply absolute z-50 px-2 py-1 text-xs text-white bg-gray-900 rounded shadow-lg pointer-events-none}.dark .tooltip{@apply bg-gray-100 text-gray-900}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(34,197,94,.3)}50%{box-shadow:0 0 40px rgba(34,197,94,.6)}}.animate-fade-in{animation:fade-in .6s ease-out}.animate-slide-up{animation:slide-up .5s ease-out}.animate-scale-in{animation:scale-in .4s ease-out}.animate-glow{animation:glow 2s ease-in-out infinite}.glass{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dark .glass{background:rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:linear-gradient(135deg,#22c55e,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.pulse-ring{position:relative}.pulse-ring:before{content:"";position:absolute;inset:-4px;border-radius:inherit;background:linear-gradient(45deg,#22c55e,#3b82f6);opacity:.3;animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}to{transform:scale(1);opacity:.3}}.message-enter{animation:message-slide-in .3s ease-out}@keyframes typing{0%,to{opacity:1}}.typing-indicator,.typing-indicator:nth-child(2),.typing-indicator:nth-child(3){animation:none!important;opacity:1!important}.chat-bubble{position:relative;max-width:70%;word-wrap:break-word}.chat-bubble:before{content:"";position:absolute;width:0;height:0}.chat-bubble.user:before{right:-8px;border-left:8px solid #22c55e}.chat-bubble.assistant:before,.chat-bubble.user:before{top:12px;border-top:8px solid transparent;border-bottom:8px solid transparent}.chat-bubble.assistant:before{left:-8px;border-right:8px solid white}.dark .chat-bubble.assistant:before{border-right-color:#1f2937}@media (max-width:768px){.chat-bubble{max-width:85%}}.loading-dots{display:inline-flex;align-items:center;gap:4px}.loading-dots>div{width:8px;height:8px;border-radius:50%;background-color:currentColor;animation:loading-bounce 1.4s ease-in-out infinite both}.loading-dots>div:first-child{animation-delay:-.32s}.loading-dots>div:nth-child(2){animation-delay:-.16s}@keyframes loading-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width:768px){.mobile-hidden{display:none}.mobile-full{width:100%}.mobile-text-sm{font-size:.875rem}.chat-header{padding:8px 12px!important;min-height:50px;flex-wrap:nowrap}.mobile-hamburger-menu{min-width:40px;min-height:40px;margin-right:8px;flex-shrink:0}.chat-header>*{flex-shrink:0}.chat-header .model-selector{max-width:calc(100vw - 120px);overflow:hidden}.mobile-sidebar-overlay{-webkit-tap-highlight-color:transparent;touch-action:manipulation}body.mobile-sidebar-open{overflow:hidden;position:fixed;width:100%}}@media print{.print-hidden{display:none!important}.print-break{page-break-after:always}}.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}.focus-visible:focus{outline:2px solid var(--shamrock-primary);outline-offset:2px}::selection{background-color:var(--shamrock-primary);color:white}::-moz-selection{background-color:var(--shamrock-primary);color:white}@keyframes message-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-message{animation:message-slide-in .3s ease-out}.chat-input:focus{border-color:var(--shamrock-focus-border);box-shadow:0 0 0 3px var(--shamrock-focus),0 1px 3px rgba(0,0,0,.1);outline:none;transition:all .2s ease-in-out}.chat-input:focus-within{border-color:var(--shamrock-focus-border);box-shadow:0 0 0 3px var(--shamrock-focus),0 1px 3px rgba(0,0,0,.1)}.chat-input:hover:not(:focus){border-color:var(--shamrock-subtle);transition:all .2s ease-in-out}.chat-input::placeholder{color:var(--muted-foreground);opacity:.7}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px rgba(34,197,94,.3)}.send-button:disabled{opacity:.5;cursor:not-allowed}.smooth-scroll{scroll-behavior:smooth}@media (max-width:768px){.chat-message{max-width:85%!important}.window-content{width:100%!important}.chat-input{font-size:16px!important}.window{flex-direction:column}.window-content{padding:0!important}}@media (max-width:480px){.chat-message{max-width:90%!important}.chat-input{padding:12px 50px 12px 16px!important;min-height:44px!important}.send-button{width:32px!important;height:32px!important;right:6px!important}}.animate-pulse,.blink-cursor,.streaming-cursor,.typing-cursor,[style*="animation: blink"],[style*=animate-pulse]{animation:none!important}.streaming-response .animate-pulse,.streaming-response .blink,.streaming-response .cursor{animation:none!important;opacity:1!important}@keyframes loading-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes modal-show{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slide-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.loading-rotate{animation:loading-rotate 1s linear infinite}.modal-show{animation:modal-show .3s ease-out}.slide-in{animation:slide-in .3s ease-out}.fade-in{animation:fade-in .3s ease-out}.window{width:var(--window-width);height:var(--window-height);background-color:var(--white);overflow:hidden;position:relative;display:flex;border-radius:0;box-shadow:none}.window-header{height:40px;background-color:var(--theme-color);border-bottom:var(--border-in-light);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.window-body{flex:1 1;overflow:hidden;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--second);border-right:var(--border-in-light);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;height:100vh;z-index:10;box-shadow:2px 0 8px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0;background:linear-gradient(135deg,rgba(45,55,72,.95),rgba(55,65,81,.98) 50%,rgba(45,55,72,.95));border-right:1px solid rgba(29,147,171,.15)}.sidebar:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(29,147,171,.1) 0,rgba(29,147,171,.05) 50%,rgba(29,147,171,.1));pointer-events:none;animation:sidebar-glow 4s ease-in-out infinite}.sidebar.collapsed{transform:translateX(-100%);box-shadow:none;pointer-events:none}.window-content{flex:1 1;background-color:var(--white);display:flex;flex-direction:column;margin-left:var(--sidebar-width);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);animation:content-fade-in .6s ease-out}.window-content:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:linear-gradient(180deg,rgba(29,147,171,.05) 0,rgba(29,147,171,.02) 50%,rgba(29,147,171,.05));pointer-events:none}.sidebar-collapsed .window-content{margin-left:0}.sidebar-collapsed .input-area{display:flex;justify-content:center}.sidebar-collapsed .input-container{max-width:720px!important;width:100%}.sidebar-collapsed .messages-area{display:flex;flex-direction:column;align-items:center}.sidebar-collapsed .messages-area>*{max-width:720px;width:100%}@media only screen and (max-width:768px){.sidebar-expand-btn,.sidebar-toggle-btn{display:none!important}.mobile-hamburger-menu{display:flex!important;order:-1}.sidebar{position:fixed!important;top:0!important;left:-100vw!important;width:80vw!important;height:100vh!important;height:100dvh!important;z-index:1000;border-radius:0;margin:0;transition:transform .3s ease-in-out;transform:translateX(-100%);will-change:transform;display:flex!important;flex-direction:column;box-shadow:2px 0 10px rgba(0,0,0,.3);-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(135deg,rgba(45,55,72,.98),rgb(55,65,81) 50%,rgba(45,55,72,.98));padding:0}.sidebar:before{display:none}.sidebar.mobile-open{left:0!important;transform:translateX(0)}.sidebar.collapsed{transform:translateX(-100%)}.sidebar.mobile-open:after{content:"";position:fixed;top:0;left:80vw;width:20vw;height:100vh;background:rgba(0,0,0,.5);z-index:-1;pointer-events:auto}.sidebar.show{left:0!important}.window-content{margin-left:0!important;width:100%!important}.window-content:before{display:none}.sidebar-collapsed .window-content{margin-left:0!important}.window{flex-direction:column!important;height:100vh;width:100vw}.mobile-settings-button{position:-webkit-sticky;position:sticky;bottom:0;width:100%;display:flex;justify-content:center;padding:12px 16px;background:rgba(0,0,0,0);border-top:1px solid rgba(0,0,0,.06);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;z-index:2}}@media only screen and (min-width:769px){.mobile-hamburger-menu,.mobile-sidebar-overlay{display:none!important}}@keyframes blink{0%,to{opacity:1}}.light{--theme:light;--white:white;--black:rgb(48,48,48);--gray:rgb(250,250,250);--primary:rgb(29,147,171);--second:rgb(231,248,255);--hover-color:#f3f3f3;--bar-color:rgba(0,0,0,0.1);--theme-color:var(--gray);--shadow:50px 50px 100px 10px rgb(0,0,0,0.1);--card-shadow:0px 2px 4px 0px rgb(0,0,0,0.05);--border-in-light:1px solid rgb(222,222,222)}.dark{--theme:dark;--white:rgb(30,30,30);--black:rgb(187,187,187);--gray:rgb(21,21,21);--primary:rgb(29,147,171);--second:rgb(27 38 42);--hover-color:#323232;--bar-color:rgba(255,255,255,0.1);--border-in-light:1px solid rgba(255,255,255,0.192);--theme-color:var(--gray)}.dark div:not(.no-dark)>svg{filter:invert(.5)}.dark .sidebar{background:linear-gradient(135deg,rgb(27,38,42),rgba(27,38,42,.95));border-right:1px solid rgba(29,147,171,.25);box-shadow:2px 0 12px rgba(0,0,0,.3)}.dark .sidebar:before{background:linear-gradient(180deg,rgba(29,147,171,.2) 0,rgba(29,147,171,.1) 50%,rgba(29,147,171,.2))}.dark .window-content:before{background:linear-gradient(180deg,rgba(29,147,171,.1) 0,rgba(29,147,171,.05) 50%,rgba(29,147,171,.1))}.mask{filter:invert(.8)}:root{--theme:light;--white:white;--black:rgb(48,48,48);--gray:rgb(250,250,250);--primary:rgb(29,147,171);--second:rgb(231,248,255);--hover-color:#f3f3f3;--bar-color:rgba(0,0,0,0.1);--theme-color:var(--gray);--shadow:50px 50px 100px 10px rgb(0,0,0,0.1);--card-shadow:0px 2px 4px 0px rgb(0,0,0,0.05);--border-in-light:1px solid rgb(222,222,222);--window-width:100vw;--window-height:100vh;--sidebar-width:300px;--window-content-width:calc(100% - var(--sidebar-width));--message-max-width:80%;--full-height:100%}@media only screen and (max-width:768px){:root{--window-width:100vw;--window-height:var(--full-height);--sidebar-width:100vw;--window-content-width:var(--window-width);--message-max-width:100%}.no-mobile{display:none}}@media only screen and (max-width:600px){:root{--window-width:100vw;--window-height:var(--full-height);--sidebar-width:100vw;--window-content-width:var(--window-width);--message-max-width:100%}}@media(prefers-color-scheme:dark){:root{--theme:dark;--white:rgb(30,30,30);--black:rgb(187,187,187);--gray:rgb(21,21,21);--primary:rgb(29,147,171);--second:rgb(27 38 42);--hover-color:#323232;--bar-color:rgba(255,255,255,0.1);--border-in-light:1px solid rgba(255,255,255,0.192);--theme-color:var(--gray)}:root div:not(.no-dark)>svg{filter:invert(.5)}:root .sidebar{background:linear-gradient(135deg,rgb(27,38,42),rgba(27,38,42,.95));border-right:1px solid rgba(29,147,171,.25);box-shadow:2px 0 12px rgba(0,0,0,.3)}:root .sidebar:before{background:linear-gradient(180deg,rgba(29,147,171,.2) 0,rgba(29,147,171,.1) 50%,rgba(29,147,171,.2))}:root .window-content:before{background:linear-gradient(180deg,rgba(29,147,171,.1) 0,rgba(29,147,171,.05) 50%,rgba(29,147,171,.1))}}html{font-family:Noto Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}body,html{height:var(--full-height)}body{background-color:var(--gray);color:var(--black);margin:0;padding:0;width:100vw;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-x pan-y;overflow:hidden}@media only screen and (max-width:600px){body{background-color:var(--second)}}body :focus-visible{outline:none}::-webkit-scrollbar{--bar-width:10px;width:var(--bar-width);height:var(--bar-width)}::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background-color:var(--bar-color);border-radius:20px;background-clip:content-box;border:1px solid rgba(0,0,0,0)}select{border:var(--border-in-light);padding:10px;border-radius:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--white);color:var(--black);text-align:center}label,select{cursor:pointer}input{text-align:center;font-family:inherit}input[type=checkbox]{cursor:pointer;background-color:var(--white);color:var(--black);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border-in-light);border-radius:5px;height:16px;width:16px;display:inline-flex;align-items:center;justify-content:center}input[type=checkbox]:checked:after{display:inline-block;width:8px;height:8px;background-color:var(--primary);content:" ";border-radius:2px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--white);color:var(--black)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:8px;width:20px;background-color:var(--primary);border-radius:10px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;margin-left:5px;border:none}input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;height:8px;width:20px;background-color:var(--primary);border-radius:10px;cursor:pointer;-moz-transition:all .3s ease;transition:all .3s ease;margin-left:5px;border:none}input[type=range]::-ms-thumb{appearance:none;height:8px;width:20px;background-color:var(--primary);border-radius:10px;cursor:pointer;-ms-transition:all .3s ease;transition:all .3s ease;margin-left:5px;border:none}input[type=range]::-webkit-slider-thumb:hover{transform:scaleY(1.2);width:24px}input[type=range]::-moz-range-thumb:hover{transform:scaleY(1.2);width:24px}input[type=range]::-ms-thumb:hover{transform:scaleY(1.2);width:24px}input[type=number],input[type=password],input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;border:var(--border-in-light);min-height:36px;box-sizing:border-box;background:var(--white);color:var(--black);padding:0 10px;max-width:50%;font-family:inherit}div.math{overflow-x:auto}.modal-mask{z-index:9999;position:fixed;top:0;left:0;height:var(--full-height);width:100vw;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}@media screen and (max-width:600px){.modal-mask{align-items:flex-end}}.link{font-size:12px;color:var(--primary);text-decoration:none}.link:hover{text-decoration:underline}pre{position:relative}pre:hover .copy-code-button{pointer-events:all;transform:translateX(0);opacity:.5}pre .copy-code-button{position:absolute;right:10px;top:1em;cursor:pointer;padding:0 5px;background-color:var(--black);color:var(--white);border:var(--border-in-light);border-radius:10px;transform:translateX(10px);pointer-events:none;opacity:0;transition:all .3s ease}pre .copy-code-button:after{content:"copy"}pre .copy-code-button:hover{opacity:1}pre .show-hide-button{border-radius:10px;position:absolute;inset:0 0 auto 0;width:100%;margin:auto;height:-moz-fit-content;height:fit-content;display:inline-flex;justify-content:center;pointer-events:none}pre .show-hide-button button{pointer-events:auto;margin-top:3em;margin-bottom:4em;padding:5px 16px;border:0;cursor:pointer;border-radius:14px;text-align:center;color:#fff;background:#464e4e}pre .expanded{background-image:none}pre .collapsed{background-image:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.06))}.clickable{cursor:pointer}.clickable:hover{filter:brightness(.9)}.clickable:focus{filter:brightness(.95)}.error{width:80%;border-radius:20px;border:var(--border-in-light);box-shadow:var(--card-shadow);padding:20px;background-color:var(--white);color:var(--black)}.error,.error pre{overflow:auto}.password-input-container{max-width:50%;display:flex;justify-content:flex-end}.password-input-container .password-eye{margin-right:4px}.password-input-container .password-input{min-width:80%}.user-avatar{height:30px;min-height:30px;width:30px;min-width:30px;display:flex;align-items:center;justify-content:center;border:var(--border-in-light);box-shadow:var(--card-shadow);border-radius:11px}.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copyable{-webkit-user-select:text;-moz-user-select:text;user-select:text}