@import"https://fonts.googleapis.com/css2?family=Exo:wght@400;600;700&family=Inter:wght@400;500;600&display=swap";.status-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xxl);height:44px;font-size:var(--font-size-xs);color:var(--color-text-primary);background:transparent;position:relative;z-index:100;font-family:var(--font-family-primary);flex-shrink:0}.status-bar__time{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.status-bar__icons{display:flex;align-items:center;gap:var(--spacing-xs)}.status-bar__icon{font-size:var(--font-size-xs);opacity:.9;display:flex;align-items:center}.header{height:auto;min-height:var(--header-height);display:flex;align-items:center;justify-content:center;background:transparent;position:relative;z-index:100;padding:var(--spacing-lg) var(--spacing-xxxl) var(--spacing-lg);flex-shrink:0}.header__logo{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-xxxl) var(--spacing-lg);background:transparent;border-radius:var(--radius-xs)}.header__logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-family-primary);letter-spacing:var(--letter-spacing-tight)}.mobile-container{width:100%;max-width:414px;min-width:var(--mobile-width);height:100vh;max-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary);position:relative;overflow:hidden;box-shadow:0 0 30px #00000080;overscroll-behavior:none;contain:layout style}.mobile-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#0000,#ff0b6f 66%);opacity:.3;filter:blur(75px);pointer-events:none;z-index:0;transform:translate(-93px,301px)}.mobile-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;opacity:.15;pointer-events:none;z-index:1}@media (min-width: 415px){.mobile-container{width:var(--mobile-width);height:var(--mobile-height);border-radius:0;margin:auto}}@media (max-height: 568px){.mobile-container{height:100vh}}.message-bubble{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md);max-width:85%;animation:fadeInUp .2s var(--ease-out)}.message-bubble--user{flex-direction:row-reverse;align-self:flex-end;margin-left:auto}.message-bubble--app{align-self:flex-start}.message-bubble__avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--avatar-size);height:var(--avatar-size);background:var(--color-accent-pink-light);border-radius:var(--radius-circle);padding:var(--spacing-sm)}.message-bubble__content{background:transparent;border-radius:var(--radius-md);padding:0;color:var(--color-text-primary);word-wrap:break-word;overflow-wrap:break-word;display:flex;flex-direction:column;gap:var(--spacing-sm)}.message-bubble__text{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);white-space:pre-wrap;max-width:310px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.typing-indicator{display:flex;align-items:center;gap:6px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bubble-bg);border-radius:var(--radius-md);max-width:60px;margin-bottom:var(--spacing-md)}.typing-indicator__dot{width:8px;height:8px;background:var(--color-text-primary);border-radius:50%;animation:typing 1.4s infinite;opacity:.7}.typing-indicator__dot:nth-child(2){animation-delay:.2s}.typing-indicator__dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.empty-state{flex:1;display:flex;flex-direction:column;padding:var(--spacing-xl) var(--spacing-xxl);position:relative;z-index:2;overflow-y:auto;overflow-x:hidden;min-height:0;scroll-behavior:smooth;overscroll-behavior:contain}.empty-state__content{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.chat-log{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-xl) var(--spacing-xxl);position:relative;z-index:2;display:flex;flex-direction:column;scroll-behavior:auto;overscroll-behavior:contain;min-height:0;scroll-padding-top:0;overscroll-behavior-y:contain}.chat-log__content{display:flex;flex-direction:column;min-height:100%;justify-content:flex-start;gap:var(--spacing-md)}.possible-answers{margin-bottom:0;padding:var(--spacing-lg)}.possible-answers__container{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.possible-answers__button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xxxl);background:var(--color-button-inactive);border:none;border-radius:var(--radius-xs);color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-tight);cursor:pointer;transition:all var(--transition-normal) var(--ease-out);min-height:auto}.possible-answers__button--active{background:var(--color-button-active);color:var(--color-text-secondary)}.possible-answers__button:hover:not(:disabled){background:var(--color-button-active);transform:translateY(-1px)}.possible-answers__button:active:not(:disabled){transform:translateY(0)}.possible-answers__button:disabled{opacity:.5;cursor:not-allowed}.possible-answers__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:var(--spacing-sm);border-radius:var(--radius-full);background:#000}.possible-answers__button--active .possible-answers__icon{background:#000}.possible-answers__text{text-align:center}.license-plate-input{margin-bottom:0;padding:0}.license-plate-input__container{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-button-inactive);border-radius:var(--radius-xs);width:160px;height:100px;justify-content:flex-start}.license-plate-input__divider{width:2px;height:25px;background:var(--color-divider);flex-shrink:0}.license-plate-input__field{flex:1;background:transparent;border:none;color:var(--color-text-placeholder);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-loose);letter-spacing:var(--letter-spacing-tight);outline:none}.license-plate-input__field::placeholder{color:var(--color-text-placeholder)}.license-plate-input__field:disabled{opacity:.5;cursor:not-allowed}.camera-button{background:transparent;border:none;cursor:pointer;padding:var(--spacing-md);display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-normal);flex-shrink:0;position:absolute;right:44px;top:50%;transform:translateY(-50%);z-index:1}.camera-button:hover:not(:disabled){opacity:1}.camera-button:disabled{opacity:.3;cursor:not-allowed}.submit-button{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:var(--radius-circle);background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast) var(--ease-out);flex-shrink:0;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%)}.submit-button:hover:not(:disabled){color:var(--color-text-primary);opacity:1}.submit-button:active:not(:disabled){transform:translateY(-50%) scale(.95)}.submit-button:disabled{opacity:.3;cursor:not-allowed}.submit-button__spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-text-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-input-wrapper{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;position:relative;flex:1}.text-input{flex:1;min-height:var(--input-height);max-height:var(--input-max-height);padding:var(--spacing-lg) var(--spacing-xxl);padding-right:60px;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-tight);resize:none;overflow-y:auto;transition:all var(--transition-normal) var(--ease-out)}.text-input::placeholder{color:var(--color-text-tertiary)}.text-input:focus{outline:none;border-color:var(--color-text-tertiary)}.text-input:disabled{opacity:.5;cursor:not-allowed}.input-area{padding:var(--spacing-xl) var(--spacing-xxl);background:transparent;position:relative;z-index:10;display:flex;flex-direction:column;gap:var(--spacing-xl);flex-shrink:0}.input-area__options-row{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xl);width:100%}.input-area__license-row{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto}.input-area__answers-row{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto}.input-area__input-row{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--spacing-xxl);width:100%}:root{--color-bg-primary: #0F0F0F;--color-bg-secondary: #0F0F0F;--color-accent-pink: #FF0B6F;--color-accent-pink-light: rgba(255, 11, 111, .07);--color-text-primary: #FCFCFC;--color-text-secondary: #ECECEC;--color-text-tertiary: #C4C4C4;--color-text-placeholder: #C8C8C8;--color-bubble-bg: rgba(255, 255, 255, .07);--color-button-active: rgba(136, 136, 136, .16);--color-button-inactive: rgba(255, 255, 255, .07);--color-input-bg: rgba(255, 255, 255, .05);--color-input-border: #757575;--color-divider: #D9D9D9;--color-icon-white: #FFFFFF;--color-error: #FF3B30;--color-success: #34C759;--color-disabled: rgba(255, 255, 255, .3);--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 8px;--spacing-lg: 10px;--spacing-xl: 14px;--spacing-xxl: 16px;--spacing-xxxl: 20px;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading: "Exo", "Inter", sans-serif;--font-size-xs: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-header: 24px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.2857142857142858;--line-height-relaxed: 1.5;--line-height-loose: 1.8675178800310408;--letter-spacing-tight: -.01em;--mobile-width: 390px;--mobile-height: 776px;--header-height: 44px;--input-height: 52px;--input-min-height: 52px;--input-max-height: 120px;--avatar-size: 40px;--radius-xs: 10px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 100px;--radius-circle: 50%;--radius-full: 1000px;--transition-fast: .1s;--transition-normal: .15s;--transition-slow: .2s;--ease-out: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;position:fixed;width:100%;scroll-behavior:auto}body{font-family:var(--font-family-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular)}#root{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:var(--color-bg-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}*:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}button{user-select:none;-webkit-user-select:none}.error-message{padding:var(--spacing-sm) var(--spacing-xxl);color:var(--color-error);font-size:var(--font-size-xs);font-family:var(--font-family-primary);text-align:center;background:#ff3b3026;position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:390px;z-index:1000;pointer-events:auto;opacity:.95}
