:root{--color-primary:#1a7a7d;--color-primary-dark:#0a4d4e;--color-success:#51cf66;--color-warning:#ffa94d;--color-danger:#ff6b6b;--color-text:#1a1a1a;--color-text-secondary:#666;--color-text-tertiary:#999;--color-bg-card:rgba(255,255,255,.95);--color-bg-subtle:#f8f9fa;--color-border:#e0e0e0;--font-display:'Space Mono',monospace;--font-body:'Outfit',sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);background-attachment:fixed;color:var(--color-text);min-height:100vh;overflow-x:hidden}.app-container{max-width:420px;margin:0 auto;min-height:100vh;position:relative}.screen{display:none;min-height:100vh;padding-bottom:80px}.screen.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.header{background:var(--color-bg-card);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.logo{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--color-primary-dark);letter-spacing:-.5px}.header-actions{font-size:20px;cursor:pointer;color:var(--color-primary-dark)}.nav-bar{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-card);display:flex;justify-content:space-around;padding:12px 0;box-shadow:0 -2px 8px rgba(0,0,0,.1);backdrop-filter:blur(10px);z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;color:var(--color-text-secondary);text-decoration:none;font-size:12px;font-weight:600;cursor:pointer;transition:color .2s}.nav-item.active{color:var(--color-primary)}.nav-icon{font-size:24px;margin-bottom:4px}.landing-container{padding:40px 24px}.landing-logo{font-family:var(--font-display);font-size:32px;font-weight:700;text-align:center;margin-bottom:16px;color:#fff;letter-spacing:-1px}.landing-tagline{font-size:28px;font-weight:600;text-align:center;line-height:1.2;margin-bottom:12px;color:#fff}.landing-subtitle{text-align:center;font-size:16px;line-height:1.5;opacity:.9;margin-bottom:40px;font-weight:300;color:#fff}.input-card{background:var(--color-bg-card);border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 8px 32px rgba(0,0,0,.2)}.input-label{color:var(--color-primary-dark);font-size:14px;font-weight:600;margin-bottom:12px;display:block}.input-field{width:100%;padding:14px;border:2px solid var(--color-border);border-radius:8px;font-size:16px;font-family:var(--font-body);transition:border-color .2s;margin-bottom:12px}.input-field:focus{outline:0;border-color:var(--color-primary)}.input-field.error{border-color:var(--color-danger)}.input-main{margin-bottom:12px}.input-row{display:flex;gap:12px;margin-bottom:12px}.input-row .input-field{flex:1;margin-bottom:0}.input-error{color:var(--color-danger);font-size:13px;margin-top:-8px;margin-bottom:12px;font-weight:500}.analyze-btn{background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;width:100%;font-family:var(--font-body);transition:background .2s}.analyze-btn:hover{background:var(--color-primary-dark)}.analyze-btn:disabled{background:var(--color-text-tertiary);cursor:not-allowed}.landing-disclaimer{text-align:center;font-size:13px;opacity:.8;margin-bottom:48px;color:#fff}.landing-steps{margin-bottom:48px}.steps-title{font-size:22px;font-weight:600;text-align:center;margin-bottom:24px;color:#fff}.step{background:rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:16px;border-left:4px solid #fff;backdrop-filter:blur(10px)}.step-number{display:inline-block;width:32px;height:32px;background:#fff;color:var(--color-primary-dark);border-radius:50%;text-align:center;line-height:32px;font-weight:700;margin-right:12px;font-size:16px}.step-content{display:inline-block;vertical-align:top;width:calc(100% - 50px)}.step-title{font-size:18px;font-weight:600;margin-bottom:6px;color:#fff}.step-desc{font-size:14px;opacity:.9;line-height:1.4;color:#fff}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,77,78,.95);z-index:9999;display:none;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.loading-overlay.active{display:flex}.loading-content{text-align:center;color:#fff}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:18px;font-weight:600;margin-bottom:12px}.score-container{padding:24px 20px}.car-title-card{background:var(--color-bg-card);border-radius:16px 16px 0 0;padding:24px}.car-name{font-size:26px;font-weight:700;margin-bottom:8px;color:var(--color-text)}.car-details{font-size:16px;color:var(--color-text-secondary);font-weight:400}.recommendation-card{background:var(--color-primary);color:#fff;padding:28px 24px;border-radius:0 0 16px 16px;margin-bottom:20px}.rec-label{font-size:14px;font-weight:600;opacity:.9;margin-bottom:8px;letter-spacing:.5px}.rec-verdict{font-size:36px;font-weight:800;margin-bottom:16px;letter-spacing:-1px}.rec-score{display:inline-block;background:rgba(255,255,255,.2);padding:6px 14px;border-radius:8px;font-size:18px;font-weight:700;margin-bottom:16px}.rec-reasoning{font-size:16px;line-height:1.5;opacity:.95}.rec-reasoning strong{font-weight:700}.data-confidence-card{background:var(--color-bg-card);border-radius:16px;padding:20px 24px;margin-bottom:20px}.confidence-title{font-size:16px;font-weight:700;margin-bottom:16px;color:var(--color-text);display:flex;align-items:center;gap:8px}.confidence-badge{display:inline-block;padding:4px 10px;background:var(--color-success);color:#fff;border-radius:6px;font-size:13px;font-weight:700}.confidence-badge.medium{background:var(--color-warning)}.confidence-badge.low{background:var(--color-danger)}.confidence-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-border)}.confidence-item:last-child{border-bottom:none}.confidence-label{font-size:15px;color:var(--color-text-secondary)}.confidence-value{font-size:14px;font-weight:600}.confidence-high{color:var(--color-success)}.confidence-medium{color:var(--color-warning)}.confidence-low{color:var(--color-danger)}.analysis-card{background:var(--color-bg-card);border-radius:16px;padding:24px;margin-bottom:20px}.analysis-title{font-size:20px;font-weight:700;margin-bottom:18px;color:var(--color-text)}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.score-box{text-align:center;padding:20px 16px;background:var(--color-bg-subtle);border-radius:12px}.score-number{font-size:40px;font-weight:800;color:var(--color-primary);line-height:1;margin-bottom:8px}.score-max{font-size:18px;color:var(--color-text-tertiary)}.score-label{font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:4px}.score-rating{font-size:13px;font-weight:700;color:var(--color-primary)}.score-benchmark{font-size:12px;color:var(--color-text-tertiary);margin-top:6px;font-style:italic}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-heading{font-size:16px;font-weight:700;margin-bottom:12px;color:var(--color-text)}.detail-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-border);font-size:15px}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--color-text-secondary)}.detail-value{font-weight:600;color:var(--color-text)}.detail-value.positive{color:var(--color-success)}.detail-value.negative{color:var(--color-danger)}.alert-box{background:#fff3cd;border-left:4px solid var(--color-warning);padding:16px;border-radius:8px;margin-top:16px}.alert-title{font-size:14px;font-weight:700;color:#856404;margin-bottom:8px}.alert-item{font-size:14px;color:#856404;margin-bottom:6px;padding-left:20px;position:relative}.alert-item:last-child{margin-bottom:0}.alert-item::before{content:"⚠";position:absolute;left:0;font-size:14px}.critical-box{background:#ffe0e0;border-left:4px solid var(--color-danger);padding:16px;border-radius:8px;margin-top:16px}.critical-title{font-size:14px;font-weight:700;color:#c92a2a;margin-bottom:8px}.critical-item{font-size:14px;color:#c92a2a;margin-bottom:6px;padding-left:20px;position:relative}.critical-item:last-child{margin-bottom:0}.critical-item::before{content:"✗";position:absolute;left:0;font-size:14px;font-weight:700}.info-box{margin-top:16px;padding:16px;background:var(--color-bg-subtle);border-radius:8px}.info-box-text{font-size:14px;color:var(--color-text-secondary);line-height:1.5}.info-box-text strong{color:var(--color-text);font-weight:600}.highlight-box{margin-top:16px;padding:16px;background:#e7f5ff;border-radius:8px;border-left:4px solid var(--color-primary)}.highlight-box-text{font-size:14px;color:var(--color-primary-dark);line-height:1.5}.highlight-box-text strong{font-weight:700}.action-btn{background:var(--color-primary);color:#fff;border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:700;cursor:pointer;width:100%;font-family:var(--font-body);margin-top:20px;transition:background .2s}.action-btn:hover{background:var(--color-primary-dark)}.garage-container{padding:24px 20px}.garage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.garage-title{font-size:24px;font-weight:700;color:#fff}.add-car-btn{background:#fff;color:var(--color-primary);border:none;border-radius:50%;width:48px;height:48px;font-size:24px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:transform .2s}.add-car-btn:hover{transform:scale(1.1)}.garage-list{margin-bottom:20px}.garage-car-card{background:var(--color-bg-card);border-radius:12px;padding:20px;margin-bottom:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative}.garage-car-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.garage-car-card.selected{border:2px solid var(--color-primary)}.garage-car-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.garage-car-name{font-size:18px;font-weight:700;color:var(--color-text)}.garage-car-score{background:var(--color-primary);color:#fff;padding:6px 12px;border-radius:8px;font-size:16px;font-weight:700}.garage-car-details{font-size:14px;color:var(--color-text-secondary);margin-bottom:12px}.garage-car-actions{display:flex;gap:8px}.garage-action-btn{flex:1;padding:8px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.garage-action-btn.view{background:var(--color-primary);color:#fff}.garage-action-btn.delete{background:var(--color-bg-subtle);color:var(--color-danger)}.garage-action-btn:hover{opacity:.8}.compare-section{margin-top:20px}.compare-btn{background:var(--color-bg-card);color:var(--color-primary);border:2px solid var(--color-primary);border-radius:12px;padding:16px;font-size:16px;font-weight:700;cursor:pointer;width:100%;font-family:var(--font-body);transition:background .2s}.compare-btn:hover{background:rgba(26,122,125,.1)}.compare-btn:disabled{opacity:.5;cursor:not-allowed}.empty-garage{text-align:center;padding:60px 20px;color:#fff}.empty-garage-icon{font-size:64px;margin-bottom:20px;opacity:.6}.empty-garage-text{font-size:18px;font-weight:600;margin-bottom:8px}.empty-garage-subtext{font-size:14px;opacity:.8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.8);backdrop-filter:blur(4px);z-index:1000;display:none;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.comparison-modal{background:#fff;border-radius:16px;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,.3)}.modal-header{padding:24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:20px;font-weight:700;color:var(--color-text)}.modal-close{font-size:28px;cursor:pointer;color:var(--color-text-secondary);line-height:1}.modal-body{padding:24px}.chat-header{background:var(--color-bg-card);padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.chat-back-btn{font-size:24px;cursor:pointer;color:var(--color-primary-dark)}.chat-header-title{flex:1}.chat-car-name{font-size:16px;font-weight:700;color:var(--color-primary-dark)}.chat-score-badge{display:inline-block;background:var(--color-primary);color:#fff;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:700;margin-left:8px}.chat-container{height:calc(100vh - 140px);overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.chat-message{max-width:85%;padding:14px 16px;border-radius:16px;font-size:15px;line-height:1.5;animation:slideIn .3s ease}@keyframes slideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{align-self:flex-end;background:var(--color-bg-card);color:var(--color-text);border-bottom-right-radius:4px}.chat-message.assistant{align-self:flex-start;background:var(--color-bg-card);color:var(--color-text);border-bottom-left-radius:4px;border-left:4px solid var(--color-primary)}.chat-message.assistant strong{color:var(--color-primary);font-weight:700}.suggestion-chips{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.suggestion-chip{background:rgba(26,122,125,.1);color:var(--color-primary-dark);padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid rgba(26,122,125,.3)}.suggestion-chip:hover{background:rgba(26,122,125,.2);transform:translateY(-1px)}.chat-input-container{background:var(--color-bg-card);padding:16px 20px;box-shadow:0 -2px 8px rgba(0,0,0,.1)}.chat-input-wrapper{display:flex;gap:12px;align-items:center}.chat-input{flex:1;padding:12px 16px;border:2px solid var(--color-border);border-radius:24px;font-size:15px;font-family:var(--font-body);transition:border-color .2s}.chat-input:focus{outline:0;border-color:var(--color-primary)}.chat-send-btn{background:var(--color-primary);color:#fff;border:none;border-radius:50%;width:44px;height:44px;font-size:20px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.chat-send-btn:hover{background:var(--color-primary-dark)}.add-sheet-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;display:none}.add-sheet-backdrop.active{display:block}.add-sheet{position:fixed;bottom:-100%;left:0;right:0;background:#fff;border-radius:24px 24px 0 0;padding:24px;z-index:1000;transition:bottom .3s ease;max-height:50vh}.add-sheet.active{bottom:0}.add-sheet-handle{width:40px;height:4px;background:var(--color-border);border-radius:2px;margin:0 auto 20px}.add-sheet-title{font-size:20px;font-weight:700;margin-bottom:16px;color:var(--color-text)}.add-sheet-input{width:100%;padding:14px;border:2px solid var(--color-border);border-radius:8px;font-size:16px;font-family:var(--font-body);margin-bottom:16px}.add-sheet-input:focus{outline:0;border-color:var(--color-primary)}.add-sheet-main{margin-bottom:12px}.add-sheet-row{display:flex;gap:12px;margin-bottom:16px}.add-sheet-row .add-sheet-input{flex:1;margin-bottom:0}.add-sheet-actions{display:flex;gap:12px}.add-sheet-btn{flex:1;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;font-family:var(--font-body)}.add-sheet-btn.primary{background:var(--color-primary);color:#fff}.add-sheet-btn.secondary{background:var(--color-bg-subtle);color:var(--color-text-secondary)}