:root{--color-accent-50: rgb(255, 244, 241);--color-accent-100: rgb(255, 230, 222);--color-accent-200: rgb(248, 201, 187);--color-accent-300: rgb(238, 168, 146);--color-accent-400: rgb(175, 84, 58);--color-accent-500: rgb(150, 69, 47);--color-accent-600: rgb(124, 57, 39);--color-accent-700: rgb(99, 46, 32);--color-accent-800: rgb(74, 35, 24);--color-accent-900: rgb(50, 23, 16);--color-accent-600-darker: rgb(77, 39, 28);--color-accent-600-lighter: rgb(150, 72, 50);--color-accent-600-saturated: rgb(122, 37, 14);--color-accent-600-desaturated: rgb(107, 70, 61);--color-bg-primary: #faf9f7;--color-bg-secondary: #f5f4f2;--color-bg-tertiary: #f0efed;--color-bg-card: #ffffff;--color-bg-elevated: #ffffff;--color-bg-grading-response: #fffdf8;--color-gray-50: #fafaf9;--color-gray-100: #f5f5f4;--color-gray-200: #e7e5e4;--color-gray-300: #d6d3d1;--color-gray-400: #a8a29e;--color-gray-500: #78716c;--color-gray-600: #57534e;--color-gray-700: #44403c;--color-gray-800: #292524;--color-gray-900: #1c1917;--color-white: #ffffff;--color-black: #000000;--color-clay-600: #6b5344;--color-clay-700: #5a4539;--color-clay-800: #4a382f;--color-message-user-bg: var(--color-bg-card);--color-message-user-border: var(--color-gray-200);--color-message-assistant-bg: var(--color-bg-secondary);--color-message-assistant-border: var(--color-gray-200);--color-message-text: var(--color-gray-800);--color-message-label: var(--color-gray-500);--color-message-meta: var(--color-gray-400);--color-mistake-grammar: #ef4444;--color-mistake-grammar-light: rgba(239, 68, 68, .15);--color-mistake-grammar-medium: rgba(239, 68, 68, .35);--color-mistake-grammar-strong: rgba(239, 68, 68, .5);--color-mistake-word-order: #a855f7;--color-mistake-word-order-light: rgba(168, 85, 247, .15);--color-mistake-word-order-medium: rgba(168, 85, 247, .35);--color-mistake-word-order-strong: rgba(168, 85, 247, .5);--color-mistake-vocabulary: #f97316;--color-mistake-vocabulary-light: rgba(249, 115, 22, .15);--color-mistake-vocabulary-medium: rgba(249, 115, 22, .35);--color-mistake-vocabulary-strong: rgba(249, 115, 22, .5);--color-mistake-spelling: #eab308;--color-mistake-spelling-light: rgba(234, 179, 8, .15);--color-mistake-spelling-medium: rgba(234, 179, 8, .35);--color-mistake-spelling-strong: rgba(234, 179, 8, .5);--color-mistake-articles-and-prepositions: #f59e0b;--color-mistake-articles-and-prepositions-light: rgba(245, 158, 11, .15);--color-mistake-articles-and-prepositions-medium: rgba(245, 158, 11, .35);--color-mistake-articles-and-prepositions-strong: rgba(245, 158, 11, .5);--color-mistake-punctuation: #6366f1;--color-mistake-punctuation-light: rgba(99, 102, 241, .15);--color-mistake-punctuation-medium: rgba(99, 102, 241, .35);--color-mistake-punctuation-strong: rgba(99, 102, 241, .5);--color-mistake-wrong-language: #ec4899;--color-mistake-wrong-language-light: rgba(236, 72, 153, .15);--color-mistake-wrong-language-medium: rgba(236, 72, 153, .35);--color-mistake-wrong-language-strong: rgba(236, 72, 153, .5);--color-mistake-other: #f43f5e;--color-mistake-other-light: rgba(244, 63, 94, .15);--color-mistake-other-medium: rgba(244, 63, 94, .35);--color-mistake-other-strong: rgba(244, 63, 94, .5);--color-input-bg: var(--color-bg-card);--color-input-border: var(--color-gray-300);--color-input-border-focus: var(--color-accent-500);--color-input-text: var(--color-gray-900);--color-input-placeholder: var(--color-gray-400);--color-icon-beige: #c9b8a0;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 5rem;--spacing-5xl: 6rem;--spacing-6xl: 7rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--font-family-heading: "Cormorant", serif;--font-family-body: "Rokkitt", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--max-width-container: 56rem;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--token-animation-duration: .4s}body{font-family:var(--font-family-body)}[data-theme=dark]{--color-accent-50: rgb(31, 15, 10);--color-accent-100: rgb(50, 23, 16);--color-accent-200: rgb(74, 35, 24);--color-accent-300: rgb(99, 46, 32);--color-accent-400: rgb(175, 84, 58);--color-accent-500: rgb(198, 106, 78);--color-accent-600: rgb(215, 136, 113);--color-accent-700: rgb(230, 168, 146);--color-accent-800: rgb(243, 202, 188);--color-accent-900: rgb(253, 233, 225);--color-bg-primary: #191411;--color-bg-secondary: #1f1915;--color-bg-tertiary: #28211c;--color-bg-card: #252019;--color-bg-elevated: #2e2720;--color-bg-grading-response: #28221c;--color-gray-50: #191411;--color-gray-100: #252019;--color-gray-200: #3a332c;--color-gray-300: #4d453d;--color-gray-400: #6b6158;--color-gray-500: #968a7e;--color-gray-600: #b8ab9e;--color-gray-700: #d1c7bb;--color-gray-800: #e5ded5;--color-gray-900: #f5f0ea;--color-clay-600: #c4a68f;--color-clay-700: #d4b8a2;--color-clay-800: #e4cab5;--color-message-user-bg: var(--color-bg-card);--color-message-user-border: var(--color-gray-300);--color-message-assistant-bg: transparent;--color-message-assistant-border: var(--color-gray-300);--color-message-text: var(--color-gray-800);--color-message-label: var(--color-gray-500);--color-message-meta: var(--color-gray-400);--color-input-bg: var(--color-bg-card);--color-input-border: var(--color-gray-300);--color-input-border-focus: var(--color-accent-500);--color-input-text: var(--color-gray-900);--color-input-placeholder: var(--color-gray-500);--color-icon-beige: #a08a70;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .35), 0 1px 2px -1px rgb(0 0 0 / .35);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .35), 0 2px 4px -2px rgb(0 0 0 / .35);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .35), 0 4px 6px -4px rgb(0 0 0 / .35);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .35), 0 8px 10px -6px rgb(0 0 0 / .35)}@font-face{font-family:Cormorant;src:url(/assets/Cormorant-Regular-07acead8.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cormorant;src:url(/assets/Cormorant-Medium-a7a00208.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cormorant;src:url(/assets/Cormorant-SemiBold-dbcded15.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Cormorant;src:url(/assets/Cormorant-Bold-28c03542.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Rokkitt;src:url(/assets/Rokkitt-Regular-15ef95cf.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rokkitt;src:url(/assets/Rokkitt-Medium-38c74cd6.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Rokkitt;src:url(/assets/Rokkitt-SemiBold-4600fec2.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Rokkitt;src:url(/assets/Rokkitt-Bold-268b9e3c.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading)}.website{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-primary);overflow:hidden}.website__main{flex:1;width:100%;min-height:0;overflow:hidden}.app{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.header{border-bottom:1px solid var(--color-gray-200);padding:1.5rem var(--spacing-xl);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffeb}[data-theme=dark] .header{background-color:#1a1512f2}.header__content{max-width:var(--max-width-container);margin:0 auto;display:flex;align-items:center;justify-content:center}.header__logo-title{display:flex;align-items:center;gap:1rem;cursor:pointer;transition:opacity var(--transition-fast)}.header__logo-title:hover{opacity:.7}.header__logo{width:2.5rem;height:2.5rem;display:block;color:var(--color-gray-900)}[data-theme=dark] .header__logo{color:#e4cab5}.header__title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;letter-spacing:-.01em;background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .header__title{background:linear-gradient(135deg,#e4cab5 0%,#c4a68f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.left-sidebar{position:fixed;left:0;top:0;height:100vh;width:38px;background-color:var(--color-bg-card);border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;padding-top:1rem;z-index:100;transition:width var(--transition-base);padding:.33rem}.left-sidebar--expanded{width:260px;padding-top:0}.left-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-gray-200);margin-bottom:1rem}.left-sidebar__logo-title{display:flex;align-items:center;gap:.75rem}.left-sidebar__logo{width:32px;height:32px;flex-shrink:0;margin-top:-.5rem}.left-sidebar__logo .sprachy-logo{padding:0;max-width:32px;max-height:32px}.left-sidebar__logo .sprachy-logo__icon{max-width:32px;max-height:32px}.left-sidebar__title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.left-sidebar__toggle{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-gray-600);transition:all var(--transition-fast);padding:0}.left-sidebar__toggle:hover{background-color:var(--color-bg-secondary);color:var(--color-gray-800)}.left-sidebar__nav{display:flex;flex-direction:column;gap:.25rem}.left-sidebar__item{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;gap:.75rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-gray-600);white-space:nowrap}.left-sidebar--expanded .left-sidebar__item{justify-content:flex-start;padding:0 .5rem}.left-sidebar__item--first{margin-bottom:1rem}.left-sidebar__item:hover{background-color:var(--color-bg-secondary);color:var(--color-gray-800)}.left-sidebar__item--active{background-color:var(--color-accent-100);color:var(--color-accent-700)}.left-sidebar__item--active:hover{background-color:var(--color-accent-200)}.left-sidebar__icon{width:20px;height:20px;color:inherit;flex-shrink:0}.left-sidebar__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:inherit}.left-sidebar__recent{flex:1;display:flex;flex-direction:column;min-height:0;margin-top:1.5rem;padding:0 .75rem;overflow:hidden}.left-sidebar__recent-header{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding:0 .5rem}.left-sidebar__recent-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) transparent}.left-sidebar__recent-list::-webkit-scrollbar{width:4px}.left-sidebar__recent-list::-webkit-scrollbar-track{background:transparent}.left-sidebar__recent-list::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:2px}.left-sidebar__recent-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:36px}.left-sidebar__recent-item:hover{background-color:var(--color-bg-secondary)}.left-sidebar__recent-item--active{background-color:var(--color-accent-100)}.left-sidebar__recent-item--active:hover{background-color:var(--color-accent-200)}.left-sidebar__recent-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:.5rem}.left-sidebar__recent-meta{font-size:var(--font-size-xs);color:var(--color-gray-500);flex-shrink:0}.left-sidebar__bottom{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;padding-bottom:.75rem;margin-top:auto}.left-sidebar__bottom .left-sidebar__item{width:100%}.chat-list-view{padding:1.5rem}.chat-list-view .chat-sidebar{position:static;width:100%;max-width:400px;height:auto;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);background-color:var(--color-bg-card)}.settings-view{padding:1.5rem}.settings-view h2{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:1rem}.settings-view p{color:var(--color-gray-600);font-size:var(--font-size-base)}.expanded-panel{position:fixed;left:38px;top:0;height:100vh;width:18rem;background-color:var(--color-bg-card);border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;z-index:1000}.expanded-panel__header{padding:1rem;border-bottom:1px solid var(--color-gray-200);background-color:var(--color-bg-secondary)}.expanded-panel__header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.expanded-panel__content{flex:1;overflow-y:auto;padding:1rem}.settings-section{padding:.5rem 0}.theme-toggle{display:flex;flex-direction:column;gap:.75rem}.theme-toggle__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.theme-toggle__options{display:flex;gap:.5rem}.theme-toggle__option{flex:1;padding:.625rem 1rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);background-color:var(--color-bg-secondary);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle__option:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-gray-300)}.theme-toggle__option--active{background-color:var(--color-accent-100);border-color:var(--color-accent-400);color:var(--color-accent-700)}.theme-toggle__option--active:hover{background-color:var(--color-accent-200);border-color:var(--color-accent-500)}.sidebar-backdrop{display:none}.left-sidebar__mobile-trigger{position:fixed;top:.75rem;left:.75rem;z-index:101;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;color:var(--color-gray-600);transition:background-color var(--transition-fast),color var(--transition-fast);box-shadow:0 1px 3px #00000014}.left-sidebar__mobile-trigger:hover{background-color:var(--color-bg-secondary);color:var(--color-gray-800)}.left-sidebar__mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background-color:var(--color-bg-card);display:flex;flex-direction:column;overflow:hidden;transform:translateY(-100%);visibility:hidden;transition:transform .3s ease-in-out,visibility .3s ease-in-out}.left-sidebar__mobile-overlay--open{transform:translateY(0);visibility:visible}.left-sidebar__mobile-panel{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:1rem;padding-top:max(1rem,env(safe-area-inset-top))}.left-sidebar__mobile-overlay .left-sidebar__header{margin-bottom:1rem}.left-sidebar__mobile-overlay .left-sidebar__nav{margin-bottom:.5rem}.left-sidebar__mobile-overlay .left-sidebar__item{justify-content:flex-start;padding:0 .75rem;min-height:44px}.left-sidebar__mobile-overlay .left-sidebar__recent{margin-top:1rem}@media (max-width: 768px){.sidebar-backdrop{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:90}.left-sidebar{transform:translate(-100%)}.left-sidebar--expanded{transform:translate(0)}}.chat__container{display:flex;height:100vh;width:100%;overflow:hidden}.chat{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-primary);margin:0 24px;padding-left:38px}@media (max-width: 768px){.chat{padding-left:1rem;padding-top:3.5rem}}.chat__messages{flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;padding:2rem 0 0;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) transparent;position:relative;display:flex;flex-direction:column}.chat__messages:before{content:"";position:sticky;top:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,var(--color-bg-primary) 0%,transparent 100%);pointer-events:none;z-index:5}.chat__content{max-width:800px;margin:0 auto;width:calc(100% - 3rem);display:flex;flex-direction:column;gap:1rem;flex:1;padding-bottom:1rem}.chat__messages::-webkit-scrollbar{width:8px}.chat__messages::-webkit-scrollbar-track{background:transparent}.chat__messages::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:4px}.chat__messages::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.chat__input-wrapper{padding:1rem 0 2rem;background:var(--color-bg-primary);display:flex;justify-content:center;flex-shrink:0;position:sticky;bottom:0;left:0;right:0;z-index:10;max-width:800px;margin:0 auto;width:calc(100% - 3rem)}@media (max-width: 768px){.chat{padding-left:0}}.message{display:flex;align-items:flex-start;position:relative}.message--user{justify-content:flex-end}.message--assistant{justify-content:flex-start}.message__assistant-container{display:flex;flex-direction:column;align-items:flex-start;transition:all .5s ease-in-out}.message__bubble{border-radius:1rem;border:1px solid transparent;position:relative}.message__bubble--user{padding:.25rem 1rem;background-color:var(--color-message-user-bg);border-color:var(--color-message-user-border)}.message__bubble--assistant{padding:.25rem 0rem;border-color:transparent}.message__bubble--translated{opacity:.7}.message__bubble--translated.message__bubble--translated-no-mapping{opacity:1}.message__bubbles-container{display:flex;gap:2rem;width:100%;position:relative;overflow:hidden}.message__bubble-wrapper{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0;position:relative}.message__bubble-wrapper--original{width:100%;transform:translate(0);transition:width .5s ease-in-out .2s,transform .5s ease-in-out .2s}.message__bubbles-container--split .message__bubble-wrapper--original{width:47.5%;transform:translate(0);transition:width .5s ease-in-out 0ms,transform .5s ease-in-out 0ms}.message__bubble-wrapper--original:after{content:"";position:absolute;right:calc(-1rem - .5px);top:0;width:1px;height:0;background-color:var(--color-gray-300);transition:height .2s ease-in-out 0ms;transform-origin:top}.message__bubbles-container--split .message__bubble-wrapper--original:after{height:100%;transition:height .2s ease-in-out .5s}.message__bubble-wrapper--translated{position:absolute;top:0;left:0;width:100%;transform:translate(100%);opacity:0;transition:width .5s ease-in-out .2s,transform .5s ease-in-out .2s,opacity .5s ease-in-out .2s,position 0s .7s}.message__bubbles-container--split .message__bubble-wrapper--translated{position:relative;width:47.5%;transform:translate(0);opacity:1;transition:width .5s ease-in-out 0ms,transform .5s ease-in-out 0ms,opacity .5s ease-in-out 0ms,position 0s 0s}.message__language-header{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:500;text-transform:uppercase;letter-spacing:.05em;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease-in-out,opacity .5s ease-in-out,margin-bottom .5s ease-in-out;margin-bottom:0}.message__bubbles-container--split .message__language-header{max-height:2rem;opacity:1;margin-bottom:.25rem;overflow:visible}.message__bubbles-container--split{overflow:visible;z-index:10}.message__language-dropdown{position:relative;display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.message__language-dropdown__value{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.message__language-dropdown:hover .message__language-dropdown__value{color:var(--color-gray-700)}.message__language-dropdown__arrow{font-size:.6em;color:var(--color-gray-500);transition:transform .2s ease}.message__language-dropdown__arrow--open{transform:rotate(180deg)}.message__language-dropdown__menu{position:absolute;top:100%;left:0;margin-top:.25rem;min-width:8rem;background:var(--color-bg-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.25rem;z-index:100}.message__language-dropdown__item{padding:.35rem .5rem;font-size:var(--font-size-sm);color:var(--color-gray-800);cursor:pointer;border-radius:var(--radius-sm)}.message__language-dropdown__item:hover{background:var(--color-bg-secondary)}.message__language-dropdown__item--selected{font-weight:500;color:var(--color-gray-900)}.message__bubbles-container--split .message__bubble{width:100%}.message__tokens,.message__tiles{display:flex;flex-wrap:wrap;transition:opacity var(--token-animation-duration) ease-in-out}.message__tokens--animate{animation:message-tokens-fade-in var(--token-animation-duration) ease-in-out}@keyframes message-tokens-fade-in{0%{opacity:0}to{opacity:1}}.token{display:inline-flex;flex-direction:column;align-items:start;justify-content:left;transition:background-color var(--token-animation-duration) ease-in-out,opacity var(--token-animation-duration) ease-in-out,transform var(--token-animation-duration) ease-in-out,padding var(--token-animation-duration) ease-in-out,margin var(--token-animation-duration) ease-in-out;width:max-content}.token__word{font-size:var(--font-size-base);color:var(--color-text);text-align:center;transition:padding var(--token-animation-duration) ease-in-out;white-space:pre-wrap}.token__pronunciation{font-size:var(--font-size-sm);color:var(--color-gray-500);font-style:italic;text-align:left;max-height:0;opacity:0;overflow:hidden;transition:max-height var(--token-animation-duration) ease-in-out,opacity var(--token-animation-duration) ease-in-out,padding var(--token-animation-duration) ease-in-out,width var(--token-animation-duration) ease-in-out,max-width var(--token-animation-duration) ease-in-out;width:0;max-width:0}.token--with-pronunciation .token__pronunciation{max-height:2rem;padding:.25rem .8rem .25rem 0;opacity:1;width:100%;max-width:100%}.message__toolbar{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;justify-content:flex-end;transition:margin-top var(--token-animation-duration) ease-in-out;position:relative;z-index:0}.message__timestamp{font-size:var(--font-size-xs);color:var(--color-gray-500);text-align:right;opacity:0;transition:opacity .08s ease-in-out}.message--user:hover .message__timestamp,.message--assistant:hover .message__timestamp{opacity:1}.message__copy-button{display:flex;align-items:center;justify-content:center;min-width:1.25rem;min-height:1.25rem;background:none;border-radius:var(--radius-sm);border:none;cursor:pointer;padding:.25rem;transition:all var(--transition-fast);flex-shrink:0;opacity:0}.message--user:hover .message__copy-button,.message--assistant:hover .message__copy-button{opacity:1}.message__copy-button:hover{transform:scale(1.1);background-color:var(--color-gray-100)}.message__copy-icon{width:1rem;height:1rem;display:block;color:var(--color-gray-500);transition:color var(--transition-fast),transform .1s ease-in-out;transform:scale(1)}.message__copy-icon--animating{transform:scale(0)}.message__copy-button:hover .message__copy-icon{color:var(--color-gray-700)}.tooltip-wrapper{position:relative;display:inline-block;width:fit-content}.tooltip-hint{position:absolute;top:calc(100% + .25rem);left:50%;transform:translate(-50%);background:var(--color-gray-100);color:#000;font-size:var(--font-size-xs);padding:.25rem .5rem;border-radius:var(--radius-sm);white-space:nowrap;z-index:1000;pointer-events:none}.assistant-message__container{display:flex;flex-direction:column;gap:12px;width:100%}.assistant-message__columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.assistant-message__column{display:flex;flex-direction:column;justify-content:center;min-width:0}.assistant-message__column--original{padding-right:8px}.assistant-message__column--translated{padding-left:8px;border-left:1px solid var(--border-color)}.message__text--placeholder{color:var(--text-secondary);font-style:italic;opacity:.6;text-align:center}.assistant-message__controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.assistant-message__control-panel{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.assistant-message__control-panel--original{padding-right:8px}.assistant-message__control-panel--translated{padding-left:8px;border-left:1px solid var(--border-color);position:relative}.speak-button-group{display:flex;align-items:center}.message__label{font-size:var(--font-size-xs);color:var(--color-message-label);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.message__text{color:var(--color-message-text);font-size:var(--font-size-base);line-height:1.6;margin:0;word-wrap:break-word}.message__text:not(:last-child){margin-bottom:var(--spacing-sm)}.message__text--translation{margin-top:.5rem}.message__text--transliteration{padding-left:.6em;font-style:italic;color:var(--color-gray-600);opacity:.85;font-size:.9em}.message__header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:.5rem}.message__content{display:flex;flex-direction:column}.message__text--raw{padding:.25em 0 .25em .5em}.message__text--literal{padding:.25em 0 .25em .5em;line-height:1.8}.message__side-controls{position:absolute;left:-6rem;top:var(--spacing-sm);display:flex;flex-direction:column;gap:.5rem;z-index:10}.message__user-container{display:flex;flex-direction:column;align-items:flex-end;max-width:80%}.message__bubble-wrapper{position:relative}.message__grading-controls{position:absolute;right:-2.25rem;bottom:0;display:flex;flex-direction:column;align-items:center;z-index:10}.message__grading-panel{width:100%;overflow:hidden;transition:max-height .4s ease-in-out,opacity .4s ease-in-out,margin-top .4s ease-in-out;transform-origin:top}.message__grading-panel-content{transition:transform .4s ease-in-out,opacity .4s ease-in-out}.message__grading-panel--closed{max-height:0;opacity:0;margin-top:0}.message__grading-panel--closed .message__grading-panel-content{transform:translateY(-1rem);opacity:0}.message__grading-panel--open{max-height:500px;opacity:1;margin-top:var(--spacing-xs)}.message__grading-panel--open .message__grading-panel-content{transform:translateY(0);opacity:1}.message__controls{display:flex;gap:1rem;margin-top:.75rem;align-items:center}.translation-toggle{display:flex;flex-direction:row;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:0;transition:all .2s ease;color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.translation-toggle__label{color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:color .2s ease;white-space:nowrap}.translation-toggle__icon{width:1.25rem;height:1.25rem;color:var(--color-gray-500);transition:color .2s ease}.translation-toggle:hover .translation-toggle__icon{color:var(--color-gray-700)}.translation-toggle--active .translation-toggle__icon{color:var(--color-gray-500)}.translation-toggle--active:hover .translation-toggle__icon{color:var(--color-gray-700)}.semantic-toggle{display:flex;gap:1rem;align-items:center;opacity:0;transform:translate(-20px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.semantic-toggle--visible{opacity:1;transform:translate(0);pointer-events:auto}.message__toggles{display:flex;gap:3.5rem;align-items:center;margin-top:1.25rem}.semantic-toggle__option{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;padding:0}.semantic-toggle__option:before{content:"";width:.6rem;height:.6rem;border-radius:50%;border:2px solid var(--color-gray-400);background-color:transparent;transition:all .2s ease;position:relative}.semantic-toggle__option:hover:before{border-color:var(--color-accent-400)}.semantic-toggle__option--active:before{border-color:var(--color-accent-500);background-color:var(--color-accent-500);box-shadow:inset 0 0 0 3px var(--color-bg-card)}.semantic-toggle__option--active:hover:before{border-color:var(--color-accent-600);background-color:var(--color-accent-600)}.semantic-toggle__option{color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:color .2s ease}.semantic-toggle__option:hover,.semantic-toggle__option--active{color:var(--color-accent-600)}.message__side-controls--user{left:auto;right:-6.5rem;align-items:flex-start}.grading-toggle{display:flex;align-items:center;justify-content:center;min-width:1.25rem;min-height:1.25rem;background:none;border:none;cursor:pointer;padding:0;transition:all var(--transition-fast)}.grading-toggle:hover{transform:scale(1.1)}.grading-toggle__icon{width:1rem;height:1rem;color:var(--color-gray-500);transition:transform var(--transition-fast),color var(--transition-fast)}.grading-toggle__icon--collapsed{transform:rotate(90deg)}.grading-toggle__icon--expanded{transform:rotate(270deg)}.grading-toggle:hover .grading-toggle__icon{color:var(--color-gray-700)}.grading-response{width:auto;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-grading-response);border-radius:var(--radius-sm);border:1px solid var(--color-gray-200);overflow:hidden}.grading-response--empty{border-left-color:var(--color-gray-400)}.grading-response__text--success{color:var(--color-gray-600);font-size:var(--font-size-sm);font-style:italic}.grading-response__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);flex-wrap:wrap}.grading-response__header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.feedback-language-toggle{display:flex;gap:.75rem;align-items:center}.feedback-language-toggle__option{background:none;border:none;padding:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-400);cursor:pointer;transition:color var(--transition-fast);text-decoration:none}.feedback-language-toggle__option:hover{color:var(--color-clay-600)}.feedback-language-toggle__option--active{color:var(--color-clay-700);text-decoration:underline;text-underline-offset:2px}.grading-response__type{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border-radius:var(--radius-sm)}.grading-response__type--grammar{background-color:var(--color-mistake-grammar);color:#fff}.grading-response__type--conjugation{background-color:var(--color-mistake-conjugation);color:#fff}.grading-response__type--agreement{background-color:var(--color-mistake-agreement);color:#fff}.grading-response__type--article{background-color:var(--color-mistake-article);color:#fff}.grading-response__type--preposition{background-color:var(--color-mistake-preposition);color:#fff}.grading-response__type--word-order{background-color:var(--color-mistake-word-order);color:#fff}.grading-response__type--vocabulary{background-color:var(--color-mistake-vocabulary);color:#fff}.grading-response__type--word-choice{background-color:var(--color-mistake-word-choice);color:#fff}.grading-response__type--missing-word{background-color:var(--color-mistake-missing-word);color:#fff}.grading-response__type--unnecessary-word{background-color:var(--color-mistake-unnecessary-word);color:#fff}.grading-response__type--spelling{background-color:var(--color-mistake-spelling);color:#fff}.grading-response__type--accent-marks{background-color:var(--color-mistake-accent-marks);color:#fff}.grading-response__type--punctuation{background-color:var(--color-mistake-punctuation);color:#fff}.grading-response__type--wrong-language{background-color:var(--color-mistake-wrong-language);color:#fff}.grading-response__type--other{background-color:var(--color-mistake-other-light);color:var(--color-mistake-other)}.grading-response__words{font-size:var(--font-size-sm);color:var(--color-gray-700);font-weight:var(--font-weight-medium)}.grading-response__explanation{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5;margin:0}.grading-response__navigation{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-gray-200)}.grading-response__counter{font-size:var(--font-size-xs);color:var(--color-gray-500)}.grading-response__arrows{display:flex;gap:var(--spacing-xs)}.grading-response__arrow{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:none;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.grading-response__arrow:hover:not(:disabled){background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.grading-response__arrow:disabled{opacity:.4;cursor:not-allowed}.grading-response__arrow-icon{width:.875rem;height:.875rem;color:var(--color-gray-500)}.grading-response__arrow-icon--flipped{transform:rotate(180deg)}.speak-button{display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:0}.speak-button:hover .speak-button__icon{color:var(--color-gray-800);transform:scale(1.1)}.speak-button--speaking .speak-button__icon{color:var(--color-error);animation:pulse-icon 1.5s ease-in-out infinite}.speak-button--loading{cursor:wait}.speak-button__icon{width:1rem;height:1rem;color:var(--color-gray-500);transition:all var(--transition-fast)}.speak-button__icon svg{width:100%;height:100%;display:block}.speak-button__loading{font-size:1rem;animation:spin 1s linear infinite}@keyframes pulse-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.speed-toggle{display:inline-flex;gap:.25rem;align-items:center;margin-left:.25rem;max-width:0;opacity:0;overflow:visible;transform:translate(-6px);pointer-events:none;transition:max-width .3s ease,opacity .3s ease,transform .3s ease}.speed-toggle__option{background:none;border:none;padding:.125rem .375rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-400);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.speed-toggle__option:hover{color:var(--color-gray-700);background-color:var(--color-gray-100)}.speed-toggle__option--active{color:var(--color-primary);background-color:var(--color-primary-light)}.speak-button-group:hover .speed-toggle,.speak-button-group:focus-within .speed-toggle,.speak-button-group--active .speed-toggle{max-width:6rem;opacity:1;transform:translate(0);pointer-events:auto}.translation-button-group{display:flex;align-items:center;overflow:visible}.mapping-toggle{display:grid;grid-template-columns:0fr;margin-left:.25rem;opacity:0;transform:translate(-8px);pointer-events:none;transition:grid-template-columns .5s ease-in-out,opacity .5s ease-in-out,transform .5s ease-in-out}.mapping-toggle__inner{min-width:0;overflow:hidden;display:inline-flex;gap:.25rem;align-items:center}.mapping-toggle__option{background:none;border:none;padding:.125rem .375rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-400);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);white-space:nowrap}.mapping-toggle__option:hover{color:var(--color-gray-700);background-color:var(--color-gray-100)}.mapping-toggle__option--active{color:var(--color-primary);background-color:var(--color-primary-light)}.translation-button-group--active .mapping-toggle{grid-template-columns:1fr;opacity:1;transform:translate(0);pointer-events:auto}.translation-button-group--active .mapping-toggle__inner{overflow:visible}.message__footer{margin-top:.75rem}.message__pronunciation-button{display:flex;align-items:center;justify-content:center;min-width:1.25rem;min-height:1.25rem;background:none;border:none;cursor:pointer;padding:.25rem;transition:all var(--transition-fast);flex-shrink:0;border-radius:var(--radius-sm);opacity:1}.message__pronunciation-button:hover{transform:scale(1.1);background-color:var(--color-gray-100)}.message__pronunciation-icon{width:1rem;height:1rem;color:var(--color-gray-500);transition:color var(--transition-fast)}.message__pronunciation-button--active .message__pronunciation-icon{color:var(--color-primary)}.message__pronunciation-icon svg{width:100%;height:100%;display:block}.message__translation-button{display:flex;align-items:center;justify-content:center;min-width:1.25rem;min-height:1.25rem;background:none;border:none;cursor:pointer;padding:.25rem;transition:all var(--transition-fast);flex-shrink:0;border-radius:var(--radius-sm);opacity:1}.message__translation-button:hover{transform:scale(1.1);background-color:var(--color-gray-100)}.message__translation-button--active{background-color:var(--color-primary-light)}.message__translation-button--active:hover{background-color:var(--color-primary-lighter)}.message__translation-icon{width:1rem;height:1rem;color:var(--color-gray-500);transition:color var(--transition-fast)}.message__translation-button--active .message__translation-icon{color:var(--color-primary)}.message__translation-icon svg{width:100%;height:100%;display:block}.message__pronunciation-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding:.75rem;background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.pronunciation-word{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.pronunciation-word__text{font-size:var(--font-size-base);color:var(--color-gray-900);font-weight:var(--font-weight-medium);white-space:pre}.pronunciation-word__ipa{font-size:var(--font-size-xs);color:var(--color-gray-600);font-family:var(--font-family-body);font-weight:var(--font-weight-normal);font-style:italic}.message-input{display:flex;flex-direction:column;gap:0;background-color:var(--color-input-bg);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);padding:var(--spacing-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0;margin:0 auto;max-width:800px;width:100%;position:relative;z-index:10}.message-input:focus-within{border-color:var(--color-gray-300)}.message-input__container{display:flex;gap:var(--spacing-sm);align-items:flex-end}.message-input__field{flex:1;padding:.625rem .875rem;border:none;background:transparent;font-family:inherit;font-size:var(--font-size-md);font-weight:inherit;color:var(--color-input-text);outline:none;line-height:1.5;resize:none;max-height:calc(24em + 1.25rem);overflow-y:auto;overflow-x:hidden;word-wrap:break-word}.message-input__field::placeholder{color:var(--color-input-placeholder)}.message-input__loading{flex:1;display:flex;align-items:center;justify-content:center;padding:.625rem .875rem}.message-input__spinner{width:24px;height:24px;border:3px solid var(--color-gray-200);border-top-color:var(--color-accent-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.message-input__mic-button{background-color:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);width:34px;height:34px;padding:0;flex-shrink:0}.message-input__mic-button:hover,.message-input__mic-button:active{background-color:transparent}.message-input__mic-button:focus{outline:none;box-shadow:none}.message-input__mic-button--recording:hover,.message-input__mic-button--recording:active{background-color:transparent}.message-input__mic-button--recording:focus{box-shadow:none}.message-input__mic-button--disabled{opacity:.4;cursor:not-allowed}.message-input__mic-button--recording .message-input__mic-icon{color:var(--color-error);animation:pulse-recording 1.5s ease-in-out infinite}@keyframes pulse-recording{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.message-input__mic-icon{width:20px;height:20px;color:var(--color-accent-500)}.message-input__button{background-color:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);width:34px;height:34px;padding:0;flex-shrink:0}.message-input__icon{width:24px;height:24px;color:var(--color-accent-500)}.message-input__button:hover{background-color:var(--color-gray-100)}.message-input__button:active{background-color:var(--color-accent-100)}.message-input__button:focus{outline:none;box-shadow:0 0 0 3px var(--color-accent-100)}.message-input__toolbar{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-top:1px solid var(--color-gray-200)}.chat-settings-bar{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-sm) 0;border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-sm);justify-content:flex-start}.language-dropdown{position:relative;min-width:180px;max-width:220px}.language-dropdown__trigger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none}.language-dropdown__trigger:hover{background-color:var(--color-gray-100)}.language-dropdown__label{font-size:var(--font-size-sm);color:var(--color-gray-500);white-space:nowrap}.language-dropdown__value{font-size:var(--font-size-sm);color:var(--color-gray-800);font-weight:var(--font-weight-medium)}.language-dropdown__arrow{width:12px;height:12px;margin-left:auto;transition:transform var(--transition-fast);transform:rotate(90deg);color:var(--color-gray-500)}.language-dropdown__arrow--open{transform:rotate(270deg)}.language-dropdown__menu{position:absolute;bottom:100%;left:0;right:0;margin-bottom:var(--spacing-xs);background-color:var(--color-bg-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:240px;overflow-y:auto}.language-dropdown__item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast)}.language-dropdown__item:hover{background-color:var(--color-gray-100)}.language-dropdown__item--selected{background-color:var(--color-accent-100)}.language-dropdown__item--selected:hover{background-color:var(--color-accent-200)}.language-dropdown__item-text{font-size:var(--font-size-sm);color:var(--color-gray-800)}.language-dropdown__checkmark{font-size:var(--font-size-sm);color:var(--color-accent-500);font-weight:var(--font-weight-bold)}@media (max-width: 768px){.chat-settings-bar{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.language-dropdown{width:10%;max-width:260px}.language-dropdown__trigger{justify-content:center}}.welcome-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);height:100%}.welcome-screen__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xl);max-width:800px;width:100%}.welcome-screen__title{font-family:var(--font-family-heading);font-size:3rem;font-weight:600;color:var(--color-text);margin:0;text-align:center;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.welcome-screen__greeting-line{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap}.welcome-screen__greeting-container{position:relative;display:inline-flex;align-items:center;height:3rem;width:10rem;margin-right:.33rem}@keyframes greetingSlideIn{0%{opacity:0;transform:translateY(250%)}to{opacity:1;transform:translateY(0)}}@keyframes greetingSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-700%)}}.welcome-screen__greeting{position:absolute;top:0;right:0;height:100%;width:auto;opacity:0;transform:translateY(100%)}.welcome-screen__greeting svg{height:100%;width:auto;display:block;color:var(--color-accent-400)}.welcome-screen__greeting svg path{fill:currentColor}.welcome-screen__greeting--active{opacity:1;transform:translateY(0);z-index:1;animation:greetingSlideIn 2s ease-in-out forwards}.welcome-screen__greeting--exiting{opacity:0;transform:translateY(-100%);z-index:2;animation:greetingSlideOut 2.5s ease-in-out forwards}.welcome-screen__user-text{font-weight:400;color:var(--color-gray-700)}.welcome-screen__comma{font-weight:400;color:var(--color-gray-700);display:inline-block;line-height:1;padding-bottom:.5rem;margin-right:1rem}.welcome-screen__user{display:inline-flex;align-items:center;gap:.25rem;padding-bottom:.5rem}.welcome-screen__name{font-weight:400;color:var(--color-gray-700);display:inline-block;line-height:1}.welcome-screen__input{width:100%;max-width:700px;position:relative;z-index:10}.welcome-screen__input .message-input{margin:0}@media (max-width: 768px){.welcome-screen__title{font-size:3rem;flex-direction:column}.welcome-screen__greeting-container{height:3rem;min-width:6rem;margin-right:0;margin-bottom:0}.welcome-screen__greeting-line{width:100%;margin-bottom:.35rem}.welcome-screen__greeting{left:50%;right:auto;transform:translate(-50%,100%)}.welcome-screen__user{flex-direction:column;align-items:center;gap:.35rem}.welcome-screen__comma{margin:0;align-self:center}.welcome-screen__greeting--active{transform:translate3d(-50%,0,0);animation:greetingSlideInMobile 2.5s ease-in-out forwards}.welcome-screen__greeting--exiting{transform:translate3d(-50%,0,0);animation:greetingSlideOutMobile 2.5s ease-in-out forwards}@keyframes greetingSlideInMobile{0%{opacity:0;transform:translate3d(-150%,0,0)}to{opacity:1;transform:translate3d(-50%,0,0)}}@keyframes greetingSlideOutMobile{0%{opacity:1;transform:translate3d(-50%,0,0)}to{opacity:0;transform:translate3d(150%,0,0)}}.welcome-screen__content{gap:var(--spacing-lg)}}@media (max-width: 480px){.welcome-screen__title{font-size:2.5rem}.welcome-screen__greeting-container{height:3rem;min-width:5rem}}.chat-sidebar{width:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}.chat-sidebar__header{padding:1rem;border-bottom:1px solid var(--color-gray-200)}.chat-sidebar__header h3{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.chat-sidebar__new-chat-btn{background-color:var(--color-accent-100);color:var(--color-accent-700);border:none;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.chat-sidebar__new-chat-btn:hover{background-color:var(--color-accent-200)}.chat-sidebar__list{flex:1;overflow-y:auto;padding:.5rem}.chat-sidebar__item{padding:.75rem;margin-bottom:.25rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border-left:2px solid transparent}.chat-sidebar__item:hover{background-color:var(--color-bg-secondary)}.chat-sidebar__item--active{background-color:var(--color-accent-100);border-left-color:var(--color-accent-500)}.chat-sidebar__item--active:hover{background-color:var(--color-accent-200)}.chat-sidebar__item-title{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-gray-800);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-sidebar__item-preview{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-sidebar__item-meta{font-size:var(--font-size-xs);color:var(--color-gray-500)}.token--show-low-mapping,.token--show-high-mapping{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:left;margin:0 -8px 0 0;font-size:1em;line-height:1.6;cursor:pointer;position:relative;overflow:visible;box-sizing:border-box;width:max-content;transition:background-color var(--token-animation-duration) ease-in-out,opacity var(--token-animation-duration) ease-in-out,transform var(--token-animation-duration) ease-in-out,padding var(--token-animation-duration) ease-in-out,margin var(--token-animation-duration) ease-in-out;clip-path:polygon(0% 0%,calc(100% - 8px) 0%,100% 50%,calc(100% - 8px) 100%,0% 100%,8px 50%);-webkit-clip-path:polygon(0% 0%,calc(100% - 8px) 0%,100% 50%,calc(100% - 8px) 100%,0% 100%,8px 50%);padding:.25em .6em}.token--show-low-mapping.token--mapping-first,.token--show-high-mapping.token--mapping-first{clip-path:polygon(0% 0%,calc(100% - 8px) 0%,100% 50%,calc(100% - 8px) 100%,0% 100%);-webkit-clip-path:polygon(0% 0%,calc(100% - 8px) 0%,100% 50%,calc(100% - 8px) 100%,0% 100%)}.token--show-low-mapping.token--mapping-last,.token--show-high-mapping.token--mapping-last{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,8px 50%);-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,8px 50%);padding:.25em .6em;margin-right:0}.token--show-low-mapping.token--mapping-first.token--mapping-last,.token--show-high-mapping.token--mapping-first.token--mapping-last{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.token--show-low-mapping:hover,.token--show-high-mapping:hover{transform:scale(1.05);z-index:1}.token--show-low-mapping.token--with-pronunciation,.token--show-high-mapping.token--with-pronunciation{clip-path:none;-webkit-clip-path:none;background:none;padding:0;align-items:stretch;transition:background-color var(--token-animation-duration) ease-in-out,opacity var(--token-animation-duration) ease-in-out,transform var(--token-animation-duration) ease-in-out,padding var(--token-animation-duration) ease-in-out,margin var(--token-animation-duration) ease-in-out,clip-path var(--token-animation-duration) ease-in-out}.token--show-low-mapping.token--with-pronunciation .token__word,.token--show-high-mapping.token--with-pronunciation .token__word{align-self:stretch;min-width:0;box-sizing:border-box;background:var(--token-bg, transparent);clip-path:polygon(0% 0%,calc(100% - 8px) 0%,100% 50%,calc(100% - 8px) 100%,0% 100%,8px 50%);-webkit-clip-path:polygon(0% 0%,calc(100% - 8px) 0%,100% 50%,calc(100% - 8px) 100%,0% 100%,8px 50%);padding:.25em .6em;transition:background-color var(--token-animation-duration) ease-in-out,clip-path var(--token-animation-duration) ease-in-out,padding var(--token-animation-duration) ease-in-out}.token--show-low-mapping.token--with-pronunciation.token--mapping-first .token__word,.token--show-high-mapping.token--with-pronunciation.token--mapping-first .token__word{clip-path:polygon(0% 0%,calc(100% - 8px) 0%,100% 50%,calc(100% - 8px) 100%,0% 100%);-webkit-clip-path:polygon(0% 0%,calc(100% - 8px) 0%,100% 50%,calc(100% - 8px) 100%,0% 100%)}.token--show-low-mapping.token--with-pronunciation.token--mapping-last .token__word,.token--show-high-mapping.token--with-pronunciation.token--mapping-last .token__word{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,8px 50%);-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,8px 50%);padding:.25em .6em}.token--show-low-mapping.token--with-pronunciation.token--mapping-first.token--mapping-last .token__word,.token--show-high-mapping.token--with-pronunciation.token--mapping-first.token--mapping-last .token__word{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.token--show-low-mapping .token__word,.token--show-high-mapping .token__word{font-weight:var(--font-weight-medium);white-space:pre-wrap}.token--show-low-mapping .token__pronunciation,.token--show-high-mapping .token__pronunciation{transition:max-height var(--token-animation-duration) ease-in-out,opacity var(--token-animation-duration) ease-in-out,padding var(--token-animation-duration) ease-in-out,width var(--token-animation-duration) ease-in-out,max-width var(--token-animation-duration) ease-in-out}.mistake-highlight{display:inline;font-size:1em;line-height:1.6;transition:background-color var(--transition-fast),opacity var(--transition-fast)}.mistake-highlight--inactive{background-color:var(--color-mistake-grammar-light);border-radius:var(--radius-xs);padding:.1em .15em;margin:-.1em 0;transition:background-color var(--transition-fast)}.mistake-highlight--active{background-color:var(--color-mistake-grammar-medium);border-radius:var(--radius-xs);padding:.1em .15em;margin:-.1em 0;transition:background-color var(--transition-fast)}.mistake-highlight--hovered.mistake-highlight--inactive{background-color:var(--color-mistake-grammar-medium)}.mistake-highlight--hovered.mistake-highlight--active{background-color:var(--color-mistake-grammar-strong)}.mistake-highlight--grammar.mistake-highlight--inactive{background-color:var(--color-mistake-grammar-light)}.mistake-highlight--grammar.mistake-highlight--active,.mistake-highlight--grammar.mistake-highlight--hovered.mistake-highlight--inactive{background-color:var(--color-mistake-grammar-medium)}.mistake-highlight--grammar.mistake-highlight--hovered.mistake-highlight--active{background-color:var(--color-mistake-grammar-strong)}.mistake-highlight--word-order.mistake-highlight--inactive{background-color:var(--color-mistake-word-order-light)}.mistake-highlight--word-order.mistake-highlight--active,.mistake-highlight--word-order.mistake-highlight--hovered.mistake-highlight--inactive{background-color:var(--color-mistake-word-order-medium)}.mistake-highlight--word-order.mistake-highlight--hovered.mistake-highlight--active{background-color:var(--color-mistake-word-order-strong)}.mistake-highlight--vocabulary.mistake-highlight--inactive{background-color:var(--color-mistake-vocabulary-light)}.mistake-highlight--vocabulary.mistake-highlight--active,.mistake-highlight--vocabulary.mistake-highlight--hovered.mistake-highlight--inactive{background-color:var(--color-mistake-vocabulary-medium)}.mistake-highlight--vocabulary.mistake-highlight--hovered.mistake-highlight--active{background-color:var(--color-mistake-vocabulary-strong)}.mistake-highlight--spelling.mistake-highlight--inactive{background-color:var(--color-mistake-spelling-light)}.mistake-highlight--spelling.mistake-highlight--active,.mistake-highlight--spelling.mistake-highlight--hovered.mistake-highlight--inactive{background-color:var(--color-mistake-spelling-medium)}.mistake-highlight--spelling.mistake-highlight--hovered.mistake-highlight--active{background-color:var(--color-mistake-spelling-strong)}.mistake-highlight--articles-and-prepositions.mistake-highlight--inactive{background-color:var(--color-mistake-articles-and-prepositions-light)}.mistake-highlight--articles-and-prepositions.mistake-highlight--active,.mistake-highlight--articles-and-prepositions.mistake-highlight--hovered.mistake-highlight--inactive{background-color:var(--color-mistake-articles-and-prepositions-medium)}.mistake-highlight--articles-and-prepositions.mistake-highlight--hovered.mistake-highlight--active{background-color:var(--color-mistake-articles-and-prepositions-strong)}.mistake-highlight--punctuation.mistake-highlight--inactive{background-color:var(--color-mistake-punctuation-light)}.mistake-highlight--punctuation.mistake-highlight--active,.mistake-highlight--punctuation.mistake-highlight--hovered.mistake-highlight--inactive{background-color:var(--color-mistake-punctuation-medium)}.mistake-highlight--punctuation.mistake-highlight--hovered.mistake-highlight--active{background-color:var(--color-mistake-punctuation-strong)}.mistake-highlight--wrong-language.mistake-highlight--inactive{background-color:var(--color-mistake-wrong-language-light)}.mistake-highlight--wrong-language.mistake-highlight--active,.mistake-highlight--wrong-language.mistake-highlight--hovered.mistake-highlight--inactive{background-color:var(--color-mistake-wrong-language-medium)}.mistake-highlight--wrong-language.mistake-highlight--hovered.mistake-highlight--active{background-color:var(--color-mistake-wrong-language-strong)}.mistake-highlight--other.mistake-highlight--inactive{background-color:var(--color-mistake-other-light)}.mistake-highlight--other.mistake-highlight--active,.mistake-highlight--other.mistake-highlight--hovered.mistake-highlight--inactive{background-color:var(--color-mistake-other-medium)}.mistake-highlight--other.mistake-highlight--hovered.mistake-highlight--active{background-color:var(--color-mistake-other-strong)}.mistake-highlight--clickable{cursor:pointer}.mistake-highlight--last{display:inline}.literal-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;z-index:1000;pointer-events:none;animation:tooltip-fade-in .2s ease}.literal-tooltip--fixed{position:fixed;bottom:auto;transform:translate(-50%,-100%);z-index:1000;pointer-events:none;animation:tooltip-fade-in-fixed .15s ease}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes tooltip-fade-in-fixed{0%{opacity:0;transform:translate(-50%,calc(-100% + 4px))}to{opacity:1;transform:translate(-50%,-100%)}}.literal-tooltip__content{background:var(--color-bg-card);border:1px solid var(--color-gray-200);border-radius:8px;padding:12px;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;min-width:180px;max-width:280px;white-space:normal}.literal-tooltip__content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:var(--color-bg-card) transparent transparent transparent;filter:drop-shadow(0 2px 1px rgba(0,0,0,.05))}.literal-tooltip__content:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-width:7px 7px 0 7px;border-color:var(--color-gray-200) transparent transparent transparent;margin-top:1px}.literal-tooltip__section{display:flex;flex-direction:column;gap:4px}.literal-tooltip__section+.literal-tooltip__section{margin-top:10px;padding-top:10px;border-top:1px solid var(--color-gray-200)}.literal-tooltip__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-500)}.literal-tooltip__value{font-size:14px;font-weight:500;color:var(--color-gray-800);line-height:1.4}[data-theme=dark] .literal-tooltip__content{background:var(--color-gray-800);border-color:var(--color-gray-700);box-shadow:0 4px 12px #0000004d,0 2px 4px #0003}[data-theme=dark] .literal-tooltip__content:after{border-color:var(--color-gray-800) transparent transparent transparent}[data-theme=dark] .literal-tooltip__content:before{border-color:var(--color-gray-700) transparent transparent transparent}[data-theme=dark] .literal-tooltip__section+.literal-tooltip__section{border-top-color:var(--color-gray-700)}[data-theme=dark] .literal-tooltip__label{color:var(--color-gray-400)}[data-theme=dark] .literal-tooltip__value{color:var(--color-gray-100)}@media (max-width: 768px){.literal-tooltip__content{min-width:160px;max-width:240px;padding:10px}.literal-tooltip__label{font-size:10px}.literal-tooltip__value{font-size:13px}}.notification{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;max-width:600px;width:90%;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.notification--show{opacity:1;pointer-events:auto}.notification__content{background-color:var(--color-message-assistant-bg);border:2px solid var(--color-accent);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.notification__message{margin:0;color:var(--color-text);font-size:var(--font-size-base);line-height:1.5;flex:1}.notification__close{background:none;border:none;color:var(--color-text-secondary);font-size:28px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease;flex-shrink:0}.notification__close:hover{background-color:var(--color-hover-bg);color:var(--color-text)}.notification__close:active{transform:scale(.95)}.sprachy-logo{display:flex;justify-content:flex-start;padding:1.5rem;width:4.5rem;height:4.5rem;max-width:4.5rem;max-height:4.5rem;color:#b56a3d}.sprachy-logo__icon{display:block;max-width:4.5rem;max-height:4.5rem}.settings{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;padding:var(--spacing-xl);overflow-y:auto}.settings__container{max-width:800px;width:100%}.settings__back-button{background:none;border:none;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-md);transition:color .2s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}.settings__back-button:hover{color:var(--color-text-primary)}.settings__title{font-family:var(--font-family-heading);font-size:2rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xl)}.settings__content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings__section{background:var(--color-bg-secondary);border-radius:var(--border-radius-lg);padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);border:1px solid var(--color-border-light)}.settings__section-title{font-family:var(--font-family-heading);font-size:1.25rem;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.settings__name-control{margin-bottom:var(--spacing-sm)}.settings__name-count{display:block;margin-top:var(--spacing-xs, .25rem);font-size:.875rem;color:var(--color-text-tertiary, #888)}.settings__name-input{width:100%;max-width:20rem;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);outline:none;transition:border-color .2s ease}.settings__name-input::placeholder{color:var(--color-text-tertiary, #888)}.settings__name-input:focus{border-color:var(--color-primary, #6366f1)}.settings__language-controls{display:flex;flex-direction:column;gap:var(--spacing-md)}.settings-language-dropdown{position:relative;width:100%}.settings-language-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease-in-out;gap:var(--spacing-sm)}.settings-language-dropdown__trigger:hover{background:var(--color-bg-hover);border-color:var(--color-border-medium)}.settings-language-dropdown__label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.settings-language-dropdown__value{flex:1;text-align:right;font-size:.875rem;color:var(--color-text-primary);font-weight:500}.settings-language-dropdown__arrow{width:16px;height:16px;transition:transform .2s ease-in-out;opacity:.6}.settings-language-dropdown__arrow--open{transform:rotate(90deg)}.settings-language-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);z-index:1000;overflow:hidden;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-language-dropdown__item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color .15s ease-in-out}.settings-language-dropdown__item:hover,.settings-language-dropdown__item--selected{background:var(--color-bg-hover)}.settings-language-dropdown__item-text{font-size:.875rem;color:var(--color-text-primary)}.settings-language-dropdown__checkmark{font-size:1rem;color:var(--color-primary);font-weight:600}@media (max-width: 768px){.settings{padding:var(--spacing-md)}.settings__title{font-size:1.5rem}.settings__section-title{font-size:1.125rem}}.rotating-greeting{margin-bottom:var(--spacing-lg)}.rotating-greeting__container{position:relative;width:100%;max-width:400px;height:120px;overflow:visible;z-index:100}.rotating-greeting__svg{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start}.rotating-greeting__svg svg{width:auto;height:100%;max-width:100%;color:var(--color-accent-400)}.rotating-greeting__svg svg path{fill:currentColor}.rotating-greeting__svg--active{opacity:0;transform:translateY(100%);z-index:1;animation:greetingSlideIn 2s ease-in-out forwards}.rotating-greeting__svg--exiting{opacity:1;transform:translateY(0);z-index:2;animation:greetingSlideOut 2.5s ease-in-out forwards}@keyframes greetingSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes greetingSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@media (max-width: 768px){.rotating-greeting__container{max-width:300px;height:90px}}.landing{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary);overflow-x:hidden;max-width:100%}.landing__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-primary);flex-shrink:0}.landing__logo{display:flex;align-items:center;gap:1.5rem}.landing__logo-icon{width:2rem;height:2rem;color:var(--color-gray-900)}.landing__logo-text{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);letter-spacing:-.02em}.landing__nav{display:flex;align-items:center}.landing__btn--try{background:var(--color-gray-900);color:var(--color-white)}.landing__btn--try:hover{background:var(--color-gray-800)}.landing__hero-area{flex:1;display:flex;align-items:center;min-height:0;width:100%}.landing__hero{flex:1;display:flex;align-items:center;gap:var(--spacing-3xl);padding:var(--spacing-2xl) var(--spacing-xl);max-width:var(--max-width-container);margin:0 auto;width:100%}.landing__hero-content{flex:1;max-width:28rem}.landing__headline{font-family:var(--font-family-heading);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2xl);letter-spacing:-.02em;line-height:1.1}.landing__headline--animated{display:flex;flex-direction:column}.landing__headline-line1,.landing__headline-line2{display:block}.landing__card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.landing__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.landing__btn--google{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--color-bg-secondary);color:var(--color-gray-800);border:1px solid var(--color-gray-200)}.landing__btn--google:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-gray-300)}.landing__google-icon{display:inline-flex;width:18px;height:18px;flex-shrink:0}.landing__google-icon svg{width:18px;height:18px;display:block}.landing__or{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:center}.landing__input{padding:var(--spacing-md);border:1px solid var(--color-input-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-input-bg);color:var(--color-input-text);transition:border-color var(--transition-fast)}.landing__input::placeholder{color:var(--color-input-placeholder)}.landing__input:focus{outline:none;border-color:var(--color-input-border-focus)}.landing__btn{cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);padding:.5rem 1rem;border:none;transition:background-color var(--transition-fast)}.landing__btn--primary{background:var(--color-gray-900);color:var(--color-white)}.landing__btn--primary:hover:not(:disabled){background:var(--color-gray-800)}.landing__btn:disabled{opacity:.6;cursor:not-allowed}.landing__error{margin:0;font-size:var(--font-size-sm);color:var(--color-mistake-grammar)}.landing__success{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-600)}.landing__hero-image{flex:1;min-height:16rem;background:var(--color-gray-200);border-radius:var(--radius-lg)}@media (max-width: 768px){.landing__hero{flex-direction:column;padding:var(--spacing-lg)}.landing__hero-image{min-height:12rem;width:100%}}.hero{display:flex;align-items:center;padding:2rem 2rem 2rem 5rem;width:100%;box-sizing:border-box;min-height:0}.hero__content{flex:0 0 auto;width:28rem}.hero__image-container{flex:1;min-width:0;margin-left:var(--spacing-2xl);display:flex;justify-content:center;align-items:center;min-height:16rem}.hero__image-panel{width:100%;max-width:36rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-gray-200);background:var(--color-bg-secondary);box-shadow:var(--shadow-sm)}.hero__screenshot{width:100%;height:auto;display:block;object-fit:contain;vertical-align:middle}.hero__headline{font-family:var(--font-family-heading);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2xl);letter-spacing:-.02em;line-height:1.1;text-align:center}.hero__headline-line1,.hero__headline-line2{display:block}.hero__card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.hero__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.hero__btn--google{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--color-bg-secondary);color:var(--color-gray-800);border:1px solid var(--color-gray-200)}.hero__btn--google:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-gray-300)}.hero__google-icon{display:inline-flex;width:18px;height:18px;flex-shrink:0}.hero__google-icon svg{width:18px;height:18px;display:block}.hero__or{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:center}.hero__input{padding:var(--spacing-md);border:1px solid var(--color-input-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-input-bg);color:var(--color-input-text);transition:border-color var(--transition-fast)}.hero__input::placeholder{color:var(--color-input-placeholder)}.hero__input:focus{outline:none;border-color:var(--color-input-border-focus)}.hero__btn{cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);padding:var(--spacing-md);border:none;transition:background-color var(--transition-fast)}.hero__btn--primary{background:var(--color-gray-900);color:var(--color-white)}.hero__btn--primary:hover:not(:disabled){background:var(--color-gray-800)}.hero__btn:disabled{opacity:.6;cursor:not-allowed}.hero__error{margin:0;font-size:var(--font-size-sm);color:var(--color-mistake-grammar)}.hero__success{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-600)}@media (max-width: 1080px){.hero{flex-direction:column;align-items:center;padding:var(--spacing-lg)}.hero__content{width:100%;max-width:28rem;margin-left:0}.hero__image-container{display:none}}.demos{width:100%;max-width:100%;padding:var(--spacing-3xl) var(--spacing-xl);background:var(--color-bg-secondary);overflow-x:hidden;box-sizing:border-box}.demos__inner{max-width:var(--max-width-container);margin:0 auto;display:flex;align-items:stretch;gap:var(--spacing-3xl);min-height:0;overflow-x:hidden}.demos__demo-area{flex:1;display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.demos__message-wrap,.demos__feedback-wrap{width:100%;max-width:36rem}.demos__coming-soon{font-size:var(--font-size-lg);color:var(--color-gray-500)}.demos__features{flex:0 0 auto;width:22rem;min-width:18rem}.demos__feature-list{display:flex;flex-direction:column;gap:0}.demos__feature-item{display:block;width:100%;text-align:left;padding:var(--spacing-md) 0;border:none;border-bottom:1px solid var(--color-gray-200);background:none;cursor:pointer;transition:background-color var(--transition-fast)}.demos__feature-item:last-child{border-bottom:none}.demos__feature-item:hover{background:var(--color-bg-tertiary)}.demos__feature-item--selected{background:transparent}.demos__feature-title{font-family:var(--font-family-heading);margin:0 0 var(--spacing-xs);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.demos__feature-item:not(.demos__feature-item--selected) .demos__feature-title{margin-bottom:0}.demos__feature-blurb{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5}@media (max-width: 900px){.demos{max-width:100vw;padding-left:var(--spacing-lg)!important;padding-right:var(--spacing-lg)!important}.demos__inner{flex-direction:column;align-items:center;max-width:100%;min-width:0}.demos__demo-area{min-width:60%;min-height:16rem;padding:var(--spacing-xl)!important;overflow-x:hidden}.demos__message-wrap,.demos__feedback-wrap{min-width:0;max-width:100%;overflow-x:hidden}.demos__features{width:100%;max-width:28rem}}.pricing{width:100%;padding:var(--spacing-2xl) var(--spacing-xl);background:var(--color-bg-card)}.pricing__placeholder{max-width:var(--max-width-container);margin:0 auto;padding:var(--spacing-3xl);text-align:center;font-size:var(--font-size-lg);color:var(--color-gray-500);background:var(--color-gray-100);border-radius:var(--radius-md)}.footer{width:100%;padding:var(--spacing-2xl) var(--spacing-xl);background:var(--color-gray-800);color:var(--color-gray-300)}.footer__placeholder{max-width:var(--max-width-container);margin:0 auto;padding:var(--spacing-xl);text-align:center;font-size:var(--font-size-base);color:var(--color-gray-400)}