*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #6750a4;--on-primary: #ffffff;--primary-container: #eaddff;--on-primary-container: #21005d;--surface: #fffbfe;--on-surface: #1c1b1f;--surface-variant: #f4eff4;--on-surface-variant: #49454f;--outline: #79747e;--outline-variant: #cab6cf;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #410002;--success: #006e1c;--on-success: #ffffff;--success-container: #97f884;--on-success-container: #002204;--warning: #805610;--on-warning: #ffffff;--warning-container: #ffddb3;--on-warning-container: #291800;--border-radius: 12px;--elevation-1: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);--elevation-2: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);--elevation-3: 0px 1px 3px 0px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15);--transition: .2s cubic-bezier(.2, 0, 0, 1)}body{font-family:Arial,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;color:var(--on-surface);background-color:var(--surface);padding:16px}.container{max-width:1200px;margin:0 auto;background-color:var(--surface);border-radius:28px;box-shadow:var(--elevation-2);padding:24px}.header{margin-bottom:32px}.header h1{font-size:2.5rem;font-weight:400;color:var(--on-surface);margin-bottom:8px;letter-spacing:-.5px}.subtitle{font-size:1rem;color:var(--on-surface-variant);font-weight:400}.input-section{margin-bottom:24px}.input-wrapper{position:relative}#textInput{width:100%;min-height:180px;padding:16px;border:1px solid var(--outline);border-radius:var(--border-radius);font-size:1rem;font-family:inherit;resize:vertical;transition:var(--transition);background-color:var(--surface);color:var(--on-surface)}#textInput:focus{outline:none;border-color:var(--primary-color);border-width:2px}#textInput::placeholder{color:var(--on-surface-variant)}.char-counter{position:absolute;bottom:12px;right:12px;font-size:.75rem;color:var(--on-surface-variant);background-color:var(--surface);padding:4px 8px;border-radius:8px}.char-counter .warning{color:var(--error)}.controls{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}button{height:40px;padding:0 24px;border:none;border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px;letter-spacing:.1px}.btn-primary{background-color:var(--primary-color);color:var(--on-primary);box-shadow:var(--elevation-1)}.btn-primary:hover:not(:disabled){box-shadow:var(--elevation-2)}.btn-primary:disabled{background-color:var(--on-surface);color:var(--surface);opacity:.38;cursor:not-allowed;box-shadow:none}.btn-secondary{background-color:transparent;color:var(--primary-color);border:1px solid var(--outline)}.btn-secondary:hover{background-color:var(--primary-container)}.loading-indicator{display:none;align-items:center;gap:12px;color:var(--primary-color);font-size:.875rem}.spinner{width:16px;height:16px;border:2px solid var(--outline-variant);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.model-loading-container{display:none;flex-direction:column;align-items:center;gap:16px;padding:24px;background-color:var(--primary-container);border-radius:var(--border-radius);margin-bottom:24px}.model-loading-text{font-size:.875rem;color:var(--on-primary-container);text-align:center}.model-loading-title{font-weight:500;margin-bottom:4px}.model-loading-subtitle{font-size:.75rem;opacity:.7}.progress-bar{width:100%;max-width:300px;height:8px;background-color:#6750a433;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary-color);border-radius:4px;transition:width .3s var(--transition);width:0%}.progress-percentage{font-size:.75rem;font-weight:500;color:var(--on-primary-container);min-width:40px;text-align:center}.status{padding:12px 16px;border-radius:var(--border-radius);font-size:.875rem;margin-bottom:24px}.status.loading{background-color:var(--primary-container);color:var(--on-primary-container)}.status.success{background-color:var(--success-container);color:var(--on-success-container)}.status.error{background-color:var(--error-container);color:var(--on-error-container)}.status.info{background-color:var(--surface-variant);color:var(--on-surface-variant)}.results-section{display:none;grid-template-columns:1fr 300px;gap:24px}@media (max-width: 1024px){.results-section{grid-template-columns:1fr}}.analysis-panel,.stats-panel{background-color:var(--surface-variant);border-radius:var(--border-radius);padding:16px}.panel-title{font-size:1.125rem;font-weight:500;color:var(--on-surface);margin-bottom:16px;display:flex;align-items:center;gap:8px}.highlight-container{background-color:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--border-radius);padding:16px;min-height:200px;max-height:500px;overflow-y:auto;font-size:1rem;line-height:1.6;white-space:pre-wrap}.sentence-highlight{padding:2px 6px;border-radius:6px;margin:0 1px;transition:var(--transition)}.sentence-highlight:hover{box-shadow:var(--elevation-1)}.stats-panel{height:fit-content}#statsContainer{display:flex;flex-direction:column;gap:12px}.stat-item{padding:12px;background-color:var(--surface);border-radius:var(--border-radius)}.confidence-stat .stat-label,.total-stat .stat-label{font-size:.875rem;font-weight:500;color:var(--on-surface-variant);margin-bottom:4px}.confidence-stat .stat-value,.total-stat .stat-value{font-size:1.5rem;font-weight:400;color:var(--on-surface)}.confidence-bar{width:100%;height:4px;background-color:var(--outline-variant);border-radius:2px;margin-top:8px}.confidence-fill{height:100%;background-color:var(--primary-color);border-radius:2px;transition:width .3s var(--transition)}.category-stat{display:flex;justify-content:space-between;align-items:center}.category-stat .stat-label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:400}.stat-color{width:12px;height:12px;border-radius:50%}.stat-details{text-align:right}.stat-value{font-size:1rem;font-weight:500;color:var(--on-surface)}.stat-percentage{font-size:.75rem;color:var(--on-surface-variant)}.legend{margin-top:24px;padding:16px;background-color:var(--surface-variant);border-radius:var(--border-radius)}.legend-title{font-weight:500;color:var(--on-surface);margin-bottom:12px;font-size:.875rem}.legend-items{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--on-surface-variant)}.legend-color{width:12px;height:12px;border-radius:50%}.legend-color.polite{background-color:var(--success)}.legend-color.somewhat-polite{background-color:var(--warning)}.legend-color.neutral{background-color:var(--on-surface-variant)}.legend-color.impolite{background-color:var(--error)}@media (max-width: 768px){.container{padding:16px;border-radius:0;box-shadow:none}.header h1{font-size:2rem}.controls{flex-direction:column}button{width:100%;justify-content:center}}@media (max-width: 480px){body{padding:8px}.container{padding:12px}#textInput{min-height:120px;padding:12px}}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}button:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}