*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.6;min-height:100vh;padding:1rem}.container{background:#fff;border-radius:12px;box-shadow:0 2px 20px rgba(0,0,0,.1);margin:0 auto;max-width:480px;min-height:calc(100vh - 2rem);overflow:hidden}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem 1.5rem 1.5rem;position:relative;text-align:center}.title{font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.language-selector{position:absolute;right:1rem;top:1rem}.language-dropdown{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;outline:none;padding:.5rem;transition:all .2s ease}.language-dropdown:hover{background:hsla(0,0%,100%,.3)}.language-dropdown option{background:#333;color:#fff}.main-content{padding:1.5rem}.comparison-table{background:#fff;border-radius:8px;margin-bottom:1.5rem}.table-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:8px 8px 0 0;display:grid;gap:.5rem;grid-template-columns:1.2fr .8fr .8fr .8fr;padding:1rem}.header-cell{color:#495057;font-size:.875rem;font-weight:600;text-align:center}.company-header,.criteria-header{align-items:center;display:flex;justify-content:center}.company-name-input{background:transparent;border:1px dashed transparent;border-radius:4px;color:#495057;cursor:text;font-size:.875rem;font-weight:600;padding:.25rem;text-align:center;transition:all .2s ease;width:100%}.company-name-input:hover{background:rgba(0,0,0,.05);border-color:#667eea}.company-name-input:focus{background:#fff;border-color:#667eea;border-style:solid;box-shadow:0 0 0 2px rgba(102,126,234,.1);outline:none}.criteria-rows{padding:0}.criteria-row{align-items:center;border-bottom:1px solid #f1f3f4;display:grid;gap:.5rem;grid-template-columns:1.2fr .8fr .8fr .8fr;padding:.5rem 1rem}.criteria-row:last-child{border-bottom:none}.criteria-cell{align-items:center;display:flex;gap:.5rem;position:relative}.criteria-name-input{background:transparent;border:1px dashed transparent;border-radius:4px;color:#333;cursor:text;font-size:.875rem;padding:.5rem;transition:all .2s ease;width:100%}.criteria-name-input:hover{background:rgba(0,0,0,.05);border-color:#667eea}.criteria-name-input:focus{background:#fff;border-color:#667eea;border-style:solid;box-shadow:0 0 0 2px rgba(102,126,234,.1);outline:none}.remove-criteria-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:20px;justify-content:center;transition:all .2s ease;width:20px}.remove-criteria-btn:hover{background:#c82333;transform:scale(1.1)}.importance-cell,.score-cell{align-items:center;display:flex;justify-content:center}.importance-input,.score-input{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;font-size:1.125rem;font-weight:600;height:45px;outline:none;text-align:center;transition:all .2s ease;width:60px}.importance-input{border-color:#28a745}.importance-input:hover,.score-input:focus,.score-input:hover{border-color:#667eea}.score-input:focus{box-shadow:0 0 0 3px rgba(102,126,234,.1)}.importance-input:focus{border-color:#28a745;box-shadow:0 0 0 3px rgba(40,167,69,.1)}.add-criteria-row{align-items:center;border-top:2px dashed #e9ecef;display:grid;gap:.5rem;grid-template-columns:1.2fr .8fr .8fr .8fr;padding:1rem}.new-criteria-input{border:1px solid #e9ecef;border-radius:6px;font-size:.875rem;outline:none;padding:.75rem;transition:all .2s ease;width:100%}.new-criteria-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.add-criteria-btn{align-items:center;background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:600;height:45px;justify-content:center;transition:all .2s ease;width:45px}.add-criteria-btn:hover{background:#218838;transform:translateY(-1px)}.add-criteria-btn:active{transform:translateY(0)}.compare-section{margin-bottom:2rem;text-align:center}.compare-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px rgba(102,126,234,.3);color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;letter-spacing:.5px;padding:1rem 3rem;text-transform:uppercase;transition:all .3s ease}.compare-btn:hover{box-shadow:0 6px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.compare-btn:active{transform:translateY(0)}.results-section{background:#f8f9fa;border-radius:12px;margin-top:2rem;padding:2rem 1.5rem;text-align:center}.results-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.result-item{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:1.5rem;transition:transform .2s ease}.result-item:hover{transform:translateY(-2px)}.result-company{color:#6c757d;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.result-score{color:#333;font-size:2.5rem;font-weight:700;line-height:1}@media (min-width:481px) and (max-width:768px){.container{max-width:600px}.title{font-size:1.75rem}.score-input{font-size:1.25rem;height:50px;width:70px}.add-criteria-btn{height:50px;width:50px}}@media (min-width:769px){body{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.container{margin:0;max-width:640px;min-height:auto}.header{padding:2.5rem 2rem 2rem}.title{font-size:2rem}.main-content{padding:2rem}.add-criteria-row,.criteria-row,.table-header{padding:1.5rem}.importance-input,.score-input{font-size:1.25rem;font-size:1.375rem;height:50px;height:55px;width:70px;width:80px}.add-criteria-btn{height:55px;width:55px}.compare-btn{font-size:1.25rem;padding:1.25rem 4rem}.result-score{font-size:3rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-section{animation:fadeIn .5s ease-out}.add-criteria-btn:focus-visible,.compare-btn:focus-visible,.remove-criteria-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.company-name-input:focus-visible,.criteria-name-input:focus-visible,.importance-input:focus-visible,.new-criteria-input:focus-visible,.score-input:focus-visible{outline:2px solid #667eea;outline-offset:1px}@media (prefers-contrast:high){.add-criteria-btn,.compare-btn{border:2px solid}.importance-input,.new-criteria-input,.score-input{border-width:3px}}