body{background-color:#f8fafc;color:#334155;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;padding:20px}.container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}h1{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:28px;font-weight:600;margin:0;padding:24px;text-align:center}table{border-collapse:separate;border-spacing:0;margin:24px 0;width:100%}thead{background:#f1f5f9}th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:14px;font-weight:600;padding:16px 12px}td,th{text-align:center}td{border-bottom:1px solid #e2e8f0;padding:12px;vertical-align:middle}tbody tr:hover{background-color:#f8fafc}input[type=text]{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}input[type=text]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}input[type=number]{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:8px 12px;text-align:center;transition:border-color .2s ease;width:80px}input[type=number]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.star-buttons{gap:2px}.star-buttons,.star-buttons button{display:flex;justify-content:center}.star-buttons button{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:16px;height:32px;transition:all .2s ease;width:32px}.star-buttons button:hover{background:#e2e8f0;transform:translateY(-1px)}.star-buttons button.selected{background:#667eea;box-shadow:0 2px 4px #667eea4d;color:#fff}.value-buttons{display:flex;gap:2px;justify-content:center}.value-buttons button{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.value-buttons button:hover{background:#e2e8f0;transform:translateY(-1px)}.value-buttons button.selected{background:#059669;box-shadow:0 2px 4px #0596694d;color:#fff}button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.add-button{background:#10b981;color:#fff}.add-button:hover{background:#059669}.results-button{background:#f59e0b;color:#fff;font-size:16px;margin:24px;padding:16px 32px}.results-button:hover{background:#d97706}.results{background:#f8fafc;border-radius:12px;margin:24px;padding:24px}.results h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 16px}.results ul{list-style:none;margin:0;padding:0}.results li{background:#fff;border-left:4px solid #667eea;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;font-weight:500;justify-content:space-between;margin:8px 0;padding:16px}.add-row{background:#f1f5f9!important;border:2px dashed #cbd5e1!important}.add-row button{background:#10b981;border:none;color:#fff}