@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--spacing:.25rem;--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.static{position:static}.mt-2{margin-top:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.min-h-\[80px\]{min-height:80px}.w-full{width:100%}.cursor-pointer{cursor:pointer}.resize{resize:both}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-blue-200{border-color:var(--color-blue-200)}.border-input{border-color:var(--input)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-gray-50{background-color:var(--color-gray-50)}.p-3{padding:calc(var(--spacing)*3)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-2{padding-block:calc(var(--spacing)*2)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.blur{--tw-blur:blur(8px);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,)}.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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:border:hover{border-style:var(--tw-border-style);border-width:1px}.hover\:border-blue-200:hover{border-color:var(--color-blue-200)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}}*{font-optical-sizing:auto;font-family:Geist,serif}::-webkit-scrollbar{width:calc(var(--spacing)*2)}::-webkit-scrollbar-track{background-color:var(--color-gray-100);border-radius:3.40282e38px}::-webkit-scrollbar-track:is(){background-color:var(--color-gray-700)}::-webkit-scrollbar-thumb{background-color:var(--color-gray-300);border-radius:3.40282e38px}::-webkit-scrollbar-thumb:is(){background-color:var(--color-gray-600)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-500)}:root{--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#ef4444;--destructive-foreground:#fafafa;--border:#e5e5e5;--input:#e5e5e5;--ring:#0a0a0a;--chart-1:#e76e50;--chart-2:#2a9d90;--chart-3:#274754;--chart-4:#e8c468;--chart-5:#f4a462;--radius:.6rem}.dark{--background:#0a0a0a;--foreground:#fafafa;--card:#0a0a0a;--card-foreground:#fafafa;--popover:#0a0a0a;--popover-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a3a3a3;--accent:#262626;--accent-foreground:#fafafa;--destructive:#7f1d1d;--destructive-foreground:#fafafa;--border:#262626;--input:#262626;--ring:#d4d4d4;--chart-1:#2662d9;--chart-2:#2eb88a;--chart-3:#e88c30;--chart-4:#af57db;--chart-5:#e23670}.guide-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.guide-content{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;max-width:400px;padding:2rem;animation:.3s ease-out guideFadeIn;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.guide-icon{margin-bottom:1rem;font-size:3rem;animation:2s infinite pulse}.guide-content h3{color:var(--foreground);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.guide-content p{color:var(--muted-foreground);margin-bottom:1.5rem;line-height:1.5}.guide-close-btn{background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.guide-close-btn:hover{background:var(--primary);opacity:.9;transform:translateY(-1px)}@keyframes guideFadeIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulse{50%{opacity:.5}}.mic-button-wrapper{flex-direction:column;align-items:center;gap:1.5rem;display:inline-flex}.mic-button.ready{border:1px solid #ffffffc9;position:relative}.mic-button{transform-origin:50%;width:68px;height:68px;color:inherit;background:#ffffff0f;border:2px solid #fff;border-radius:9999px;justify-content:center;align-items:center;display:inline-flex;transform:scale(1.8)}.mic-button .icon{width:28px;height:28px}.mic-button.ready:after{border:2px solid #ffffff73}@keyframes micPulse{0%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.6;transform:scale(.95)}}.mic-hint{color:#ffffffc9;text-align:center;min-height:1.2em;font-size:.95rem}.mic-only-container{justify-content:center;align-items:center;padding:1rem 0 1.25rem;display:flex}.mic-dock{pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;bottom:12px;left:0;right:0}.mic-dock .mic-button-wrapper{pointer-events:auto}.mic-button.recording{position:relative}.mic-button.recording:before,.mic-button.recording:after{content:"";border:2px solid #ffffff80;border-radius:9999px;animation:1.4s ease-out infinite speakRing;position:absolute;inset:-10px}.mic-button.recording:after{border-color:#ffffff47;animation-delay:.4s;inset:-18px}@keyframes speakRing{0%{opacity:.8;transform:scale(.9)}70%{opacity:.15;transform:scale(1.15)}to{opacity:0;transform:scale(1.2)}}@keyframes enter{0%{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))}}@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))}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}body.os1-theme{background:#d1684e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0;padding:0;overflow:hidden}#wrap{position:fixed;inset:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:0}#wrap canvas{width:90vmin;height:90vmin;max-width:1000px;max-height:1000px}.os1-container{position:relative;height:100vh;width:100vw;background:#d1684e;color:#fff;font-family:Helvetica Neue,sans-serif;display:flex;flex-direction:column;overflow:hidden}.chat-container{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%}.centered-content{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.messages-container{flex:1;overflow-y:auto;margin-bottom:2rem}.message{margin-bottom:1.5rem;padding:1rem;border-radius:10px;width:fit-content;max-width:80%;backdrop-filter:brightness(1.1)}.message.user{background-color:#ffffff1a;margin-left:auto}.message.assistant{background-color:#fff3}.input-container{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;background-color:#ffffff14;border-radius:30px;padding:.4rem .5rem;max-width:500px;width:90%;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 5px 2px #ffffff0d;z-index:10;transition:box-shadow .6s ease-in-out,border .6s ease-in-out;animation:fade-in 1.2s ease-out forwards;opacity:0;pointer-events:none;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}@keyframes glow-idle{0%{box-shadow:0 0 5px 2px #ffffff0d}to{box-shadow:0 0 8px 3px #ffffff1a}}@keyframes fade-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.input-container.ready{opacity:1;transform:translate(-50%) translateY(0);animation:glow-idle 4s infinite alternate;pointer-events:auto}.input-container:focus-within{border:1px solid rgba(255,255,255,.25);animation:glow-active 2s infinite alternate}@keyframes glow-active{0%{box-shadow:0 0 15px 5px #ffffff26}to{box-shadow:0 0 25px 8px #ffffff40}}.input-container input,.input-container textarea{flex:1;background:transparent;border:none!important;color:#fff;padding:.4rem;font-size:.95rem;resize:none;font-weight:300;height:40px;max-height:40px;min-height:40px;box-shadow:none!important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.input-container textarea::-webkit-scrollbar{width:6px}.input-container textarea::-webkit-scrollbar-track{background:transparent}.input-container textarea::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.input-container input::placeholder,.input-container textarea::placeholder{color:#ffffff80}.input-container input:focus,.input-container textarea:focus{outline:none!important;border:none!important;box-shadow:none!important}.input-container *{--ring-color: transparent !important;--ring-offset-color: transparent !important;--ring-offset-width: 0 !important;--ring-offset-shadow: none !important;--ring-shadow: none !important}.input-container button{background:transparent;border:none;color:#ffffffb3;font-size:1rem;cursor:pointer;padding:.3rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.input-container button:hover{color:#fff}.input-container button:disabled{color:#ffffff4d;cursor:not-allowed}.title{text-align:center;font-size:1.5rem;margin-bottom:2rem;letter-spacing:2px;font-weight:200;position:absolute;top:20px;left:0;right:0}.controls{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:800px;margin:0 auto 1rem;padding:0 2rem}.voice-controls{display:flex;gap:1rem;align-items:center}.voice-controls select,.voice-controls input{background-color:#ffffff1a;border:none;color:#fff;padding:.3rem .5rem;border-radius:5px}.voice-controls select:focus,.voice-controls input:focus{outline:none}.loading-indicator,.message.error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background-color:#fff3;padding:1rem 2rem;border-radius:10px;backdrop-filter:blur(5px);z-index:5;display:none}.loading-bar-container{position:absolute;bottom:100px;left:50%;transform:translate(-50%);width:300px;height:4px;background-color:#ffffff1a;border-radius:2px;overflow:hidden;z-index:5}.loading-bar{height:100%;background-color:#ffffff80;border-radius:2px;width:0%;transition:width .5s ease;background:linear-gradient(90deg,#ffffff4d,#fff9,#ffffff4d);background-size:200% 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width: 768px){.chat-container{padding:1rem}.messages-container{margin-bottom:1rem}.message{max-width:90%}}.audio-visualizer-container{position:fixed;bottom:85px;left:50%;transform:translate(-50%);width:500px;max-width:90%;height:60px;z-index:10;display:flex;justify-content:center;align-items:center;animation:fade-in .6s ease-out forwards}.visualizer-glow{position:absolute;bottom:0;left:0;width:100%;height:100%;background:none;z-index:-1;opacity:.7}.os1-visualizer{border-radius:15px;background-color:transparent;width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.mic-button{margin-right:8px;background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s,color .2s,transform .2s;border-radius:50%;width:2rem;height:2rem;opacity:.7}.mic-button:active:not(:disabled){transform:scale(.95)}.visualizer-inner{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:visible;z-index:1}@keyframes fadeInItem{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.memory-viewer{position:fixed;bottom:90px;left:50%;transform:translate(-50%) translateY(20px);opacity:0;visibility:hidden;width:90%;max-width:500px;height:35vh;max-height:250px;background-color:#ffffff1f;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;z-index:9;padding:1rem .25rem 1rem 1rem;transition:transform .35s ease-out,opacity .35s ease-out,visibility 0s linear .35s;overflow:hidden;color:#fff;display:flex;flex-direction:column}.memory-viewer.open{transform:translate(-50%) translateY(0);opacity:1;visibility:visible;transition:transform .35s ease-out,opacity .35s ease-out,visibility 0s}.memory-list{list-style:none;padding:0;margin:0;flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;mask-image:linear-gradient(to bottom,transparent 0%,black 15px,black calc(100% - 15px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15px,black calc(100% - 15px),transparent 100%)}.memory-list::-webkit-scrollbar{width:6px}.memory-list::-webkit-scrollbar-track{background:transparent}.memory-list::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.memory-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 1rem .75rem .25rem;border-bottom:1px solid rgba(255,255,255,.1)}.memory-list .memory-item:first-child{animation:none}.memory-viewer.open .memory-list .memory-item:first-child{animation:fadeInItem .5s ease-out forwards}.memory-item:last-child{border-bottom:none}.memory-item-content{flex-grow:1;margin-right:1rem}.memory-text{font-size:.9rem;margin:0 0 .3rem;line-height:1.4;word-break:break-word}.memory-meta{font-size:.7rem;opacity:.6;margin:0}.memory-delete-button{background:none;border:none;color:#fff9;cursor:pointer;padding:.25rem;margin-top:.2rem;transition:color .2s,transform .2s;flex-shrink:0}.memory-delete-button:hover{color:#ff8a80;transform:scale(1.1)}.memory-loading,.memory-empty{text-align:center;padding:4rem 2rem 2rem;opacity:.7;font-style:italic;flex-grow:1;display:flex;align-items:center;justify-content:center;animation:none;opacity:0}.memory-viewer.open .memory-loading,.memory-viewer.open .memory-empty{animation:fadeInItem .6s .2s ease-out forwards}.memory-button{background:none;border:none;color:#fff;padding:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:opacity .2s,color .2s}.memory-button:hover{opacity:1}.memory-button:disabled{opacity:.4;cursor:not-allowed}.memory-button.active{color:orange;opacity:1}.memory-button .icon{width:20px;height:20px}.input-container{padding:.4rem .5rem}.mic-button{background:none;border:none;color:#fff;padding:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:opacity .2s,color .2s,transform .2s;border-radius:50%}.mic-button:hover{opacity:1}.mic-button:disabled{opacity:.4;cursor:not-allowed}.mic-button.recording{color:#ff8a80;opacity:1;transform:scale(1.1)}.mic-button .icon{width:20px;height:20px}.send-button{background:none;border:none;color:#fff;padding:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:opacity .2s,color .2s}.send-button:hover{opacity:1}.send-button:disabled{opacity:.4;cursor:not-allowed}.send-button .icon{width:20px;height:20px}
